:root{--ink:#13202e;--muted:#5d6b7c;--card:#ffffffeb;--line:#13202e1a;--accent:#ff7a1a;--accent-2:#ff4d1a;--gold:#ffc83d;--sky:#a9cbed;--r-common:#9aa7b8;--r-rare:#3fa7ff;--r-epic:#b46cff;--r-legendary:#ffb020;--radius:22px;--display:"Lilita One", "Rubik", system-ui, sans-serif;--font:"Rubik", system-ui, -apple-system, sans-serif;--sym:84px}*{box-sizing:border-box}html,body{background:var(--sky);height:100%;color:var(--ink);font-family:var(--font);-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;margin:0;overflow:hidden}#scene{touch-action:none;width:100%;height:100%;display:block;position:fixed;inset:0}#ui{pointer-events:none;position:fixed;inset:0}.hidden{display:none!important}.muted{color:var(--muted)}.screen{pointer-events:auto;padding:max(16px, env(safe-area-inset-top)) 16px max(16px, env(safe-area-inset-bottom));background:radial-gradient(at 50% 120%,#0c1c348c,#0c1c3414 70%);justify-content:center;align-items:center;display:flex;position:absolute;inset:0;overflow-y:auto}.card{background:var(--card);-webkit-backdrop-filter:blur(14px);border-radius:var(--radius);text-align:center;flex-direction:column;gap:12px;width:100%;max-width:400px;margin:auto;padding:26px 22px 20px;animation:.35s cubic-bezier(.2,.9,.3,1.2) cardIn;display:flex;position:relative;box-shadow:0 24px 60px -20px #0a1e3c8c,inset 0 0 0 1px #fff9}@keyframes cardIn{0%{opacity:0;transform:translateY(18px)scale(.97)}}.logo{font-family:var(--display);letter-spacing:1px;color:var(--ink);margin:4px 0 0;font-size:64px;font-weight:400;line-height:.9}.logo span{color:var(--accent)}.tagline{color:var(--muted);margin:0 0 6px;font-weight:600}.title{font-family:var(--display);margin:0;font-size:38px;font-weight:400}.stats-row{justify-content:center;gap:10px;display:flex}.stat{border:1px solid var(--line);background:#fff;border-radius:999px;align-items:center;gap:8px;padding:8px 14px;font-size:18px;display:inline-flex}.stat b{font-weight:800}.btn{pointer-events:auto;appearance:none;cursor:pointer;font:600 16px var(--font);color:var(--ink);box-shadow:0 3px 0 #13202e24, 0 0 0 1px var(--line) inset;background:#fff;border:0;border-radius:14px;padding:13px 16px;transition:transform 80ms,box-shadow 80ms,opacity .2s;position:relative}.btn:active{box-shadow:0 1px 0 #13202e24, 0 0 0 1px var(--line) inset;transform:translateY(2px)}.btn:disabled{opacity:.45;cursor:default;transform:none}.btn small{opacity:.75;margin-left:6px;font-size:12px;font-weight:400}.btn-primary{background:linear-gradient(180deg, #ff9640, var(--accent-2));color:#fff;text-shadow:0 1px #00000026;box-shadow:0 4px #c23a0a,0 10px 24px -8px #ff4d1a99}.btn-primary:active{box-shadow:0 1px #c23a0a}.btn-big{font-family:var(--display);letter-spacing:.5px;padding:14px 18px;font-size:28px;font-weight:400}.btn-ghost{box-shadow:none;color:var(--muted);background:0 0}.btn-ad{color:#fff;background:linear-gradient(#34d27b,#16a35a);box-shadow:0 4px #0e7a42}.btn-small{padding:9px 12px;font-size:14px}.btn-row{grid-template-columns:1fr 1fr;gap:10px;display:grid}.badge-dot{background:var(--accent-2);border:2px solid #fff;border-radius:50%;width:14px;height:14px;animation:1.4s infinite pulse;position:absolute;top:-4px;right:-4px}.pulse{animation:1.4s infinite pulseBtn}@keyframes pulse{50%{transform:scale(1.3)}}@keyframes pulseBtn{50%{box-shadow:0 3px 0 #13202e24, 0 0 0 3px var(--gold) inset}}.coin-icon{background:radial-gradient(circle at 35% 30%,#fff6c8 0 18%,#ffd34d 30%,#e09a10 75%);border-radius:50%;flex:none;width:20px;height:20px;display:inline-block;box-shadow:inset 0 0 0 2px #b97700}#hud{color:#fff;text-shadow:0 2px 6px #00143273;position:absolute;inset:0}.hud-top{top:max(14px, env(safe-area-inset-top));justify-content:space-between;align-items:flex-start;gap:8px;display:flex;position:absolute;left:16px;right:16px}.hud-box{flex-direction:column;align-items:flex-start;display:flex}.hud-box:last-child{align-items:flex-end}.hud-label{letter-spacing:1.5px;text-transform:uppercase;opacity:.85;font-size:11px;font-weight:800}.hud-value{font-family:var(--display);font-size:30px;line-height:1}.hud-coins{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0a192d59;border-radius:999px;flex-direction:row;align-items:center;gap:8px;padding:6px 14px 6px 8px}.hud-coins .coin-icon{width:26px;height:26px}.hud-bottom{left:16px;right:16px;bottom:max(18px, env(safe-area-inset-bottom));justify-content:space-between;align-items:flex-end;display:flex;position:absolute}.hud-mult{transform-origin:0 100%;flex-direction:column;gap:4px;display:flex}.hud-mult span{font-family:var(--display);font-size:48px;line-height:.9}.hud-mult small{opacity:.75;font-size:11px;font-weight:600}.hud-mult[data-level="2"] span{color:#ffe27a}.hud-mult[data-level="3"] span{color:#ffb84d}.hud-mult[data-level="4"] span{color:#ff7a3d}.hud-mult[data-level="5"] span{color:#ff4d6d}.hud-mult.bump{animation:.35s bump}@keyframes bump{40%{transform:scale(1.35)}}.mult-bar{background:#ffffff4d;border-radius:4px;width:110px;height:7px;overflow:hidden}#hud-mult-fill{transform-origin:0;background:linear-gradient(90deg,#ffe27a,#ff7a3d);height:100%;transform:scaleX(0)}.hud-speed{text-align:right;font-family:var(--display);font-size:40px;line-height:.9}.hud-speed small{font-family:var(--font);letter-spacing:1px;font-size:12px;font-weight:800;display:block}.hud-hint{white-space:nowrap;text-shadow:none;background:#0a192d80;border-radius:12px;padding:10px 16px;font-size:14px;font-weight:600;transition:opacity .8s;position:absolute;top:24%;left:50%;transform:translate(-50%)}.hud-hint.fade{opacity:0}.hud-hint .touch{display:none}@media (pointer:coarse){.hud-hint .touch{display:inline}.hud-hint .desk{display:none}}#vignette{opacity:0;background:radial-gradient(#0000 55%,#ff6e1e8c 100%);transition:opacity .25s;position:absolute;inset:0}#flash{opacity:0;background:#fff;position:absolute;inset:0}#flash.on{animation:.6s ease-out flash}@keyframes flash{0%{opacity:.9}to{opacity:0}}.popup{font-family:var(--display);color:#fff;text-shadow:0 2px #00000040,0 0 12px #0000004d;white-space:nowrap;font-size:26px;animation:.9s ease-out forwards rise;position:absolute;transform:translate(-50%,-50%)}.popup.bronze{color:#ffd2a6}.popup.silver{color:#f4f8ff}.popup.gold{color:var(--gold);font-size:32px}.popup.diamond{color:#8ffbff;font-size:44px}@keyframes rise{0%{opacity:0;margin-top:0;scale:.6}15%{opacity:1;scale:1.15}to{opacity:0;margin-top:-70px;scale:1}}#banner{font-family:var(--display);color:#fff;opacity:0;white-space:nowrap;text-shadow:0 4px #0003,0 0 24px #ff8c2899;font-size:56px;position:absolute;top:32%;left:50%;transform:translate(-50%,-50%)}#banner.show{animation:1.1s ease-out forwards bannerPop}#banner.gold{color:var(--gold)}#banner.mult{color:#ffe27a;font-size:72px}#banner.lost{color:#e3ebf5;text-shadow:0 2px 8px #00000059;font-size:30px}@keyframes bannerPop{0%{opacity:0;transform:translate(-50%,-50%)scale(.5)}18%{opacity:1;transform:translate(-50%,-50%)scale(1.12)}30%{transform:translate(-50%,-50%)scale(1)}75%{opacity:1}to{opacity:0;transform:translate(-50%,-70%)scale(1)}}.ribbon{background:linear-gradient(180deg, #ffe27a, var(--r-legendary));color:#5a3a00;font-family:var(--display);border-radius:999px;align-self:center;margin-top:-42px;padding:8px 18px;font-size:20px;animation:.6s .2s bump;box-shadow:0 6px 18px -6px #ffa000cc}.result-grid{grid-template-columns:1fr 1fr;gap:8px;margin:4px 0;display:grid}.result-grid div{border:1px solid var(--line);background:#fff;border-radius:14px;flex-direction:column;gap:2px;padding:10px;display:flex}.result-grid span{letter-spacing:1px;text-transform:uppercase;color:var(--muted);font-size:11px;font-weight:800}.result-grid b{font-family:var(--display);font-size:26px;font-weight:400}.result-grid .hl{background:linear-gradient(#fff8df,#ffeeb0);border-color:#f5d572}#go-cause{margin:-6px 0 0;font-weight:600}.slot-card{gap:10px}.machine{background:linear-gradient(#2a1b4f,#160d2e);border-radius:22px;margin:4px 30px 0 0;padding:16px 14px;transition:filter .3s;position:relative;box-shadow:inset 0 0 0 4px #ffc83d,inset 0 0 0 7px #a86d00,0 14px 30px -12px #1e0a3ccc}.bulbs{pointer-events:none;z-index:2;position:absolute;inset:0}.bulb{opacity:.35;width:9px;height:9px;animation:1.4s infinite bulb;animation-delay:calc(var(--i) * -.12s);background:#ffe9a8;border-radius:50%;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 6px #ffcf4d}@keyframes bulb{50%{opacity:1}}.machine.spinning .bulb{animation-duration:.45s}.machine.tense .bulb{animation:.25s infinite alternate bulbTense}.machine.win .bulb{animation:.18s infinite alternate bulbWin}.machine.jackpot .bulb{animation:.6s infinite bulbRainbow;animation-delay:calc(var(--i) * -.05s)}@keyframes bulbTense{0%{opacity:.3}to{opacity:1;background:#ff6b6b;box-shadow:0 0 10px #ff4d4d}}@keyframes bulbWin{0%{opacity:.4}to{opacity:1;background:#fff;box-shadow:0 0 12px #ffe27a}}@keyframes bulbRainbow{0%,to{opacity:1;background:#ff4d6d;box-shadow:0 0 12px #ff4d6d}25%{background:#ffe14d;box-shadow:0 0 12px #ffe14d}50%{background:#4dff88;box-shadow:0 0 12px #4dff88}75%{background:#4dc3ff;box-shadow:0 0 12px #4dc3ff}}.reels{z-index:1;grid-template-columns:repeat(3,1fr);gap:8px;display:grid;position:relative}.reel{height:calc(var(--sym) * 1.7);background:linear-gradient(#c9d3df,#fff 30% 70%,#c9d3df);border-radius:12px;transition:box-shadow .2s;position:relative;overflow:hidden;box-shadow:inset 0 0 0 2px #00000040}.reel:after{content:"";pointer-events:none;background:linear-gradient(#160d2e99,#0000 30% 70%,#160d2e99);position:absolute;inset:0}.strip{will-change:transform}.strip.blur .sym{filter:blur(1.6px)}.reel.stop{animation:.25s reelStop}@keyframes reelStop{40%{transform:translateY(5px)}}.reel.tense{box-shadow:inset 0 0 0 3px #ff4d4d,0 0 18px 2px #ff4d4db3}.reel.hit{box-shadow:inset 0 0 0 3px #ffc83d,0 0 18px 2px #ffc83dcc}.reel.hit .sym:nth-child(2){animation:.5s ease-in-out 3 symWin}@keyframes symWin{50%{transform:scale(1.25)rotate(-6deg)}}.sym{height:var(--sym);justify-content:center;align-items:center;font-size:50px;display:flex}.payline{z-index:1;pointer-events:none;background:#ff3c5ab3;height:2px;margin-top:-1px;position:absolute;top:50%;left:8px;right:8px;box-shadow:0 0 6px #ff3c5a99}.machine.tense{animation:.5s infinite tense}@keyframes tense{50%{box-shadow:inset 0 0 0 4px #ff4d4d,inset 0 0 0 7px #a86d00,0 0 34px 6px #ff4d4db3}}.machine.win{animation:.6s 3 winGlow}.machine.jackpot{animation:.35s 8 jackpot}.machine.lose{filter:saturate(.35)brightness(.85);animation:.4s loseShake}@keyframes winGlow{50%{box-shadow:inset 0 0 0 4px #fff,inset 0 0 0 7px #ffc83d,0 0 40px 6px #ffc83dcc}}@keyframes jackpot{50%{transform:scale(1.03);box-shadow:inset 0 0 0 4px #fff,inset 0 0 0 7px #ff4d6d,0 0 60px 14px #b46cffe6}}@keyframes loseShake{20%,60%{transform:translate(-4px)}40%,80%{transform:translate(4px)}}.slot-flash{z-index:3;pointer-events:none;opacity:0;font-family:var(--display);color:#fff;letter-spacing:1px;text-shadow:0 3px #a86d00,0 0 18px #ffc83de6;justify-content:center;align-items:center;font-size:46px;display:flex;position:absolute;inset:0}.slot-flash.show{animation:1.4s ease-out forwards slotFlash}.slot-flash.gold{color:#ffe27a;font-size:54px}.slot-flash.rare{color:var(--rc);text-shadow:0 3px 0 #00000059, 0 0 22px var(--rc)}@keyframes slotFlash{0%{opacity:0;transform:scale(.4)rotate(-8deg)}15%{opacity:1;transform:scale(1.15)rotate(2deg)}30%{transform:scale(1)rotate(0)}75%{opacity:1}to{opacity:0;transform:scale(1.05)}}.lever{cursor:pointer;z-index:2;background:0 0;border:0;width:28px;height:64%;padding:0;position:absolute;top:18%;right:-30px}.lever:before{content:"";background:linear-gradient(#ffc83d,#a86d00);border-radius:0 6px 6px 0;width:12px;height:26px;position:absolute;bottom:18%;left:0}.lever-arm{transform-origin:bottom;background:linear-gradient(90deg,#9aa7b8,#fff,#9aa7b8);border-radius:4px;width:7px;height:72%;position:absolute;bottom:26%;left:9px}.lever-knob{background:radial-gradient(circle at 35% 30%,#ffb3b3,#e0262f 60%,#8a0f14);border-radius:50%;width:22px;height:22px;position:absolute;top:-12px;left:50%;transform:translate(-50%);box-shadow:0 3px 6px #00000059}.lever.pulled .lever-arm{animation:.55s cubic-bezier(.3,.7,.4,1) leverPull}@keyframes leverPull{35%{transform:scaleY(-.85)}to{transform:scaleY(1)}}.lever:disabled{cursor:default;opacity:.55}.coin-rain{pointer-events:none;z-index:5;position:absolute;inset:0;overflow:hidden}.drop{top:-40px;left:var(--x);animation:fall var(--d) cubic-bezier(.35, .1, .7, 1) var(--delay) forwards;position:absolute}.drop.coin-icon{width:26px;height:26px}.drop.confetti{background:var(--c);border-radius:2px;width:9px;height:15px}@keyframes fall{to{transform:translate(var(--dx), 115vh) rotate(var(--r))}}.prize-lose{color:var(--muted);font-weight:700}.prize-jackpot{color:#e09a10;font-size:34px}@media (prefers-reduced-motion:reduce){.drop{display:none}.machine.tense,.machine.lose,.machine.jackpot,.reel.hit .sym:nth-child(2){animation:none}}.slot-result{flex-direction:column;justify-content:center;align-items:center;gap:4px;min-height:64px;display:flex}.prize{justify-content:center;align-items:center;gap:10px;font-weight:800;animation:.3s cardIn;display:flex}.prize-coins{font-family:var(--display);font-size:28px;font-weight:400}.prize-coins .coin-icon{width:26px;height:26px}.near{color:var(--muted);font-weight:600}.prize-item{text-align:left;width:100%;box-shadow:0 0 0 2px var(--rc) inset, 0 8px 24px -10px var(--rc);background:#fff;border-radius:16px;padding:10px 12px}.prize-text{flex-direction:column;flex:1;min-width:0;display:flex}.prize-text small{letter-spacing:1px;text-transform:uppercase;font-size:11px;font-weight:800}.prize-text b{font-family:var(--display);font-size:22px;font-weight:400}.prize-text .muted{font-size:13px;font-weight:400}.paytable{color:var(--muted);flex-wrap:wrap;justify-content:center;gap:4px 12px;font-size:12px;display:flex}.tabs{background:#13202e0f;border-radius:14px;grid-template-columns:1fr 1fr;gap:6px;padding:4px;display:grid}.tab{font:600 15px var(--font);color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:10px;padding:10px}.tab.active{color:var(--ink);background:#fff;box-shadow:0 2px 6px #00000014}.progress{background:#13202e14;border-radius:999px;height:26px;position:relative;overflow:hidden}#garage-progress-fill{background:linear-gradient(90deg, #ffe27a, var(--accent));transform-origin:0;transition:transform .4s;position:absolute;inset:0}#garage-progress{font-size:13px;font-weight:800;line-height:26px;position:relative}.item-grid{grid-template-columns:repeat(3,1fr);gap:8px;max-height:46vh;padding:2px;display:grid;overflow-y:auto}.item{cursor:pointer;font-family:var(--font);box-shadow:0 0 0 2px var(--rc) inset;background:#fff;border:0;border-radius:14px;flex-direction:column;align-items:center;gap:4px;padding:12px 6px 10px;display:flex;position:relative}.item b{font-size:13px;line-height:1.15}.item small{letter-spacing:.5px;text-transform:uppercase;color:var(--rc);font-size:10px;font-weight:800}.item.locked{opacity:.55;cursor:default;box-shadow:0 0 0 2px var(--line) inset;background:#fff9}.item.equipped{box-shadow:0 0 0 3px var(--rc) inset, 0 6px 18px -6px var(--rc)}.tag{background:var(--ink);color:#fff;border-radius:999px;padding:3px 7px;font-size:10px;font-weight:800;position:absolute;top:-7px;right:-4px}.swatch{border-radius:50%;flex:none;width:46px;height:46px;display:block;box-shadow:0 0 0 3px #fff,0 2px 8px #0003}.swatch.trail{border-radius:10px;width:54px;height:22px;margin:12px 0}.swatch.big{width:54px;height:54px}.swatch.trail.big{width:60px;height:26px}.swatch.metal{filter:contrast(1.2)brightness(1.08)}.swatch.glow{box-shadow:0 0 0 3px #fff, 0 0 18px var(--sw)}.locked-swatch{color:#9aa7b8;font-family:var(--display);background:#dfe5ec;justify-content:center;align-items:center;font-size:24px;display:flex}#ad-overlay{pointer-events:auto;color:#fff;text-align:center;background:#050a14eb;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.ad-box{flex-direction:column;align-items:center;gap:8px;display:flex}.ad-count{font-family:var(--display);font-size:80px;line-height:1}.ad-box small{opacity:.6}@media (height<=700px){:root{--sym:70px}.logo{font-size:52px}.card{gap:10px;padding:20px 18px 14px}.sym{font-size:40px}}.account-chip{appearance:none;border:1px solid var(--line);cursor:pointer;font:600 14px var(--font);color:var(--ink);text-overflow:ellipsis;white-space:nowrap;background:#fff;border-radius:999px;align-self:flex-end;max-width:100%;margin:-8px -6px -4px 0;padding:6px 12px;overflow:hidden}.account-chip:disabled{opacity:.45;cursor:default}.account-body{flex-direction:column;gap:12px;display:flex}.account-body p{margin:0}.account-form{text-align:left;flex-direction:column;gap:10px;display:flex}.account-form label{color:var(--muted);flex-direction:column;gap:4px;font-size:13px;font-weight:800;display:flex}.account-form input{font:400 16px var(--font);color:var(--ink);border:1px solid var(--line);-webkit-user-select:text;user-select:text;background:#fff;border-radius:12px;padding:12px 14px}.account-form input:focus{outline:2px solid var(--accent);outline-offset:1px}.account-warning{color:#6b4a00;background:#fff3d6;border-radius:12px;margin:0;padding:10px 12px;font-size:13px;font-weight:600}.form-error{color:#c2261a;text-align:center;min-height:0;margin:0;font-size:14px;font-weight:600}.form-error:empty{display:none}
