:root{font-family:Segoe UI,system-ui,sans-serif;color:#e4f2ed;background:#07111d;font-synthesis:none;color-scheme:dark}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 50% 40%,#173d42 0,#07111d 68%);min-height:100svh}button,a,input,select{-webkit-tap-highlight-color:transparent}button{font:inherit;color:#d7eee7;border:1px solid #568e8d66;background:#102932cc;border-radius:7px;padding:11px 14px;cursor:pointer;transition:background .15s,border .15s}button:hover{background:#21414b;border-color:#8bd2c2}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #fbcb73;outline-offset:3px}button[aria-pressed=true]{border-color:#f6cf83;background:#39403e}main{display:flex;flex-direction:column;align-items:center;min-height:100svh}header{width:100%;height:66px;display:flex;align-items:center;justify-content:space-between;padding:10px clamp(12px,3vw,45px)}header a{text-decoration:none;color:#e3ede7}header strong{font-size:21px;letter-spacing:3px;font-weight:850}header strong span{color:#e6bd75}header small{display:block;font-size:8px;letter-spacing:3px;margin-top:4px;color:#9dbdbd}header>div{display:flex;gap:10px;align-items:center}header button{font-size:11px;padding:9px 12px}.prototype{font-size:9px;letter-spacing:2px;color:#99bcb9}#arena{position:relative;height:calc(100svh - 100px);max-height:960px;aspect-ratio:3/4;width:auto;max-width:100%;overflow:hidden;background:#07111d;border:1px solid #4b7c7655;box-shadow:0 0 90px #256b6818}canvas{width:100%;height:100%;display:block;touch-action:none}#panel{position:absolute;inset:0;padding:clamp(22px,5vw,50px);background:linear-gradient(145deg,#091b25ec,#122a30df);overflow-y:auto;scrollbar-width:thin;scrollbar-color:#a1b4a9 #13242c}#panel[hidden],#hud[hidden],#bossHud[hidden],#weapons[hidden]{display:none}.eyebrow{font-size:10px;letter-spacing:3px;color:#e7bf7b;margin:8px 0 25px}h1{font-size:clamp(36px,6vh,64px);line-height:1.02;letter-spacing:-2px;font-weight:800;margin:0 0 25px}h1 em{font-style:normal;color:#e8bd76}.lead{font-size:16px;line-height:1.6;color:#aac8c6}p{line-height:1.6;color:#b0c6c5;font-size:14px}.fine{font-size:9px;line-height:1.9;letter-spacing:.7px;color:#92aaa8;margin-top:22px}.sigil{font-size:80px;line-height:1;color:#84cabeaa;position:absolute;right:35px;top:40%;pointer-events:none}.primary{display:block;width:100%;text-align:left;background:#e2bb78;color:#14242b;font-weight:800;letter-spacing:1px;margin-top:28px;min-height:54px;border-color:#efd29c}.primary:hover{background:#f6d396;border-color:#fff0c4}.primary span{float:right}#panel>button{display:block;width:100%;margin-top:12px}.row{display:flex;gap:10px;margin-top:12px}.row button{flex:1;font-size:12px}.best{margin-top:30px;padding-top:20px;border-top:1px solid #7eafa733}.best small{font-size:9px;letter-spacing:2px;color:#96b4b2}.best strong{display:block;font-size:28px;margin-top:8px;color:#e2d4b6}.score{font-size:55px;color:#f4d08a;font-weight:800;margin-top:20px}.choice{display:flex!important;flex-direction:column;gap:9px;text-align:left;padding:20px}.choice b{color:#edcf91;letter-spacing:2px}.choice span{font-size:13px;line-height:1.6;color:#b1ccca}dl{display:grid;grid-template-columns:100px 1fr;gap:14px 18px;font-size:12px;line-height:1.5}dt{font-weight:700;color:#e5c98e}dd{margin:0;color:#acc5c4}label{display:flex;justify-content:space-between;align-items:center;gap:15px;margin:25px 0;font-size:14px}.check{justify-content:flex-start}input[type=range]{width:50%;accent-color:#e2bb78}input[type=checkbox]{accent-color:#e2bb78;width:18px;height:18px}select{padding:10px;border:1px solid #91afa7;background:#112932;border-radius:5px}#hud{position:absolute;top:0;left:0;right:0;padding:13px 14px;display:flex;justify-content:space-between;gap:12px;background:linear-gradient(#06131ff5,#06131f00);pointer-events:none}#hud small{display:block;font-size:8px;letter-spacing:1px;color:#a5c4bf}#hud b{display:block;font-size:13px;margin-top:4px;color:#f0d6a0}#hud .mission{text-align:center}#bossHud{position:absolute;top:65px;left:20%;width:60%;pointer-events:none}#bossHud span{display:block;text-align:center;font-size:8px;letter-spacing:3px;color:#f0c3a5;margin-bottom:5px}#bossHud>div{height:5px;background:#17383f}#bossHud i{height:100%;display:block;background:#ed967e}#weapons{position:absolute;bottom:10px;left:12px;right:12px;display:flex;gap:7px}#weapons button{flex:1;text-align:left;font-size:8px;background:#071a24d9;padding:8px 10px}#weapons b{display:block;font-size:11px;letter-spacing:1px;margin-top:3px}#weapons small{display:block;font-size:8px;color:#b1c8c2;margin-top:3px}#toast{position:absolute;left:10px;right:10px;bottom:85px;text-align:center;font-size:11px;letter-spacing:1px;color:#ffdc98;pointer-events:none;text-shadow:0 2px 5px #000}footer{display:flex;width:100%;justify-content:space-between;padding:9px 18px;color:#8eaaa9;font-size:9px;letter-spacing:1px;height:34px}@media(max-width:600px){.prototype{display:none}header{height:60px;padding:8px 12px}header strong{font-size:17px;letter-spacing:2px}header button{padding:8px}#arena{height:calc(100svh - 94px);max-width:100vw}#panel{padding:25px}h1{font-size:42px}.eyebrow{font-size:8px;letter-spacing:2px;margin-bottom:20px}.lead{font-size:14px}.sigil{font-size:55px;right:25px}.fine{font-size:8px}#hud{padding:10px 9px;gap:6px}#hud small{font-size:7px;letter-spacing:0}#hud b{font-size:10px}#bossHud{top:52px}footer{padding:9px 8px;font-size:7px;letter-spacing:0}dl{grid-template-columns:82px 1fr;gap:10px;font-size:11px}.best{margin-top:24px}#weapons{left:7px;right:7px;bottom:7px}#weapons button{padding:7px}#weapons b{font-size:10px}#weapons small{font-size:7px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}#panel[data-screen=pause]{background:linear-gradient(145deg,#071721c9,#0f2930b8);-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px)}@media(max-height:500px)and (min-width:600px){#arena:has(#panel:not([hidden])){width:min(86vw,720px);aspect-ratio:auto}#panel{padding:20px 25px}#panel h1{font-size:32px;margin-bottom:8px;letter-spacing:-1px}.eyebrow{margin:0 0 10px}.lead{font-size:12px;line-height:1.4;margin:8px 0}.sigil{display:none}#panel[data-screen=title]{display:grid;grid-template-columns:1.1fr 1fr;grid-template-rows:auto auto auto 1fr;gap:8px 25px;align-content:start}#panel[data-screen=title] .eyebrow{grid-column:1/-1}#panel[data-screen=title] h1{grid-column:1;grid-row:2}#panel[data-screen=title] .lead{grid-column:1;grid-row:3}#panel[data-screen=title] .primary{grid-column:2;grid-row:2;align-self:center;margin:0}#panel[data-screen=title] .row{grid-column:2;grid-row:3;margin:0;align-self:start}#panel[data-screen=title] .best{grid-column:2;grid-row:4;margin:0;padding:0;border:0}#panel[data-screen=title] .best strong{font-size:20px;margin:3px 0}#panel[data-screen=title] .fine{grid-column:1;grid-row:4;margin:0;font-size:8px;align-self:start}}