:root{--space:#050a06;--playfield:#0f1a13;--playfield-edge:#1b2a1f;--cyan:#cfe0b8;--cyan-rgb:207 224 184;--magenta:#3fe0b4;--magenta-rgb:63 224 180;--gold:#ffb23f;--gold-glow:#ffd23f;--gold-rgb:255 210 63;--alert:#ff5a3d;--text:#f1f4e8;--text-dim:#a8b79c;--text-soft:#d4dfc6;--panel-bg:#070e099e;--panel-bg-solid:#0a120ceb;--panel-blur:blur(6px);--panel-radius:10px;--neon-cyan:0 0 4px #ffffffd9, 0 0 12px rgb(var(--cyan-rgb) / .9), 0 0 26px rgb(var(--cyan-rgb) / .55);--neon-gold:0 0 4px #ffffffd9, 0 0 14px rgb(var(--gold-rgb) / .9), 0 0 30px rgb(var(--gold-rgb) / .5);--neon-magenta:0 0 4px #fffc, 0 0 14px rgb(var(--magenta-rgb) / .85), 0 0 28px rgb(var(--magenta-rgb) / .45)}.hud{padding:max(10px, env(safe-area-inset-top)) 12px 0 12px;pointer-events:none;z-index:5;justify-content:space-between;align-items:flex-start;display:flex;position:absolute;top:0;left:0;right:0}.hud-stats{background:var(--panel-bg);border:1px solid rgb(var(--cyan-rgb) / .35);border-radius:var(--panel-radius);-webkit-backdrop-filter:var(--panel-blur);backdrop-filter:var(--panel-blur);box-shadow:inset 0 0 18px rgb(var(--cyan-rgb) / .12), 0 0 22px rgb(var(--cyan-rgb) / .1);gap:12px;padding:6px 12px;display:flex}.hud-stats>div{flex-direction:column;align-items:center;min-width:52px;display:flex}.hud-label{letter-spacing:.1em;color:var(--cyan);text-shadow:0 0 8px rgb(var(--cyan-rgb) / .6);font-size:10px}.hud-value{font-variant-numeric:tabular-nums;text-shadow:0 0 10px rgb(var(--cyan-rgb) / .45);font-size:16px;font-weight:700}.hud-value.jackpot-lit{color:var(--gold-glow);text-shadow:var(--neon-gold);animation:.6s ease-in-out infinite alternate jackpot-pulse}@keyframes jackpot-pulse{0%{opacity:.7}to{opacity:1}}:root{--hud-top:max(10px, env(safe-area-inset-top));--hud-center-top:var(--hud-top);--hud-dmd-width:min(320px, 76vw)}.hud-center{top:var(--hud-center-top);pointer-events:none;z-index:5;flex-direction:column;align-items:center;gap:6px;width:max-content;max-width:min(60vw,360px);display:flex;position:absolute;left:50%;transform:translate(-50%)}.hud-quest{top:calc(var(--hud-center-top) + var(--hud-dmd-width) * 3 / 8 + 12px);pointer-events:none;z-index:5;flex-direction:column;align-items:center;gap:6px;width:max-content;max-width:min(60vw,360px);display:flex;position:absolute;left:50%;transform:translate(-50%)}@media (width>=1281px){.hud-quest{top:calc(var(--hud-top) + 62px);align-items:flex-start;width:min(300px,21vw);max-width:none;left:12px;transform:none}.hud-quest .hud-mission{text-align:left}}.hud-dmd{width:var(--hud-dmd-width);aspect-ratio:8/3;opacity:.86;background:#050c078c;border:3px solid #141e1699;border-radius:6px;height:auto;display:block;box-shadow:0 2px 10px #00000059}.hud-mission{background:var(--panel-bg);border:1px solid rgb(var(--magenta-rgb) / .35);border-radius:var(--panel-radius);text-align:center;max-width:100%;-webkit-backdrop-filter:var(--panel-blur);backdrop-filter:var(--panel-blur);box-shadow:inset 0 0 18px rgb(var(--magenta-rgb) / .12), 0 0 22px rgb(var(--magenta-rgb) / .1);pointer-events:none;padding:6px 14px;font-size:12px}.hud-tilt{border:1px solid rgb(var(--gold-rgb) / .5);border-radius:var(--panel-radius);letter-spacing:.08em;color:var(--gold-glow);-webkit-backdrop-filter:var(--panel-blur);backdrop-filter:var(--panel-blur);pointer-events:none;white-space:nowrap;background:#080914b8;align-items:baseline;gap:8px;padding:5px 12px;font-size:11px;display:flex}.hud-tilt-sub{opacity:.65;font-size:10px}.hud-tilt.tilted{color:#ff96a0;text-shadow:0 0 10px #ff465ab3;border-color:#ff465acc}.hud-mission-objective{color:var(--text-soft);margin-top:3px;font-size:11px;line-height:1.4}.hud-mission-lock{color:var(--text-soft);opacity:.8;margin-top:2px;font-size:11px}.hud-mission-lock.lit{color:rgb(var(--gold-rgb));opacity:1;font-weight:700}.hud-mission-progress{color:var(--cyan);white-space:nowrap;margin-left:8px;font-weight:700}.hud-plunger-prompt{bottom:max(24px, calc(env(safe-area-inset-bottom) + 24px));border:1px solid rgb(var(--gold-rgb) / .55);border-radius:var(--panel-radius);color:var(--gold-glow);text-shadow:var(--neon-gold);-webkit-backdrop-filter:var(--panel-blur);backdrop-filter:var(--panel-blur);pointer-events:none;background:#080914b8;padding:8px 16px;font-size:13px;animation:1.4s ease-in-out infinite plunger-pulse;position:absolute;left:50%;transform:translate(-50%)}.hud-plunger-key{border:1px solid rgb(var(--gold-rgb) / .7);letter-spacing:.08em;border-radius:5px;margin-right:6px;padding:1px 7px;font-weight:700;display:inline-block}@keyframes plunger-pulse{0%,to{box-shadow:0 0 12px rgb(var(--gold-rgb) / .4), inset 0 0 12px rgb(var(--gold-rgb) / .25)}50%{box-shadow:0 0 26px rgb(var(--gold-rgb) / .85), inset 0 0 18px rgb(var(--gold-rgb) / .45)}}.hud-buttons{pointer-events:auto;gap:8px;display:flex}.hud-button{border-radius:var(--panel-radius);border:1px solid rgb(var(--cyan-rgb) / .35);background:var(--panel-bg);width:36px;height:36px;color:var(--text);-webkit-backdrop-filter:var(--panel-blur);backdrop-filter:var(--panel-blur);cursor:pointer;font-size:15px}.hud-button:active{background:rgb(var(--cyan-rgb) / .25)}@media (width<=1100px){:root{--hud-center-top:calc(var(--hud-top) + 62px)}.hud-center,.hud-quest{max-width:calc(100vw - 24px)}}@media (width<=480px){.hud-stats{gap:6px;padding:5px 8px}.hud-stats>div{min-width:36px}.hud-value{font-size:14px}.hud-stats>.hud-stat-hi{display:none}}.hud-toast{text-align:center;pointer-events:none;z-index:6;border:1px solid rgb(var(--gold-rgb) / .4);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);max-width:min(86vw,580px);box-shadow:inset 0 0 30px rgb(var(--gold-rgb) / .08), 0 0 40px #0000008c;background:#060710b8;border-radius:14px;padding:10px 24px;position:absolute;top:20%;left:50%;transform:translate(-50%,-50%)}.hud-toast-title{letter-spacing:.08em;color:var(--gold-glow);text-shadow:var(--neon-gold);font-variant-numeric:tabular-nums;font-size:clamp(20px,6vw,40px);font-weight:800}.hud-toast-sub{color:var(--text-soft);font-variant-numeric:tabular-nums;text-shadow:0 0 10px rgb(var(--cyan-rgb) / .35);margin-top:4px;font-size:clamp(12px,3vw,16px)}.overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:10;background:#04050cc7;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.overlay-panel{background:var(--panel-bg-solid);border:1px solid rgb(var(--cyan-rgb) / .35);text-align:center;max-width:min(92vw,440px);max-height:85vh;box-shadow:inset 0 0 40px rgb(var(--cyan-rgb) / .08), 0 0 60px rgb(var(--cyan-rgb) / .12);border-radius:16px;padding:24px 28px;overflow-y:auto}.overlay-panel h1{letter-spacing:.12em;color:var(--cyan);text-shadow:var(--neon-cyan);margin:0 0 8px;font-size:clamp(22px,6vw,32px)}.overlay-panel p{color:var(--text-soft);margin:0 0 14px;font-size:14px;line-height:1.6}.overlay-button{letter-spacing:.1em;border-radius:var(--panel-radius);border:1px solid var(--cyan);background:rgb(var(--cyan-rgb) / .15);color:var(--text);text-shadow:var(--neon-cyan);box-shadow:0 0 24px rgb(var(--cyan-rgb) / .25);cursor:pointer;padding:12px 30px;font-size:17px;font-weight:700}.overlay-button:active{background:rgb(var(--cyan-rgb) / .35)}.overlay-panel .overlay-result{color:var(--text-dim);font-size:13px}.overlay-actions{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.overlay-button-secondary{border-color:rgb(var(--cyan-rgb) / .45);text-shadow:none;box-shadow:none;background:0 0}.controls-help{text-align:left;color:var(--text-dim);margin-top:18px;font-size:12px}.controls-help h2{letter-spacing:.1em;color:var(--cyan);text-shadow:0 0 10px rgb(var(--cyan-rgb) / .5);margin:0 0 6px;font-size:12px}.controls-help ul{margin:0;padding-left:18px;line-height:1.7}.touch-controls{pointer-events:none;z-index:4;display:none;position:absolute;inset:0}@media (pointer:coarse){.touch-controls{display:block}}.flipper-zone{pointer-events:auto;width:50%;position:absolute;top:0;bottom:0}.flipper-zone.left{left:0}.flipper-zone.right{right:0}.nudge-strip{bottom:calc(max(28px, env(safe-area-inset-bottom)) + 84px);pointer-events:none;gap:6px;width:min(280px,68vw);height:40px;display:flex;position:absolute;left:50%;transform:translate(calc(-50% - 48px))}.nudge-button{pointer-events:auto;touch-action:none;color:rgb(var(--magenta-rgb) / .9);border:1px solid rgb(var(--magenta-rgb) / .45);background:#08091480;border-radius:8px;flex:1;justify-content:center;align-items:center;font-size:17px;line-height:1;display:flex}.nudge-button:active{background:rgb(var(--magenta-rgb) / .28);border-color:rgb(var(--magenta-rgb) / .9)}.nudge-strip.tilted{opacity:.25}.debug-panel{top:max(10px, env(safe-area-inset-top));border:1px solid rgb(var(--magenta-rgb) / .4);border-radius:var(--panel-radius);z-index:20;pointer-events:auto;background:#080914d9;flex-direction:column;gap:6px;max-width:220px;padding:10px 12px;font-size:12px;display:flex;position:absolute;right:8px}.debug-panel button{border:1px solid rgb(var(--magenta-rgb) / .4);background:rgb(var(--magenta-rgb) / .1);color:var(--text);cursor:pointer;text-align:left;border-radius:6px;padding:6px 8px;font-size:11px}.debug-panel button:active{background:rgb(var(--magenta-rgb) / .3)}.plunger-zone{pointer-events:none;border-left:1px solid rgb(var(--cyan-rgb) / .2);background:linear-gradient(to left, rgb(var(--cyan-rgb) / .1), transparent);width:96px;position:absolute;top:40%;bottom:0;right:0}.plunger-button{bottom:max(28px, env(safe-area-inset-bottom));border:2px solid rgb(var(--cyan-rgb) / .85);background:radial-gradient(circle at 50% 35%, rgb(var(--cyan-rgb) / .32), #080914d1);width:76px;height:76px;box-shadow:0 0 14px rgb(var(--cyan-rgb) / .45), inset 0 0 12px rgb(var(--cyan-rgb) / .25);pointer-events:auto;touch-action:none;text-align:center;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:2px;display:flex;position:absolute;left:50%;transform:translate(-50%)}.plunger-button-title{letter-spacing:.06em;color:var(--text);text-shadow:var(--neon-cyan);font-size:15px;font-weight:700}.plunger-button-sub{letter-spacing:.12em;color:rgb(var(--cyan-rgb) / .85);font-size:10px}.plunger-button:active{box-shadow:0 0 22px rgb(var(--cyan-rgb) / .7), inset 0 0 16px rgb(var(--cyan-rgb) / .4);transform:translate(-50%)scale(.94)}.plunger-button.relaunch{border-color:rgb(var(--gold-rgb) / .9);background:radial-gradient(circle at 50% 35%, rgb(var(--gold-rgb) / .34), #080914d1);animation:1.1s ease-in-out infinite plunger-pulse}.plunger-button.relaunch .plunger-button-title{text-shadow:var(--neon-gold)}.plunger-button.relaunch .plunger-button-sub{color:rgb(var(--gold-rgb) / .9)}@media (prefers-reduced-motion:reduce){.plunger-button.relaunch{box-shadow:0 0 20px rgb(var(--gold-rgb) / .7), inset 0 0 16px rgb(var(--gold-rgb) / .4);animation:none}}*{box-sizing:border-box}html,body,#root{background:var(--space);width:100%;height:100%;color:var(--text);-webkit-tap-highlight-color:transparent;margin:0;padding:0;font-family:ui-monospace,Segoe UI,Roboto,sans-serif;overflow:hidden}.app{touch-action:none;overscroll-behavior:none;-webkit-user-select:none;user-select:none;width:100%;height:100dvh;position:fixed;inset:0}.app canvas{touch-action:none;display:block}@media (prefers-reduced-motion:reduce){.hud-value.jackpot-lit,.hud-plunger-prompt{animation:none}}