@import "https://fonts.googleapis.com/css2?family=Orbitron:wght@500;600;700&family=Rajdhani:wght@400;500;600;700&family=Noto+Sans+TC:wght@400;500;600;700&display=swap";:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--void:#070a0f;--void-deep:#030508;--panel:#111821;--panel-strong:#151e28;--panel-soft:#0c121a;--line:#2a3a49;--line-bright:#425d70;--text:#e8e2d2;--muted:#8195a4;--dim:#526574;--gold:#f4c95d;--cyan:#52e8e8;--danger:#ff5a47;--success:#79ddb0;--shadow:#00000075;--panel-alpha:#111821f0;font-family:Rajdhani,Noto Sans TC,sans-serif}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--void:#e9e3d4;--void-deep:#d8d0bf;--panel:#f7f2e6;--panel-strong:#fffaf0;--panel-soft:#e3dccd;--line:#a9a18f;--line-bright:#736d60;--text:#1d252c;--muted:#59656c;--dim:#788087;--gold:#8a5b00;--cyan:#007d85;--danger:#b32e22;--success:#177051;--shadow:#483c282e;--panel-alpha:#f7f2e6f0}*{box-sizing:border-box}html{background:var(--void);min-width:320px;transition:background .24s}body{background:radial-gradient(circle at 50% -20%, color-mix(in srgb, var(--cyan) 9%, transparent), transparent 46%), linear-gradient(145deg, var(--void-deep), var(--void) 56%, var(--void-deep));min-width:320px;min-height:100vh;color:var(--text);transition:color .24s,background .24s;overflow-x:hidden}button,input,select{font:inherit}button{color:inherit}button:focus-visible,summary:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}main{opacity:1}.app-shell{width:min(1640px,100%);min-height:100vh;margin:0 auto;padding:clamp(14px,2vw,28px)}.topbar{border-block:1px solid var(--line);grid-template-columns:minmax(260px,1fr) auto minmax(220px,1fr);align-items:center;min-height:68px;display:grid}.brand-lockup,.world-status,.utility-actions{align-items:center;display:flex}.brand-lockup{gap:15px}.brand-lockup>div,.world-status>div{flex-direction:column;display:flex}.brand-lockup strong{letter-spacing:.12em;font-family:Orbitron,sans-serif;font-size:clamp(.92rem,1.4vw,1.18rem)}.brand-lockup span,.world-status span,.panel-heading small{color:var(--muted);letter-spacing:.08em;font-size:.76rem}.brand-mark{flex:none;width:38px;height:38px;position:relative}.brand-mark:before,.brand-mark:after,.brand-mark i{content:"";border:2px solid var(--gold);border-radius:50%;position:absolute}.brand-mark:before{inset:4px 14px 4px 4px;transform:rotate(28deg)}.brand-mark:after{border-color:var(--cyan);inset:4px 4px 4px 14px;transform:rotate(-28deg)}.brand-mark i:first-child{border-width:1px 0 0;border-radius:0;inset:17px 2px}.brand-mark i:last-child{border-width:0 0 0 1px;border-color:var(--dim);border-radius:0;inset:2px 18px}.world-status{justify-self:center;gap:10px}.world-status strong{letter-spacing:.1em;text-transform:uppercase;font-size:.82rem}.status-light{background:var(--success);width:7px;height:7px;box-shadow:0 0 10px var(--success);border-radius:50%}.utility-actions{justify-content:flex-end;gap:8px}.icon-button,.language-button{border:1px solid var(--line);cursor:pointer;background:0 0;min-width:44px;min-height:44px;transition:border-color .16s,color .16s,transform .16s}.icon-button:hover,.language-button:hover{border-color:var(--cyan);color:var(--cyan);transform:translateY(-1px)}.language-button{letter-spacing:.08em;padding-inline:13px;font-size:.76rem}.resource-deck{border:1px solid var(--line);background:color-mix(in srgb, var(--panel) 70%, transparent);grid-template-columns:repeat(6,minmax(100px,1fr));margin-block:18px;display:grid}.resource-deck>div{border-right:1px solid var(--line);grid-template-rows:auto auto;grid-template-columns:32px 1fr;min-height:58px;padding:10px 14px;display:grid;position:relative}.resource-deck>div:last-child{border-right:0}.resource-deck>div>span{color:var(--gold);grid-row:1/3;align-self:center;font-family:Orbitron,sans-serif;font-size:.72rem}.resource-deck strong{font-family:Orbitron,sans-serif;font-size:.98rem}.resource-deck small{color:var(--muted);letter-spacing:.06em;font-size:.7rem}.resource-aether>span,.resource-data>span{color:var(--cyan)!important}.resource-biomass>span{color:var(--success)!important}.system-warning{border:1px solid color-mix(in srgb, var(--danger) 70%, var(--line));background:color-mix(in srgb, var(--danger) 10%, var(--panel));color:var(--danger);margin-bottom:14px;padding:10px 14px;font-size:.86rem}.game-grid{grid-template-columns:minmax(248px,300px) minmax(420px,1fr) minmax(270px,330px);grid-template-areas:"command map workshop";gap:14px;min-height:min(650px,100vh - 205px);display:grid}.panel{border:1px solid var(--line);background:var(--panel-alpha);min-width:0;box-shadow:0 20px 60px var(--shadow);position:relative}.panel:before,.panel:after{z-index:2;pointer-events:none;content:"";width:18px;height:18px;position:absolute}.panel:before{border-top:2px solid var(--gold);border-left:2px solid var(--gold);top:-1px;left:-1px}.panel:after{border-right:2px solid var(--cyan);border-bottom:2px solid var(--cyan);bottom:-1px;right:-1px}.command-panel{grid-area:command;padding:17px}.map-panel{background:linear-gradient(#52e8e809 1px, transparent 1px), linear-gradient(90deg, #52e8e809 1px, transparent 1px), radial-gradient(circle at 50% 48%, #52e8e814, transparent 44%), var(--panel-soft);background-size:36px 36px,36px 36px,auto,auto;grid-area:map;min-height:520px;overflow:hidden}.workshop-panel{grid-area:workshop;padding:17px}.panel-heading{border-bottom:1px solid var(--line);align-items:center;gap:11px;padding-bottom:13px;display:flex}.panel-heading>span{color:var(--gold);font-family:Orbitron,sans-serif;font-size:.7rem}.panel-heading>div{flex-direction:column;display:flex}.panel-heading strong{letter-spacing:.08em;font-family:Orbitron,Noto Sans TC,sans-serif;font-size:.78rem}fieldset{border:0;min-width:0;margin:18px 0 0;padding:0}legend{color:var(--muted);letter-spacing:.09em;text-transform:uppercase;margin-bottom:9px;font-size:.72rem;font-weight:700}.route-list,.ship-selector,.approach-list,.upgrade-list{gap:8px;display:grid}.route-option,.ship-selector button,.approach-option{border:1px solid var(--line);text-align:left;cursor:pointer;background:0 0;width:100%;min-height:54px;padding:10px;transition:background .16s,border-color .16s,transform .16s;display:grid;position:relative}.route-option{grid-template-columns:15px 1fr auto;align-items:center;gap:9px}.route-option:hover,.ship-selector button:hover,.approach-option:hover{border-color:var(--line-bright);background:color-mix(in srgb, var(--cyan) 5%, transparent);transform:translate(2px)}.route-option.selected{border-color:var(--route-color);background:color-mix(in srgb, var(--route-color) 8%, transparent)}.route-node{border:1px solid var(--route-color);width:8px;height:8px;box-shadow:0 0 8px var(--route-color);border-radius:50%}.route-option>span:nth-child(2),.ship-selector button,.approach-option>div{flex-direction:column;display:flex}.route-option strong,.ship-selector strong,.approach-option strong{font-size:.88rem}.route-option small,.ship-selector small,.approach-option small{color:var(--muted);margin-top:2px;font-size:.72rem;line-height:1.2}.route-option b{color:var(--route-color);font-family:Orbitron,sans-serif;font-size:.7rem}.ship-selector{grid-template-columns:repeat(3,1fr)}.ship-selector button{text-align:center;min-height:86px}.ship-selector button.selected{border-color:var(--gold);background:color-mix(in srgb, var(--gold) 8%, transparent)}.launch-readout{border-left:2px solid var(--gold);background:color-mix(in srgb, var(--gold) 5%, transparent);gap:2px;margin-top:17px;padding:11px;display:grid}.launch-readout>span,.launch-readout small{color:var(--muted);font-size:.72rem}.launch-readout strong{color:var(--gold);letter-spacing:.08em}.primary-button,.secondary-button{border:1px solid var(--gold);background:var(--gold);color:#11161b;letter-spacing:.06em;cursor:pointer;justify-content:space-between;align-items:center;width:100%;min-height:48px;padding:10px 14px;font-weight:700;transition:filter .16s,transform .16s;display:flex}.primary-button:hover,.secondary-button:hover{filter:brightness(1.08);transform:translateY(-1px)}.secondary-button{border-color:var(--line-bright);color:var(--text);background:0 0}.launch-button{margin-top:10px}.microcopy{color:var(--muted);margin:10px 2px 0;font-size:.71rem;line-height:1.35}.map-hud{z-index:5;pointer-events:none;justify-content:space-between;align-items:flex-start;display:flex;position:absolute;top:16px;left:18px;right:18px}.map-hud>div{flex-direction:column;display:flex}.map-hud span,.map-hud summary{color:var(--muted);letter-spacing:.08em;font-size:.7rem}.map-hud strong{color:var(--gold);letter-spacing:.08em;font-size:.82rem}.map-hud details{pointer-events:auto;text-align:right}.map-hud summary{cursor:pointer;min-height:44px;padding:9px 0;list-style:none}.map-hud details>span{border:1px solid var(--line);background:var(--panel);padding:6px 8px;display:block}.star-map{position:absolute;inset:0}.star-map canvas{touch-action:pan-y;width:100%;height:100%;display:block}.map-coordinate{z-index:4;color:var(--dim);letter-spacing:.08em;font-family:monospace;font-size:.63rem;position:absolute;bottom:12px}.map-coordinate.left{left:17px}.map-coordinate.right{right:17px}.career-grid{grid-template-columns:1fr 1fr;gap:8px;margin-top:17px;display:grid}.career-grid>div{border:1px solid var(--line);flex-direction:column;padding:10px;display:flex}.career-grid span{color:var(--muted);font-size:.68rem}.career-grid strong{margin-top:3px;font-family:Orbitron,sans-serif;font-size:1rem}.upgrade-list{margin-top:13px}.upgrade-row{border:1px solid var(--line);grid-template-columns:minmax(0,1fr) 88px;align-items:center;gap:9px;min-height:97px;padding:11px;display:grid}.upgrade-row>div{grid-template-columns:1fr auto;gap:2px 8px;min-width:0;display:grid}.upgrade-row strong{font-size:.84rem}.upgrade-row span{color:var(--gold);font-size:.68rem}.upgrade-row small,.upgrade-row em{color:var(--muted);grid-column:1/3;font-size:.68rem;font-style:normal;line-height:1.25}.upgrade-row em{color:var(--cyan);margin-top:4px}.upgrade-row button{border:1px solid var(--line-bright);min-height:44px;color:var(--text);cursor:pointer;background:0 0;font-size:.7rem}.upgrade-row button:disabled{border-color:var(--line);color:var(--dim);cursor:not-allowed}.last-report{border-left:2px solid var(--cyan);background:color-mix(in srgb, var(--cyan) 6%, transparent);flex-direction:column;gap:2px;margin-top:13px;padding:11px;display:flex}.last-report>span,.last-report small{color:var(--muted);font-size:.7rem}.last-report b{color:var(--gold);margin-top:5px;font-family:Orbitron,sans-serif;font-size:.66rem}.chain-journal{border:1px solid color-mix(in srgb, var(--cyan) 50%, var(--line));background:linear-gradient(135deg, color-mix(in srgb, var(--cyan) 8%, transparent), transparent 62%);gap:7px;margin-top:10px;padding:11px;display:grid}.chain-journal>div{color:var(--cyan);letter-spacing:.08em;justify-content:space-between;align-items:center;font-family:monospace;font-size:.64rem;display:flex}.chain-journal>div span{align-items:center;gap:6px;display:inline-flex}.chain-journal>div i{background:var(--cyan);width:6px;height:6px;box-shadow:0 0 9px var(--cyan);border-radius:50%}.chain-journal>strong{font-size:.8rem}.chain-journal>small,.chain-journal code{color:var(--muted);font-size:.68rem;line-height:1.35}.chain-journal button{border:1px solid var(--cyan);background:color-mix(in srgb, var(--cyan) 9%, transparent);min-height:44px;color:var(--text);cursor:pointer;font-weight:700}.chain-journal button:disabled{border-color:var(--line);color:var(--dim);cursor:not-allowed}.chain-journal code{color:var(--cyan);text-overflow:ellipsis;white-space:nowrap;font-family:monospace;overflow:hidden}.expedition-heading{border-bottom:1px solid var(--line);justify-content:space-between;margin-top:17px;padding-bottom:10px;display:flex}.expedition-heading span{color:var(--muted)}.expedition-heading strong{color:var(--gold);font-family:Orbitron,sans-serif;font-size:.74rem}.meter-block{margin-top:16px}.meter-block>div:first-child,.cargo-readout{justify-content:space-between;align-items:center;display:flex}.meter-block span,.cargo-readout span{color:var(--muted);font-size:.72rem}.meter{border:1px solid var(--line);height:7px;margin-top:7px;overflow:hidden}.meter i{background:var(--cyan);height:100%;box-shadow:0 0 10px color-mix(in srgb, var(--cyan) 70%, transparent);transition:width .22s;display:block}.meter i.critical{background:var(--danger);box-shadow:0 0 10px color-mix(in srgb, var(--danger) 70%, transparent)}.cargo-readout{border:1px solid var(--line);flex-wrap:wrap;gap:4px 8px;margin-top:14px;padding:9px}.cargo-readout small{color:var(--muted);flex-basis:100%;font-size:.68rem}.encounter-title{flex-direction:column;gap:3px;margin-top:17px;display:flex}.encounter-title strong{color:var(--gold)}.encounter-title span{color:var(--muted);font-size:.72rem;line-height:1.35}.approach-list{margin-top:10px}.approach-option{grid-template-columns:32px 1fr;align-items:center;gap:8px}.approach-option>span{color:var(--cyan);text-align:center}.approach-overdrive>span{color:var(--danger)}.decision-block,.result-block{gap:9px;margin-top:17px;display:grid}.encounter-report{grid-template-columns:1fr 1fr 1fr;gap:4px;display:grid}.encounter-report span{border:1px solid var(--line);color:var(--muted);text-align:center;flex-direction:column;padding:8px 4px;font-size:.65rem;display:flex}.encounter-report b{color:var(--text);margin-top:3px;font-size:.78rem}.result-block{border:1px solid var(--line);text-align:center;place-items:center;padding:18px 10px}.result-block>strong{font-size:.92rem}.result-block>small{color:var(--muted);font-size:.72rem}.result-sigil{color:var(--gold);text-shadow:0 0 18px color-mix(in srgb, var(--gold) 70%, transparent);font-size:2rem}.result-lost .result-sigil{color:var(--danger);text-shadow:0 0 18px color-mix(in srgb, var(--danger) 70%, transparent)}.footer-line{border-top:1px solid var(--line);color:var(--dim);letter-spacing:.08em;justify-content:space-between;margin-top:14px;padding-top:11px;font-family:monospace;font-size:.63rem;display:flex}@media (max-width:1120px){.game-grid{grid-template-columns:minmax(240px,290px) minmax(390px,1fr);grid-template-areas:"command map""workshop map"}.workshop-panel{align-self:start}.upgrade-row{min-height:82px}}@media (max-width:820px){.app-shell{padding:12px}.topbar{grid-template-columns:1fr auto}.world-status{display:none}.resource-deck{grid-template-columns:repeat(3,1fr)}.resource-deck>div:nth-child(3){border-right:0}.resource-deck>div:nth-child(-n+3){border-bottom:1px solid var(--line)}.game-grid{grid-template-columns:minmax(0,1fr);grid-template-areas:"command""map""workshop";min-height:0}.map-panel{min-height:390px}.command-panel,.workshop-panel{padding:15px}}@media (max-width:520px){.app-shell{padding:8px}.topbar{min-height:58px}.brand-mark{width:31px;height:31px}.brand-lockup{gap:9px}.brand-lockup strong{font-size:.75rem}.brand-lockup span{font-size:.63rem}.utility-actions{gap:4px}.icon-button,.language-button{min-width:44px;padding-inline:8px}.resource-deck{margin-block:9px}.resource-deck>div{grid-template-columns:25px 1fr;min-height:52px;padding:8px}.resource-deck strong{font-size:.82rem}.resource-deck small{font-size:.63rem}.map-panel{min-height:310px}.map-hud{top:10px;left:11px;right:11px}.map-hud details{display:none}.upgrade-row{grid-template-columns:minmax(0,1fr)}.upgrade-row button{width:100%}.footer-line{flex-direction:column;gap:3px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}