:root{--bg: #04070d;--bg-raised: #0a1119;--bg-panel: rgba(10, 18, 27, .82);--line: rgba(97, 232, 255, .16);--line-strong: rgba(97, 232, 255, .42);--text: #e8f4fb;--text-dim: #8ba3b6;--accent: #61e8ff;--good: #6bf2a0;--warn: #ffbd52;--bad: #ff6a6a;--radius: 14px;--font: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;--mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:var(--bg);color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased}#app{position:relative;height:100%;width:100%}.stage{position:absolute;inset:0;opacity:0;pointer-events:none;transition:opacity .26s ease}.stage.is-active{opacity:1}.stage canvas{display:block;width:100%;height:100%}.game-overlay{position:absolute;inset:0;pointer-events:none}.game-overlay>*{pointer-events:auto}.screen-host{position:absolute;inset:0;overflow-y:auto}.modal-host{position:absolute;inset:0;pointer-events:none;z-index:40}.modal-host>*{pointer-events:auto}.screen{min-height:100%;padding:clamp(20px,4vw,56px);display:flex;flex-direction:column;gap:clamp(20px,3vw,40px);background:radial-gradient(1100px 620px at 18% -10%,rgba(97,232,255,.11),transparent 60%),radial-gradient(900px 600px at 88% 110%,rgba(155,106,255,.12),transparent 62%),var(--bg)}.button{appearance:none;border:1px solid var(--line-strong);background:#61e8ff0f;color:var(--text);font:inherit;font-weight:550;font-size:.94rem;letter-spacing:.01em;padding:.68em 1.35em;border-radius:10px;cursor:pointer;transition:background .14s ease,border-color .14s ease,transform .1s ease}.button:hover{background:#61e8ff24;border-color:var(--accent)}.button:active{transform:translateY(1px)}.button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.button--primary{background:linear-gradient(180deg,#61e8ffe6,#3bbde0d9);border-color:transparent;color:#04131a;font-weight:650}.button--primary:hover{background:linear-gradient(180deg,#7cf0ff,#4fcbe8)}.button--ghost{background:transparent;border-color:var(--line);color:var(--text-dim)}.button--ghost:hover{color:var(--text)}.menu{justify-content:center}.menu__header{text-align:center}.logo{margin:0;font-size:clamp(2.6rem,7vw,5rem);font-weight:800;letter-spacing:-.035em;line-height:1}.logo__hand{color:var(--text)}.logo__arcade{background:linear-gradient(96deg,var(--accent),#9b6aff 70%);-webkit-background-clip:text;background-clip:text;color:transparent}.menu__tagline{margin:.9rem auto 0;max-width:46ch;color:var(--text-dim);font-size:1.02rem;line-height:1.5}.menu__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px;max-width:1080px;width:100%;margin:0 auto}.card{--accent: var(--accent);position:relative;display:flex;flex-direction:column;gap:14px;padding:20px;border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(170deg,#ffffff0b,#ffffff03);backdrop-filter:blur(8px);transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}.card.is-clickable{cursor:pointer}.card.is-clickable:hover{transform:translateY(-4px);border-color:color-mix(in srgb,var(--accent) 55%,transparent);box-shadow:0 18px 44px -22px color-mix(in srgb,var(--accent) 70%,transparent)}.card--soon{opacity:.62}.card__art{border-radius:10px;background:radial-gradient(circle at 50% 30%,rgba(255,255,255,.06),transparent 70%),#060b12;border:1px solid var(--line);overflow:hidden;aspect-ratio:3 / 2;display:grid;place-items:center}.card__art svg{width:100%;height:100%;display:block}.card__body{display:flex;flex-direction:column;gap:6px;flex:1}.card__title{margin:0;font-size:1.32rem;font-weight:700;letter-spacing:-.015em}.card__tagline{margin:0;color:var(--accent);font-size:.86rem;font-weight:550}.card__description{margin:0;color:var(--text-dim);font-size:.9rem;line-height:1.5}.card__cta{align-self:flex-start}.card__badge{align-self:flex-start;font-size:.74rem;font-weight:650;letter-spacing:.09em;text-transform:uppercase;color:var(--text-dim);border:1px dashed var(--line-strong);border-radius:999px;padding:.45em .95em}.menu__footer{display:flex;flex-direction:column;align-items:center;gap:14px}.menu__actions{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}.menu__privacy{margin:0;color:var(--text-dim);font-size:.82rem;text-align:center}.setup{justify-content:center}.setup__inner{display:grid;grid-template-columns:minmax(280px,1fr) minmax(300px,460px);gap:clamp(24px,4vw,56px);align-items:center;max-width:1080px;width:100%;margin:0 auto}@media(max-width:860px){.setup__inner{grid-template-columns:1fr}}.setup__left{display:flex;flex-direction:column;gap:16px}.setup__headline{margin:0;font-size:clamp(1.7rem,3.6vw,2.6rem);letter-spacing:-.02em}.setup__detail{margin:0;color:var(--text-dim);line-height:1.55;max-width:46ch;min-height:3em}.setup__steps{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}.setup__step{display:flex;align-items:center;gap:12px;padding:11px 14px;border:1px solid var(--line);border-radius:10px;color:var(--text-dim);font-size:.94rem;transition:border-color .16s ease,color .16s ease,background .16s ease}.setup__step.is-active{border-color:var(--line-strong);color:var(--text);background:#61e8ff12}.setup__step.is-done{border-color:color-mix(in srgb,var(--good) 45%,transparent);color:var(--good)}.setup__tick{width:20px;height:20px;flex:none;display:grid;place-items:center;border-radius:50%;border:1px solid currentColor;font-size:.7rem;font-weight:700}.setup__error{border:1px solid color-mix(in srgb,var(--bad) 50%,transparent);background:color-mix(in srgb,var(--bad) 10%,transparent);color:#ffd4d4;border-radius:10px;padding:12px 14px;font-size:.9rem;line-height:1.5}.setup__actions{display:flex;gap:10px;flex-wrap:wrap}.setup__panel{display:grid;place-items:center}.campanel{position:relative;border:1px solid var(--line-strong);border-radius:12px;overflow:hidden;background:#060a11;box-shadow:0 24px 60px -32px #000000e6}.campanel[hidden]{display:none}.campanel__canvas{display:block;width:100%;height:100%}.campanel--setup{width:100%;max-width:460px;aspect-ratio:4 / 3}.campanel--compact{position:absolute;right:18px;bottom:18px;width:clamp(160px,17vw,230px);aspect-ratio:4 / 3;opacity:.9}.campanel--compact:hover{opacity:1}.campanel__status{position:absolute;left:0;right:0;bottom:0;padding:7px 10px 8px;background:linear-gradient(transparent,#03080eeb 46%);font-family:var(--mono);font-size:.7rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;text-align:center}.campanel__privacy{position:absolute;top:8px;left:8px;font-size:.6rem;letter-spacing:.05em;text-transform:uppercase;color:var(--text-dim);background:#03080e99;padding:3px 7px;border-radius:999px}.campanel--compact .campanel__privacy{display:none}.hud{position:absolute;inset:0;pointer-events:none;font-family:var(--mono)}.hud>*{pointer-events:none}.hud__damage{position:absolute;inset:0;opacity:0;background:radial-gradient(circle at 50% 50%,transparent 45%,rgba(255,60,60,.42) 100%);transition:opacity .12s linear}.hud__reticle{position:absolute;left:50%;top:50%;width:132px;height:132px;margin:-66px 0 0 -66px;color:#61e8ffbf;transition:color .12s ease,transform .12s ease}.hud__reticle svg{width:100%;height:100%}.hud__reticle.is-locked{color:var(--warn)}.hud__reticle.is-firing{color:#fff6c9;transform:scale(1.06)}.hud__corner{position:absolute;display:flex;flex-direction:column;gap:6px}.hud__corner--tl{top:22px;left:24px}.hud__corner--tr{top:22px;right:24px;align-items:flex-end}.hud__corner--bl{bottom:22px;left:24px}.hud__corner--br{bottom:22px;right:260px;align-items:flex-start}@media(max-width:900px){.hud__corner--br{right:24px;bottom:168px}}.hud__stat{display:flex;flex-direction:column}.hud__label{font-size:.62rem;letter-spacing:.16em;text-transform:uppercase;color:var(--text-dim)}.hud__value{font-size:.94rem;font-weight:600;color:var(--text)}.hud__score{font-size:2rem;font-weight:700;line-height:1;color:var(--accent);transition:transform .12s ease,color .12s ease}.hud__score.is-flash{transform:scale(1.14);color:#fff}.hud__bar{width:180px;height:8px;border:1px solid var(--line-strong);border-radius:999px;overflow:hidden;background:#040a1099}.hud__bar-fill{height:100%;width:100%;background:linear-gradient(90deg,var(--accent),#8ef6a8);transition:width .12s linear,background .2s ease}.hud__bar-fill.is-critical{background:linear-gradient(90deg,var(--bad),var(--warn))}.hud__bar--throttle .hud__bar-fill{background:linear-gradient(90deg,#4f8dff,var(--accent))}.hud__control{font-size:.72rem;font-weight:650;letter-spacing:.1em;text-transform:uppercase;color:var(--text-dim);border:1px solid var(--line);border-radius:999px;padding:5px 12px;background:#040a108c}.hud__control.is-hands{color:var(--good);border-color:color-mix(in srgb,var(--good) 45%,transparent)}.hud__gameover{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;background:#03070cd1;backdrop-filter:blur(6px);pointer-events:auto;font-family:var(--font)}.hud__gameover[hidden]{display:none}.hud__gameover h2{margin:0;font-size:clamp(2rem,5vw,3.2rem);color:var(--bad);letter-spacing:-.02em}.hud__gameover p{margin:0;color:var(--text-dim)}.hud__gameover strong{color:var(--accent);font-size:1.4rem}.hud__buttons{display:flex;gap:12px;margin-top:8px}.hud__hint{font-size:.8rem}kbd{font-family:var(--mono);font-size:.78em;border:1px solid var(--line-strong);border-radius:4px;padding:1px 5px;color:var(--text)}.settings{max-width:940px;margin:0 auto;width:100%}.settings__header{display:flex;align-items:center;justify-content:space-between;gap:16px}.settings__header h1{margin:0;font-size:clamp(1.8rem,4vw,2.4rem);letter-spacing:-.02em}.settings__body{display:flex;flex-direction:column;gap:26px}.settings__section{border:1px solid var(--line);border-radius:var(--radius);padding:20px 22px;background:#ffffff06}.settings__title{margin:0 0 16px;font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;color:var(--accent)}.settings__controls{display:flex;flex-direction:column;gap:18px}.settings__footer{display:flex;justify-content:flex-end}.setting{display:grid;grid-template-columns:minmax(140px,220px) 1fr auto;gap:8px 18px;align-items:center}.setting__label{font-size:.95rem;font-weight:500}.setting__readout{font-family:var(--mono);font-size:.84rem;color:var(--text-dim);min-width:4ch;text-align:right}.setting__help{grid-column:1 / -1;margin:-4px 0 0;font-size:.8rem;color:var(--text-dim);line-height:1.45}.setting>.button{grid-column:2 / 3;justify-self:start}.slider{width:100%;accent-color:var(--accent)}.select{width:100%;font:inherit;font-size:.92rem;color:var(--text);background:var(--bg-raised);border:1px solid var(--line-strong);border-radius:8px;padding:.5em .7em}.switch{position:relative;display:inline-block;width:46px;height:26px;justify-self:start}.switch input{position:absolute;opacity:0;width:100%;height:100%;margin:0;cursor:pointer;z-index:1}.switch__slider{position:absolute;inset:0;border-radius:999px;border:1px solid var(--line-strong);background:#61e8ff14;transition:background .14s ease}.switch__slider:after{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:var(--text-dim);transition:transform .14s ease,background .14s ease}.switch input:checked+.switch__slider{background:#61e8ff4d}.switch input:checked+.switch__slider:after{transform:translate(20px);background:var(--accent)}.switch input:focus-visible+.switch__slider{outline:2px solid var(--accent);outline-offset:2px}.modal{position:absolute;inset:0;display:grid;place-items:center;padding:24px;background:#03070cc2;backdrop-filter:blur(6px)}.modal__panel{width:min(560px,100%);max-height:86vh;overflow-y:auto;display:flex;flex-direction:column;gap:18px;padding:26px;border:1px solid var(--line-strong);border-radius:var(--radius);background:var(--bg-raised)}.modal__panel h2{margin:0;font-size:1.5rem;letter-spacing:-.015em}.modal__panel>.button{align-self:flex-end}.modal__note{margin:0;font-size:.84rem;color:var(--text-dim);line-height:1.5}.help__title{margin:0 0 8px;font-size:.7rem;letter-spacing:.16em;text-transform:uppercase;color:var(--accent)}.help__list{margin:0;display:grid;grid-template-columns:max-content 1fr;gap:7px 18px;font-size:.9rem}.help__list dt{color:var(--text-dim);font-family:var(--mono);font-size:.82rem}.help__list dd{margin:0}.debug{position:absolute;top:14px;left:14px;margin:0;padding:12px 14px;z-index:50;font-family:var(--mono);font-size:11px;line-height:1.55;color:var(--good);background:#02060ae0;border:1px solid var(--line);border-radius:8px;pointer-events:none;white-space:pre}.debug[hidden]{display:none}@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;transition-duration:.01ms!important}}.preview{width:100%;max-width:460px;display:flex;flex-direction:column;gap:12px;padding:18px;border:1px solid var(--line);border-radius:12px;background:#ffffff05}.preview svg{width:100%;height:auto;display:block}.preview p{margin:0;text-align:center;font-size:.84rem;color:var(--text-dim);line-height:1.45}.setting--action{grid-template-columns:auto 1fr}.setting--action>.button{grid-column:1 / 2}