:root{color-scheme:dark;--cyan:#77e5ff;--ink:#eff7ff;--muted:#91a1bd;--line:#7d9ac329;--panel:#10162c}*{box-sizing:border-box}body{margin:0;min-width:320px;background:radial-gradient(ellipse at 15% 10%,#142442 0,transparent 45%),radial-gradient(ellipse at 90% 70%,#281a3b 0,transparent 40%),#080d1b;color:var(--ink);font:14px/1.5 'Segoe UI',Arial,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer;border:1px solid var(--line);color:var(--ink);background:#1b2940;border-radius:7px;padding:10px 14px;transition:background .15s,transform .15s}button:hover{background:#294361}button:active{transform:translateY(1px)}button:disabled{opacity:.4;cursor:default}button:focus-visible,a:focus-visible,canvas:focus-visible{outline:2px solid var(--cyan);outline-offset:4px}button.primary{background:linear-gradient(110deg,#a5f4ff,#78ceff);border:0;color:#0b243d;font-weight:800;min-width:190px;box-shadow:0 0 28px #5bceff30}button.primary:hover{background:#c5f8ff}.site-head{max-width:1300px;margin:auto;height:88px;display:flex;align-items:center;gap:30px;padding:0 28px;border-bottom:1px solid var(--line)}.brand img{width:155px;display:block}.back{color:var(--muted);margin-left:auto;font-size:13px}.header-note{font-size:10px;letter-spacing:2px;color:#5e718f;border-left:1px solid var(--line);padding-left:25px}main{max-width:1250px;margin:auto;padding:36px 28px}.intro{display:flex;justify-content:space-between;align-items:center;margin-bottom:27px}.eyebrow{font-size:10px;letter-spacing:2.4px;font-weight:700;color:var(--cyan);margin:0 0 9px}h1{font-size:clamp(30px,4vw,51px);letter-spacing:2px;font-weight:850;line-height:1.08;margin:0}h1 span{font-weight:300;color:var(--cyan)}.subtitle{color:var(--muted);margin:10px 0 0;font-size:14px}.intro-badge{display:flex;gap:13px;align-items:center}.intro-badge strong{font-size:48px;line-height:1;font-weight:200;color:var(--cyan)}.intro-badge span{font-size:9px;letter-spacing:2px;color:var(--muted)}.flight-deck{display:grid;grid-template-columns:210px minmax(0,600px) 210px;justify-content:center;align-items:start;border:1px solid var(--line);border-radius:14px;overflow:hidden;background:linear-gradient(130deg,#131c30,#0c1226);box-shadow:0 24px 90px #0006}.left-panel,.right-panel{padding:25px 22px}.level-number{display:flex;align-items:baseline;gap:9px}.level-number span{font-size:64px;line-height:1.15;font-weight:200;letter-spacing:-3px}.level-number small{color:#687b9c;font-size:16px}h2{font-size:18px;margin:3px 0 5px}.muted{color:var(--muted);font-size:11px;margin:0 0 16px}.micro{display:block;font-size:9px;letter-spacing:1.5px;color:#6b809f}.progress-track,.dash-track{height:3px;background:#26354e;margin:10px 0}.progress-track i,.dash-track i{display:block;height:100%;width:0;background:var(--cyan);box-shadow:0 0 8px #64dcff66}.readout{border-top:1px solid var(--line);padding-top:18px;margin-top:22px}.readout label{display:block;color:#91a1bd;font-size:9px;letter-spacing:1.5px;margin-bottom:8px}.readout strong{font-size:27px;font-weight:400;letter-spacing:2px;font-variant-numeric:tabular-nums}.readout small{display:block;color:#687c9c;font-size:8px;margin-top:7px;letter-spacing:.5px}.readout small b{color:#a9bad3;font-weight:400}.readout .ships{font-size:16px;color:#c9e7ff;letter-spacing:3px}.segments{display:flex;gap:4px;flex-wrap:wrap}.segments i{display:block;width:24px;height:7px;background:#6cddb0;box-shadow:0 0 9px #6cddb02b}.segments.shield i{background:#63bcff;box-shadow:0 0 9px #63bcff44}.segments i.empty{background:#28334a;box-shadow:none}.mission-note{font-size:11px;color:#607493;margin-top:35px;line-height:1.9}.arena{position:relative;aspect-ratio:3/4;background:#080f27;overflow:hidden;border-left:1px solid var(--line);border-right:1px solid var(--line);isolation:isolate}canvas{display:block;width:100%;height:100%;touch-action:none;outline:none}.arena-label{position:absolute;top:16px;left:19px;right:19px;display:flex;justify-content:space-between;font-size:9px;letter-spacing:2px;color:#b9deef8f;pointer-events:none}#combo{color:#ffde87}#boss-bar{position:absolute;top:40px;left:15%;width:70%;text-align:center;font-size:9px;letter-spacing:2px;color:#ffc9e8}#boss-bar div{height:5px;background:#311f45;border:1px solid #d99ae655;margin-top:7px}#boss-fill{display:block;background:linear-gradient(90deg,#9f7fff,#ff9ad8);height:100%}#toast{position:absolute;bottom:75px;text-align:center;width:100%;font-size:12px;color:#d9f9ff;pointer-events:none;opacity:0;transition:opacity .2s;text-shadow:0 2px 4px #000}#toast.visible{opacity:1}.overlay{position:absolute;inset:0;background:linear-gradient(#0710256b,#081226ba);display:flex;align-items:center;justify-content:center;padding:25px;text-align:center;backdrop-filter:blur(3px)}.overlay[hidden]{display:none}.overlay-inner{max-width:440px;width:100%}.overlay .orbit-mark{width:110px;height:110px;margin:0 auto 26px;border:1px solid #79e1ff4a;border-radius:50%;display:grid;place-items:center;box-shadow:0 0 55px #6fbaff20,inset 0 0 25px #5fbfff0f;font-size:50px;color:#b8f2ff;position:relative}.orbit-mark:before{content:'';position:absolute;inset:12px;border:1px dashed #9ce7ff50;border-radius:50%;transform:rotate(30deg)}.overlay h2{font-size:clamp(25px,3vw,37px);line-height:1.1;font-weight:300;margin:10px 0 15px}.overlay h2 strong{font-weight:750}.overlay p{color:#bdcce3;font-size:13px;max-width:340px;margin:0 auto 22px}.overlay .eyebrow{font-size:9px;color:var(--cyan)}.overlay .actions{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:14px}.difficulty{display:flex;justify-content:center;gap:6px;margin:15px 0 23px}.difficulty button{font-size:11px;background:#17233abf}.difficulty button[aria-pressed=true]{border-color:var(--cyan);color:var(--cyan);background:#24547655}.overlay .tiny{font-size:10px;color:#8198b9;margin:17px auto 0}.upgrade-grid{display:grid;gap:8px}.upgrade-card{text-align:left;display:grid;grid-template-columns:40px 1fr;gap:10px;padding:13px;background:#14233deb;border:1px solid #719ecd55}.upgrade-card:hover{border-color:#8ee8ff;background:#203b57}.upgrade-card .icon{font-size:28px;color:#a8ebff;align-self:center;text-align:center}.upgrade-card strong{display:block;font-size:13px}.upgrade-card small{display:block;font-size:11px;color:#a7b9d0;margin-top:3px;font-weight:400;line-height:1.4}.ship-blueprint{height:166px;display:grid;place-items:center;background:radial-gradient(circle,#39729726,transparent 65%);margin:0 -10px}.ship-blueprint svg{height:155px;filter:drop-shadow(0 0 9px #5dd5ff55)}.right-panel .micro{text-align:center}.readout .weapon-name{font-size:18px;letter-spacing:0}.weapon-dots{display:flex;gap:5px;margin-top:9px}.weapon-dots i{width:20px;height:3px;background:#27364c}.weapon-dots i.on{background:var(--cyan)}.system-row{display:flex;justify-content:space-between;font-size:9px;margin-top:16px;color:#869aba}.system-row b{color:#c2dcee;font-weight:500}.ability{border-top:1px solid var(--line);margin-top:23px;padding-top:17px}.ability div:first-child{display:flex;justify-content:space-between;align-items:center;font-size:9px;letter-spacing:1px;color:#adbdd5}.ability b{font-size:17px;color:#ffe4ab;letter-spacing:0}.ability #dash-status{font-size:9px;color:var(--cyan)}.ability small{font-size:9px;color:#8398b5;display:block;margin:7px 0}.ability button{width:100%;font-size:10px;background:#40364a;color:#ffe4ae;border-color:#ffe2a538}.utility{display:flex;flex-wrap:wrap;gap:6px;border-top:1px solid var(--line);padding-top:17px;margin-top:22px}.utility button{font-size:10px;padding:7px 9px;background:transparent}.controls{display:flex;flex-wrap:wrap;justify-content:center;gap:13px 22px;padding:18px 0;color:#859bb9;font-size:10px}kbd{font-family:inherit;font-size:10px;padding:2px 5px;border:1px solid #55719544;border-radius:3px;color:#c9d9ec}.auto{color:#75c5ba;font-size:9px;letter-spacing:1px}.auto i{display:inline-block;width:5px;height:5px;background:#77ebc5;border-radius:50%;margin-right:5px}.field-guide{display:grid;grid-template-columns:1fr 1fr;gap:70px;padding:31px 0 15px;border-top:1px solid var(--line)}.field-guide h2{font-size:25px;font-weight:400}.field-guide p:not(.eyebrow){color:#8da2bf;font-size:12px;max-width:470px}.supplies{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;align-content:center}.supplies span{display:flex;gap:9px;align-items:center;color:#99aec9;font-size:11px}.supplies b{font-size:22px}.cyan{color:#7ae6ff}.blue{color:#86bcff}.green{color:#99edb1}.pink{color:#ffa5c7}.gold{color:#ffe193}.purple{color:#da9cff}footer{max-width:1194px;margin:0 auto;padding:20px 0 30px;border-top:1px solid var(--line);font-size:9px;letter-spacing:2px;color:#667d9e;display:flex;justify-content:space-between}footer span{letter-spacing:0}.touch-actions{display:none;position:absolute;bottom:13px;left:13px;right:13px;justify-content:space-between;pointer-events:none}.touch-actions button{pointer-events:auto;background:#142944c9;border-color:#81d5ff66;font-size:10px;touch-action:none}.touch-actions span{color:#ffe391;margin-left:5px}@media(max-width:1050px){.flight-deck{grid-template-columns:160px minmax(0,600px) 160px}.left-panel,.right-panel{padding:20px 14px}.readout{margin-top:16px;padding-top:13px}.mission-note{margin-top:20px}.ship-blueprint{height:130px}.ship-blueprint svg{height:120px}.ability{margin-top:15px;padding-top:12px}.utility{margin-top:15px}}@media(max-width:760px){main{padding:24px 14px}.site-head{height:67px;padding:0 18px}.brand img{width:125px}.header-note{display:none}.intro-badge{display:none}h1{font-size:30px;letter-spacing:1px}.subtitle{font-size:11px}.flight-deck{display:flex;flex-wrap:wrap;border-radius:9px}.left-panel{order:0;width:100%;display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:13px 15px}.left-panel>.eyebrow,.left-panel>.muted,.left-panel>.progress-track,.left-panel>.micro,.mission-note{display:none}.level-number span{font-size:28px;letter-spacing:-1px}.level-number small{font-size:10px}.left-panel h2{font-size:12px}.left-panel .readout{border:0;padding:0;margin:0 0 0 auto}.left-panel .readout strong{font-size:15px}.left-panel .readout small{display:none}.left-panel .readout label{font-size:7px;margin:0 0 4px}.left-panel .segments{max-width:100px;gap:2px}.left-panel .segments i{width:12px;height:4px}.arena{order:1;width:100%;border:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);max-height:calc(100svh - 110px);aspect-ratio:3/4}.right-panel{order:2;width:100%;display:flex;gap:12px;flex-wrap:wrap;align-items:center;padding:13px 15px}.right-panel>.eyebrow,.ship-blueprint,.right-panel>.micro,.system-row,.weapon-dots,.right-panel .ability{display:none}.right-panel .readout{border:0;padding:0;margin:0}.right-panel .readout label{font-size:7px;margin-bottom:3px}.right-panel .readout .weapon-name{font-size:13px}.utility{border:0;margin:0 0 0 auto;padding:0}.utility button{font-size:9px}.touch-actions{display:flex}.field-guide{grid-template-columns:1fr;gap:15px;padding-top:22px}.supplies{gap:12px}.controls{gap:12px;font-size:9px}.overlay{padding:18px}.overlay .orbit-mark{width:80px;height:80px;font-size:35px;margin-bottom:15px}.overlay h2{font-size:29px}.overlay p{font-size:12px}.overlay .tiny{font-size:9px}.upgrade-card{padding:10px}.upgrade-card small{font-size:10px}footer{margin:0 14px;font-size:8px}.arena-label{font-size:8px}}@media(prefers-reduced-motion:reduce){button{transition:none}#toast{transition:none}}

.touch-actions[hidden]{display:none}

.weapon-rack{display:flex;gap:4px;margin:12px 0 8px}.weapon-rack button{flex:1;min-width:0;padding:5px 2px;position:relative;background:#0e1b30;touch-action:manipulation}.weapon-rack button span{font-size:18px;color:var(--weapon-color)}.weapon-rack button small{position:absolute;top:1px;right:3px;font-size:7px;color:#8098b6}.weapon-rack button[aria-pressed=true]{border-color:var(--weapon-color);background:#294156;box-shadow:0 0 12px #77dfff1c}.weapon-description{color:#90a7c4;font-size:10px;line-height:1.5;margin:7px 0}.right-panel .weapon-name{font-size:15px;letter-spacing:0}.right-panel .ship-blueprint{height:125px}.right-panel .ship-blueprint svg{height:120px}.arsenal-guide{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;margin:26px 0 10px}.arsenal-guide article{border:1px solid var(--line);border-radius:7px;padding:13px;background:#101a2a}.arsenal-guide b{font-size:9px;letter-spacing:1px}.arsenal-guide p{font-size:11px;color:#94a9c4;margin:8px 0 0}.orange{color:#ffac7c}.touch-actions{gap:6px}.touch-actions button{flex:1;padding:12px 5px}.touch-actions #touch-fire{background:#4bbacf;color:#071c2c;font-weight:900;min-width:62px;box-shadow:0 0 18px #70ddff35}.touch-actions #touch-fire:active{background:#c2f5ff}.touch-actions button:disabled{opacity:.45}.auto{color:#a0d7e9}
@media(max-width:760px){.right-panel .readout{display:grid;grid-template-columns:auto 1fr;gap:4px 12px;width:100%}.right-panel .readout label{grid-column:1}.right-panel .readout .weapon-name{grid-column:1;font-size:12px}.weapon-rack{grid-column:2;grid-row:1/3;margin:0;justify-content:flex-end}.weapon-rack button{max-width:34px;padding:3px}.weapon-description{display:none}.utility{width:100%;justify-content:flex-end}.arsenal-guide{grid-template-columns:repeat(2,1fr);gap:8px}.arsenal-guide article:last-child{grid-column:1/-1}.touch-actions{bottom:10px;left:9px;right:9px}.touch-actions button{font-size:9px}.overlay .tiny{line-height:1.5}}

.overlay{overflow-y:auto;align-items:flex-start;overscroll-behavior:contain}.overlay-inner{margin:auto}
@media(max-width:380px){.overlay .orbit-mark{display:none}.overlay h2{font-size:25px;margin:7px 0 10px}.overlay p{margin-bottom:14px}.difficulty{margin:10px 0 14px}.overlay .tiny{margin-top:10px;font-size:8px}.overlay .eyebrow{font-size:8px;letter-spacing:1.5px}}

.debrief{display:flex;align-items:center;gap:16px;text-align:left;border:1px solid #f7d88640;background:#29374866;padding:10px 15px;border-radius:8px;margin:0 0 15px}.debrief .medal{font-size:34px;color:#ffe3a2;line-height:1}.debrief b{font-size:9px;letter-spacing:1px;color:#ffe3a2}.debrief small{display:block;color:#b1c8df;font-size:10px;line-height:1.6;margin-top:4px}.route-section{padding:20px 0 27px;border-top:1px solid var(--line)}.mission-route{display:grid;grid-template-columns:repeat(5,1fr);gap:20px;margin-top:17px}.route-name{display:block;font-size:9px;color:#879fbf;letter-spacing:1px;margin-bottom:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.route-region>div{display:flex;gap:7px}.route-stop{position:relative;border:1px solid #6e8aad40;border-radius:5px;background:#10213999;flex:1;text-align:center;padding:9px 0;font-size:10px;color:#587695}.route-stop b{font-weight:500}.route-stop i{position:absolute;right:2px;bottom:0;font-size:6px;font-style:normal;color:#aa91d5}.route-stop.complete{background:#23403d;color:#b8efbf;border-color:#88d7ac66}.route-stop.current{border-color:#79e5ff;color:#c2f4ff;box-shadow:0 0 15px #7bdfff21}.route-stop.guardian{border-style:dashed}.route-stop.current.guardian{border-style:solid}@media(max-width:760px){.mission-route{gap:7px}.route-name{font-size:7px;letter-spacing:0}.route-region>div{gap:3px;display:grid;grid-template-columns:1fr 1fr}.route-stop{padding:6px 0;font-size:9px}.route-section{padding:17px 0 20px}.debrief{padding:8px 12px;margin-bottom:10px;gap:12px}.debrief .medal{font-size:28px}.debrief small{font-size:9px}.overlay-inner .debrief{max-width:100%}}

.ship-blueprint img{width:100%;height:135px;object-fit:contain;filter:drop-shadow(0 0 8px #5dd5ff40)}

.mission-route{grid-template-columns:repeat(4,minmax(0,1fr));row-gap:17px}@media(max-width:760px){.mission-route{grid-template-columns:repeat(4,minmax(0,1fr))}}

.enemy-guide{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:20px 0}.enemy-guide article{padding:13px;border:1px solid var(--line);border-radius:7px;background:#172131}.enemy-guide b{font-size:9px;letter-spacing:1px}.enemy-guide p{font-size:11px;color:#94a9c4;margin:8px 0 0}@media(max-width:760px){.enemy-guide{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}}