:root{color-scheme:dark;--bg:#090f1c;--panel:rgba(12,22,38,.92);--line:#293a4d;--text:#edf4f4;--muted:#91a5b9;--mint:#9af3ce;--orange:#ffb979;--mono:Consolas,'Courier New',monospace}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,'Segoe UI','Yu Gothic UI',Meiryo,sans-serif;font-size:14px}button,select{font:inherit}button{color:inherit;cursor:pointer;border:1px solid var(--line);background:#142135;border-radius:7px;padding:11px 16px;transition:background .18s,border-color .18s,transform .18s}button:hover:not(:disabled){background:#22364a;border-color:#719baf}button:active:not(:disabled){transform:translateY(1px)}button:disabled{opacity:.38;cursor:not-allowed}button:focus-visible,select:focus-visible{outline:2px solid var(--mint);outline-offset:3px}.primary{background:var(--mint);color:#11281f;border-color:var(--mint);font-weight:750}.primary:hover:not(:disabled){background:#c2ffe5;border-color:#c2ffe5}.ghost{background:transparent}.danger{color:#ff9a96}.small{font-size:12px;padding:8px 12px}.mono{font-family:var(--mono);letter-spacing:.08em}.muted{color:var(--muted)}.eyebrow{font:11px var(--mono);letter-spacing:.2em;color:var(--mint);text-transform:uppercase}.badge{border:1px solid #39524e;border-radius:4px;padding:5px 8px;font:10px var(--mono);letter-spacing:.1em;color:var(--mint)}h1,h2,h3,p{margin:0}h2{font-size:26px;font-weight:600}p{line-height:1.8}#space{position:fixed;inset:0;width:100%;height:100%;touch-action:none}#app{position:relative;min-height:100dvh;pointer-events:none}#app>*{pointer-events:auto}header{height:80px;padding:0 4vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff10;background:#0b1120ad}.brand{display:flex;align-items:center;gap:13px}.brand-mark{font-size:32px;color:var(--mint)}.brand strong{font-size:19px;letter-spacing:.13em}.brand small{display:block;font:9px var(--mono);letter-spacing:.24em;color:var(--muted);margin-top:5px}.header-right{display:flex;align-items:center;gap:18px}.currency{font:14px var(--mono);color:#ffe3a4}.nav{display:flex;gap:3px}.nav button{background:transparent;border:0;color:var(--muted);font-size:12px}.nav button.active{color:var(--mint);background:#9af3ce0c}.layout{max-width:1520px;margin:auto;padding:30px 4vw 22px}.hangar-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px}.hangar-head h2{margin-top:8px}.hangar-grid{display:grid;grid-template-columns:260px minmax(320px,1fr) 300px;gap:20px;min-height:510px}.panel{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:22px;backdrop-filter:blur(16px)}.panel-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}.panel-title h3{font-size:14px;font-weight:600}.stats{display:grid;gap:21px}.stat-line{display:flex;justify-content:space-between;font-size:12px;margin-bottom:9px}.stat-line strong{font-family:var(--mono);font-size:14px}.bar{height:4px;background:#263347;border-radius:4px;overflow:hidden}.bar i{height:100%;display:block;background:var(--mint);border-radius:4px}.stat-caption{font-size:11px;line-height:1.9;color:var(--muted);border-top:1px solid var(--line);padding-top:17px;margin-top:22px}.ship-stage{position:relative;min-height:510px;pointer-events:none;border:1px solid #9bd0d017;border-radius:12px;background:linear-gradient(180deg,#19283d18,transparent 55%,#0c162aac)}.stage-top{position:absolute;left:22px;right:22px;top:22px;display:flex;justify-content:space-between;align-items:center}.stage-bottom{position:absolute;bottom:22px;left:22px;right:22px;display:flex;justify-content:space-between;align-items:end}.stage-bottom h3{font-size:22px;margin:6px 0}.stage-bottom button{pointer-events:auto}.stage-note{font:10px var(--mono);color:#8299ab}.route-art{font:76px var(--mono);text-align:center;color:#9af3ce;padding:19px 0;text-shadow:0 0 60px #81dcb5}.mission h3{font-size:21px;margin:10px 0}.mission p{font-size:12px;color:var(--muted)}.mission-detail{display:flex;justify-content:space-between;border-top:1px solid var(--line);margin-top:20px;padding-top:16px;font-size:11px}.launch{width:100%;margin-top:23px;padding:16px}.select-row{display:flex;align-items:center;justify-content:space-between;margin-top:20px;font-size:12px}select{background:#142135;border:1px solid var(--line);border-radius:4px;color:var(--text);padding:6px}.bottom-strip{display:grid;grid-template-columns:1fr 1fr 1fr;gap:20px;margin-top:20px}.strip-card{padding:18px 22px;border-top:1px solid var(--line);background:#0c16239c;display:flex;gap:16px;align-items:center;border-radius:0 0 8px 8px}.strip-icon{font-size:25px;color:var(--mint)}.strip-card strong{font-size:12px;display:block;margin-bottom:6px}.strip-card small{font-size:11px;color:var(--muted)}footer{padding:16px 4vw 22px;display:flex;justify-content:space-between;color:#7790a2;font:10px var(--mono);letter-spacing:.08em}.build-layout{display:grid;grid-template-columns:260px minmax(320px,1fr) 280px;gap:20px}.parts{display:grid;gap:7px}.part{display:flex;text-align:left;padding:10px;gap:12px;align-items:center}.part.selected{background:#9af3ce13;border-color:var(--mint)}.part-icon{width:34px;height:34px;display:grid;place-items:center;background:color-mix(in srgb,var(--part) 16%,transparent);color:var(--part);border:1px solid color-mix(in srgb,var(--part) 40%,transparent);font-size:21px;border-radius:5px}.part strong{font-size:12px;display:block}.part small{font:10px var(--mono);color:var(--muted)}.part-count{margin-left:auto;font:12px var(--mono)}.grid-wrap{text-align:center}.grid{display:grid;grid-template-columns:repeat(7,1fr);gap:5px;max-width:430px;margin:24px auto;background:radial-gradient(ellipse,#9af3ce0a,transparent);padding:10px}.cell{aspect-ratio:1;padding:0;border:1px solid #314053;background:#13203280;border-radius:5px;color:var(--part,#7991a4);font-size:26px;position:relative}.cell.filled{background:color-mix(in srgb,var(--part) 16%,#101d2e);border-color:color-mix(in srgb,var(--part) 65%,#101d2e);box-shadow:inset 0 -6px 0 #0003}.cell small{position:absolute;bottom:3px;right:4px;font:7px var(--mono);color:var(--part)}.grid-help{font-size:11px;color:var(--muted);line-height:1.9}.build-actions{display:flex;justify-content:center;gap:10px;margin-top:18px}.selected-info{margin:22px 0;min-height:95px;font-size:12px;color:var(--muted)}.error{color:#ffab99;font-size:12px;min-height:36px;line-height:1.6;margin:15px 0}.notice{font-size:11px;color:var(--muted);line-height:1.9}.hud{padding:24px 30px;position:fixed;inset:0;pointer-events:none!important;display:flex;flex-direction:column;justify-content:space-between}.hud-top,.hud-bottom{display:flex;justify-content:space-between;align-items:start;gap:20px}.hud-ship{width:230px}.hud-title{margin-bottom:16px}.hud .bar{height:6px;background:#172a40;margin-bottom:10px}.hud-top button,.hud-bottom button{pointer-events:auto}.hud-score{text-align:right}.hud-score strong{font:32px var(--mono);display:block;margin-top:8px}.hud-center{text-align:center;min-width:200px}.hud-center p{font-size:12px;color:#9aafc1}.hud-center h3{font:15px var(--mono);letter-spacing:.15em;margin-bottom:9px}.boss-bar{max-width:300px;margin:12px auto}.boss-bar i{background:#ff8f93}.hud-bottom{align-items:end}.ability-group{display:flex;gap:10px}.ability-group button{background:#0b1727d9;padding:13px 18px;text-align:left;min-width:110px}.ability-group strong{display:block;font-size:12px}.ability-group small{display:block;margin-top:5px;font:10px var(--mono);color:var(--mint)}.control-hint{font-size:11px;line-height:2;color:#a6b9c9}.crosshair{position:fixed;width:28px;height:28px;border:1px solid #9af3ce55;border-radius:50%;pointer-events:none}.overlay{min-height:100dvh;background:#07101e91;backdrop-filter:blur(10px);display:grid;place-items:center;padding:30px}.modal{width:min(900px,100%);padding:36px;background:#101b2eef;border:1px solid #34475c;border-radius:16px;box-shadow:0 25px 100px #0006}.modal.narrow{max-width:520px}.modal h2{font-size:32px;margin:12px 0}.modal>p{color:var(--muted);font-size:13px}.choice-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:26px}.choice{padding:24px;text-align:left;min-height:175px}.choice .symbol{display:block;color:var(--mint);font-size:32px;margin-bottom:20px}.choice h3{margin-bottom:12px;font-size:15px}.choice p{font-size:12px;color:var(--muted)}.routes{grid-template-columns:1fr 1fr}.route-choice{border-top:3px solid var(--route)}.route-choice .symbol{color:var(--route)}.result-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:24px 0}.result-stats div{padding:20px;background:#ffffff04;border:1px solid var(--line);border-radius:8px}.result-stats small{display:block;color:var(--muted);font-size:11px;margin-bottom:9px}.result-stats strong{font:26px var(--mono)}.loot-row{display:flex;gap:9px;flex-wrap:wrap;margin:20px 0}.loot{padding:12px;background:#152338;border:1px solid var(--part);border-radius:7px;flex:1;min-width:110px}.loot span{font-size:24px;color:var(--part)}.loot strong{display:block;font-size:11px;margin:10px 0 5px}.loot small{font:8px var(--mono);color:var(--part)}.modal-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:26px}.research-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.research-grid h3{margin:16px 0}.research-grid button{margin-top:22px;width:100%}.collection{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin-top:24px}.collection .loot p{font-size:11px;color:var(--muted);line-height:1.8}.collection .locked{opacity:.45}.history-row{display:flex;justify-content:space-between;padding:14px 0;border-bottom:1px solid var(--line);font:12px var(--mono)}#toast{position:fixed;left:50%;bottom:25px;transform:translate(-50%,15px);padding:13px 22px;border:1px solid #688c88;border-radius:8px;background:#182c30;box-shadow:0 8px 30px #0006;color:#e3fff5;max-width:90%;opacity:0;pointer-events:none;transition:.2s;z-index:20;font-size:12px}#toast.show{opacity:1;transform:translate(-50%,0)}.help-list{display:grid;gap:15px;margin-top:24px;font-size:13px;line-height:1.8;color:#afbfce}.help-list strong{color:var(--mint)}.switch-row{display:flex;justify-content:space-between;align-items:center;padding:15px 0;border-bottom:1px solid var(--line)}@media(min-width:1600px){.layout{padding-top:45px}.hangar-grid,.ship-stage{min-height:610px}}@media(max-width:1100px){.hangar-grid{grid-template-columns:210px 1fr 250px;gap:12px}.panel{padding:17px}.layout{padding-left:22px;padding-right:22px}.build-layout{grid-template-columns:210px 1fr 230px;gap:12px}.header-right{gap:8px}.nav button{padding:9px}.stage-bottom{left:15px;right:15px}.stage-bottom h3{font-size:18px}.collection{grid-template-columns:repeat(3,1fr)}}@media(max-width:800px){header{height:68px;padding:0 18px}.brand strong{font-size:15px}.brand small{font-size:7px}.brand-mark{font-size:25px}.header-right .badge{display:none}.nav{display:none}.layout{padding:22px 16px}.hangar-grid{grid-template-columns:1fr 1fr}.ship-stage{grid-column:1/-1;grid-row:1;min-height:360px}.hangar-grid>.panel{min-height:310px}.stats{gap:14px}.bottom-strip{gap:8px}.strip-card{padding:12px;gap:8px}.strip-icon{display:none}.strip-card small{font-size:10px}.build-layout{grid-template-columns:1fr 1fr}.build-layout>.grid-wrap{grid-column:1/-1;grid-row:1}.build-layout>.panel:last-child{grid-column:2}.build-layout>.panel:first-child{grid-column:1;grid-row:2}.grid{max-width:380px}.research-grid{grid-template-columns:1fr}.collection{grid-template-columns:repeat(2,1fr)}.hud{padding:16px}.hud-ship{width:150px}.hud-center{min-width:100px}.hud-center h3{font-size:10px}.hud-score strong{font-size:23px}.hud-score button{padding:6px}.hud .stat-line{font-size:10px}.control-hint{display:none}.modal{padding:24px}.modal h2{font-size:26px}.choice-grid{gap:9px}.choice{padding:17px;min-height:160px}.choice h3{font-size:13px}.ability-group button{min-width:90px;padding:12px}.result-stats div{padding:13px}.result-stats strong{font-size:22px}footer{font-size:8px;gap:10px}.hud-bottom{padding-bottom:env(safe-area-inset-bottom)}}@media(max-width:480px){.currency{font-size:12px}.header-right{gap:5px}.header-right button{padding:7px}.hangar-head .badge{font-size:8px}.hangar-head h2{font-size:23px}.hangar-grid{gap:10px;grid-template-columns:1fr}.hangar-grid>.panel:first-child{order:3;min-height:0}.hangar-grid>.panel:first-child .stats{grid-template-columns:1fr 1fr}.ship-stage{min-height:330px}.mission .route-art{display:none}.mission{min-height:0!important}.mission-detail{margin-top:12px}.launch{margin-top:15px}.bottom-strip{grid-template-columns:1fr}.strip-card{padding:10px 14px}.strip-card strong{margin:0}.strip-card small{margin-left:auto}.strip-card>div{display:flex;justify-content:space-between;width:100%;align-items:center;gap:8px}.build-layout{grid-template-columns:1fr}.build-layout>.panel:first-child{grid-column:1;grid-row:2}.build-layout>.panel:last-child{grid-column:1}.parts{grid-template-columns:1fr 1fr}.part{padding:7px;gap:6px}.part-icon{width:25px;height:29px}.part strong{font-size:10px}.part small{font-size:8px}.choice-grid{grid-template-columns:1fr}.choice{min-height:0;padding:16px}.choice .symbol{float:left;margin:0 16px 0 0}.choice h3{margin-bottom:5px}.hud-center{position:absolute;top:113px;left:50%;transform:translateX(-50%);width:70%}.hud-score strong{font-size:21px}.hud-title{font-size:10px}.modal{padding:22px}.overlay{padding:16px}.result-stats{gap:6px}.result-stats strong{font-size:19px}.result-stats small{font-size:9px}.modal-actions button{flex:1;padding:12px 9px}.collection{gap:8px}.loot{min-width:90px}.stage-top{left:15px;right:15px}.stage-bottom button{padding:10px}.stage-note{font-size:8px}}
@media(prefers-reduced-motion:reduce){button,#toast{transition:none}}
.ship-stage{pointer-events:auto;touch-action:none;overflow:hidden;cursor:grab;background:linear-gradient(180deg,#19283d08,transparent 70%,#0c162a65)}.ship-stage:active{cursor:grabbing}.stage-top,.stage-bottom{pointer-events:none}.stage-bottom button{pointer-events:auto}.weapon-count{padding:14px 0 19px;margin-bottom:17px;border-bottom:1px solid var(--line);display:grid;grid-template-columns:48px 1fr;gap:2px 10px;align-items:center}.weapon-count strong{grid-row:1/3;font:42px var(--mono);color:var(--mint)}.weapon-count span{font-size:12px}.weapon-count b{font:10px var(--mono);color:#d7abf1;letter-spacing:.07em}.mission-orbit{display:flex;justify-content:center;align-items:center;gap:15px;padding:38px 0}.mission-orbit span{border:1px solid #7fcbb388;border-radius:50%;width:43px;height:43px;display:grid;place-items:center;color:#acffe0;font:13px var(--mono);box-shadow:0 0 30px #82d6bc12}.mission-orbit i{font-style:normal;color:#779aab}.full{width:100%;margin-top:10px}.builder-center{min-width:0;display:flex;flex-direction:column;gap:14px}.builder-preview{min-height:260px;height:260px}.builder-preview .stage-bottom h3{font-size:17px}.builder-preview .stage-top{top:15px;left:17px;right:17px}.builder-preview .stage-bottom{left:17px;bottom:15px}.build-layout{grid-template-columns:235px minmax(330px,1fr) 275px;align-items:start}.layer-tabs{display:flex;gap:8px;margin-bottom:18px}.layer-tabs button{flex:1;font-size:12px;padding:9px 5px}.layer-tabs small{font:9px var(--mono);opacity:.6}.grid{max-width:350px;margin:12px auto;gap:4px;padding:7px}.cell{font-size:23px}.cell.adjacent-layer{border-style:dashed;border-color:#7796a577}.grid-help{margin-top:14px}.build-actions{gap:6px;flex-wrap:wrap}.build-actions .small{font-size:10px;padding:9px}.blueprints{border-top:1px solid var(--line);padding-top:20px;margin-top:20px}.blueprints>div{display:flex;gap:5px;align-items:center;justify-content:space-between;padding-top:8px;font-size:11px}.range-metrics{position:absolute;top:185px;left:30px;padding:19px;background:#101c2eda;border:1px solid #47605c;border-radius:9px;width:260px}.range-metrics>div{display:flex;justify-content:space-between;gap:15px;border-bottom:1px solid #ffffff14;padding:10px 0;color:var(--part);font-size:11px}.range-metrics small{font:9px var(--mono);opacity:.6}.range-metrics p{font-size:11px;color:var(--muted);margin-top:12px}.flight-notice{position:absolute;left:50%;top:27%;transform:translate(-50%,-8px);opacity:0;transition:.2s;font:18px var(--mono);letter-spacing:.12em;color:#ffe3a0;text-shadow:0 3px 15px #050e1d;white-space:nowrap}.flight-notice.visible{opacity:1;transform:translate(-50%,0)}.boss-tip{font-size:10px!important;color:#f8c79a!important;max-width:310px;line-height:1.7}.hud-score button{margin-top:12px}.ability-group button{min-width:105px;padding:13px}.ability-group #lock-button{border-color:#a780bf;touch-action:none;user-select:none}.ability-group #lock-button:active{background:#59466b}.hud-center{min-width:240px}.playing{overflow:hidden;height:100dvh}.choice .badge{display:inline-block;margin-top:20px}.choice.route-choice .symbol{margin-top:22px}.range-metrics{pointer-events:none}.panel{backdrop-filter:blur(12px)}
@media(max-width:1100px){.build-layout{grid-template-columns:200px 1fr 225px;gap:12px}.builder-preview{height:230px;min-height:230px}.parts{gap:5px}.part{padding:8px}.grid{max-width:315px}.panel{padding:16px}.hud-center{min-width:160px}}
@media(max-width:800px){.build-layout{grid-template-columns:1fr 1fr}.builder-center{grid-column:1/-1;grid-row:1}.build-layout>.panel:first-child{grid-row:2;grid-column:1}.build-layout>.panel:last-child{grid-column:2}.builder-center{display:grid;grid-template-columns:1fr 1fr;gap:12px}.builder-preview{height:100%;min-height:350px}.grid{margin:10px 0}.grid-wrap{padding:12px}.cell small{font-size:6px}.cell{font-size:20px}.layer-tabs{gap:4px}.range-metrics{left:16px;top:200px;width:200px;padding:13px}.hud-bottom{gap:8px}.ability-group{gap:6px}.ability-group button{min-width:86px;padding:12px 8px}.ability-group strong{font-size:11px}.ability-group small{font-size:9px}.flight-notice{font-size:13px}.weapon-count{padding:5px 0 14px}.hangar-grid>.panel{min-height:360px}}
@media(max-width:480px){.builder-center{display:flex;grid-column:1}.builder-preview{height:260px;min-height:260px}.build-layout{display:flex;flex-direction:column}.build-layout>.panel:first-child{order:2;width:100%}.builder-center{order:1;width:100%}.build-layout>.panel:last-child{order:3;width:100%}.grid{max-width:330px;margin:10px auto}.parts{grid-template-columns:1fr 1fr}.range-metrics{top:215px;left:10px;width:155px;padding:10px}.range-metrics>div{font-size:9px;gap:4px;padding:7px 0}.range-metrics small{display:none}.range-metrics p{font-size:9px}.range-metrics .eyebrow{font-size:8px}.hud-center{min-width:150px;top:120px}.hud-bottom{flex-direction:column;align-items:stretch;gap:8px}.ability-group{justify-content:flex-end}.ability-group button{flex:1;min-width:0}.hud-bottom>.control-hint{display:none}.hud-bottom .eyebrow{font-size:8px}.hud-ship{width:140px}.hud .stat-line strong{font-size:12px}.flight-notice{top:37%;font-size:11px;letter-spacing:.02em}.boss-tip{font-size:9px!important}.hangar-grid>.panel:first-child{min-height:0}.mission-orbit{padding:22px 0}.mission{min-height:0!important}.mission .launch{margin-top:13px}.builder-preview .stage-bottom h3{font-size:15px}}

.contract-panel{margin-top:20px}.contract-panel>.notice{margin:-9px 0 18px}.contract-list{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.contract{padding:14px;background:#101e30;border:1px solid #2e4355;border-radius:9px}.contract.done{border-color:#8ee6c5;background:#112a2a}.contract-top{display:flex;justify-content:space-between;gap:10px;align-items:start}.contract-top strong{font-size:12px}.contract-top span{font:10px var(--mono);color:#ffe3a4;white-space:nowrap}.contract p{font-size:11px;color:var(--muted);line-height:1.65;margin:9px 0}.contract-meter{height:4px;background:#26364a;border-radius:4px;overflow:hidden}.contract-meter i{height:100%;display:block;background:var(--mint);border-radius:4px;transition:width .25s}.contract small{display:block;margin-top:8px;font:10px var(--mono);color:#a7bcc8}.contract-hud{position:absolute;top:180px;right:30px;width:250px;padding:13px;background:#101c2eda;border:1px solid #47605c;border-radius:9px;pointer-events:none}.contract-hud .contract-list{display:grid;gap:7px}.contract-hud .contract{padding:9px;background:#0e1928d9}.contract-hud .contract p{display:none}.contract-hud .contract-top strong{font-size:10px}.contract-hud .contract-top span{font-size:9px}.contract-hud .contract small{font-size:9px;margin-top:5px}.contract-reward{margin:20px 0;padding:15px 17px;border:1px solid #c9aa68;border-radius:9px;background:#2a2415}.contract-reward>div{display:flex;justify-content:space-between;gap:15px;align-items:center}.contract-reward strong{font:18px var(--mono);color:#ffe094}.contract-reward p{font-size:11px;color:#e8d7a9;margin-top:8px}.contract-none{margin:20px 0;padding:12px;border:1px solid var(--line);border-radius:8px}
@media(max-width:800px){.contract-list{gap:8px}.contract{padding:11px}.contract-hud{top:195px;right:16px;width:205px}.contract-hud .contract{padding:7px}.contract-hud .contract-top strong{font-size:9px}.contract-hud .contract-top span{font-size:8px}}
@media(max-width:480px){.contract-list{grid-template-columns:1fr}.contract-panel{margin-top:10px}.contract-hud{top:210px;right:10px;width:155px;padding:8px}.contract-hud .contract{padding:6px}.contract-hud .contract-top strong{font-size:8px}.contract-hud .contract-top span{font-size:7px}.contract-hud .contract-meter{height:3px}.contract-hud .contract small{font-size:8px}.contract-reward>div{align-items:start;flex-direction:column;gap:5px}}