:root{--orange:#f65a2c;--ink:#201a17;--paper:#fff0dc;--line:rgba(32,26,23,.27);font-family:Arial,"PingFang SC","Microsoft YaHei",sans-serif;color:var(--ink);background:var(--orange);font-synthesis:none}*{box-sizing:border-box}body{margin:0;padding:0 30px;min-height:100svh}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible,a:focus-visible,#viewport:focus-visible{outline:3px solid var(--paper);outline-offset:5px}button:disabled{cursor:default;opacity:.4}a{color:inherit;text-decoration:none}.topbar{height:81px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:20px}.back{font-size:15px;font-weight:900;letter-spacing:-.3px}.back span{font-size:25px;margin-right:12px}.back em{font-size:10px;letter-spacing:1px;font-style:normal;margin-left:5px;font-weight:500}.edition{font-size:11px;letter-spacing:2px}.issue{font-size:9px;letter-spacing:1px;display:flex;gap:22px;align-items:center}.issue b{font-size:13px}.layout{display:grid;grid-template-columns:minmax(180px,240px) minmax(330px,1fr) minmax(180px,215px);gap:27px;padding:24px 0;max-width:1600px;margin:auto;min-height:650px;height:calc(100svh - 131px);max-height:1000px}.intro{display:flex;flex-direction:column;min-width:0;position:relative;padding:10px 0 0}.eyebrow{font-size:9px;letter-spacing:2px;display:flex;align-items:center;gap:8px}.live-dot{width:5px;height:5px;background:var(--ink);border-radius:50%}h1{font-size:clamp(65px,7.2vw,110px);line-height:.85;letter-spacing:-.085em;margin:25px 0 0;font-weight:950}h1 span{font-size:19px;display:block;letter-spacing:8px;margin-top:18px;font-weight:500}.tagline{font-size:15px;line-height:1.9;letter-spacing:1.5px;margin:30px 0 0}.orbital-art{height:210px;position:relative;margin:14px 0;flex:1;min-height:165px;max-height:290px;overflow:hidden}.orbit{border:1px solid rgba(32,26,23,.5);position:absolute;top:50%;left:50%;border-radius:50%;width:92%;height:42%;transform:translate(-50%,-50%) rotate(-28deg)}.o2{transform:translate(-50%,-50%) rotate(28deg)}.o3{width:62%;height:79%;transform:translate(-50%,-50%) rotate(0deg)}.sun{width:72px;height:72px;background:var(--ink);border-radius:50%;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 9px var(--orange),0 0 0 10px rgba(32,26,23,.25)}.sun:after{content:"";position:absolute;inset:12px;border:1px solid var(--orange);border-radius:50%}.satellite{position:absolute;width:12px;height:12px;border-radius:50%;background:var(--paper);left:13%;top:57%;box-shadow:0 0 0 5px var(--orange)}.coordinate{font-size:7px;letter-spacing:1px;position:absolute;bottom:3px;left:0}.mission{display:flex;gap:18px;padding-top:20px;border-top:1px solid var(--line);align-items:flex-start}.section-num{font-size:9px;white-space:nowrap;letter-spacing:1px;margin-top:4px}.mission p{font-size:11px;line-height:1.9;margin:0}.smallprint{font-size:8px;letter-spacing:1.3px;line-height:1.8;margin-top:28px;opacity:.7}.arena-shell{background:#141416;position:relative;min-height:0;isolation:isolate;overflow:hidden;border-radius:5px;box-shadow:0 16px 35px -26px #4e180d}#viewport{position:absolute;inset:18px 0 16px;touch-action:none;outline:none}#viewport canvas{display:block;width:100%;height:100%}.arena-meta,.arena-bottom{z-index:2;position:absolute;left:23px;right:23px;display:flex;justify-content:space-between;font-family:"Courier New",monospace;font-size:8px;letter-spacing:1.1px;pointer-events:none;color:#989088}.arena-meta{top:20px}.arena-meta>span:first-child{display:flex;gap:7px;align-items:center}.arena-meta i{width:4px;height:4px;background:#ff7041;border-radius:50%}.arena-bottom{bottom:20px;font-size:7px;color:#665f59}.corner{width:11px;height:11px;position:absolute;border-color:#665245;pointer-events:none}.tl{top:12px;left:12px;border-top:1px solid;border-left:1px solid}.tr{top:12px;right:12px;border-top:1px solid;border-right:1px solid}.bl{bottom:12px;left:12px;border-bottom:1px solid;border-left:1px solid}.br{bottom:12px;right:12px;border-bottom:1px solid;border-right:1px solid}.dashboard{display:flex;flex-direction:column;padding:10px 0 0}.label{font-size:8px;letter-spacing:1.15px;display:flex;justify-content:space-between;gap:6px;font-weight:700;align-items:center}.label>span{font-size:9px;font-weight:400;letter-spacing:0}.score{font-family:Arial,sans-serif;font-size:clamp(35px,3.7vw,57px);font-weight:800;line-height:1.1;letter-spacing:-3px;font-variant-numeric:tabular-nums;margin:12px 0 9px}.score-bottom{display:flex;justify-content:space-between;font-size:9px;padding-bottom:20px;border-bottom:1px solid var(--line)}.score-bottom b{letter-spacing:1px;font-family:"Courier New",monospace}.lives-panel{padding-top:23px}.lives{display:flex;gap:10px;font-size:29px;line-height:1.6}.lives .empty{opacity:.2}.sector-panel{margin-top:20px}.sector-title{display:flex;align-items:center;gap:14px;margin:12px 0}.sector-title>b{font-size:39px;font-weight:500;letter-spacing:-2px;line-height:1}.sector-title strong{display:block;font-size:14px;font-weight:600;margin-bottom:5px;letter-spacing:2px}.sector-title small{display:block;font-size:8px;letter-spacing:1.5px}.stage-track{display:flex;gap:4px}.stage-track i{height:3px;flex:1;background:rgba(32,26,23,.2)}.stage-track i.current{background:var(--ink)}.stage-track i.complete{background:var(--paper)}.remaining{display:flex;justify-content:space-between;margin-top:10px;font-size:9px}.remaining b{font-family:"Courier New",monospace}.actions{margin:25px 0 0}.primary{display:flex;align-items:center;justify-content:space-between;width:100%;border:0;background:var(--ink);color:var(--paper);font-size:12px;letter-spacing:2px;font-weight:700;min-height:47px;padding:12px 17px;border-radius:2px;transition:background .15s,transform .15s}.primary:hover:not(:disabled){background:#3a2920;transform:translateY(-1px)}.primary span{font-size:22px;font-weight:400;line-height:1}.secondary-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:8px}.secondary-actions button{border:1px solid var(--line);background:transparent;min-height:35px;font-size:10px;padding:7px;display:flex;align-items:center;justify-content:space-between}.secondary-actions button:hover:not(:disabled){background:rgba(255,240,220,.15)}kbd{font:8px "Courier New",monospace;border:1px solid rgba(32,26,23,.35);padding:1px 3px;border-radius:2px}.instructions{margin-top:auto;padding-top:24px}.instructions p{font-size:10px;margin:13px 0}.instructions p>span{font:8px "Courier New",monospace;opacity:.6;margin-right:9px}.tip{font-size:9px;line-height:1.8;opacity:.72;border-top:1px solid var(--line);margin-top:15px;padding-top:12px}.sound{display:flex;justify-content:space-between;align-items:center;border:0;border-top:1px solid var(--line);padding:14px 0 0;background:none;font-size:9px;margin-top:16px}.sound span{font-size:17px;line-height:1}.launch-hint{position:absolute;top:57%;left:50%;transform:translate(-50%,-50%);text-align:center;color:var(--paper);pointer-events:none;white-space:nowrap}.launch-hint>span{display:block;font-size:25px;font-weight:200;color:#ff794b;margin-bottom:9px}.launch-hint strong{display:block;font-size:14px;letter-spacing:5px;font-weight:500}.launch-hint small{display:block;font-size:9px;letter-spacing:1px;color:#a79a8d;margin-top:11px}.overlay{position:absolute;inset:0;z-index:4;display:flex;align-items:center;justify-content:center;background:rgba(13,12,14,.67);backdrop-filter:blur(7px)}[hidden]{display:none!important}.overlay-card{width:85%;max-width:330px;text-align:center;padding:34px 25px;background:#211c1b;border:1px solid #6a3b28;color:var(--paper);box-shadow:0 20px 80px rgba(0,0,0,.5)}.overlay-kicker{font:9px "Courier New",monospace;letter-spacing:3px;color:#ff7851}.overlay h2{font-size:35px;font-weight:500;letter-spacing:5px;margin:23px 0 15px}.overlay p{color:#c0aca0;font-size:11px;line-height:1.9;white-space:pre-line;margin-bottom:25px}.overlay .primary{background:var(--orange);color:var(--ink);justify-content:center}.overlay .primary:hover{background:#ff8056}.page-footer{height:50px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);font-size:8px;letter-spacing:1.5px}.page-footer i{font-style:normal;font-size:15px;margin:0 15px}.fallback{position:absolute;inset:30%;background:#241e1b;color:var(--paper);font-size:14px;line-height:2;padding:25px;z-index:9}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.impact-flash{animation:impact .18s ease-out}@keyframes impact{0%{color:#fff0dc}100%{color:var(--ink)}}
@media(min-width:1600px){body{padding:0 4vw}.layout{gap:40px;grid-template-columns:260px minmax(400px,1fr) 235px}h1{font-size:125px}.intro,.dashboard{padding-top:20px}}
@media(max-width:1100px){body{padding:0 20px}.layout{grid-template-columns:170px minmax(300px,1fr) 175px;gap:20px}h1{font-size:75px}.tagline{font-size:13px}.issue{gap:12px}.score{font-size:42px}.instructions p{font-size:9px}.mission{gap:9px}.mission p{font-size:10px}.smallprint{font-size:7px}}
@media(max-height:800px) and (min-width:861px){.topbar{height:62px}.layout{height:calc(100svh - 103px);min-height:580px;padding:17px 0}.page-footer{height:41px}.tagline{margin-top:22px}.sector-panel{margin-top:12px}.lives-panel{padding-top:16px}.actions{margin-top:18px}.instructions{padding-top:18px}.instructions p{margin:10px 0}.smallprint{margin-top:20px}.sound{margin-top:10px;padding-top:10px}.tip{margin-top:11px;padding-top:8px}}
@media(max-width:860px){body{padding:0 16px}.topbar{height:60px}.edition{display:none}.issue{font-size:7px;gap:9px}.issue b{font-size:10px}.back{font-size:12px}.back em{font-size:8px}.back span{font-size:20px;margin-right:7px}.layout{height:auto;max-height:none;min-height:0;grid-template-columns:1fr;gap:0;padding:0;display:flex;flex-direction:column}.intro{display:block;padding:19px 0 17px}.eyebrow{font-size:7px;letter-spacing:1.5px;position:absolute;right:0;top:24px}h1{font-size:53px;display:flex;align-items:flex-end;gap:20px;margin:0;letter-spacing:-4px}h1 span{font-size:12px;letter-spacing:4px;margin:0 0 3px}.tagline,.orbital-art,.mission,.smallprint{display:none}.dashboard{display:contents}.score-panel{order:1;display:flex;align-items:center;gap:14px;border-top:1px solid var(--line);padding-top:13px;padding-bottom:14px}.score-panel>.label{font-size:7px;width:45px;display:block;line-height:1.6;letter-spacing:.7px}.score-panel .label span{display:none}.score{font-size:31px;line-height:1;margin:0;letter-spacing:-1.5px}.score-bottom{margin-left:auto;border:0;display:block;padding:0;font-size:8px}.score-bottom b{display:block;margin-top:5px}.flight-status{order:1;display:flex;align-items:center;justify-content:space-between;padding:0 0 13px}.lives-panel{padding:0;display:flex;gap:10px;align-items:center}.lives-panel .label{font-size:7px;letter-spacing:.7px}.lives-panel .label span{display:none}.lives{font-size:18px;gap:5px;line-height:1}.sector-panel{margin:0;display:flex;align-items:center;gap:10px}.sector-panel>.label,.stage-track,.remaining,.sector-title small{display:none}.sector-title{margin:0;gap:7px}.sector-title>b{font-size:18px;letter-spacing:-.5px}.sector-title strong{font-size:10px;margin:0;letter-spacing:1px}.arena-shell{order:2;width:100%;height:clamp(420px,calc(100svh - 285px),680px)}.arena-meta{top:16px;font-size:7px;left:17px;right:17px}.arena-bottom{bottom:14px;font-size:6px;left:17px;right:17px}#viewport{inset:10px 0}.actions{order:3;display:flex;gap:8px;margin:13px 0 0}.actions>.primary{flex:1;min-height:44px}.secondary-actions{margin:0;flex:1;gap:8px}.secondary-actions button{font-size:10px;padding:10px}.instructions{order:4;margin:0;padding-top:17px}.instructions>.label{display:none}.instructions p{display:inline-block;font-size:9px;margin:0 13px 8px 0}.instructions p:nth-of-type(3){display:none}.tip{border:0;padding:0;margin:0;font-size:9px}.sound{order:5;margin:12px 0 0;padding:10px 0;font-size:9px}.page-footer{height:43px;font-size:6px;margin-top:5px}.page-footer>span:last-child{font-size:0}.page-footer i{font-size:13px;margin:0}.launch-hint{top:59%}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}

/* Scene changes preserve the live game. The picker stays outside the overlay. */
.arena-column{display:flex;flex-direction:column;gap:10px;min-width:0;min-height:0}.arena-column .arena-shell{flex:1}.theme-panel{flex:none}.theme-heading{display:flex;justify-content:space-between;gap:10px;align-items:center;font-size:8px;letter-spacing:1.3px;margin:0 0 9px}.theme-heading small{font-size:8px;letter-spacing:.2px;opacity:.72}.theme-options{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}.theme-options button{display:grid;grid-template-columns:14px 1fr;gap:4px 7px;text-align:left;align-items:center;min-height:46px;padding:8px 9px;border:1px solid var(--line);background:transparent;font-size:11px;white-space:nowrap}.theme-options button small{grid-column:2;font:6px Arial,sans-serif;letter-spacing:1px;opacity:.65}.theme-options button[aria-pressed=true]{background:var(--ink);color:var(--paper);border-color:var(--ink)}.swatch{display:block;width:12px;height:12px;grid-row:span 2;border:1px solid #ffffff66}.swatch.industrial{background:linear-gradient(135deg,#d0cbc0,#4d5558 45%,#ac854a 48%,#666a6c 65%,#bfc2bf)}.swatch.temple{background:linear-gradient(135deg,#96816a,#151927 40%,#53417c 70%,#c2a364)}.swatch.nova{background:#f65a2c}
body[data-theme=industrial]{--orange:#bbb4a6;--ink:#272c2e;--paper:#f2ebda;--line:#272c2e38;background:radial-gradient(ellipse at 30% 5%,#d7d1c7,transparent 65%),#aaa99e}body[data-theme=temple]{--orange:#171b26;--ink:#d6c69f;--paper:#151b28;--line:#b9ab873f;background:radial-gradient(ellipse at 15% 12%,#293040,transparent 60%),#121724;color:#d6c69f}body[data-theme=temple] .launch-hint{color:#f0e7d6}body[data-theme=temple] .overlay-card{color:#e6decf;background:#151b27;border-color:#6d6355}body[data-theme=temple] .overlay .primary{background:#cab686;color:#151b28}body[data-theme=temple] .primary:hover:not(:disabled){background:#efe0bb}body[data-theme=temple] .overlay p{color:#bbb8c8}body[data-theme=temple] .stage-track i{background:#b9ab873f}body[data-theme=temple] .stage-track i.current{background:#d6c69f}body[data-theme=temple] kbd{border-color:#b9ab8766}body[data-theme=temple] .orbit{border-color:#b9ab8766}body[data-theme=temple] button:focus-visible,body[data-theme=temple] a:focus-visible{outline-color:#eee1bf}body[data-theme=industrial] .primary:hover:not(:disabled){background:#454e50}body[data-theme=industrial] .arena-shell,body[data-theme=temple] .arena-shell{border-radius:1px;border:1px solid #646a6b;box-shadow:0 18px 45px #0003}body[data-theme=industrial] .orbital-art{opacity:.65}body[data-theme=temple] .orbital-art{opacity:.6}
@media(max-width:1100px) and (min-width:861px){.theme-options button{padding:7px 5px;font-size:10px;gap:4px}.theme-options button small{font-size:5px;letter-spacing:.5px}.theme-heading small{display:none}}
@media(max-width:860px){.arena-column{order:2;gap:10px}.arena-column .arena-shell{flex:none;order:initial;height:clamp(420px,calc(100svh - 345px),680px)}.theme-options button{min-height:45px;font-size:11px}.theme-heading{font-size:7px;margin-bottom:7px}.theme-heading small{font-size:7px}.theme-panel{padding-top:2px}}