:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-synthesis:none;text-rendering:geometricprecision;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0}body{overflow:hidden}button,input,textarea,select{font:inherit}.game-shell{color:#f8f4ff;background:radial-gradient(circle at 24% 16%,#ff2bd647,#0000 34%),radial-gradient(circle at 76% 12%,#16f7ff38,#0000 30%),linear-gradient(#25104c 0%,#130722 42%,#05030a 100%);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;position:fixed;inset:0;overflow:hidden}.skyline-bg{pointer-events:none;mix-blend-mode:screen;opacity:.75;background:linear-gradient(90deg,#0000 0 8%,#ff2bd624 8.2% 8.5%,#0000 8.8% 100%),repeating-linear-gradient(90deg,#16f7ff12 0 1px,#0000 1px 92px),repeating-linear-gradient(0deg,#ffb0000d 0 1px,#0000 1px 78px);position:absolute;inset:0}.viewport{cursor:crosshair;position:absolute;inset:0}.viewport canvas{width:100%;height:100%;image-rendering:pixelated;display:block}.popup-layer{z-index:6;pointer-events:none;position:absolute;inset:0;overflow:hidden}.score-flash{mix-blend-mode:screen;background:radial-gradient(circle,#ffffffc7 0%,#16f7ff4d 18%,#ff2bd62e 42%,#0000 72%);animation:.64s ease-out forwards score-flash;position:absolute;inset:0}@keyframes score-flash{0%{opacity:0;transform:scale(.72)}18%{opacity:.95}to{opacity:0;transform:scale(1.16)}}.score-pop{color:#fff7ff;letter-spacing:-.04em;text-shadow:0 0 8px #fffffff2,0 0 18px #ff2bd6f2,0 0 30px #16f7ffc7;transform-origin:50%;will-change:transform, opacity;font-size:clamp(1.55rem,4vw,3.2rem);font-weight:1000;position:absolute;top:0;left:0;translate:-50% -50%}.ammo-pop{color:#e9ffe7;text-shadow:0 0 8px #e9ffe7f2,0 0 18px #7dff72f2,0 0 30px #ffb000c7;font-size:clamp(1.2rem,3vw,2.5rem)}.hud{z-index:5;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#05030a85;border:1px solid #16f7ff59;position:absolute;box-shadow:0 0 28px #ff2bd62e,inset 0 0 24px #16f7ff14}.hud-top{justify-content:space-between;gap:12px;padding:12px 14px;display:flex;top:18px;left:18px;right:18px}.hud-top div{min-width:92px}.hud-top .ammo-readout{min-width:116px}.ammo-meter{background:#05030ac2;border:1px solid #7dff7294;width:100%;height:5px;margin-top:5px;display:block;overflow:hidden;box-shadow:inset 0 0 8px #7dff7229,0 0 12px #7dff7229}.ammo-meter span{background:linear-gradient(90deg,#16f7ff,#7dff72 72%,#ffb000);height:100%;transition:width 80ms linear;display:block;box-shadow:0 0 10px #7dff72e6}.label{color:#16f7ff;letter-spacing:.2em;text-transform:uppercase;text-shadow:0 0 10px #16f7ffe6;margin-bottom:2px;font-size:.7rem;font-weight:800;display:block}strong{color:#fff7ff;text-shadow:0 0 16px #ff2bd6cc;font-size:clamp(1rem,2.2vw,1.45rem)}.controls{color:#f8f4ffd6;padding:10px 13px;font-size:clamp(.78rem,1.7vw,.95rem);bottom:18px;left:18px;right:18px}.controls p{margin:0}.controls strong{font-size:inherit;color:#ffb000;text-shadow:0 0 14px #ffb000cc}.modal{z-index:10;background:#05030a61;place-items:center;padding:24px;display:grid;position:absolute;inset:0}.modal-card{text-align:left;background:linear-gradient(135deg,#0e061eeb,#340c42d1);border:1px solid #ff2bd694;width:min(520px,92vw);padding:clamp(22px,5vw,40px);box-shadow:0 0 70px #ff2bd652,inset 0 0 32px #16f7ff14}.modal-card h1{color:#fff;letter-spacing:-.06em;text-transform:uppercase;text-shadow:0 0 24px #ff2bd6e6;margin:4px 0 10px;font-size:clamp(2rem,7vw,4rem);line-height:.95}.modal-card p{color:#f8f4ffc7;margin:0 0 18px}.initials-form{background:#05030a61;border:1px solid #ffb0005c;margin:18px 0;padding:14px}.initials-form label{color:#ffb000;letter-spacing:.18em;text-transform:uppercase;text-shadow:0 0 12px #ffb000bf;margin-bottom:8px;font-size:.72rem;font-weight:900;display:block}.initials-row{grid-template-columns:104px 1fr;gap:10px;display:grid}.initials-row input{box-sizing:border-box;color:#fff7ff;width:100%;font:inherit;letter-spacing:.18em;text-align:center;text-transform:uppercase;background:#130722eb;border:1px solid #16f7ffbf;border-radius:0;outline:none;padding:10px 8px;font-size:1.45rem;font-weight:1000;box-shadow:inset 0 0 18px #16f7ff1f,0 0 18px #ff2bd629}.score-saved{color:#ffb000;margin:16px 0;font-weight:800}.leaderboard{background:#05030a57;border:1px solid #16f7ff47;margin:18px 0;padding:14px}.leaderboard ol{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 18px;margin:8px 0 0;padding:0;list-style:inside decimal-leading-zero;display:grid}.leaderboard li{color:#f8f4ffc7;justify-content:space-between;align-items:baseline;gap:12px;font-size:.9rem;font-weight:800;display:flex}.leaderboard li::marker{color:#16f7ff}.leaderboard li span{color:#fff7ff;letter-spacing:.16em}.leaderboard li strong{font-size:.95rem}.leaderboard .empty-score strong{letter-spacing:.08em;text-transform:uppercase;font-size:.85rem}.modal-card button{color:#061014;letter-spacing:.08em;text-transform:uppercase;background:#16f7ff;border:1px solid #16f7ffb3;border-radius:0;width:100%;padding:12px 14px;font-weight:900;box-shadow:0 0 24px #16f7ff73}.modal-card .quit-button{color:#fff7ff;background:#2a0837db;border-color:#ff2bd69e;margin-top:10px;box-shadow:0 0 20px #ff2bd638}.modal-card .quit-button:hover,.modal-card .quit-button:focus-visible{background:#ff2bd657}@media (width<=700px){.hud-top{align-items:stretch;padding:9px;top:10px;left:10px;right:10px}.hud-top div{min-width:auto}.initials-row,.leaderboard ol{grid-template-columns:1fr}}.music-toggle{z-index:8;color:#fff7ff;font:inherit;letter-spacing:.1em;text-transform:uppercase;text-shadow:0 0 12px #ffb000c7;cursor:pointer;background:#05030a9e;border:1px solid #ffb000b8;border-radius:0;padding:9px 12px;font-size:.78rem;font-weight:900;position:absolute;top:92px;right:18px;box-shadow:0 0 22px #ffb00033,inset 0 0 18px #ff2bd614}.music-toggle.is-off{color:#f8f4ffad;text-shadow:none;border-color:#16f7ff61}.music-toggle:focus-visible{outline-offset:3px;outline:2px solid #16f7ff}.quality-toggle{z-index:8;color:#bff9ff;font:inherit;letter-spacing:.11em;text-transform:uppercase;text-shadow:0 0 10px #16f7ffbd;cursor:pointer;background:#05030ab8;border:1px solid #16f7ff9e;border-radius:0;padding:8px 11px;font-size:.68rem;font-weight:900;position:absolute;top:132px;right:18px;box-shadow:0 0 16px #16f7ff29}.quality-toggle.is-cinematic{color:#ffd7a7;text-shadow:0 0 10px #ffb000c7;border-color:#ffb000b8}.quality-toggle.is-low{color:#f8f4ffad;text-shadow:none;border-color:#f8f4ff52}.quality-toggle:focus-visible{outline-offset:3px;outline:2px solid #ffb000}.music-credit{color:#f8f4ff9e;margin-top:5px;font-size:.74rem}.music-credit a{color:#16f7ff;text-shadow:0 0 10px #16f7ff99;text-decoration:none}.music-credit a:hover,.music-credit a:focus-visible{color:#ffb000}.mobile-controls{z-index:9;pointer-events:none;touch-action:none;display:none;position:absolute;inset:auto 0 0}.virtual-stick,.touch-button{pointer-events:auto;-webkit-user-select:none;user-select:none;touch-action:none}.virtual-stick{left:max(18px, env(safe-area-inset-left));bottom:max(28px, env(safe-area-inset-bottom));background:radial-gradient(circle,#16f7ff29,#05030a6b);border:2px solid #16f7ff85;border-radius:50%;width:132px;height:132px;position:absolute;box-shadow:0 0 28px #16f7ff2e,inset 0 0 24px #ff2bd61f}.stick-knob{width:48px;height:48px;transform:translate(calc(-50% + var(--stick-x,0) * 38px), calc(-50% + var(--stick-y,0) * 38px));background:#ffb00038;border:1px solid #ffb000db;border-radius:50%;position:absolute;top:50%;left:50%;box-shadow:0 0 20px #ffb00059}.touch-actions{right:max(18px, env(safe-area-inset-right));bottom:max(30px, env(safe-area-inset-bottom));gap:12px;display:flex;position:absolute}.touch-button{color:#fff7ff;width:74px;height:74px;font:inherit;letter-spacing:.08em;text-transform:uppercase;background:#05030a8a;border:2px solid #ffb000bd;border-radius:50%;font-size:.76rem;font-weight:1000;box-shadow:0 0 24px #ffb00033,inset 0 0 22px #ff2bd61f}.touch-button:active{background:#ffb00052;transform:scale(.96)}.mobile-controls.is-visible{display:block}@media (hover:none),(pointer:coarse),(width<=820px){.music-toggle{top:82px;right:10px}.quality-toggle{top:118px;right:10px}}.start-screen{z-index:11;background:radial-gradient(circle at 50% 30%,#16f7ff24,#05030a6b 58%);place-items:center;padding:clamp(16px,4vw,32px);display:grid;position:absolute;inset:0}.start-card{text-align:left;background:linear-gradient(135deg,#080412e6,#2c0c41d1);border:1px solid #16f7ff7a;width:min(680px,92vw);max-height:min(86vh,760px);padding:clamp(20px,4vw,34px);overflow:auto;box-shadow:0 0 70px #16f7ff33,inset 0 0 32px #ff2bd61a}.start-card h1{color:#fff;letter-spacing:-.07em;text-transform:uppercase;text-shadow:0 0 24px #ff2bd6e6;margin:6px 0 10px;font-size:clamp(2.2rem,8vw,5.2rem);line-height:.9}.start-copy,.control-legend p{color:#f8f4ffc7;margin:0 0 10px}.control-legend{background:#05030a59;border:1px solid #ffb00047;margin:18px 0;padding:14px}.control-legend strong{font-size:inherit;color:#ffb000;text-shadow:0 0 14px #ffb000cc}.input-choice{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin:16px 0;display:grid}.input-choice button,.start-button{color:#fff7ff;font:inherit;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;background:#05030a8a;border:1px solid #16f7ff9e;border-radius:0;padding:11px 12px;font-size:.78rem;font-weight:1000}.input-choice button.selected,.input-choice button:hover,.input-choice button:focus-visible{color:#061014;background:#16f7ff;box-shadow:0 0 24px #16f7ff6b}.start-button{color:#061014;background:#ffb000;border-color:#ffb000d1;width:100%;margin-top:2px;box-shadow:0 0 28px #ffb0005c}.start-card .music-credit{margin:14px 0 0}@media (width<=700px){.start-card{width:min(92vw,520px);padding:18px}.input-choice{grid-template-columns:1fr}.control-legend{margin:12px 0;padding:11px}.start-card .music-credit{display:block}.virtual-stick{width:112px;height:112px}.touch-button{width:66px;height:66px;font-size:.68rem}}