:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#eef8ff;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;background:#03070d;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#app{overscroll-behavior:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;margin:0;overflow:hidden}button{font:inherit;touch-action:manipulation}#game-canvas{touch-action:none;-webkit-user-select:none;user-select:none;background:#03070d;width:100%;height:100%;position:fixed;inset:0}.hud{top:env(safe-area-inset-top,0);pointer-events:none;text-shadow:0 2px 18px #0000009e;justify-content:space-between;align-items:flex-start;gap:18px;padding:20px clamp(16px,4vw,44px) 0;transition:opacity .18s;display:flex;position:fixed;left:0;right:0}.title-block{gap:5px;min-width:0;display:grid}.eyebrow{color:#8ee8ff;letter-spacing:0;text-transform:uppercase;font-size:11px;font-weight:850}#status{max-width:520px;font-size:clamp(18px,2.2vw,30px);line-height:1.06}.stats{flex-wrap:wrap;justify-content:flex-end;gap:8px;max-width:56vw;display:flex}.stats span,.hud-button,.loadout{color:#f5fbff;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#040d16ad;border:1px solid #b2e2ff38;box-shadow:0 16px 44px #00000047}.stats span,.hud-button{text-align:center;border-radius:6px;min-width:86px;padding:8px 10px;font-size:12px;font-weight:800}.stats{pointer-events:auto}.hud-button{color:#ffe69a;cursor:pointer;text-transform:uppercase}.loadout{left:clamp(16px,4vw,44px);bottom:calc(20px + env(safe-area-inset-bottom,0));border-radius:8px;gap:9px;width:min(310px,100vw - 32px);padding:12px;display:grid;position:fixed}.loadout div{grid-template-columns:92px 1fr;align-items:center;gap:8px;display:grid}.loadout span{color:#c6d7e2;text-transform:uppercase;font-size:12px;font-weight:800}meter{width:100%;height:12px}meter::-webkit-meter-bar{background:#ffffff14;border:0;border-radius:999px}meter::-webkit-meter-optimum-value{background:linear-gradient(90deg,#59d8ff,#f5ca66);border-radius:999px}#power-meter::-webkit-meter-optimum-value{background:linear-gradient(90deg,#39ff88,#7ee6ff,#ff5eea)}.mobile-controls{left:0;right:0;bottom:env(safe-area-inset-bottom,0);pointer-events:auto;-webkit-user-select:none;user-select:none;touch-action:none;justify-content:space-between;align-items:flex-end;gap:18px;padding:0 clamp(14px,4vw,34px) clamp(12px,3vw,24px);transition:opacity .18s;display:none;position:fixed}.stick-zone{background:radial-gradient(circle at 50% 58%,#59d8ff21,#0000 48%),#040d163d;border:1px solid #8ee8ff29;border-radius:8px;width:min(44vw,210px);min-width:142px;height:min(34vw,168px);min-height:130px;position:relative;box-shadow:inset 0 0 34px #59d8ff14}.stick-zone.active{background:radial-gradient(circle at 50% 58%,#59d8ff38,#0000 54%),#040d1652;border-color:#8ee8ff75}.stick-base{background:#05131f73;border:2px solid #8ee8ff61;border-radius:50%;width:104px;height:104px;position:absolute;top:52%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 28px #59d8ff2e,inset 0 0 22px #ffffff0d}.stick-thumb{background:radial-gradient(circle at 36% 28%,#fff,#f1b950 38%,#a64d35);border:2px solid #ffe69ab8;border-radius:50%;width:42px;height:42px;transition:transform 80ms;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 26px #f1b95073}.control-label{color:#eef8ffb8;text-align:center;text-transform:uppercase;font-size:10px;font-weight:900;position:absolute;bottom:8px;left:10px;right:10px}.action-zone{grid-template-columns:76px 112px;align-items:end;gap:12px;display:grid}.action-zone button{color:#f5fbff;text-transform:uppercase;cursor:pointer;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);touch-action:none;border:1px solid #b2e2ff47;border-radius:8px;font-weight:950;box-shadow:0 18px 42px #00000059}.boost-pad{background:#0a2a3abd;width:76px;height:76px}.fire-pad{color:#17090a;background:radial-gradient(circle at 50% 35%,#ffe69a,#f1b950 46%,#a64d35 100%);border-color:#ffe081b8;width:112px;height:112px;font-size:18px}.action-zone button.active,.action-zone button:active{filter:brightness(1.18);border-color:#ffffffd1;transform:translateY(2px)scale(.98)}.screen-flash{z-index:4;mix-blend-mode:screen;pointer-events:none;background:#fff0;position:fixed;inset:0}.screen-flash.hit{animation:.22s ease-out blue-flash}.screen-flash.crash{animation:.42s ease-out crash-flash}.screen-flash.wave{animation:.26s ease-out wave-flash}.screen-flash.power{animation:.3s ease-out power-flash}@keyframes blue-flash{0%{background:#61ddff57}to{background:#61ddff00}}@keyframes crash-flash{0%{background:#ffe69a80}22%{background:#ff4a3652}to{background:#ff4a3600}}@keyframes wave-flash{0%{background:#7ee6ff3d}to{background:#7ee6ff00}}@keyframes power-flash{0%{background:#39ff884d}35%{background:#ff5eea38}to{background:#39ff8800}}.toast{z-index:5;color:#f3fbff;text-align:center;opacity:0;pointer-events:none;background:#040d16e6;border:1px solid #96dfff47;border-radius:8px;width:min(430px,100vw - 40px);padding:17px 20px;font-size:15px;line-height:1.42;transition:opacity .18s;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 24px 80px #0000006b}.toast.show{opacity:1}.orientation-overlay{z-index:20;text-align:center;background:radial-gradient(circle at 50% 42%,#7ee6ff29,#0000 34%),#02070cf0;place-items:center;padding:26px;display:none;position:fixed;inset:0}.orientation-overlay div{background:#040c14e6;border:1px solid #a6e0ff4d;border-radius:8px;width:min(430px,100vw - 36px);padding:24px;box-shadow:0 30px 90px #00000080}.orientation-overlay span{color:#ffe69a;text-transform:uppercase;font-size:12px;font-weight:950}.orientation-overlay strong{color:#f8f1d5;text-transform:uppercase;margin-top:8px;font-family:Impact,Haettenschweiler,Arial Narrow Bold,sans-serif;font-size:clamp(38px,12vw,64px);font-style:italic;line-height:.9;display:block}.orientation-overlay p{color:#d7e7f0;margin:14px 0 0;line-height:1.42}.orientation-overlay .install-action{margin-top:18px}.install-help{z-index:30;background:#02070cd6;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.install-help[hidden]{display:none}.install-help div{text-align:left;background:#040c14f0;border:1px solid #a6e0ff4d;border-radius:8px;width:min(430px,100vw - 36px);padding:24px;box-shadow:0 30px 90px #00000085}.install-help span{color:#ffe69a;text-transform:uppercase;font-size:12px;font-weight:950}.install-help strong{color:#f8f1d5;text-transform:uppercase;margin-top:8px;font-family:Impact,Haettenschweiler,Arial Narrow Bold,sans-serif;font-size:clamp(34px,8vw,56px);font-style:italic;line-height:.95;display:block}.install-help ol{color:#d7e7f0;margin:16px 0 20px;padding-left:22px;line-height:1.45}.install-help li+li{margin-top:8px}.menu-layer{z-index:6;background:radial-gradient(circle at 50% 40%,#124f702e,#0000 34%),linear-gradient(#02070c47,#02070cc7);place-items:center;padding:24px;display:grid;position:fixed;inset:0}.screen{overscroll-behavior:contain;touch-action:manipulation;text-align:center;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#040c14db;border:1px solid #a6e0ff47;border-radius:8px;width:min(760px,100vw - 32px);max-height:calc(100dvh - 32px);padding:clamp(20px,4vw,38px);display:none;overflow-y:auto;box-shadow:0 30px 90px #0000007a}.screen.active{gap:18px;display:grid}.poster-kicker{color:#ffe69a;text-transform:uppercase;margin:0;font-size:13px;font-weight:900}.sci-title{color:#f8f1d5;letter-spacing:0;text-transform:uppercase;text-shadow:0 3px #bb473a,0 7px #5f1f2a,0 20px 42px #000000b8;margin:0;font-family:Impact,Haettenschweiler,Arial Narrow Bold,sans-serif;font-size:clamp(46px,10vw,112px);font-style:italic;line-height:.78;transform:skew(-8deg)rotate(-1deg)}.sci-title span{color:#7ee6ff;text-shadow:0 2px #174b66,0 8px 30px #000000b3;font-size:.43em;line-height:1.08;display:block}.screen h2{color:#f8f1d5;text-transform:uppercase;margin:0;font-size:clamp(30px,5vw,54px);line-height:1}.screen-copy{color:#c9dae4;max-width:520px;margin:0 auto;line-height:1.45}.menu-actions,.mode-grid{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.menu-actions button,.mode-card,.text-action,.score-form button{color:#f5fbff;cursor:pointer;background:#0a2030eb;border:1px solid #b2e2ff47;border-radius:8px;padding:12px 16px;font-weight:900}.menu-actions .primary-action,.score-form .primary-action,.install-help .primary-action{color:#12070a;background:linear-gradient(#f1b950,#a64d35);border-color:#ffe081bf}.install-action{color:#dffcff;font:inherit;text-transform:uppercase;cursor:pointer;background:#081d2de0;border:1px solid #7ee6ff61;border-radius:8px;justify-self:center;padding:11px 14px;font-size:13px;font-weight:950;box-shadow:0 16px 42px #00000052}.install-action[hidden]{display:none}.instructions-grid{text-align:left;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.instructions-grid article{background:#ffffff0f;border:1px solid #b2e2ff2e;border-radius:8px;padding:14px}.instructions-grid strong{color:#ffe69a;text-transform:uppercase;margin-bottom:6px;font-size:13px;font-weight:900;display:block}.instructions-grid p{color:#d7e7f0;margin:0;line-height:1.42}.touch-controls-copy{display:none}.mode-grid{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.mode-card{text-align:left;gap:8px;min-height:124px;display:grid}.mode-card strong{text-transform:uppercase;font-size:24px}.mode-card span{color:#c9dae4;line-height:1.35}.mode-card.danger{border-color:#ff5f6a80}.text-action{background:#ffffff14;justify-self:center}.score-tables{text-align:left;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.score-table{background:#ffffff12;border-radius:8px;padding:14px}.score-table h3{color:#ffe69a;text-transform:uppercase;margin:0 0 10px}.score-row{color:#e4f4ff;grid-template-columns:28px 1fr auto;gap:8px;padding:6px 0;font-weight:800;display:grid}.score-row span:nth-child(2){text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.score-form{grid-template-columns:70px minmax(0,1fr) auto;align-items:center;gap:10px;max-width:520px;margin:0 auto;display:grid}.score-form label{color:#ffe69a;text-transform:uppercase;font-weight:900}.score-form input{color:#fff;min-width:0;font:inherit;text-transform:uppercase;background:#ffffff14;border:1px solid #b2e2ff52;border-radius:8px;padding:12px;font-weight:900}#app[data-screen=playing] .menu-layer{display:none}#app:not([data-screen=playing]) .hud,#app:not([data-screen=playing]) .loadout,#app:not([data-screen=playing]) .mobile-controls{opacity:.18}@media (pointer:coarse),(width<=860px){.desktop-controls-copy{display:none}.touch-controls-copy{display:block}.hud{padding:calc(8px + env(safe-area-inset-top,0)) 10px 0;display:block}.title-block{display:none}.stats{grid-template-columns:repeat(5,minmax(0,1fr));justify-content:stretch;gap:5px;max-width:none;display:grid}.stats span,.hud-button{min-width:0;padding:6px 5px;font-size:10px;line-height:1}.mobile-controls{display:flex}.loadout{top:calc(44px + env(safe-area-inset-top,0));border-radius:6px;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;width:auto;padding:7px 8px;display:grid;bottom:auto;left:10px;right:10px}.loadout div{grid-template-columns:1fr;gap:3px;display:grid}.loadout span{font-size:9px;line-height:1}meter{height:7px}#app:not([data-screen=playing]) .mobile-controls{display:none}}@media (pointer:coarse) and (orientation:portrait){.orientation-overlay{display:grid}}@media (pointer:coarse) and (orientation:landscape){.menu-layer{padding:12px}.screen{gap:12px;width:min(820px,100vw - 24px);max-height:calc(100dvh - 24px);padding:clamp(14px,2.7vw,24px)}.screen h2{font-size:clamp(28px,5vw,44px)}.sci-title{font-size:clamp(40px,10vw,88px)}.instructions-grid{gap:9px}.instructions-grid article{padding:10px}.instructions-grid p{font-size:13px;line-height:1.32}}@media (width<=560px){.stats{gap:4px}.mobile-controls{gap:10px;padding-left:12px;padding-right:12px}.stick-zone{width:45vw;min-width:132px;min-height:122px}.stick-base{width:92px;height:92px}.stick-thumb{width:38px;height:38px}.action-zone{grid-template-columns:62px 92px;gap:8px}.boost-pad{width:62px;height:62px;font-size:11px}.fire-pad{width:92px;height:92px;font-size:16px}.loadout{width:auto}.mode-grid,.score-tables,.instructions-grid,.score-form{grid-template-columns:1fr}}