/* Mobile-first: the product is intentionally designed as a phone experience. */
html{-webkit-text-size-adjust:100%;touch-action:manipulation}body{min-width:320px}.page-shell{width:100%;max-width:520px;min-height:100svh;margin:0 auto;padding:14px 12px 22px}.topbar{margin:0 2px 10px}.brand-mark{width:38px;height:38px}.brand b{font-size:14px}.account{gap:6px}.sound-btn,.balance{min-height:42px}.balance{padding-inline:9px}.game-layout{display:block}.hero-panel{display:flex;flex-direction:column;align-items:center;text-align:center;margin:0 0 10px;padding:12px 15px;border-radius:12px}.hero-panel h1{font-size:clamp(29px,9vw,38px);line-height:1;margin:2px 0}.hero-panel p{font-size:12px}.hero-panel small{margin-top:7px;font-size:12px;line-height:1.4}.hero-stats{display:none}.machine{padding:9px;border-radius:14px}.machine-head{height:30px}.reels{height:clamp(172px,47vw,210px);padding:7px;gap:4px;border-width:5px}.symbol{font-size:clamp(25px,8vw,34px)}.payouts{margin-block:7px}.payouts span{padding:7px 4px 3px;font-size:9px}.spin-btn{min-height:56px;font-size:16px}.spins{margin-top:8px}.demo-note{margin:9px 0;font-size:9px}.modal{padding:10px}.modal-card{width:100%;max-width:490px;padding:24px 18px;border-radius:14px}.modal input{height:52px;font-size:16px}.primary{min-height:54px}.win-amount{font-size:clamp(29px,9vw,38px)}
@media(max-width:360px){.page-shell{padding-inline:8px}.brand small{display:none}.balance small{display:none}.payouts span{font-size:8px}.machine{padding-inline:7px}}
@media(min-width:700px){body{display:grid;place-items:start center}.page-shell{padding-top:24px}}
.reels{display:flex;grid-template-columns:none;grid-template-rows:none;gap:5px}.reel-column{flex:1 1 0;min-width:0;display:grid;grid-template-rows:repeat(3,1fr);gap:4px;overflow:hidden;border-radius:7px}.reel-column.spinning .symbol{animation:reelFlow .16s linear infinite;filter:blur(.8px);opacity:.72}.reel-column:nth-child(2).spinning .symbol{animation-delay:-.035s}.reel-column:nth-child(3).spinning .symbol{animation-delay:-.07s}.reel-column:nth-child(4).spinning .symbol{animation-delay:-.105s}.reel-column:nth-child(5).spinning .symbol{animation-delay:-.14s}@keyframes reelFlow{0%{transform:translateY(-45%);opacity:.25}45%{transform:translateY(0);opacity:.85}100%{transform:translateY(45%);opacity:.25}}@media(prefers-reduced-motion:reduce){.reel-column.spinning .symbol{animation:none;filter:none}}
.success-card{border-color:#806b27;box-shadow:0 0 38px rgba(255,207,28,.17)}.success-card h2{color:#ffd829;text-shadow:0 0 12px rgba(255,216,41,.25)}.submitted-address{margin-top:20px;padding:14px;border:1px solid #176276;border-radius:10px;background:#050b10;color:#65ecff;font:12px Consolas,monospace;overflow-wrap:anywhere;text-align:left}.waiting-indicator{display:flex;justify-content:center;gap:8px;margin-top:25px}.waiting-indicator span{width:8px;height:8px;border-radius:50%;background:#ffd829;animation:waitingPulse 1.1s ease-in-out infinite}.waiting-indicator span:nth-child(2){animation-delay:.16s}.waiting-indicator span:nth-child(3){animation-delay:.32s}@keyframes waitingPulse{0%,60%,100%{opacity:.28;transform:translateY(0)}30%{opacity:1;transform:translateY(-5px)}}