:root{--amber:#ffb000;--amber2:#ff7a00;--cyan:#39d8ff;--ink:#06121f;--panel:#0b1d2e;--line:#1f3c55;--text:#d9e8f2;--dim:#7d97aa;--red:#ff3b4e}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{height:100%;background:#040a13;overflow:hidden;font-family:Segoe UI,system-ui,-apple-system,Roboto,Helvetica,Arial,sans-serif;color:var(--text);touch-action:manipulation;-webkit-text-size-adjust:100%}#wrap{height:100%;display:flex;align-items:center;justify-content:center;background:radial-gradient(1200px 700px at 50% -10%,#0a2236 0%,transparent 60%),repeating-linear-gradient(0deg,rgba(255,255,255,.015) 0 2px,transparent 2px 4px),#040a13}#stage{position:relative;box-shadow:0 0 0 1px #11283c,0 0 60px #0028508c,0 30px 80px #0009}canvas{display:block;background:#1d7fa6;touch-action:none;cursor:crosshair}#ui{position:absolute;inset:0;pointer-events:none;overflow:hidden}.screen{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;background:#030911d6;backdrop-filter:blur(5px);pointer-events:auto;text-align:center;padding:calc(20px + env(safe-area-inset-top)) 20px calc(20px + env(safe-area-inset-bottom))}.hidden{display:none!important}.eyebrow{font-size:11px;letter-spacing:.45em;color:var(--amber);font-weight:700;text-transform:uppercase}.logo{font-weight:900;font-style:italic;text-transform:uppercase;line-height:.92;letter-spacing:.01em;font-size:min(62px,11vw);background:linear-gradient(180deg,#fff 25%,var(--cyan) 55%,#1583c9 100%);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 3px 0 rgba(0,0,0,.55)) drop-shadow(0 0 22px rgba(57,216,255,.35))}.logo span{display:block;font-size:.42em;letter-spacing:.5em;margin-top:8px;background:linear-gradient(180deg,#ffe09a,var(--amber) 60%,var(--amber2));-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 2px 0 rgba(0,0,0,.6))}h2.title{font-size:34px;font-weight:900;font-style:italic;letter-spacing:.06em;text-transform:uppercase}.sub{color:var(--dim);font-size:13px;max-width:340px;line-height:1.5}.btn{pointer-events:auto;cursor:pointer;border:0;font:inherit;font-weight:800;letter-spacing:.14em;text-transform:uppercase;padding:14px 30px;color:#1a1200;background:linear-gradient(180deg,#ffd25e,var(--amber) 55%,var(--amber2));clip-path:polygon(12px 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%,0 12px);box-shadow:0 6px #00000073;transition:transform .08s ease,filter .12s}.btn:hover{filter:brightness(1.1)}.btn:active{transform:translateY(3px)}.btn.ghost{background:transparent;color:var(--cyan);box-shadow:inset 0 0 0 2px var(--cyan);padding:11px 22px;font-size:12px}.btn.ghost:hover{box-shadow:inset 0 0 0 2px #9be9ff;color:#9be9ff}.btn:focus-visible,.toggle:focus-visible{outline:2px solid #fff;outline-offset:2px}.btnrow{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}.toggle{pointer-events:auto;cursor:pointer;border:1px solid var(--line);background:#0a1928;color:var(--dim);font:inherit;font-size:11px;font-weight:700;letter-spacing:.18em;padding:7px 12px;text-transform:uppercase}.toggle.on{color:var(--amber);border-color:var(--amber);box-shadow:0 0 12px #ffb00040}.volrow{display:flex;gap:18px;flex-wrap:wrap;justify-content:center}.volrow label{pointer-events:auto;display:flex;align-items:center;gap:8px;font-size:11px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--dim)}.volrow input[type=range]{width:110px;accent-color:var(--amber);cursor:pointer;touch-action:none}.hint{font-size:11px;color:var(--dim);letter-spacing:.05em;line-height:1.9}.hint b{color:var(--text)}kbd{background:#10283c;border:1px solid var(--line);border-bottom-width:2px;border-radius:4px;padding:1px 6px;font-family:inherit;font-size:10px;color:var(--text)}.tlist{display:flex;flex-direction:column;gap:9px;max-width:330px;text-align:left;margin:4px 0}.tlist>div{font-size:13px;color:var(--dim);line-height:1.35;padding-left:2px}.tlist b{color:var(--text);font-weight:800}#missions{justify-content:flex-start;padding-top:26px;overflow-y:auto}#missionList{display:grid;grid-template-columns:1fr 1fr;gap:9px;width:100%;max-width:470px;margin-top:6px}.mcard{pointer-events:auto;cursor:pointer;font:inherit;color:var(--text);text-align:left;background:linear-gradient(180deg,#0d2236,#0a1a2a);border:1px solid var(--line);padding:10px 12px;clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px)}.mcard:not(.locked):active{transform:translateY(2px)}.mcard.locked{opacity:.5;cursor:not-allowed;filter:grayscale(.6)}.mtop{display:flex;align-items:center;justify-content:space-between}.mno{font-size:26px;font-weight:900;font-style:italic;color:var(--amber)}.mboss{font-size:22px}.mname{font-size:12px;letter-spacing:.04em;color:#fff;font-weight:800;margin-top:2px;line-height:1.1}.msub{font-size:9px;letter-spacing:.1em;text-transform:uppercase;color:var(--dim);margin-top:1px}.mbadge{font-size:15px;letter-spacing:3px;margin-top:6px;min-height:20px}.mbadge .dim{font-size:10px;letter-spacing:.1em;color:var(--dim)}.mbest{font-size:10px;color:var(--dim);letter-spacing:.06em;margin-top:2px}#shop{justify-content:flex-start;padding-top:26px;overflow-y:auto}.bal{display:flex;align-items:baseline;gap:10px}.bal .n{font-size:40px;font-weight:900;font-style:italic;color:var(--amber);text-shadow:0 0 18px rgba(255,176,0,.4)}.bal .s{color:var(--dim);font-size:12px;letter-spacing:.3em;text-transform:uppercase}#cards{display:grid;grid-template-columns:1fr 1fr;gap:9px;width:100%;max-width:470px;margin-top:4px}.card{background:linear-gradient(180deg,#0d2236,#0a1a2a);border:1px solid var(--line);padding:10px 12px;text-align:left;clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px)}.chead{display:flex;align-items:center;gap:9px;margin-bottom:3px}.chead svg{flex:none;filter:drop-shadow(0 2px 5px rgba(0,0,0,.45))}.card h4{font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:#fff}.card p{font-size:10px;color:var(--dim);margin:3px 0 7px;line-height:1.45;min-height:28px}.pips{letter-spacing:3px;font-size:11px;color:#27506e;margin-bottom:7px}.pips b{color:var(--cyan);text-shadow:0 0 8px rgba(57,216,255,.6)}.buy{pointer-events:auto;cursor:pointer;border:0;font:inherit;width:100%;padding:7px 0;font-weight:800;font-size:11px;letter-spacing:.1em;color:#1a1200;background:linear-gradient(180deg,#ffd25e,var(--amber));clip-path:polygon(7px 0,100% 0,100% calc(100% - 7px),calc(100% - 7px) 100%,0 100%,0 7px)}.buy:disabled{background:#13283a;color:#4e6a80;cursor:not-allowed}.buy:not(:disabled):active{transform:translateY(2px)}.stats{display:grid;grid-template-columns:auto auto;gap:5px 22px;font-size:13px;text-align:left}.stats .k{color:var(--dim);letter-spacing:.08em;text-transform:uppercase;font-size:11px;align-self:center}.stats .v{font-weight:800;font-style:italic;font-size:16px;text-align:right}.medals{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;max-width:420px}.medal{font-size:10px;letter-spacing:.08em;text-transform:uppercase;padding:6px 11px;border:1px solid var(--line);color:#42607a;clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px)}.medal.got{color:#1a1200;background:linear-gradient(180deg,#ffe9a8,var(--amber));border-color:transparent;font-weight:800;box-shadow:0 0 16px #ffb00059}.lb{width:100%;max-width:300px;display:flex;flex-direction:column;gap:3px}.lbhead{font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--amber);text-align:center;margin-bottom:4px}.lbrow{display:flex;align-items:center;gap:10px;font-size:13px;padding:4px 10px;border:1px solid var(--line);background:#0a192880;clip-path:polygon(6px 0,100% 0,100% calc(100% - 6px),calc(100% - 6px) 100%,0 100%,0 6px)}.lbrow .r{color:var(--dim);font-weight:800;width:18px}.lbrow .sc{flex:1;font-weight:900;font-style:italic;color:var(--text);text-align:left}.lbrow .st{color:var(--dim);font-size:11px;letter-spacing:.05em}.lbrow.you{border-color:var(--amber);background:#ffb0001f}.lbrow.you .sc{color:#ffd040}#hudBtns{position:absolute;right:calc(10px + env(safe-area-inset-right));bottom:calc(14px + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:14px;pointer-events:none}#hudBtns button{pointer-events:auto;cursor:pointer;touch-action:manipulation;border:1px solid rgba(255,255,255,.25);font:inherit;font-weight:800;color:#fff;background:#06121f8c;backdrop-filter:blur(3px);min-width:58px;min-height:58px;padding:14px 16px;font-size:18px;letter-spacing:.05em;clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px)}#hudBtns button:active{transform:scale(.94)}#bombBtn{border-color:#ffb000b3;color:var(--amber)}.stripes{width:min(420px,80%);height:8px;margin:4px 0;background:repeating-linear-gradient(-45deg,var(--amber) 0 14px,#0a1422 14px 28px);opacity:.85;clip-path:polygon(4px 0,100% 0,calc(100% - 4px) 100%,0 100%)}svg.ship{filter:drop-shadow(0 10px 14px rgba(0,20,40,.6));animation:bob 3.4s ease-in-out infinite}@keyframes bob{0%,to{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-9px) rotate(1deg)}}@media(prefers-reduced-motion:reduce){svg.ship{animation:none}}.tstats{display:flex;flex-direction:column;align-items:center;gap:3px;margin:2px 0}.trow{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--dim)}.trow b{color:var(--amber);font-style:italic}.tscores{font-size:11px;letter-spacing:.06em;color:#5f7c92;font-weight:700}@media(max-height:740px){.logo{font-size:min(46px,10vw)}#cards{gap:7px}.card p{min-height:0}}