:root{--bg:#140f1f;--panel:#1f1830;--panel-2:#2a1f3d;--text:#f4efff;--muted:#a99bc9;--trim:#f2c14e;--neon:#ff7ad9;--ok:#4fd1a5;--bad:#ff6b6b;--radius:18px;--safe-b:env(safe-area-inset-bottom,0px);--safe-t:env(safe-area-inset-top,0px);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{background:var(--bg);height:100%;color:var(--text);overscroll-behavior:none;margin:0;font:16px/1.3 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}body{overflow:hidden}#app{width:100vw;height:100dvh}[hidden]{display:none!important}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0}.muted{color:var(--muted)}.lobby{height:100%;padding:calc(16px + var(--safe-t)) 16px calc(16px + var(--safe-b));flex-direction:column;gap:16px;display:flex;overflow-y:auto}.lobby-head h1{letter-spacing:.08em;text-transform:uppercase;background:linear-gradient(90deg, var(--trim), var(--neon));color:#0000;-webkit-background-clip:text;background-clip:text;margin:0;font-size:28px}.lobby-head p{margin:4px 0 0}.cabinet-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}@media (min-width:720px){.cabinet-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.cabinet{border-radius:var(--radius);background:var(--cab,var(--panel));border:3px solid var(--trim,#555);text-align:center;color:var(--text);flex-direction:column;align-items:center;gap:6px;padding:14px 12px 16px;display:flex;position:relative;box-shadow:0 0 0 1px #0006,0 12px 30px #00000059}.cabinet.live{box-shadow:0 0 0 1px #0006, 0 0 24px color-mix(in srgb, var(--neon) 55%, transparent), 0 12px 30px #00000059}.cabinet.live:active{transform:translateY(1px)scale(.99)}.cabinet.soon{opacity:.55;filter:saturate(.4)}.cabinet-screen{aspect-ratio:4/3;background:radial-gradient(at 50% 30%,#ffffff24,#0000 70%),#0d0a16;border:2px solid #ffffff14;border-radius:12px;place-items:center;width:100%;display:grid}.cabinet-glyph{filter:drop-shadow(0 0 10px var(--neon));font-size:40px}.cabinet-name{font-size:18px;font-weight:700}.cabinet-tag{color:var(--muted);min-height:1.3em;font-size:13px}.cabinet-cta{background:var(--trim);color:#241a08;letter-spacing:.06em;border-radius:999px;margin-top:6px;padding:8px 22px;font-weight:800}.lobby-foot{color:var(--muted);flex-wrap:wrap;align-items:center;gap:12px 20px;margin-top:auto;font-size:14px;display:flex}.toggle{align-items:center;gap:8px;display:inline-flex}.toggle input{width:20px;height:20px;accent-color:var(--trim)}.version{margin-left:auto;font-size:12px}.game{background:var(--bg);grid-template-rows:auto 1fr auto;height:100%;display:grid}.hud{padding:calc(6px + var(--safe-t)) 10px 6px;background:var(--panel);border-bottom:1px solid #ffffff0f;align-items:center;gap:8px;display:flex}.hud-btn{background:var(--panel-2);border-radius:12px;min-width:44px;height:40px;padding:0 12px;font-weight:700}.hud-btn.back{font-size:26px;line-height:1}.hud-btn.on{background:var(--trim);color:#241a08}.hud-title{flex-direction:column;flex:1;min-width:0;line-height:1.15;display:flex}.hud-title strong{font-size:16px}.hud-status{color:var(--muted);min-height:1.2em;font-size:12px}.balances{gap:6px;display:flex}.pill{background:var(--panel-2);border-radius:999px;align-items:center;gap:4px;padding:6px 10px;font-size:13px;display:inline-flex}.pill b{font-variant-numeric:tabular-nums}.pill.tokens{color:var(--trim)}.pill.tickets.bump{animation:.35s ease-out bump}@keyframes bump{0%{transform:scale(1)}40%{background:var(--ok);color:#062e22;transform:scale(1.18)}to{transform:scale(1)}}.canvas-wrap{min-height:0;position:relative;overflow:hidden}.game-canvas{touch-action:none;outline:none;width:100%;height:100%;display:block}.loading{color:var(--muted);background:var(--bg);text-align:center;place-items:center;padding:24px;font-size:15px;display:grid;position:absolute;inset:0}.result{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:2px solid var(--trim);text-align:center;pointer-events:none;background:#140f1fe0;border-radius:20px;min-width:200px;padding:18px 28px;animation:.28s cubic-bezier(.2,1.4,.4,1) pop;position:absolute;top:42%;left:50%;transform:translate(-50%,-50%)}.result.win{border-color:var(--ok);box-shadow:0 0 40px color-mix(in srgb, var(--ok) 50%, transparent)}.result.miss{border-color:var(--bad)}.result-title{font-size:26px;font-weight:800}.result-detail{color:var(--muted);margin-top:4px;font-size:15px}.result.win .result-detail{color:var(--ok);font-weight:700}@keyframes pop{0%{opacity:0;transform:translate(-50%,-50%)scale(.7)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}.controls{padding:14px 18px calc(14px + var(--safe-b));background:var(--panel);touch-action:none;-webkit-user-select:none;user-select:none;border-top:1px solid #ffffff0f;grid-template-columns:1fr 1fr;align-items:center;gap:16px;display:grid}.pad{aspect-ratio:1;grid-template-rows:repeat(3,1fr);grid-template-columns:repeat(3,1fr);justify-self:start;gap:4px;width:min(44vw,200px);display:grid}.pad-btn{background:var(--panel-2);color:var(--text);touch-action:none;border-radius:14px;place-items:center;font-size:22px;transition:background 80ms;display:grid;box-shadow:inset 0 -3px #00000059}.pad-btn.active,.pad-btn:active{background:var(--trim);color:#241a08;box-shadow:inset 0 3px #00000040}.pad-btn.up{grid-area:1/2}.pad-btn.left{grid-area:2/1}.pad-btn.right{grid-area:2/3}.pad-btn.down{grid-area:3/2}.drop{aspect-ratio:1;background:radial-gradient(circle at 50% 35%, #ff9be5, var(--neon) 60%, #b4348f);color:#2a0b22;letter-spacing:.08em;touch-action:none;border-radius:50%;justify-self:end;width:min(38vw,150px);font-size:24px;font-weight:900;transition:transform 60ms,box-shadow 60ms;box-shadow:0 8px #7a1f61,0 14px 30px #ff7ad959}.drop.active,.drop:active{transform:translateY(6px);box-shadow:0 2px #7a1f61,0 6px 16px #ff7ad94d}.controls.disabled .drop{filter:saturate(.3)brightness(.7)}.controls.disabled .pad-btn{opacity:.6}@media (orientation:landscape) and (max-height:520px){.game{grid-template-rows:auto 1fr}.controls{pointer-events:none;background:0 0;border:0;position:absolute;bottom:0;left:0;right:0}.controls>*{pointer-events:auto}.pad{width:min(30vh,170px)}.drop{width:min(26vh,130px)}}.debug{color:#9effc9;pointer-events:none;background:#000000b3;border-radius:8px;max-width:min(72%,420px);padding:6px 8px;font:10px/1.3 ui-monospace,SFMono-Regular,Menlo,monospace;position:absolute;top:6px;left:6px}.debug pre{white-space:pre-wrap;margin:0}.debug-log{color:#ffe08a;margin-top:6px!important}.debug-btn{pointer-events:auto;color:#fff;background:#333;border-radius:6px;margin-top:6px;padding:4px 8px;font-size:11px}.reduced-motion *,.reduced-motion :before,.reduced-motion :after{transition-duration:.01ms!important;animation-duration:.01ms!important}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}