@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700&family=DM+Sans:wght@400;500;600;700&display=swap');
:root{--bg:#10191f;--panel:#142129;--line:#2c3b41;--text:#e4e8de;--muted:#8b9a9e;--gold:#e5b879;--mint:#92c8b1;--red:#e08878;--blue:#9fcbdc}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:14px/1.5 'DM Sans',system-ui,sans-serif}button,input,select{font:inherit}button{cursor:pointer;transition:background .15s,color .15s;border:1px solid var(--line);background:transparent;color:var(--text);border-radius:4px;padding:9px 12px}button:hover:not(:disabled){background:#273940;border-color:#687773}button:disabled{opacity:.38;cursor:not-allowed}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--gold);outline-offset:3px}button.primary{background:var(--gold);border-color:var(--gold);color:#1a252b;font-weight:700}button.primary:hover{background:#f0cd98}button.green{background:#91c8b11b;color:var(--mint);border-color:#638f7e}button.danger{color:var(--red)}button.quiet{border-color:transparent;color:var(--muted);padding:7px}button.full{width:100%}.topbar{height:78px;display:flex;align-items:center;padding:0 26px;border-bottom:1px solid var(--line);gap:54px}.wordmark{text-decoration:none;color:var(--text);display:flex;align-items:center;gap:10px;letter-spacing:.16em;font:600 21px/1 'Barlow Condensed',sans-serif;width:236px;flex-shrink:0}.brand-icon{color:var(--gold);font-size:38px}.brand-sub{display:block;letter-spacing:.3em;font-size:10px;color:var(--muted);margin-top:6px}.system-label{font-size:11px;letter-spacing:.12em;display:flex;gap:10px;align-items:center}.live-dot{width:6px;height:6px;border-radius:50%;background:var(--mint);box-shadow:0 0 9px #92c8b14d}.tag{font-size:9px;border:1px solid #4a6c5d;padding:3px 6px;color:var(--mint);border-radius:3px;letter-spacing:.08em}.top-right{margin-left:auto;display:flex;gap:16px;align-items:center;font-size:11px;color:var(--muted)}#connection{color:var(--mint);font-size:9px;letter-spacing:.08em}.pilot-button{color:var(--text);max-width:140px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.layout{display:grid;grid-template-columns:258px minmax(400px,1fr) 330px;height:calc(100vh - 78px);min-height:650px}.left-rail{padding:27px 22px;border-right:1px solid var(--line);display:flex;flex-direction:column;overflow:auto}.eyebrow{font-size:10px;letter-spacing:.14em;color:var(--muted);font-weight:600}h1,h2,h3,p{margin:0}h2{font:500 29px/1.3 'Barlow Condensed',sans-serif;letter-spacing:.03em;margin-top:9px}.muted{color:var(--muted)}.small{font-size:12px}.left-rail>p{margin:8px 0 23px}.map-tabs{display:flex;border-bottom:1px solid var(--line);gap:22px}.map-tabs button,.panel-tabs button{border:none;border-radius:0;font-size:12px;padding:10px 1px;color:var(--muted);border-bottom:2px solid transparent}.map-tabs button.active,.panel-tabs button.active{border-bottom-color:var(--gold);color:var(--gold)}#minimap{width:100%;height:168px;margin:15px 0 17px;background:#0d171d;border:1px solid #27373e;border-radius:5px}.destination-heading{margin-bottom:12px}.destination{border:1px solid transparent;border-bottom-color:var(--line);border-radius:4px;padding:12px 10px;text-align:left;width:100%;margin-bottom:5px;display:block}.destination.selected{border-color:#786447;background:#e5b87909}.destination .title-line{display:flex;justify-content:space-between;gap:10px;font-size:13px}.destination .type{font:10px 'DM Sans',sans-serif;color:var(--muted);margin-top:5px}.destination .dist{font-size:10px;color:var(--gold);white-space:nowrap}.destination .role{color:var(--muted);font-size:10px;line-height:1.5;margin-top:6px}.rail-footer{margin-top:auto;padding-top:26px;display:flex;gap:12px;font-size:10px;color:var(--muted)}.rail-footer strong{color:var(--mint);font-size:11px;font-weight:500}.rail-footer p{margin-top:5px}.shield-icon{color:var(--mint);font-size:27px}.viewport{position:relative;overflow:hidden;background:#0c171d;min-height:500px}#space{width:100%;height:100%;display:block}.scene-heading{position:absolute;top:30px;left:28px;pointer-events:none}.scene-heading h1{font:500 39px/1.2 'Barlow Condensed',sans-serif;margin-top:8px;letter-spacing:.04em}.scene-heading p{color:var(--muted);font-size:11px;margin-top:8px}.view-tags{position:absolute;top:31px;right:24px;display:flex;flex-direction:column;gap:8px;text-align:right;font:9px monospace;color:#778b94;letter-spacing:.08em}.view-tags span:first-child{border:1px solid var(--line);padding:4px 7px;border-radius:3px}.flight-hint{position:absolute;bottom:107px;left:0;right:0;text-align:center;color:#859598;font-size:10px;letter-spacing:.04em;pointer-events:none}.flight-hint span{padding:0 8px;color:#53656c}.viewport-footer{position:absolute;bottom:0;left:0;right:0;min-height:80px;background:#132027ec;border-top:1px solid var(--line);display:flex;align-items:center;padding:17px 25px;gap:24px}.viewport-footer>div:first-child{display:flex;flex-direction:column;gap:3px;margin-right:auto}.viewport-footer strong{font:500 23px 'Barlow Condensed',sans-serif}.status-block{min-width:65px}.status-block>span{font-size:8px;letter-spacing:.15em;color:var(--muted)}.status-block b{font:10px monospace;font-weight:400}.meter{height:3px;width:72px;background:#34434a;margin:7px 0}.meter i{display:block;height:100%;width:100%;background:var(--mint)}.meter.fuel i{background:var(--gold)}.meter.heat i{background:var(--red)}.speed{border-left:1px solid var(--line);padding-left:18px;text-align:right}.speed span{font:26px 'Barlow Condensed',sans-serif;display:block}.speed small{font-size:9px;color:var(--muted)}.route-pill{position:absolute;top:145px;left:28px;max-width:80%;font-size:10px;padding:10px 14px;background:#20362eeb;border:1px solid #5d8d75;color:var(--mint);border-radius:4px}.target-card{position:absolute;left:24px;bottom:160px;width:240px;background:#172730f2;border:1px solid #516a75;border-radius:7px;padding:17px;box-shadow:0 12px 40px #0003}.target-card h3{font:24px 'Barlow Condensed',sans-serif;margin:4px 0 8px}.target-card p{font-size:11px;color:var(--muted);margin:8px 0}.target-card button{padding:7px 10px;font-size:11px}.target-actions{display:flex;gap:8px;margin-top:14px;flex-wrap:wrap}.nearby-actions{position:absolute;bottom:137px;left:50%;transform:translateX(-50%);display:flex;gap:8px;white-space:nowrap}.nearby-actions button{background:#132027f0;box-shadow:0 4px 20px #0004;font-size:12px}.nearby-actions .primary{background:var(--gold)}.right-rail{border-left:1px solid var(--line);display:flex;flex-direction:column;padding:26px 22px 18px;overflow:hidden;background:#142129}.wallet>div{font:500 37px 'Barlow Condensed',sans-serif;color:var(--gold);margin-top:4px}.wallet small{font-size:14px;color:#9b896e}.panel-tabs{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);margin:22px 0 20px}.panel-content{flex:1;overflow-y:auto;min-height:200px;padding-right:3px}.section-label{font:500 24px 'Barlow Condensed',sans-serif;margin-bottom:9px}.description{font-size:12px;color:var(--muted);line-height:1.7;margin-bottom:18px}.job-card{background:#1c2b32;border:1px solid #46564f;border-radius:6px;padding:17px;margin-bottom:18px}.job-card h3{font:500 24px 'Barlow Condensed',sans-serif;margin:7px 0 10px}.job-card p{font-size:11px;line-height:1.7;color:var(--muted)}.job-card .reward{color:var(--gold);font-size:13px;margin:13px 0}.job-card button{margin-top:12px}.checklist{margin:15px 0 20px}.check{display:flex;gap:11px;padding:8px 0;align-items:center;font-size:11px;color:var(--muted)}.check .circle{font-size:11px;width:19px;height:19px;border:1px solid #485a61;border-radius:50%;text-align:center;line-height:17px;font-family:monospace;flex-shrink:0}.check.done{color:var(--mint)}.check.done .circle{border-color:var(--mint);background:#92c8b114}.check.current{color:var(--text)}.check.current .circle{border-color:var(--gold);color:var(--gold)}.rule{height:1px;background:var(--line);margin:18px 0}.cargo-summary{display:flex;justify-content:space-between;color:var(--muted);font-size:11px;margin:12px 0}.cargo-summary strong{color:var(--text)}.cargo-row{display:flex;align-items:center;gap:10px;padding:13px 0;border-bottom:1px solid var(--line)}.good-dot{width:9px;height:9px;border-radius:2px;display:inline-block;flex-shrink:0}.cargo-row span:nth-child(2){flex:1;font-size:12px}.cargo-row strong{font:19px 'Barlow Condensed',sans-serif}.empty-state{padding:24px 14px;border:1px dashed #405059;border-radius:4px;color:var(--muted);font-size:12px;text-align:center;margin:18px 0}.service-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:13px 0 22px}.service-grid button{font-size:11px;padding:10px 4px}.market-row{display:grid;grid-template-columns:1fr 38px 43px 43px;align-items:center;font-size:11px;padding:10px 0;border-bottom:1px solid var(--line);gap:3px}.market-row .price{text-align:right;color:var(--gold)}.market-row .stock{text-align:right;color:var(--muted)}.market-head{font-size:8px;color:var(--muted);letter-spacing:.09em}.market-row .good-name{display:flex;align-items:center;gap:7px}.market-row[data-good]{cursor:pointer}.market-row[data-good]:hover{background:#ffffff08}.market-note{font-size:9px;color:var(--muted);margin:11px 0}.module-card{padding:12px;border:1px solid var(--line);border-radius:4px;margin:8px 0}.module-card .module-head{display:flex;justify-content:space-between;font-size:12px}.module-card .module-head b{color:var(--gold);font-size:11px}.module-card p{font-size:10px;color:var(--muted);margin:6px 0 10px}.module-card button{font-size:10px;padding:5px 9px}.budget{font-size:10px;color:var(--muted);display:flex;justify-content:space-between;margin:12px 0}.survey{font-size:11px;border:1px solid var(--line);padding:12px;margin:9px 0;border-radius:4px}.survey button{padding:5px 7px;font-size:10px;margin:9px 4px 0 0}.comms{margin-top:20px;padding-top:15px;border-top:1px solid var(--line);min-height:128px;max-height:160px;overflow:hidden}.comms .eyebrow{display:flex;justify-content:space-between}.comms .eyebrow span{color:var(--mint);font-size:8px}#log{margin-top:10px}.log-entry{font-size:10px;color:var(--muted);margin:7px 0;line-height:1.6}.log-entry.success{color:var(--mint)}.log-entry.warning{color:var(--gold)}.log-time{font:9px monospace;color:#657d89;padding-right:7px}.toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);padding:13px 21px;max-width:650px;background:#243b35;border:1px solid #6e9c87;color:var(--text);border-radius:6px;box-shadow:0 8px 30px #0005;z-index:10;font-size:12px}.toast.error{border-color:#a06b56;background:#3d2c29}.hidden{display:none!important}dialog{background:#182830;color:var(--text);border:1px solid #50616b;border-radius:10px;max-width:480px;width:calc(100vw - 40px);padding:28px;box-shadow:0 30px 100px #0008}dialog::backdrop{background:#071217bb;backdrop-filter:blur(4px)}dialog h2{font-size:31px;margin:0 0 12px}dialog p{color:var(--muted);font-size:12px;line-height:1.8;margin-bottom:15px}label{display:block;font-size:11px;color:var(--muted);margin:14px 0 6px}input,select{background:#0f1d25;color:var(--text);padding:10px 12px;border:1px solid #485a62;border-radius:4px;width:100%}.dialog-actions{display:flex;gap:10px;margin-top:23px}.dialog-actions button{flex:1}#quotePreview{margin:16px 0;padding:14px;border:1px solid var(--line);border-radius:4px;font-size:12px;line-height:1.8}.quote-total{font:28px 'Barlow Condensed',sans-serif;color:var(--gold)}.instructions{display:grid;grid-template-columns:90px 1fr;gap:12px;font-size:12px;color:var(--muted);margin:18px 0}.instructions b{color:var(--text)}.online-pilot{display:flex;justify-content:space-between;gap:8px;font-size:11px;padding:9px 0}.online-pilot button{font-size:10px;padding:3px 8px}.mission-complete{color:var(--mint);font-size:12px;margin:10px 0}.kbd{font:11px monospace;padding:1px 5px;border:1px solid #596b70;border-radius:3px;color:var(--text)}@media(min-width:1600px){.layout{grid-template-columns:280px minmax(400px,1fr) 350px}.left-rail{padding:30px}.right-rail{padding:30px}}@media(max-width:1150px){.layout{grid-template-columns:210px minmax(340px,1fr) 290px}.left-rail,.right-rail{padding:22px 16px}.topbar{gap:10px;padding:0 20px}.wordmark{width:210px}.top-right{gap:8px}.viewport-footer{gap:12px;padding:15px}.meter{width:55px}.speed{display:none}.flight-hint{font-size:9px}.scene-heading h1{font-size:33px}.view-tags{display:none}}@media(max-width:900px){.layout{grid-template-columns:minmax(320px,1fr) 290px}.left-rail{display:none}.system-label{display:none}.wordmark{width:auto}.top-right #connection{display:none}.layout{min-height:650px}.topbar{height:65px}.layout{height:calc(100vh - 65px)}}@media(max-width:620px){.layout{display:block;height:auto;min-height:0}.viewport{height:70vh;min-height:480px}.right-rail{min-height:650px;border-left:0;border-top:1px solid var(--line)}.top-right #online,.top-right .quiet{display:none}.topbar{padding:0 14px}.wordmark{font-size:18px}.panel-content{max-height:650px}.nearby-actions{bottom:140px}.target-card{bottom:190px}.flight-hint{font-size:8px}.viewport-footer{gap:10px}.scene-heading{left:20px;top:23px}.scene-heading h1{font-size:31px}.toast{width:90%}}

.signature{display:flex;flex-direction:column;gap:3px;text-align:left;margin:7px 0;font-size:11px}.signature span:last-child{color:var(--muted);font-size:10px}.market-row:focus-visible{outline:1px solid var(--gold)}
/* Meridian region interface: a quiet cockpit and generous, focused port workspaces. */
:root{--bg:#0b141c;--panel:#101e28;--line:#263b48;--text:#e4edf0;--muted:#96aab5;--gold:#e8c086;--mint:#8dd3bd}body{background:var(--bg)}button{border-radius:7px}button:hover:not(:disabled){background:#263f50;box-shadow:0 0 0 1px #8dbbcc22}.topbar{height:68px;background:#0d1822;gap:30px;padding:0 24px}.wordmark{font-size:20px;width:212px}.brand-icon{font-size:32px}.top-right{gap:14px}.layout{height:calc(100dvh - 68px);min-height:570px;grid-template-columns:242px minmax(360px,1fr) 304px}.left-rail{padding:24px 18px;background:linear-gradient(180deg,#111f2a,#0c1821)}.right-rail{padding:24px 20px;background:linear-gradient(180deg,#152733,#101d27)}.left-rail>p{line-height:1.7;margin-bottom:16px}h2{font-size:30px}.eyebrow{font-size:9px;letter-spacing:.17em}.region-button{display:flex;align-items:center;justify-content:space-between;text-align:left;color:var(--gold);font-size:12px;border-color:#7a654550;background:#e8c08608;margin-bottom:18px;padding:12px}.region-button span{font-size:9px;color:var(--muted)}.destination .title-line{font-size:12px}.destination{padding:10px 9px}.destination .role{font-size:10px}.destination.selected{background:#d6b0750c;border-color:#9b86545c}.rail-footer{padding-top:20px}.scene-heading{top:26px;left:28px;max-width:70%;text-shadow:0 2px 20px #0009}.scene-heading h1{font-size:36px;letter-spacing:.02em}.scene-heading p{font-size:11px;line-height:1.6;max-width:440px}.view-tags{top:26px;font-size:8px}.viewport-footer{background:linear-gradient(180deg,#101f2bf0,#111e28);gap:20px;padding:15px 24px;min-height:86px}.flight-hint{font-size:9px;bottom:105px}.nearby-actions{bottom:134px;max-width:96%;flex-wrap:wrap;justify-content:center}.nearby-actions button{font-size:11px;border-color:#486774;backdrop-filter:blur(12px)}.target-card{width:230px;left:22px;bottom:180px;background:#152938e8;border-color:#59809570;backdrop-filter:blur(15px);box-shadow:0 14px 45px #0005}.target-card p{line-height:1.7}.target-card h3{font-size:23px}.wallet>div{font-size:38px}.panel-tabs{margin-top:20px}.job-card{border-color:#44655955;background:linear-gradient(145deg,#203c40aa,#1a2a37);padding:16px;box-shadow:0 8px 20px #0001}.job-card h3{font-size:25px}.check{font-size:10px;padding:6px 0;gap:9px}.check.current{color:#fff2d8}.checklist{margin:12px 0 16px}.module-card{background:#0e1c2533;padding:12px}.comms{max-height:120px;min-height:100px}.log-entry{font-size:10px;line-height:1.5}.panel-content{scrollbar-width:thin;scrollbar-color:#4a6573 transparent}.toast{z-index:30;bottom:100px;background:#193832f7;box-shadow:0 12px 40px #0008}.ship-stats{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:15px;background:#0c1a23;border:1px solid var(--line);border-radius:8px}.ship-stats span{display:block;font-size:8px;color:var(--muted);letter-spacing:.1em}.ship-stats b{font-size:13px;color:var(--blue);font-weight:500}.trip-summary{display:flex;flex-direction:column;gap:7px;font-size:11px;color:var(--muted);border-left:2px solid var(--gold);padding-left:12px}.trip-summary strong,.profit{color:var(--mint)}
/* Extraction telemetry remains in sight without hiding the pilot's target. */
.mining-hud{position:absolute;right:22px;bottom:188px;width:260px;padding:15px;background:#112935ee;border:1px solid #5b9b8970;border-radius:10px;backdrop-filter:blur(12px);box-shadow:0 16px 50px #0004}.extraction-title{display:flex;align-items:center;gap:8px;font-size:9px;letter-spacing:.08em;color:var(--mint)}.extraction-title button{margin-left:auto;padding:2px 7px;font-size:10px}.extraction-resource{font:23px 'Barlow Condensed',sans-serif;margin-top:8px}.extraction-resource span{display:block;font:10px 'DM Sans',sans-serif;color:var(--muted);margin-top:5px}.extraction-bars{display:flex;gap:18px;margin-top:13px}.extraction-bars>div{flex:1}.extraction-bars span{font-size:8px;color:var(--muted);display:flex;justify-content:space-between}.extraction-bars .meter{width:100%}.mining-hud p{font-size:9px;color:var(--muted);margin-top:8px}.mining-hud .meter i{background:var(--gold)}.mining-hud .meter.heat i{background:var(--red)}
/* Native dialogs trap keyboard focus and release it when the pilot returns. */
dialog{background:linear-gradient(145deg,#192d3b,#101e29);border:1px solid #56768770;border-radius:14px;max-height:90dvh;padding:30px;box-shadow:0 35px 120px #000b;scrollbar-width:thin;scrollbar-color:#4a6573 transparent}dialog::backdrop{background:#030b14b8;backdrop-filter:blur(7px)}dialog h2{letter-spacing:.01em}dialog h3{font:500 27px 'Barlow Condensed',sans-serif}dialog h4{font:500 23px 'Barlow Condensed',sans-serif;margin:8px 0}dialog p{line-height:1.75}.close-button{font-size:25px;line-height:1;padding:5px 9px;color:var(--muted);border-color:transparent}.dialog-close{position:absolute;top:12px;right:12px}.dialog-actions{gap:9px}#modalContent{padding-top:6px}.region-modal{max-width:830px;width:calc(100vw - 40px)}.region-chart{width:100%;height:220px;margin-top:5px;background:radial-gradient(ellipse at center,#203c48,#0c1923);border:1px solid var(--line);border-radius:9px}.region-chart text{fill:var(--muted);font:11px monospace;text-anchor:middle}.region-chart .chart-name{fill:var(--text);letter-spacing:.12em;font-size:12px}.region-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:20px 0}.region-cards h3{font-size:26px;margin-top:6px}.region-cards h3 small{display:block;font:8px 'DM Sans',sans-serif;color:var(--mint);margin-top:3px}.region-cards .recipe-card{padding:16px}.region-cards .recipe-card b{font-size:11px}.region-cards .recipe-card button{margin-top:auto}.region-cards p{font-size:11px}.region-cards article{display:flex;flex-direction:column}
#portDialog{width:min(1120px,calc(100vw - 56px));max-width:1120px;height:min(800px,90dvh);padding:0;overflow:hidden}#portDialog[open]{display:flex;flex-direction:column}#portHeader{flex-shrink:0;background:linear-gradient(110deg,#24405299,transparent);border-bottom:1px solid var(--line);padding:25px 30px 21px}.port-heading{display:flex;align-items:center;gap:20px}.port-emblem{font-size:50px;line-height:1;color:var(--gold);background:#07162060;border:1px solid #7e9daa40;border-radius:14px;width:78px;height:78px;display:grid;place-items:center;flex-shrink:0}.port-heading h2{font-size:36px;margin:4px 0}.port-heading p{font-size:11px;margin:0;line-height:1.6}.port-heading .close-button{margin-left:auto;align-self:flex-start}.port-tabs{display:flex;gap:25px;padding:0 30px;background:#0d1d2770;border-bottom:1px solid var(--line);flex-shrink:0}.port-tabs button{border:0;border-bottom:2px solid transparent;border-radius:0;padding:15px 4px;font-size:12px;color:var(--muted)}.port-tabs .active{color:var(--gold);border-bottom-color:var(--gold)}.port-workspace{display:grid;grid-template-columns:minmax(0,1fr) 244px;flex:1;min-height:0}#portContent{overflow:auto;padding:25px 30px;scrollbar-width:thin;scrollbar-color:#4a6573 transparent}#portSummary{border-left:1px solid var(--line);background:#0c192550;padding:25px 22px;overflow:auto;scrollbar-width:thin;scrollbar-color:#4a6573 transparent}#portSummary h3{font-size:27px;margin:5px 0 12px}#portSummary .meter{width:100%}#portSummary .description{font-size:11px;margin-top:8px}.port-balance{font:500 31px 'Barlow Condensed',sans-serif;color:var(--gold)}.port-balance small{font-size:12px;color:var(--muted)}#portSummary .cargo-row{padding:9px 0;font-size:11px}#portSummary .cargo-row span{font-size:10px}.service-title{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:10px}.service-title h3{margin-top:5px}.service-title.tag{white-space:nowrap}.exchange-table{border:1px solid var(--line);border-radius:8px;overflow:hidden}.exchange-row{display:grid;grid-template-columns:minmax(130px,1.5fr) .65fr .75fr .75fr .65fr 104px;gap:10px;align-items:center;min-height:48px;padding:10px 13px;font-size:11px;border-bottom:1px solid #2d45514d}.exchange-row:last-child{border-bottom:none}.exchange-row:nth-child(even){background:#8ac0d505}.exchange-head{font-size:8px;letter-spacing:.08em;color:var(--muted);background:#0a1a23!important;min-height:32px}.exchange-row .good-name{display:flex;flex-wrap:wrap;align-items:center;gap:7px}.buy-price{color:#9fcbdc}.sell-price{color:var(--gold)}.row-trades{display:flex;gap:5px;justify-content:flex-end}.row-trades button{font-size:10px;padding:5px 8px}.row-trades button:last-child{color:var(--gold)}.shortage{display:block;width:100%;font-size:7px;letter-spacing:.1em;color:var(--gold);padding-left:16px}.port-footer{padding:14px 25px;display:flex;align-items:center;gap:12px;background:#0c1b25;border-top:1px solid var(--line);flex-shrink:0}.port-footer>span{margin-right:auto;font-size:8px;color:var(--muted);letter-spacing:.1em}.port-footer button{font-size:11px}.recipe-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.recipe-card{border:1px solid #385261;border-radius:9px;padding:19px;background:linear-gradient(130deg,#1b344344,#0d1b2530)}.recipe-card p{font-size:11px;margin-bottom:14px}.recipe-card b{display:block;font-size:12px;color:var(--gold);font-weight:500;margin-bottom:12px}.recipe-card button{font-size:11px}.recipe-arrow{color:var(--gold);padding:0 6px}.order-row{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:16px 0;border-bottom:1px solid var(--line);font-size:12px}.order-row p{font-size:10px;margin:5px 0}.order-row span{font-size:10px;color:var(--mint)}.order-row button{font-size:11px}.hull-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.hull-card{border:1px solid #385261;border-radius:10px;padding:18px;position:relative;background:#152a3833}.hull-card.current{border-color:#8dd3bd77;background:#8dd3bd08}.hull-art{float:right;font:45px 'Barlow Condensed',sans-serif;color:#9fcbdc;text-shadow:0 0 24px #9fcbdc55}.hull-freighter{transform:scaleX(1.4);color:var(--gold);margin-right:6px}.hull-prospector{color:#d99372}.hull-scout{color:#a99ee4;transform:rotate(-15deg)}.hull-card h4{font-size:27px}.hull-card p{font-size:11px;min-height:40px;margin-bottom:12px}.hull-specs{font-size:10px;color:var(--muted);line-height:1.8;margin:10px 0}.hull-card b{font-size:12px;color:var(--gold);display:block;margin:12px 0}.hull-card button{display:block;width:100%;font-size:11px}.hull-card small{display:block;margin-top:8px;font-size:8px;color:var(--muted)}.fitting-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px;gap:20px}.fitting-title span{font-size:10px;color:var(--muted)}
@media(min-width:1600px){.layout{grid-template-columns:255px minmax(440px,1fr) 318px}.left-rail{padding:26px 22px}.right-rail{padding:27px 24px}.scene-heading h1{font-size:40px}}@media(max-width:1150px){.layout{grid-template-columns:205px minmax(300px,1fr) 265px}.left-rail,.right-rail{padding:20px 15px}.topbar{gap:20px}.wordmark{width:185px}.viewport-footer{gap:12px;padding:16px}.mining-hud{bottom:305px;right:14px;width:220px}.target-card{width:210px}.exchange-row{grid-template-columns:minmax(115px,1.5fr) .5fr .65fr .65fr .5fr 90px;gap:6px;padding:9px;font-size:10px}#portContent{padding:22px}#portSummary{padding:22px 17px}.port-workspace{grid-template-columns:minmax(0,1fr) 210px}}@media(max-width:900px){.layout{grid-template-columns:190px minmax(300px,1fr)}.right-rail{display:none}.left-rail{display:flex}.wordmark{width:auto}.system-label{display:none}.topbar{height:62px}.layout{height:calc(100dvh - 62px)}.top-right{gap:8px}.top-right #online{display:none}.mining-hud{bottom:185px}.viewport-footer .speed{display:block}.port-workspace{grid-template-columns:minmax(0,1fr) 175px}#portContent{padding:18px}#portSummary{padding:18px 12px}.exchange-row{grid-template-columns:minmax(100px,1.5fr) 40px 55px 55px 36px 90px;gap:4px;font-size:9px}.exchange-head{font-size:7px}.row-trades button{padding:4px 6px}.port-heading h2{font-size:31px}#portHeader{padding:20px}.region-cards{grid-template-columns:1fr}.region-cards article{display:block}.region-chart{height:180px}.port-footer>span{display:none}.port-footer button:first-of-type{margin-right:auto}}@media(max-width:700px){.layout{grid-template-columns:165px minmax(0,1fr)}.left-rail{padding:18px 11px}.left-rail h2{font-size:25px}.scene-heading h1{font-size:28px}.scene-heading{left:18px;max-width:85%}.scene-heading p{font-size:10px}.mining-hud{bottom:315px;right:12px;width:205px}.target-card{left:12px;width:205px;bottom:180px}.viewport-footer{padding:13px;gap:9px}.viewport-footer>div:first-child{display:none}.viewport-footer .speed{display:none}.flight-hint{font-size:8px;padding:0 8px}.nearby-actions{white-space:normal}.nearby-actions button{padding:7px 9px}#portDialog{width:calc(100vw - 16px);height:94dvh;max-height:94dvh}.port-workspace{display:block;overflow:auto}#portContent{overflow:visible}#portSummary{border-left:0;border-top:1px solid var(--line)}#portSummary .cargo-row,#portSummary .description,#portSummary .rule,#portSummary>.eyebrow:last-of-type{display:none}#portSummary{padding:15px 20px}#portSummary h3{display:none}.port-balance{font-size:25px}.port-tabs{padding:0 18px;gap:20px}.port-tabs button{font-size:11px}.port-emblem{width:52px;height:52px;font-size:32px}.port-heading{gap:12px}.port-heading h2{font-size:28px}.port-heading p{font-size:10px}.port-heading .eyebrow{font-size:7px}.exchange-table{overflow-x:auto}.exchange-row{min-width:540px}.recipe-grid,.hull-grid{grid-template-columns:1fr}.fitting-title{display:block}.port-footer{padding:12px}.region-modal{padding:24px}.top-right #soundBtn{display:none}}@media(max-width:480px){.layout{display:block;min-height:0}.left-rail{display:none}.viewport{height:calc(100dvh - 62px);min-height:520px}.topbar{padding:0 12px}.top-right .quiet{display:block;font-size:10px}.top-right #soundBtn{display:none}.wordmark{font-size:17px}.brand-icon{font-size:25px}.scene-heading{max-width:85%}.view-tags{display:none}}

#cockpitBtn,.drawer-close{display:none}@media(max-width:900px){#cockpitBtn,.drawer-close{display:block}.right-rail{display:flex;position:fixed;right:0;top:62px;bottom:0;width:300px;z-index:15;transform:translateX(100%);transition:transform .2s;box-shadow:-15px 0 50px #0006}.panel-open .right-rail{transform:translateX(0)}.drawer-close{align-self:flex-end;margin:-10px -4px 6px}.top-right #connection{display:none}}@media(max-width:480px){.top-right #helpBtn{display:none}.top-right #chartBtn,.top-right #cockpitBtn{font-size:9px;padding:5px}.top-right{gap:4px}.pilot-button{font-size:10px;padding:7px;max-width:65px}}

.laser-power{display:flex;gap:5px;margin-top:12px}.laser-power button{flex:1;padding:5px 3px;font-size:9px;color:var(--muted)}.laser-power button.active{color:var(--mint);background:#8dd3bd15;border-color:#8dd3bd70}

.report-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.report-grid h3{font-size:24px;margin:7px 0}.report-grid .recipe-card{padding:17px}.report-grid .market-row{font-size:10px}@media(max-width:700px){.report-grid{grid-template-columns:1fr}}

.hull-art{width:92px;height:100px;font-size:0;float:right;transform:none;margin:0 -4px 0 5px}.hull-art svg{width:100%;height:100%;filter:drop-shadow(0 0 15px #91cfda22)}

.local-chart-destinations{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:16px 0 20px}.local-chart-destinations button{text-align:left;padding:12px}.local-chart-destinations b{display:block;font-size:12px;color:var(--text);font-weight:500}.local-chart-destinations span{display:block;margin-top:5px;color:var(--muted);font-size:10px}@media(max-width:700px){.local-chart-destinations{grid-template-columns:1fr}.exchange-table{overflow:visible;border:0}.exchange-row{min-width:0;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;background:#122b3b55!important;margin:10px 0;padding:14px;border:1px solid var(--line);border-radius:9px;font-size:10px}.exchange-head{display:none}.exchange-row .good-name{grid-column:1/-1;font-size:12px;margin-bottom:5px}.exchange-row .good-name .shortage{width:auto;padding-left:0;margin-left:auto}.exchange-row>span:nth-child(2)::before{content:'STOCK';display:block;font-size:7px;color:var(--muted);margin-bottom:3px}.exchange-row>span:nth-child(3)::before{content:'BUY / UNIT';display:block;font-size:7px;color:var(--muted);margin-bottom:3px}.exchange-row>span:nth-child(4)::before{content:'SELL / UNIT';display:block;font-size:7px;color:var(--muted);margin-bottom:3px}.exchange-row>span:nth-child(5)::before{content:'ABOARD';display:block;font-size:7px;color:var(--muted);margin-bottom:3px}.row-trades{grid-column:1/-1;justify-content:stretch;gap:10px;margin-top:5px}.row-trades button{width:50%;padding:8px;font-size:11px}}

/* Living Frontier: flight instruments, editorial mission boards and tactile rewards. */
:root{--bg:#080f1c;--panel:#0d1928;--line:#2a3c52;--text:#e7edf7;--muted:#95a7bd;--blue:#9cbfd9;--gold:#efc78f;--mint:#91d9c1}button{transition:background .15s,border-color .15s,transform .15s}button:active:not(:disabled){transform:translateY(1px)}button:focus-visible,a:focus-visible{outline:2px solid var(--mint);outline-offset:3px}.topbar{background:#091322;border-bottom-color:#32425666}.brand-icon{color:var(--gold)}.layout{grid-template-columns:210px minmax(360px,1fr) 280px}.left-rail,.right-rail{background:linear-gradient(160deg,#142236dd,#0b1424);padding:24px 17px}.viewport{background:#070d19}.scene-heading{top:26px;left:27px}.scene-heading h1{font-size:38px;letter-spacing:.035em}.scene-heading p{max-width:360px;color:#b4c3d5}.view-tags{color:#92abc1}.destination{border-radius:8px;padding:11px 8px}.destination .type{font-size:7px;letter-spacing:.12em;color:#748aa3}.destination .role{font-size:9px;line-height:1.7}.destination .dist{font-family:monospace;font-size:9px}.destination-heading{margin-top:18px}.region-button{background:linear-gradient(100deg,#ac865c10,#7264910d)}.viewport-footer{background:linear-gradient(180deg,#0b1426ed,#0b1526);border-top:1px solid #6e86a829}.wallet>div{font-size:41px;line-height:1.2;margin-top:6px}.panel-tabs{margin-top:18px}.comms{min-height:110px;border-color:#68829822}.target-card{background:linear-gradient(145deg,#1b2b40eb,#101b2be8);border-color:#adc6e333;border-radius:10px}.target-card h3{font-size:24px}.target-actions{gap:6px}.target-actions button{font-size:10px}.route-pill{font-family:monospace;font-size:10px;background:#152b40db;border:1px solid #91bfe340;top:auto;bottom:108px;right:22px;left:auto;transform:none;max-width:calc(100% - 44px);white-space:normal}.objective-hud{position:absolute;top:138px;left:28px;right:28px;padding-left:11px;border-left:2px solid #efd2a180;pointer-events:none;text-shadow:0 2px 12px #000}.objective-hud span{display:block;font:7px monospace;letter-spacing:.13em;color:var(--gold)}.objective-hud strong{font-size:10px;font-weight:400;display:block;line-height:1.7;color:#c1ccdd;margin-top:4px;max-width:340px}.operation-hud{position:absolute;top:213px;left:28px;padding:16px 20px;width:285px;border:1px solid #baa1ed70;border-radius:10px;background:#1a223aeb;backdrop-filter:blur(12px)}.operation-hud strong{display:block;font-size:11px;font-weight:400;margin:8px 0 14px;line-height:1.6}.operation-hud .standing-track{background:#152032}.operation-hud .standing-track i{background:#c1a3ef}.career-strip{display:flex;justify-content:space-between;gap:5px;margin:16px 0 14px;font-size:7px;letter-spacing:.1em;align-items:center;color:#a9b9ce}.career-strip b{color:var(--gold);font:10px monospace;letter-spacing:0}.job-card{padding:18px 15px;border-radius:10px;border-color:#b8c9e326;background:linear-gradient(135deg,#263648,#142335)}.job-card h3{font-size:27px;line-height:1.1}.job-card p{line-height:1.8;font-size:10px;color:#a4b6c9}.checklist{margin:12px 0 14px}.check{font-size:10px;line-height:1.6}.check .circle{width:18px;height:18px;font-size:8px}.check.current .circle{border-color:var(--gold);color:var(--gold);background:#e8c08614}.signal-card,.story-card,.active-delivery{margin:16px 0;padding:18px;border:1px solid #a0c5ba45;border-radius:10px;background:linear-gradient(140deg,#17363a70,#12243140)}.signal-card h3,.story-card h3,.active-delivery h3{font:500 28px 'Barlow Condensed',sans-serif;margin:9px 0}.signal-card p,.story-card p,.active-delivery p{font-size:11px;line-height:1.85;color:var(--muted);margin:10px 0 15px}.signal-card b{display:block;font:10px monospace;color:var(--mint);margin:12px 0}.signal-card button,.story-card button{font-size:11px}.signal-card .live-dot{display:inline-block}.story-card{border-color:#b6a0ee44;background:radial-gradient(ellipse at top right,#7550a62e,transparent),linear-gradient(140deg,#202a4155,#14213555)}.story-card .eyebrow{color:#bea9e9}.story-reward{font:17px 'Barlow Condensed',sans-serif;color:#dec4ff;margin:16px 0}.story-reward span{display:block;font:9px sans-serif;color:#a69bba;margin:6px 0;line-height:1.8}.delivery-progress{display:flex;justify-content:space-between;gap:8px;font:10px monospace;margin-bottom:16px;color:var(--muted)}.delivery-progress strong{color:var(--gold)}.transmission{font-size:10px;line-height:1.9;color:#a0b0c5;padding:12px 0 0}.board-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.board-heading h3{font-size:32px;margin-top:6px}.board-heading .tag{font-size:7px;white-space:nowrap;color:var(--mint)}.work-card{padding:20px;border:1px solid #768da332;border-radius:9px;background:linear-gradient(135deg,#24405a30,#11203640)}.work-card h4{font-size:25px;margin:8px 0 10px;text-transform:capitalize}.work-card p{font-size:11px;color:var(--muted);line-height:1.8;margin-bottom:14px}.work-card b{font:20px 'Barlow Condensed',sans-serif;color:var(--gold);display:block;margin-bottom:14px}.work-card b small{font:9px sans-serif;display:inline-block;color:var(--muted);margin-left:6px}.work-card button{font-size:11px}.player-board{margin-top:16px}.starter-board summary{cursor:pointer;font-size:12px;color:var(--muted);margin-bottom:17px}.form-pair{display:grid;grid-template-columns:1fr 1fr;gap:15px}.faction-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin:20px 0}.faction-card{position:relative;overflow:hidden;padding:22px;border:1px solid #7a92ae33;border-radius:10px;background:linear-gradient(135deg,#28456322,#152033)}.faction-card h3{font-size:29px;margin:10px 0}.faction-card .eyebrow{color:var(--faction);font-size:8px}.faction-card p{font-size:11px;margin-bottom:15px}.faction-card small{font-size:9px;color:var(--muted);display:block;margin-top:7px}.faction-sigil{position:absolute;right:14px;top:15px;font-size:36px;color:var(--faction);opacity:.15}.standing-track{height:3px;background:#294155;border-radius:4px;overflow:hidden}.standing-track i{display:block;height:100%;background:var(--faction,var(--mint));transition:width .15s}.milestone-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:18px 0}.milestone{display:flex;align-items:flex-start;gap:14px;border:1px solid #657b9726;padding:17px;border-radius:9px;background:#0d1b2d44}.milestone>span{font-size:21px;color:#7890ae}.milestone.earned{background:#8dd3bd08;border-color:#8dd3bd33}.milestone.earned>span{color:var(--mint)}.milestone h4{font-size:22px;margin:0 0 5px}.milestone p{font-size:10px;line-height:1.7;margin:0 0 7px}.milestone b{font-size:8px;color:var(--gold);font-weight:400}.paint-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:16px 0 25px}.paint-option{text-align:left;font-size:11px;padding:13px}.paint-option i{display:block;height:4px;width:30px;margin-bottom:13px;border-radius:5px}.paint-option small{display:block;font:7px monospace;color:var(--muted);margin-top:8px}.paint-option.active{border-color:var(--mint);background:#8dd3bd0a}.briefing-modal{max-width:680px;padding:36px;overflow:hidden}.briefing-modal h2{font-size:52px;line-height:1.06;position:relative;margin:15px 0 20px;max-width:400px}.briefing-modal>.eyebrow{position:relative}.briefing-orbit{position:absolute;inset:0 0 auto;height:270px;overflow:hidden;pointer-events:none;background:radial-gradient(ellipse at top right,#6876ab3b,transparent 70%)}.briefing-orbit>span{position:absolute;right:35px;top:180px;font:8px monospace;color:#a3bbd666;letter-spacing:.18em}.briefing-planet{width:220px;height:220px;position:absolute;right:-22px;top:-55px;border-radius:50%;background:radial-gradient(circle at 25% 25%,#99adc6,#526e99 30%,#1a314d 55%,#061322 78%);box-shadow:0 0 50px #629cdb22;border:1px solid #b5d9ff22}.briefing-paths{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;padding:25px 0;border-top:1px solid #a3b8d226;border-bottom:1px solid #a3b8d226;margin:25px 0}.briefing-paths b{font:9px monospace;color:var(--gold);letter-spacing:.08em;display:block;margin-bottom:12px}.briefing-paths span{font-size:11px;color:var(--muted);line-height:1.9}.briefing-note{font-size:10px!important}.region-cards{grid-template-columns:repeat(2,1fr)}.region-chart{height:200px}#portHeader{position:relative;background:radial-gradient(ellipse at 85% 40%,#718cbd26,transparent 60%),linear-gradient(100deg,#28425970,#132037);padding:28px 30px}.port-emblem{background:#193044;color:#d2c1a3;border-color:#b9d0e52a;font-size:43px}.port-heading h2{letter-spacing:.02em}.port-tabs{background:#0d192b99;gap:27px}.port-tabs button.active{color:var(--gold)}#portDialog,dialog{background:linear-gradient(145deg,#1b2d43,#111d30);border-color:#bed7ee40}#portSummary{background:#0b182d66}#portContent{padding:26px 30px}.exchange-row:nth-child(even){background:#9ebad008}.exchange-head{background:#0b192a!important}.exchange-row .good-name{font-size:11px}.port-footer{background:#0c192b}.recipe-card,.hull-card{background:linear-gradient(130deg,#25456425,#0d1b2c40);border-color:#7592ae40}.toast{border-radius:9px;max-width:600px;font-size:11px;line-height:1.8}.mining-hud{background:#112c3cee;border-color:#94cbb960}.right-rail .active-delivery{padding:15px}.right-rail .active-delivery h3{font-size:24px}.right-rail .active-delivery button{font-size:10px}.right-rail .signal-card,.right-rail .story-card{padding:15px}.right-rail>.panel-content{flex:1}.career-modal h2{font-size:37px}
@media(min-width:1600px){.layout{grid-template-columns:230px minmax(440px,1fr) 310px}.left-rail,.right-rail{padding:27px 22px}.scene-heading h1{font-size:44px}}@media(max-width:1150px){.layout{grid-template-columns:185px minmax(300px,1fr) 250px}.left-rail,.right-rail{padding:22px 13px}.topbar{gap:15px}.top-right{gap:7px}.top-right button{font-size:10px}.wordmark{width:175px}.system-label{font-size:8px}.scene-heading h1{font-size:32px}.objective-hud{top:130px;left:22px;right:22px}.scene-heading{left:22px}.operation-hud{left:22px;width:240px}.board-heading{display:block}.board-heading .tag{display:inline-block;margin:10px 0 0}}@media(max-width:900px){.layout{grid-template-columns:175px minmax(0,1fr)}.right-rail{width:310px;padding:22px}.wordmark{width:auto}.objective-hud{top:135px}.faction-grid,.milestone-grid{grid-template-columns:1fr 1fr}.top-right #journalBtn{display:none}}@media(max-width:700px){.layout{grid-template-columns:155px minmax(0,1fr)}.left-rail{padding:18px 10px}.faction-grid,.milestone-grid{grid-template-columns:1fr}.paint-grid{grid-template-columns:1fr 1fr}.scene-heading{left:17px;max-width:90%}.scene-heading h1{font-size:28px}.objective-hud{left:17px;right:17px}.objective-hud strong{font-size:9px}.operation-hud{left:17px;width:220px}.briefing-modal{padding:28px}.briefing-modal h2{font-size:41px}.briefing-paths{gap:14px}.briefing-paths span{font-size:10px}.briefing-planet{right:-80px;opacity:.6}.region-cards{grid-template-columns:1fr}.port-tabs{gap:22px}#portHeader{padding:22px 18px}#portContent{padding:20px 18px}.work-card{padding:17px}.toast{bottom:100px}.topbar{gap:9px}}@media(max-width:480px){.layout{display:block}.viewport{min-height:600px}.objective-hud{top:143px}.operation-hud{top:210px}.target-card{bottom:192px}.briefing-paths{grid-template-columns:1fr;gap:15px;padding:20px 0;margin:20px 0}.briefing-paths>div{display:grid;grid-template-columns:95px 1fr;gap:12px}.briefing-paths b{margin:0;line-height:1.9}.briefing-paths span br{display:none}.briefing-modal h2{font-size:38px}.briefing-orbit{height:200px}.briefing-modal p{font-size:11px}.top-right #journalBtn{display:none}.view-tags{display:none}.scene-heading h1{font-size:32px}.port-tabs{gap:18px}.port-footer button{font-size:10px}.form-pair{gap:10px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

.left-rail{scrollbar-width:thin;scrollbar-color:#52677b transparent}.left-rail h2{font-size:29px}.right-rail .panel-content .faction-grid,.right-rail .panel-content .milestone-grid{grid-template-columns:1fr}

.convoy-card{margin:16px 0;padding:20px;border:1px solid #a4c5ef44;border-radius:10px;background:linear-gradient(135deg,#2b466140,#11243a)}.convoy-card h3{font-size:29px;margin:10px 0}.convoy-card p,.convoy-card summary{font-size:11px;line-height:1.8;color:var(--muted);margin:12px 0}.convoy-card button{font-size:11px;margin-top:8px}.convoy-card.compact{padding:15px}.convoy-card.compact h3{font-size:25px}.convoy-integrity{display:flex;justify-content:space-between;font:9px monospace;margin-bottom:10px;color:#acd5ea}.convoy-standdown{margin-top:14px}.convoy-standdown summary{cursor:pointer}.escort-reward{font:20px monospace;color:var(--mint)}.meter.shield i{background:#a4c5ef}.wing-modal .wing-roster{margin:20px 0}.wing-modal .dialog-actions{flex-wrap:wrap}.wing-modal .online-pilot{padding:12px 0}.wing-modal .order-row span{font-size:11px;color:var(--muted)}.paint-grid{grid-template-columns:repeat(auto-fit,minmax(110px,1fr))}
@media(max-width:1150px){#wingBtn{font-size:10px}.viewport-footer .status-block{min-width:60px}.viewport-footer{gap:12px}}@media(max-width:480px){#shieldStatus{display:none}.wing-modal .dialog-actions button{flex:1}.wing-modal .order-row{flex-wrap:wrap;gap:12px}}
/* Persistent industrial assets use the existing port and cockpit surfaces. */
.warehouse-card,.project-card,.industry-invite{border:1px solid #344447;background:linear-gradient(140deg,#142326,#101a20);border-radius:12px;padding:22px;margin:18px 0;overflow:hidden}
.project-service{border:1px solid #3b5950;border-radius:10px;padding:16px;margin:16px 0;background:linear-gradient(120deg,#19332a,#17272a)}
.glasshouse-art{display:block;width:min(100%,260px);height:auto;margin:16px auto;background:#16281f;border-radius:8px;padding:10px;box-sizing:border-box}
.project-card button{min-height:44px}
.service-commissions{border-top:1px solid #40564b;margin-top:16px;padding-top:14px}.service-commission{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 0;border-bottom:1px solid #344c41}.service-commission>div{min-width:0}.service-commission b,.service-commission span{display:block}.service-commission span{font-size:12px;color:#b9c7b9;margin-top:5px;line-height:1.6}.service-commission button{min-height:44px;flex-shrink:0}.service-commission-badge{border-left:2px solid #9dd6b6;padding:8px 10px;color:#b6dba2;font-size:11px;line-height:1.6;letter-spacing:.03em;background:#1b3026}
@media(max-width:650px){.service-commission{align-items:flex-start;flex-direction:column}.service-commission button{width:100%}}
.project-service-flow{display:grid;grid-template-columns:minmax(0,1fr) 26px minmax(0,1fr);align-items:center;gap:10px;margin:14px 0}
.project-flow-inputs,.project-flow-outputs{display:flex;flex-direction:column;gap:7px}.project-service-flow span{font-size:13px;line-height:1.6;overflow-wrap:anywhere}.project-service-flow b{color:#dfc38e;margin-right:4px}.project-flow-outputs{color:#b9dfa3}.project-flow-arrow{color:#9dd6b6;text-align:center}
.project-service-heading{display:flex;align-items:baseline;justify-content:space-between;gap:12px;flex-wrap:wrap}.project-service-heading>span{font-size:10px;letter-spacing:.06em;color:#a6b9b8}.project-service p{font-size:12px;line-height:1.7;margin:10px 0 0}.project-card .project-construction-record summary{min-height:44px;line-height:1.5;display:flex;align-items:center}.project-construction-record[open] summary{margin-bottom:12px}
.warehouse-heading,.warehouse-budget,.access-row,.project-supply,.project-payment{display:flex;align-items:center;justify-content:space-between;gap:12px}
.warehouse-heading h3,.project-card h3{margin:8px 0}.warehouse-heading p{margin:4px 0 14px}
.warehouse-budget{border-top:1px solid #344447;border-bottom:1px solid #344447;padding:16px 0;margin:16px 0;font-size:11px;letter-spacing:.08em}
.warehouse-budget b{display:block;font-size:22px;color:#e8c086;letter-spacing:0;margin-top:6px}
.warehouse-budget button,.industry-actions button{margin:4px}.depot-stock-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid #26383b}
.depot-stock-row small{display:block;color:#9eafb3;margin:5px 0 0 20px}.depot-stock-row button{margin-left:5px}.depot-stock-row .good-dot{display:inline-block;margin-right:8px}
.depot-icon,.depot-emblem{color:#8dd3bd;font-size:48px;line-height:1}.depot-offer{display:flex;align-items:center;gap:24px;background:#172b29;border:1px solid #416358;border-radius:12px;padding:22px;margin:18px 0}.depot-offer h4{font-size:21px;margin:0}
.facility-card{background:#0d181c;border:1px solid #314247;border-radius:9px;padding:18px;margin:16px 0}.facility-card.running{border-color:#598776}.facility-card h4{font-size:20px;margin:8px 0}
.facility-schematic{display:flex;align-items:center;gap:7px;height:36px;margin-bottom:14px}.facility-schematic i{height:22px;width:18px;background:#304449;border:1px solid #668386;border-radius:3px}.facility-schematic i:last-child{height:30px;width:28px;background:#294c42;border-color:#8dd3bd}.facility-schematic span{color:#8dd3bd;font-size:23px;margin:0 8px}
.industry-actions{display:flex;flex-wrap:wrap;gap:5px;margin:12px 0}.access-row,.project-supply{padding:9px 0;border-bottom:1px solid #2b3c40;font-size:13px}.project-supply b{display:inline-block;margin-left:12px;color:#8dd3bd}.project-payment{padding:18px 0;color:#e8c086}
.warehouse-card details,.project-card details{margin-top:14px}.warehouse-card summary,.project-card summary{cursor:pointer;color:#a6b9b8;font-size:13px}.industry-modal{max-width:900px}.industry-modal .service-title h3{font-size:26px}
@media(max-width:650px){.warehouse-card,.project-card,.industry-invite{padding:15px}.warehouse-budget,.project-payment{align-items:flex-start;flex-direction:column}.depot-offer{gap:14px;padding:16px}.depot-stock-row{align-items:flex-start}.depot-stock-row button{padding:7px}.facility-card .dialog-actions{flex-wrap:wrap}.port-tabs{overflow-x:auto;flex-shrink:0}.port-tabs button{white-space:nowrap}.industry-modal .service-title{align-items:flex-start;flex-direction:column}.depot-icon{font-size:32px}}
.company-hero{display:flex;align-items:center;gap:22px;margin:15px 0 25px}.company-seal{display:grid;place-items:center;flex-shrink:0;width:100px;height:110px;background:linear-gradient(135deg,#244338,#192935);border:1px solid #799a83;border-radius:22px 22px 42px 42px;font:bold 24px monospace;color:#c1ddc4}.company-hero h2{margin:8px 0;font-size:35px}.company-depot,.company-member{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:18px 0;border-bottom:1px solid #344447}.company-depot p,.company-member small{font-size:11px;color:#a1b5b9;margin:8px 0}.company-member small{display:block}.company-depot button,.company-member button{margin:4px;font-size:11px}.company-member>div{display:flex;flex-wrap:wrap;justify-content:flex-end}.company-modal{max-width:960px}.hull-industrial{background:radial-gradient(ellipse at center,#42624f66,transparent 70%)}
@media(max-width:650px){.company-hero{gap:14px;align-items:flex-start}.company-seal{width:62px;height:74px;font-size:17px;border-radius:14px 14px 28px 28px}.company-hero h2{font-size:27px}.company-member,.company-depot{align-items:flex-start;flex-direction:column}.company-member>div{justify-content:flex-start}.company-depot button,.company-member button{margin:4px 4px 4px 0}}

/* Expanded chart and expeditions. The chart pans horizontally on narrow screens. */
.region-modal{max-width:1050px}.region-map{max-width:100%;overflow-x:auto;border-radius:10px}.region-map .region-chart{width:100%;min-width:700px;height:auto;aspect-ratio:1040/530;margin:0}.region-map .region-chart text{font-size:17px}.region-map .region-chart .chart-name{font-size:19px}.route-plan,.journey-card{border:1px solid #d5bb7655;background:#e6bf7510;border-radius:10px;padding:18px;margin:16px 0}.route-selected{border-color:#e8c086}.lantern-step{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:12px 0;border-bottom:1px solid #8094a52b}.lantern-step span{font-size:12px;line-height:1.7}.lantern-step small{color:#8ed5d1}.lantern-card .story-reward{display:block;line-height:1.7}.lantern-card .story-reward span{display:block}@media(max-width:600px){.region-cards{grid-template-columns:1fr}.lantern-step{align-items:flex-start;flex-direction:column}.route-plan h3{font-size:24px}.region-map .region-chart{min-width:700px}}
/* First Horizons: one current action, then broader career options. */
.first-voyage .primary{margin:16px 0 4px}.first-ambition{display:grid;grid-template-columns:1fr auto;gap:6px 10px;padding:13px 0;border-top:1px solid #8299b62a;border-bottom:1px solid #8299b62a}.first-ambition>span{font:7px monospace;letter-spacing:.12em;color:var(--muted)}.first-ambition>b{grid-row:2;font:12px 'Barlow Condensed',sans-serif;color:var(--gold)}.first-ambition button{grid-column:2;grid-row:1 / 3;font-size:9px;padding:5px 8px}.first-load{display:flex;justify-content:space-between;gap:8px;align-items:center;margin:14px 0 8px;font:8px monospace;color:var(--muted)}.first-load b{font-size:10px;color:var(--mint)}.first-checks{margin-top:15px}.first-checks summary{font-size:9px;color:var(--muted);cursor:pointer}.first-checks .checklist{margin-bottom:0}.next-journeys{display:grid;gap:12px;margin:15px 0 22px}.next-journeys article{border:1px solid #8299b62a;padding:16px;border-radius:9px;background:#8dd3bd06}.next-journeys article>span{font:8px monospace;letter-spacing:.12em;color:var(--mint)}.next-journeys h4{font:25px 'Barlow Condensed',sans-serif;margin:8px 0}.next-journeys p{font-size:11px;line-height:1.8;color:var(--muted)}.first-complete-modal .next-journeys,.ambition-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.ambition-grid{grid-template-columns:repeat(3,1fr);margin:22px 0}.ambition-grid b{font-size:12px;display:block;margin-bottom:15px;color:var(--gold)}.first-fit{padding:24px;border:1px solid #e8c08666;background:#e8c08608;border-radius:10px;margin-bottom:22px}.first-fit h3{font:32px 'Barlow Condensed',sans-serif;margin:12px 0}.first-fit p{font-size:12px;line-height:1.8;color:var(--muted)}.flight-record{padding:22px;border:1px solid #839ab436;border-radius:10px;margin:20px 0;background:#22364a55}.flight-record h3{font:30px 'Barlow Condensed',sans-serif;margin:10px 0}.flight-record p{font-size:12px}.flight-cash{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:20px}.flight-cash span{font-size:11px;color:var(--muted)}.flight-cash b{font:22px 'Barlow Condensed',sans-serif;display:block;margin-top:8px;color:var(--gold)}.flight-log-modal details{margin:22px 0}.flight-log-modal summary{cursor:pointer;color:var(--gold)}.flight-log-modal details p{font-size:12px}.first-times{display:grid;grid-template-columns:1fr 1fr;gap:12px 25px;margin:18px 0}.first-times>div{display:flex;justify-content:space-between;font-size:12px;gap:12px}.first-times b{font:12px monospace;color:var(--mint)}@media(max-width:700px){.ambition-grid,.first-complete-modal .next-journeys{grid-template-columns:1fr}.flight-cash{gap:10px}.flight-record{padding:16px}.flight-record h3{font-size:25px}.flight-cash b{font-size:19px}.first-times{grid-template-columns:1fr}.flight-log-modal h2{font-size:34px}}

/* Field Atlas */
.atlas-summary{display:flex;gap:26px;margin:22px 0;padding:18px 0;border-block:1px solid var(--line)}.atlas-summary span{font:10px monospace;color:var(--muted);letter-spacing:.08em}.atlas-summary b{display:block;color:var(--mint);font-size:28px;margin-bottom:8px}.atlas-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0}.atlas-tabs button[aria-pressed=true]{border-color:var(--mint);color:var(--mint);background:#8dd3bd12}.atlas-filter{display:flex;align-items:center;gap:14px;color:var(--muted);font-size:12px;margin:18px 0}.atlas-filter select{width:220px}.atlas-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:24px 0}.atlas-card{border:1px solid var(--line);border-radius:10px;overflow:hidden;background:#121d2b}.atlas-card.atlas-tracked{border-color:var(--mint)}.atlas-card-body{padding:22px}.atlas-card h3{margin:10px 0;font-size:25px}.atlas-card p{font-size:13px;line-height:1.7}.atlas-card small{display:block;color:var(--muted);font-size:10px;line-height:1.8;margin:12px 0}.atlas-card .atlas-note{color:#bdcbd8}.atlas-purpose{border-left:2px solid var(--mint);padding:8px 12px;margin:15px 0}.atlas-purpose b{display:block;font:9px monospace;color:var(--mint);margin-bottom:6px}.atlas-purpose span{font-size:12px;line-height:1.6;color:#aabbd0}.atlas-credit{color:var(--gold)!important}.atlas-decisions{display:flex;gap:8px;margin-top:10px}.atlas-decisions button{flex:1}.atlas-art{position:relative;height:115px;overflow:hidden;background:radial-gradient(ellipse at 70% 75%,#597b9644,transparent 60%),#091722}.atlas-art i{position:absolute;width:125px;height:125px;right:45px;top:22px;border-radius:50%;background:radial-gradient(circle at 30% 20%,#a7d5e2,#3b596d 55%,#061222 85%);box-shadow:0 0 45px #88cddb18}.atlas-art:after{content:'';position:absolute;width:180px;height:180px;right:17px;top:-5px;border:1px dashed #c4e8ef40;border-radius:50%}.atlas-art span{position:absolute;left:20px;top:20px;font:9px monospace;letter-spacing:.13em;color:#c3dce3}.atlas-desert{background:#30221e}.atlas-desert i{background:radial-gradient(circle at 30% 20%,#d2b287,#866342 55%,#231a23 85%)}.atlas-rocky i{background:radial-gradient(circle at 30% 20%,#b3ada1,#61596b 55%,#141727 85%)}.atlas-habitable i{background:radial-gradient(circle at 30% 20%,#accea8,#3d796d 55%,#0b2233 85%)}.atlas-volcanic{background:#261925}.atlas-volcanic i{background:radial-gradient(circle at 30% 20%,#d7946a,#66515f 55%,#190d20 85%)}.atlas-orbit i{background:radial-gradient(circle at 30% 20%,#c7b59b,#776b69 55%,#1a1727 85%);border-radius:35% 60% 45% 60%;width:100px;height:85px;transform:rotate(-25deg)}.atlas-journey{border-color:#8dd3bd55}.atlas-journey .eyebrow{color:var(--mint)}
@media(max-width:700px){.atlas-grid{grid-template-columns:1fr}.atlas-summary{gap:16px}.atlas-summary span{font-size:8px}.atlas-card-body{padding:18px}.atlas-filter select{width:170px}.atlas-decisions{flex-direction:column}}
@media(max-width:700px){.top-right #atlasBtn{display:none}}
.atlas-card:only-child{grid-column:1/-1;display:grid;grid-template-columns:220px minmax(0,1fr)}.atlas-card:only-child .atlas-art{height:100%;min-height:250px}.atlas-card:only-child .atlas-art i{top:32%}.atlas-card:only-child .atlas-art:after{top:calc(32% - 27px)}
@media(max-width:700px){.atlas-card:only-child{display:block}.atlas-card:only-child .atlas-art{height:115px;min-height:0}.atlas-card:only-child .atlas-art i{top:22px}.atlas-card:only-child .atlas-art:after{top:-5px}}

/* The helm and both drawers preserve the flight canvas on compact screens. */
#navigationBtn,.navigation-close{display:none}
.panel-backdrop{position:fixed;inset:62px 0 0;z-index:14;border:0;border-radius:0;background:#02081399;backdrop-filter:blur(3px);padding:0}
.panel-backdrop[hidden],.touch-helm[hidden],.helm-tools [hidden]{display:none!important}
.touch-helm{position:absolute;left:16px;right:16px;bottom:calc(var(--flight-footer,84px) + 12px);display:flex;align-items:flex-end;justify-content:space-between;gap:16px;z-index:3;pointer-events:none}
.helm-pad{display:grid;grid-template-columns:repeat(3,52px);gap:5px}
.touch-helm button{pointer-events:auto;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;min-height:50px;min-width:48px;padding:7px;background:#132236eb;border-color:#91bad455;box-shadow:0 3px 15px #0003}
.touch-helm button:active{transform:none}
.helm-pad button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px}
.helm-pad button>span{font:23px/1 system-ui}
.touch-helm small{display:block;font:7px/1.6 monospace;letter-spacing:.08em;color:#a9bbcd}
.helm-pad .helm-brake{grid-column:2 / 4;font:14px 'DM Sans',sans-serif;border-color:#efc78f66;color:var(--gold)}
.touch-helm button.held{background:#2d5b67;border-color:#b2f3dc;color:#d8fff1;box-shadow:0 0 16px #91d9c126}
.touch-helm button.held small{color:#c7efe4}
.helm-tools{width:115px;display:flex;flex-direction:column;gap:5px;text-align:center}
.helm-tools>.eyebrow{font-size:7px;text-shadow:0 1px 5px #000}
.helm-tools button{min-height:44px}
.helm-tools #helmFire{border-color:#ee967a99;color:#ffc6ae}
.has-helm .flight-hint{display:none}
.has-helm .nearby-actions{bottom:calc(var(--flight-footer,84px) + 150px);max-width:calc(100% - 24px);gap:6px;display:flex;flex-wrap:wrap;justify-content:center;white-space:normal}
.has-helm .nearby-actions button{min-height:44px;font-size:10px}
.has-helm #nearbyActions [data-action="scan"]{display:none}
.has-helm .target-card{bottom:calc(var(--flight-footer,84px) + 210px)}
.has-helm .mining-hud{bottom:calc(var(--flight-footer,84px) + 210px)}
.has-helm .route-pill{bottom:auto;top:190px;font-size:9px;z-index:2;right:17px;left:17px;transform:none;max-width:none}
.panel-open .touch-helm,.navigation-open .touch-helm,body:has(dialog[open]) .touch-helm{visibility:hidden}
@media(max-width:900px){
 .layout{display:block;height:calc(100dvh - 62px);min-height:0}
 .viewport{height:100%;min-height:0}
 #navigationBtn,.navigation-close{display:block}
 .navigation-close{align-self:flex-end;margin:-8px -2px 10px}
 .left-rail{display:flex;position:fixed;left:0;top:62px;bottom:0;width:min(300px,85vw);z-index:20;transform:translateX(-110%);visibility:hidden;transition:transform .2s;box-shadow:15px 0 50px #0006;padding:22px 18px}
 .navigation-open .left-rail{transform:translateX(0);visibility:visible}
 .right-rail{width:min(310px,calc(100vw - 24px));visibility:hidden}
 .panel-open .right-rail{visibility:visible}
 .viewport-footer{min-height:62px;gap:14px}
 .viewport-footer>div:first-child{display:none}
 .viewport-footer .status-block{min-width:60px;flex:1;max-width:100px}
 .viewport-footer .speed{display:block;font-size:22px;margin-left:auto;min-width:38px}
 .viewport-footer .speed small{font-size:7px}
 .has-helm .target-card{right:12px;left:12px;width:auto;padding:12px;display:grid;grid-template-columns:1fr auto;gap:2px 8px}
 .has-helm .target-card>.eyebrow{grid-column:1;font-size:7px}
 .has-helm .target-card h3{grid-column:1;font-size:22px;margin:0}
 .has-helm .target-card p:first-of-type{display:none}
 .has-helm .target-card p{grid-column:1;margin:3px 0 0;font-size:9px}
 .has-helm .target-card .target-actions{grid-column:2;grid-row:1 / 4;align-self:center;margin:0;display:flex}
 .has-helm .target-card .target-actions button{min-height:44px;font-size:9px;padding:7px 9px}
 .has-helm.is-mining .scene-heading,.has-helm.is-mining .objective-hud{visibility:hidden}
 .has-helm .mining-hud{top:18px;bottom:auto;left:12px;right:12px;width:auto;padding:14px}
 .has-helm .extraction-title button,.has-helm .laser-power button{min-height:44px;min-width:44px}
 .has-helm.is-mining .toast:not(.error){top:330px}
 .top-right #chartBtn{display:none}
 .scene-heading{max-width:85%}
 .has-helm .toast{top:248px;bottom:auto;left:12px;right:12px;transform:none;max-width:none}
}
@media(max-width:480px){
 .top-right #wingBtn{display:none}
 .topbar{gap:7px}
 .top-right{margin-left:auto;gap:2px}
 .top-right #navigationBtn,.top-right #cockpitBtn{font-size:9px;padding:7px 5px}
 .wordmark{font-size:16px;gap:6px;letter-spacing:.1em}
 .brand-sub{font-size:8px}
 .brand-icon{font-size:23px}
 .touch-helm{left:12px;right:12px}
 .helm-pad{grid-template-columns:repeat(3,49px)}
 .helm-tools{width:109px}
 .viewport-footer{padding:10px 12px;gap:12px}
}
@media(max-height:520px) and (max-width:900px){
 .scene-heading{top:12px;left:16px;max-width:calc(100% - 280px)}
 .scene-heading h1{font-size:24px;margin-top:5px}
 .scene-heading p{display:none}
 .objective-hud{top:77px;left:16px;right:280px}
 .objective-hud strong{font-size:9px}
 .has-helm .objective-hud{display:none}
 .viewport-footer{padding:8px 16px;min-height:62px}
 .has-helm .target-card,.has-helm .mining-hud{top:12px;bottom:auto;right:12px;left:auto;width:240px;padding:12px;max-height:calc(100% - 200px);overflow:auto}
 .has-helm .target-card h3{font-size:22px;margin:5px 0}
 .has-helm .target-card p:first-of-type{display:none}
 .has-helm .target-card p{font-size:9px;margin:5px 0}
 .has-helm .target-card .target-actions button{min-height:35px}
 .has-helm .nearby-actions{bottom:calc(var(--flight-footer,84px) + 118px);justify-content:flex-start;left:16px;transform:none;max-width:calc(100% - 32px)}
 .has-helm .nearby-actions button{min-height:34px;padding:6px 10px}
 .touch-helm{bottom:calc(var(--flight-footer,84px) + 6px)}
 .touch-helm button{min-height:44px}
 .has-helm .route-pill{bottom:calc(var(--flight-footer,84px) + 112px);top:auto;right:12px;left:auto;max-width:250px}
 .operation-hud{top:12px;left:auto;right:12px;max-height:120px;overflow:auto;width:240px;padding:12px}
 .has-helm .toast{top:65px;left:50%;right:auto;transform:translateX(-50%);width:min(380px,calc(100% - 32px))}
 .has-helm.is-mining .scene-heading,.has-helm.is-mining .objective-hud{visibility:visible}
 .has-helm.is-mining .toast:not(.error){top:65px}
}
.supply-stock{display:grid;gap:6px;margin:12px 0;color:var(--muted);font-size:12px}
.supply-stock progress{width:100%;height:6px;accent-color:#e8c086}
.remote-commissions,.supply-history{margin:18px 0;border:1px solid #354650;border-radius:10px;padding:14px}
.remote-commissions summary,.supply-history summary{cursor:pointer;font-weight:600;min-height:24px}
.supply-card .description{line-height:1.65}
.delivery-modal .section-label{display:block;margin:24px 0 10px}
.delivery-modal details{margin:20px 0;padding:14px;border:1px solid #354650;border-radius:10px}
.delivery-modal summary{cursor:pointer;font-weight:600;min-height:24px}
.procurement-source p{line-height:1.6}

/* Saved settlement results. Stay in the port; never interrupt flight. */
.work-receipt{padding:20px;margin-bottom:24px;border:1px solid #92c8b15c;border-radius:10px;background:linear-gradient(120deg,#92c8b112,#142129);overflow-wrap:anywhere}.work-receipt-heading{display:flex;justify-content:space-between;align-items:center;gap:12px}.work-receipt-heading .eyebrow{color:var(--mint)}.work-receipt-heading button{min-width:44px;min-height:44px;font-size:21px;margin:-12px -10px -4px 0}.work-result{display:flex;align-items:center;justify-content:space-between;gap:22px;margin:12px 0}.work-result h3{font:29px/1.15 'Barlow Condensed',sans-serif;margin:0 0 9px}.work-result p,.work-next p{font-size:12px;color:var(--muted);line-height:1.7}.work-payout{flex-shrink:0;text-align:right}.work-payout>span,.work-next span{display:block;font:8px monospace;letter-spacing:.12em;color:var(--muted)}.work-payout strong{font:34px/1.3 'Barlow Condensed',sans-serif;color:var(--gold);white-space:nowrap}.work-stock{display:flex;gap:12px;align-items:center;flex-wrap:wrap;padding:11px 0;border-top:1px solid #92c8b12a;font-size:11px;color:var(--muted)}.work-stock b{font:18px 'Barlow Condensed',sans-serif;color:var(--mint)}.work-recognition{display:flex;flex-wrap:wrap;gap:8px 16px;font-size:11px;color:var(--mint)}.work-award{color:var(--gold)}.work-receipt .work-receipt-note{font-size:10px;line-height:1.7;color:var(--muted);margin:12px 0 0}.work-next{display:flex;align-items:center;flex-wrap:wrap;gap:12px;padding-top:16px;margin-top:16px;border-top:1px solid #92c8b12a}.work-next>div{flex:1 1 220px}.work-next b{display:block;font:20px 'Barlow Condensed',sans-serif;margin:6px 0}.work-next progress{width:100%;height:5px;accent-color:var(--gold)}.work-next button{min-height:44px;font-size:11px}.work-history .work-receipt{margin:16px 0}.work-history summary{cursor:pointer;color:var(--gold)}@media(max-width:700px){.work-receipt{padding:16px}.work-result{align-items:flex-start;gap:14px}.work-result h3{font-size:24px}.work-payout strong{font-size:27px}.work-next{display:block}.work-next button{width:100%;margin-top:12px}.work-result p{font-size:11px}}@media(max-width:420px){.work-result{display:block}.work-payout{text-align:left;margin-top:12px}.work-payout>span{display:inline;margin-right:10px}}

.field-progress{display:flex;gap:9px;align-items:center;margin:16px 0}.field-progress>span{display:grid;place-items:center;width:30px;height:30px;border:1px solid #91c8b144;border-radius:50%;font:11px monospace;color:var(--muted)}.field-progress>span.done{background:#91c8b122;border-color:var(--mint);color:var(--mint)}.field-progress b{font:10px monospace;margin-left:auto;color:var(--mint)}.field-reading{padding:12px;border-left:2px solid var(--mint);background:#91c8b10a}.field-cost{font-size:10px!important;line-height:1.8;color:var(--muted);margin:12px 0}.field-choices{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:22px 0}.field-choices article{border:1px solid var(--line);border-radius:10px;padding:22px;background:#1c2b38}.field-choices h3{font:30px 'Barlow Condensed',sans-serif;margin:10px 0 16px}.field-choices b{display:block;color:var(--gold);font:14px monospace}.field-choices p{font-size:12px;line-height:1.8;color:var(--muted);margin:16px 0}.field-choices button{min-height:44px}@media(max-width:700px){.field-choices{grid-template-columns:1fr}.field-choices article{padding:17px}.field-choice-modal h2{font-size:34px}}

/* Expedition preparation keeps budgets and an explicit finish port together. */
.expedition-budget{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:22px 0}.expedition-budget article{border:1px solid var(--line);background:var(--panel);padding:16px;border-radius:9px}.expedition-budget span,.expedition-budget small{display:block;font-size:11px;color:var(--muted);line-height:1.8}.expedition-budget b{display:block;color:var(--gold);font:22px "Barlow Condensed",sans-serif;margin:8px 0}.expedition-steps{padding-left:24px}.expedition-steps li{padding:8px 0}.expedition-steps span{display:block;font-size:12px;color:var(--muted)}.opening-options{display:flex;gap:8px;margin:14px 0}.opening-options button{flex:1;min-height:44px}.survey-plan-modal select{max-width:100%;width:100%}@media(max-width:700px){.expedition-budget{grid-template-columns:1fr}.opening-options{flex-direction:column}}

.survey-plan-modal button,.survey-plan-modal select{min-height:44px}
.survey-departure-fuel{margin:18px 0;padding:18px;border:1px solid #8dd3bd50;border-radius:10px;background:#8dd3bd08}.survey-departure-fuel h3{margin:10px 0}.survey-fuel-outcome{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:16px 0}.survey-fuel-outcome span,.survey-fuel-outcome small,.survey-departure-fuel>small{display:block;color:var(--muted);font-size:11px;line-height:1.8}.survey-fuel-outcome b{display:block;color:var(--gold);font:23px "Barlow Condensed",sans-serif;margin:8px 0}.survey-track-action{margin:18px 0;white-space:normal}.refuel-expedition-note{border-left:2px solid var(--gold);padding-left:14px}@media(max-width:620px){.survey-fuel-outcome{grid-template-columns:1fr}}
@media(max-width:700px){.survey-plan-modal .expedition-budget{gap:8px;margin:16px 0}.survey-plan-modal .expedition-budget article{padding:12px;display:grid;grid-template-columns:110px 1fr;gap:4px 12px;align-items:center}.survey-plan-modal .expedition-budget b{margin:0}.survey-plan-modal .expedition-budget small{grid-column:1/-1}}

/* Scanner results stay available without interrupting flight. */
.scanner-modal button{min-height:44px}.scanner-modal .dialog-close{min-width:44px}
.scanner-report{position:absolute;right:20px;top:72px;max-width:210px;min-height:44px;font-size:11px;border-color:#92c8b177;background:#13272cf0;color:var(--mint);z-index:2;white-space:normal;text-align:left}
.scanner-modal{max-width:680px;max-height:88dvh;overflow:auto}.scanner-counts{display:flex;gap:8px;flex-wrap:wrap;margin:16px 0}.scanner-counts span{border:1px solid #526c6b;padding:8px 10px;border-radius:4px;font-size:11px;color:var(--mint)}.scanner-value{background:#92c8b113;padding:12px;border-left:2px solid var(--mint)}.scanner-contacts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:16px 0}.scanner-contact{padding:16px;border:1px solid var(--line);background:#10212a;border-radius:6px}.scanner-contact h3{font-size:23px;margin:8px 0}.scanner-contact p{margin:8px 0 12px}.scanner-contact button{min-height:44px;width:100%}.scanner-contact .eyebrow{font-size:8px;line-height:1.6}.scanner-modal h2{padding-right:22px}
@media(max-width:700px){.scanner-contacts{grid-template-columns:1fr}.scanner-report{top:132px;right:12px;max-width:170px;font-size:10px}}
@media(max-height:600px) and (min-width:481px) and (max-width:1000px){.scanner-report{top:140px;right:12px;max-width:160px}}

/* Shared wreck recovery */
.salvage-modal{width:calc(100vw - 32px);max-width:1040px;max-height:calc(100dvh - 32px);padding:20px;overflow:hidden}.salvage-modal[open] #modalContent{display:flex;flex-direction:column;max-height:calc(100dvh - 74px)}.salvage-modal button{min-height:44px}.salvage-modal .dialog-close{min-width:44px;position:absolute;right:16px;top:12px}.salvage-modal h2{padding-right:44px;font-size:30px;margin:8px 0 10px}.recovery-board-header{flex:none}.recovery-board-status{display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap;color:var(--mint);font:11px monospace;line-height:1.8}.recovery-board-footer details{margin:8px 0;font-size:11px}.recovery-board-footer summary{cursor:pointer;min-height:24px;color:var(--muted);line-height:1.8}.recovery-reference{max-height:100px;overflow:auto}.recovery-rule{padding:9px 12px;background:#e5b8790d;border-left:2px solid var(--gold)}.recovery-bays{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:12px;margin:10px 0;min-height:0;overflow:auto;overscroll-behavior:contain;scrollbar-gutter:stable}.recovery-bay{background:#10212a;border:1px solid #445663;border-radius:6px;padding:12px;min-width:0}.recovery-bay h3{font-size:22px;margin:6px 0 8px;min-height:28px;overflow-wrap:anywhere}.recovery-options{display:grid;gap:8px}.recovery-options>div{padding:8px;border:1px solid var(--line);border-radius:4px}.recovery-options b{color:var(--gold);font-size:14px;line-height:1.3;display:block}.recovery-options p{font-size:11px;line-height:1.4;margin:5px 0}.recovery-options button{width:100%;font-size:11px;padding:8px}.recovery-bay.resolved{opacity:.8;border-color:#92c8b144}.recovery-bay.resolved .eyebrow{color:var(--mint)}.recovery-bay.working{border-color:var(--gold)}.recovery-work p{font-size:11px;color:var(--gold);line-height:1.6;margin:6px 0}.recovery-work progress{display:block;width:100%;height:8px;accent-color:var(--gold);margin:8px 0 12px}.recovery-board-footer{flex:none;border-top:1px solid var(--line)}.recovery-board-footer p{font-size:11px!important;line-height:1.6!important;margin:8px 0!important}.recovery-board-actions{display:flex;justify-content:flex-end;gap:10px;flex-wrap:wrap}.recovery-board-actions button{font-size:11px}.recovery-board-header .briefing-warning{font-size:11px;line-height:1.5;margin:6px 0}
@media(max-width:900px){.recovery-bays{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.salvage-modal{padding:14px;width:calc(100vw - 24px);max-height:calc(100dvh - 24px)}.salvage-modal[open] #modalContent{max-height:calc(100dvh - 54px)}.salvage-modal h2{font-size:27px}.recovery-bays{grid-template-columns:1fr}.recovery-bay h3{min-height:0}.recovery-board-actions{display:grid;grid-template-columns:1fr}.recovery-board-actions button{width:100%}.recovery-board-footer p{font-size:10px!important}}
@media(max-height:520px){.salvage-modal{padding:10px}.salvage-modal[open] #modalContent{max-height:calc(100dvh - 54px)}.salvage-modal h2{font-size:24px;margin:3px 0}.recovery-board-footer details{margin:2px 0}.recovery-reference{max-height:60px}.recovery-board-footer p{font-size:10px!important;line-height:1.4!important;margin:5px 0!important}.recovery-bays{margin:6px 0}}

/* Fuel services keep spending and the next fitting visible together. */
.refuel-modal select{min-height:44px;margin:10px 0 20px}.refuel-outcome{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;padding:20px;border:1px solid var(--line);border-radius:10px;background:#8dd3bd08}.refuel-outcome span{display:block;font:9px monospace;letter-spacing:.1em;color:var(--muted)}.refuel-outcome b{display:block;font:27px 'Barlow Condensed',sans-serif;color:var(--gold);margin-top:10px}.refuel-outcome small{display:block;color:var(--muted);margin-top:8px;font-size:11px}.refuel-ambition{padding:16px;border-left:2px solid var(--gold);background:#e8c08608}.refuel-note{font-size:12px!important}.refuel-shortage{color:var(--red)!important}.refuel-modal button{min-height:44px}.refuel-modal .dialog-close{min-width:44px}.refuel-modal .dialog-actions{flex-wrap:wrap}@media(max-width:620px){.refuel-outcome{grid-template-columns:1fr;gap:18px}.refuel-modal .dialog-actions{display:grid;grid-template-columns:1fr}.refuel-modal h2{font-size:32px}}

.wing-course-card{margin:16px 0;padding:16px;border:1px solid #91d9c144;border-radius:10px;background:linear-gradient(135deg,#224e4940,#11243a)}.wing-course-card h3{font-size:24px;margin:10px 0;overflow-wrap:anywhere}.wing-course-card p{font-size:11px;line-height:1.8;color:var(--muted)}.wing-course-card .wing-course-step{color:var(--text);margin-top:16px}.wing-course-members{display:grid;gap:10px;margin:16px 0}.wing-course-members div{display:flex;justify-content:space-between;gap:14px;font-size:11px;flex-wrap:wrap}.wing-course-members span{color:var(--mint)}.wing-course-card button,.wing-destination button{margin-top:8px;min-height:44px}.wing-destination{margin:20px 0}.wing-destination label{display:block;font-size:12px;margin-bottom:10px}.wing-destination select{width:100%;min-width:0;min-height:44px;font-size:12px}.wing-course-card .eyebrow{overflow-wrap:anywhere}

.fitting-wallet{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:24px 0}.fitting-wallet span{display:block;font:10px monospace;color:var(--muted);margin-bottom:8px}.fitting-wallet b{font:24px monospace;color:var(--gold)}.fitting-comparison{border:1px solid #91d9c144;border-radius:10px;overflow:hidden;margin:20px 0}.fitting-comparison [role=row]{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:12px;align-items:center;padding:10px 14px;font-size:12px;border-bottom:1px solid #ffffff09}.fitting-comparison [role=row]:last-child{border:0}.fitting-comparison .fitting-columns{font:10px monospace;color:var(--muted);background:#ffffff05}.fitting-comparison [role=cell]{text-align:right}.fitting-comparison [role=columnheader]:not(:first-child){text-align:right}.fitting-comparison .changed{background:#91d9c110}.fitting-comparison .changed b{color:var(--gold)}.fitting-load{font-size:12px;line-height:1.8}.fitting-loss{color:#ffb19d;font-size:12px;line-height:1.8}.fitting-blockers{border-left:3px solid #eab777;padding:1px 14px;font-size:12px;line-height:1.8;color:#ead8b6;background:#eab77710}.fitting-modal .dialog-actions{flex-wrap:wrap}.fitting-modal button{min-height:44px}@media(max-width:480px){.fitting-comparison [role=row]{gap:7px;padding:10px;font-size:10px;grid-template-columns:1.15fr 1fr 1fr}.fitting-wallet{gap:10px}.fitting-wallet b{font-size:21px}.fitting-modal .dialog-actions button{flex:1}}

.fitting-unchanged{font-size:12px;color:var(--muted);margin:14px 0}.fitting-unchanged summary{cursor:pointer;min-height:44px;display:flex;align-items:center}.fitting-unchanged .fitting-comparison{margin-top:8px}

.fitting-modal .dialog-close{min-width:44px}.fitting-unchanged summary::before{content:'▸';color:var(--gold);margin-right:9px}.fitting-unchanged[open] summary::before{content:'▾'}@media(max-width:480px){.fitting-modal .dialog-actions button{flex:1 1 calc(50% - 8px);min-width:0}.fitting-modal .dialog-actions [data-confirm-fitting]{flex-basis:100%;order:3}}

.fitting-consequence{margin:18px 0;padding:12px 14px;border:1px solid #ffb19d44;border-radius:8px;background:#ffb19d0d}

.save-notice{position:fixed;z-index:10000;top:76px;left:50%;transform:translateX(-50%);width:min(620px,calc(100% - 32px));padding:16px 20px;border:1px solid var(--gold);border-radius:10px;background:#162638f5;color:#f0d9ac;box-shadow:0 8px 35px #0008;font:13px/1.6 system-ui,sans-serif;pointer-events:none}.save-notice[hidden]{display:none}@media(max-width:600px){.save-notice{top:65px;padding:12px 14px;font-size:12px}}

.save-notice-inline{position:sticky;top:0;z-index:5;flex:none;margin:0 0 16px;padding:13px 16px;background:#25384b;color:#f0d9ac;border:1px solid var(--gold);border-radius:8px;font:13px/1.6 system-ui,sans-serif}.save-notice-inline[hidden]{display:none}#portDialog>.save-notice-inline{margin:0;border-radius:0;border-width:0 0 1px}@media(max-width:600px){.save-notice-inline{font-size:12px;padding:12px}}

.cargo-market-list{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:20px 0}.cargo-market-card,.cargo-course-card{padding:20px;border:1px solid #7892ae44;border-radius:10px;background:linear-gradient(135deg,#29465b33,#13223799)}.cargo-market-here{border-color:#8dd3bd77}.cargo-market-card h3,.cargo-course-card h3{font-size:28px;margin:10px 0}.cargo-market-card p,.cargo-course-card p{font-size:12px;line-height:1.7}.cargo-market-card details{margin:14px 0;font-size:12px}.cargo-market-card summary,.cargo-market-leads>summary{cursor:pointer;min-height:44px;display:flex;align-items:center}.cargo-market-totals{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:18px 0}.cargo-market-totals span{display:block;font:9px/1.5 monospace;color:var(--muted);margin-bottom:7px}.cargo-market-totals b{font:27px 'Barlow Condensed',sans-serif;color:var(--gold)}.cargo-market-travel{color:var(--mint)}.cargo-market-breakdown{display:flex;justify-content:space-between;gap:10px;margin:10px 0}.cargo-market-breakdown b{white-space:nowrap}.cargo-market-card button,.cargo-course-card button{min-height:44px;margin-top:10px}.cargo-course-card{margin-bottom:18px}.cargo-market-leads{margin-top:22px;padding-top:10px;border-top:1px solid #7892ae44}.cargo-markets-modal .market-row{font-size:10px;grid-template-columns:minmax(0,1.5fr) repeat(3,minmax(0,1fr));gap:6px}@media(max-width:700px){.cargo-market-list{grid-template-columns:1fr}.cargo-market-card{padding:17px}.cargo-market-totals b{font-size:25px}}

/* Stable quote feedback; native inputs keep focus as market data changes. */
.trade-notice{color:var(--gold);border-left:3px solid var(--gold);padding-left:12px;margin:14px 0}.trade-balance{font-size:12px;color:var(--muted);margin:14px 0}.trade-change{padding:12px;border:1px solid var(--line);border-radius:6px;color:var(--text)}.trade-announcement{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.trade-modal .dialog-actions button{min-height:44px}.trade-modal .quote-total{color:var(--gold)}

.first-funding{display:grid;gap:7px;margin:12px 0;padding:12px;border:1px solid #42516a;border-radius:8px}.first-funding>span,.first-alternative>span{font-size:10px;letter-spacing:.09em;color:#91a9c6}.first-alternative{display:grid;gap:6px;padding-top:10px;margin-top:5px;border-top:1px solid #42516a}.first-alternative p{margin:0;font-size:12px;line-height:1.55}.first-alternative button,.first-funding>button{min-height:44px}

.production-flow{display:grid;grid-template-columns:1fr auto 1fr;gap:12px;align-items:center;margin:16px 0;padding:14px;background:#192439;border-radius:8px}.production-budget{display:grid;grid-template-columns:1fr 1fr;gap:12px}.production-budget span{display:block;font-size:10px;letter-spacing:.08em;color:#91a9c6}.production-budget b{font-size:25px;color:#eac58f}.production-notice{padding:10px 12px;border-left:3px solid #eac58f;background:#192439;font-size:13px}.production-values{margin:18px 0}.production-values>div{display:flex;gap:12px;justify-content:space-between;margin:8px 0;font-size:13px}.production-contribution{padding:10px 12px;border-left:3px solid #91d9c1}.production-modal button{min-height:44px}

.atlas-grid > .market-note{grid-column:1/-1;margin:0;line-height:1.7}

.shipment-manifest{margin:16px 0;padding:15px;border:1px solid #345665;border-radius:9px;background:#142b32}.shipment-manifest h4{margin:8px 0 12px}.manifest-line{display:flex;flex-wrap:wrap;gap:8px 20px;justify-content:space-between;font-size:13px;line-height:1.7}.shipment-manifest .description{margin:10px 0 0}

.laser-power button b,.laser-power button span{display:block}.laser-power button span{font-size:9px;margin-top:3px}.mining-hud .extraction-thermal{color:var(--mint);line-height:1.5}.mining-hud .thermal-warning{color:var(--gold)}.extraction-assumption{display:block;font-size:9px;line-height:1.5;color:var(--muted);margin-top:9px}

/* Compare resolved deposits without confusing live stock with a dated scan. */
.mineral-readout{margin:24px 0}.mineral-readout h3{font:30px 'Barlow Condensed',sans-serif;margin:9px 0}.mineral-controls{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}.mineral-controls button{flex:1 1 140px;font-size:11px;white-space:normal}.mineral-controls button[aria-pressed=true]{border-color:var(--mint);background:#91d9c122;color:var(--mint)}.mineral-filters button{flex:1 1 90px}.mineral-readout .mineral-assumptions{font-size:11px;line-height:1.7;color:var(--muted)}.mineral-list{display:grid;gap:12px;margin-top:18px}.mineral-card{padding:18px;border:1px solid var(--line);background:#10212a;border-radius:8px}.mineral-card.selected{border-color:var(--mint)}.mineral-heading{display:flex;justify-content:space-between;gap:14px;align-items:center}.mineral-heading h4{font:27px 'Barlow Condensed',sans-serif;margin:7px 0}.mineral-heading>strong{font:16px monospace;color:var(--gold);white-space:nowrap}.mineral-heading .eyebrow{font-size:8px;line-height:1.6}.mineral-card p{font-size:11px;margin:9px 0 14px;line-height:1.7}.mineral-power{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.mineral-power>div{padding:10px 7px;border:1px solid var(--line);border-radius:4px}.mineral-power>div.fastest{border-color:#91d9c166;background:#91d9c10a}.mineral-power span,.mineral-power b,.mineral-power small{display:block}.mineral-power span{font-size:11px;color:var(--muted)}.mineral-power b{font:19px 'Barlow Condensed',sans-serif;margin:6px 0;color:var(--mint)}.mineral-power small{font-size:10px;line-height:1.5}.mineral-card .mineral-estimate{color:var(--mint);margin:12px 0}.mineral-card .mineral-access{color:var(--gold)}.mineral-card>button{width:100%}.scanner-history{margin:20px 0;border-top:1px solid var(--line);padding-top:15px}.scanner-history summary{cursor:pointer;min-height:44px;font-size:12px;color:var(--muted)}.scanner-history p{font-size:11px;line-height:1.7}@media(max-width:480px){.mineral-card{padding:14px}.mineral-heading h4{font-size:24px}.mineral-heading>strong{font-size:13px}.mineral-controls button{flex-basis:100px}.mineral-power small{font-size:9px}}

/* First earned fitting keeps construction and the next flight in one decision. */
.first-fitting-readiness{margin:14px 0;padding:14px;border:1px solid #91d9c144;border-radius:8px;background:#91d9c10a}.first-fitting-readiness>div{margin-bottom:12px}.first-fitting-readiness span,.first-fitting-readiness small{display:block;font:8px/1.7 monospace;color:var(--muted)}.first-fitting-readiness b{display:block;margin:5px 0;font:17px 'Barlow Condensed',sans-serif;color:var(--mint)}.first-fitting-readiness p{font-size:10px;line-height:1.8;margin:10px 0}.first-fitting-readiness .first-fitting-warning{color:var(--gold)}.first-voyage button[data-next]{min-height:44px;white-space:normal}.first-voyage button[data-choose-ambition]{min-height:44px;min-width:44px}

.first-fitting-details{margin:12px 0}.first-fitting-details summary{cursor:pointer;min-height:44px;display:flex;align-items:center;color:var(--mint);font-size:10px;line-height:1.7}.first-fitting-details .first-fitting-readiness{margin:8px 0}.first-voyage .primary+ .first-ambition{margin-top:14px}
.first-fitting-details summary::after{content:"+";margin-left:auto;padding-left:10px;font:18px monospace}.first-fitting-details[open] summary::after{content:"−"}

.trade-run-controls{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:16px;margin:20px 0}.trade-run-controls select,.trade-run-controls input{width:100%;min-height:44px}.trade-run-contribution{padding:14px;border:1px solid #7892ae44;border-radius:8px;background:#0d192455}.trade-run-contribution>span{display:block;font:10px monospace;color:var(--muted)}.trade-run-contribution>b{display:block;font:32px 'Barlow Condensed',sans-serif;color:var(--gold);margin:8px 0}.trade-run-positive>b{color:var(--mint)}.trade-run-contribution>small{display:block;color:var(--muted);font-size:11px;line-height:1.6}.trade-run-more{cursor:pointer;min-height:44px;display:flex;align-items:center}.trade-runs-modal .cargo-market-breakdown{flex-wrap:wrap}.trade-runs-modal .cargo-market-card{min-width:0}.trade-runs-modal .cargo-market-totals{grid-template-columns:1fr 1fr}.trade-runs-modal .cargo-market-totals>div{min-width:0}@media(max-width:500px){.trade-run-controls{grid-template-columns:1fr}.trade-run-contribution>b{font-size:28px}}

.trade-runs-modal #compareTradeRuns{min-height:44px}

.trade-return-choices{padding:18px;margin:18px 0;border:1px solid #8dd3bd66;border-radius:10px;background:linear-gradient(135deg,#163c3544,#15253588)}.trade-return-choices h3{font-size:27px;margin:10px 0}.trade-return-choices p{font-size:12px;line-height:1.7}.trade-return-choices button{min-height:44px;margin-top:10px}.trade-runs-modal #tradeRunTarget{width:100%;min-height:44px}.trade-return-choices button{white-space:normal}

/* Regional construction: lasting services and deliberate cargo commitments. */
.project-benefit{padding:14px 16px;margin:16px 0;border-left:3px solid #9dd6b6;background:#142d29;border-radius:0 8px 8px 0}.project-benefit>span,.project-port-summary span,.project-review-grid span{display:block;font-size:11px;letter-spacing:.08em;color:#9dd6b6}.project-benefit p{margin:8px 0 0;line-height:1.6}.project-card progress{width:100%;height:10px;accent-color:#9dd6b6}.project-supply small{display:block;margin-top:7px;color:#a6b9b8}.project-supply button,.project-review-modal button,.project-port-summary button{min-height:44px}.project-own-supply{font-size:12px;color:#dfc38e;line-height:1.6}.project-port-summary{padding:16px;margin:0 0 22px;border:1px solid #39594d;border-radius:10px;background:#132820}.project-port-summary b{display:block;margin-top:7px}.project-port-summary p{font-size:13px;line-height:1.6;color:#bacbc1}.project-review-modal{max-width:720px}.project-review-modal select,.project-review-modal input{width:100%;min-height:44px}.project-review-modal label{display:block;margin:16px 0 7px}.project-review-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:18px 0}.project-review-grid b{display:block;margin-top:7px;font-size:20px;color:#e6d0a1}.project-commit-review{margin-top:22px;padding-top:16px;border-top:1px solid #3b524b}.project-commit-review>p{font-size:13px;line-height:1.7}.project-review-notice{padding:12px;border:1px solid #a1834b;color:#f0d7a4;border-radius:8px}.project-review-modal .dialog-actions{flex-wrap:wrap}.project-review-modal .dialog-actions button{flex:1}.project-benefit button{margin-top:12px}
@media(max-width:650px){.project-supply{align-items:flex-start;flex-direction:column}.project-supply button{width:100%}.project-review-modal .dialog-actions{flex-direction:column}.project-review-modal .dialog-actions button{width:100%}.project-review-grid{gap:12px}.project-review-grid b{font-size:18px}}

/* Construction supply briefings and retained personal courses. */
.project-freight-modal select,.project-freight-modal input,.project-freight-modal button{min-height:44px}.project-freight-modal input,.project-freight-modal select{width:100%;box-sizing:border-box;margin:8px 0 16px}.project-haul-overview{margin-top:18px}.project-haul-progress{color:var(--gold,#eacb89)}.project-supply{flex-wrap:wrap}.project-supply>span{flex:1;min-width:140px}.project-freight-modal .recipe-card p{line-height:1.6}

.next-trip-budget{color:var(--gold);font-weight:600}.next-trip-warning{color:var(--red)}.next-opportunity button{min-height:44px}

/* Purposeful loads remain legible beside the ordinary extraction controls. */
.extraction-load-card{padding:16px;border:1px solid var(--line);border-radius:10px;margin-bottom:16px;background:var(--panel)}
.extraction-load-card h3{margin:8px 0;font-size:22px}.extraction-load-card p{font-size:12px;line-height:1.65}
.extraction-load-card progress{width:100%;height:7px;accent-color:var(--gold)}
.extraction-load-actions,.load-presets{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.extraction-load-actions button,.load-presets button{min-height:44px;flex:1}
.load-quantity{display:flex;flex-direction:column;gap:8px;margin:20px 0;color:var(--muted);font-size:13px}
.load-quantity input{min-height:44px;width:100%;padding:10px;border:1px solid var(--line);border-radius:6px;background:var(--bg);color:var(--text);font:inherit;box-sizing:border-box}
.extraction-load-warning{color:var(--red)}.extraction-load-progress{color:var(--gold);font-weight:600}
#miningLoadPreview>button{min-height:44px}

/* Compact extraction keeps the work, laser controls and ship visible together. */
@media (max-width:900px) and (min-height:561px) {
  .has-helm .mining-hud{padding:10px}
  .has-helm .extraction-resource{font-size:19px;margin-top:2px;display:flex;align-items:baseline;justify-content:space-between;gap:8px}
  .has-helm .extraction-resource span{margin-top:0;font-size:9px}
  .has-helm .extraction-bars{margin-top:6px}
  .has-helm .mining-hud p{margin-top:4px;line-height:1.3}
  .has-helm .laser-power{margin-top:6px}
  .has-helm .extraction-assumption{font-size:8px;line-height:1.25;margin-top:4px}
}


/* Account entry and controls share the cockpit's responsive dialog style. */
.account-modal{max-width:640px}.account-modal h2{padding-right:28px}.account-modal label{display:block;margin-top:16px}.account-modal input{width:100%;min-height:44px;box-sizing:border-box;margin:8px 0}.account-modal small{display:block;color:var(--muted)}.account-modal button{min-height:44px}.account-modal .dialog-actions{flex-wrap:wrap}.account-recovery{display:block;overflow-wrap:anywhere;padding:20px;margin:20px 0;font:18px/1.8 monospace;color:var(--gold);border:1px solid var(--line);border-radius:8px;background:#14232d}.account-modal .recovery-check{display:flex;align-items:center;gap:12px;margin-bottom:20px}.account-modal .recovery-check input{width:24px;height:44px;flex:none}.account-sessions{display:grid;gap:12px;margin:20px 0}.account-session{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px;border:1px solid var(--line);border-radius:8px}.account-session small{margin-top:8px}@media(max-width:480px){.account-session{flex-wrap:wrap}.account-session button{width:100%}.account-modal .dialog-actions button{flex:1 1 100%}}

.launch-menu-modal{max-width:680px;background:radial-gradient(ellipse at top right,#294b5744,transparent 65%),#142130}.launch-menu-modal h2{font-size:clamp(34px,5vw,48px);line-height:1.08;margin:20px 0}.launch-menu-modal .launch-intro{font-size:15px;line-height:1.8}.launch-promises{display:flex;gap:24px;color:var(--gold);font:10px monospace;letter-spacing:.18em;margin:22px 0}.launch-actions{display:grid;gap:12px;margin:24px 0}.launch-guest-note{font-size:12px!important;line-height:1.8!important;color:var(--muted)}@media(max-width:480px){.launch-promises{gap:18px}.launch-menu-modal h2{font-size:36px}.launch-menu-modal .eyebrow{line-height:1.7}}

/* Cockpit sound controls stay usable on narrow screens. */
.audio-modal{max-width:560px}.audio-modal label{display:block;margin-top:12px}.audio-modal input[type=range]{width:100%;min-height:44px;accent-color:var(--gold);padding:0}.audio-modal .audio-check{display:flex;align-items:center;gap:12px;min-height:44px}.audio-check input{width:20px;height:20px;accent-color:var(--gold);flex:none}.audio-modal label output{float:right;color:var(--gold)}.audio-modal button{min-height:44px}.audio-modal small{display:block;color:var(--muted);line-height:1.65}.audio-status{min-height:24px;color:var(--mint);font-size:12px;margin-top:12px!important}

.first-jobs-modal{max-width:740px}.first-jobs-modal button{min-height:44px}.first-jobs-modal h2{padding-right:24px}.first-jobs-modal p{margin-top:12px}.first-jobs-modal .ambition-grid{margin:20px 0;grid-template-columns:repeat(2,minmax(0,1fr))}.first-jobs-modal .recipe-card{display:flex;flex-direction:column}.first-jobs-modal .recipe-card button{margin-top:auto}@media(max-width:700px){.first-jobs-modal .ambition-grid{grid-template-columns:1fr}}
/* The next journey keeps its purpose, reward, buyer and action together. */
.next-trip-budget{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:18px 0;color:var(--gold)}.next-trip-budget>div{min-width:0}.next-trip-offer{grid-column:1 / -1}.next-trip-budget dt{font:9px/1.5 monospace;letter-spacing:.08em;color:var(--muted);text-transform:uppercase}.next-trip-budget dd{margin:5px 0 0;font:25px/1.15 'Barlow Condensed',sans-serif}.next-trip-budget .next-trip-offer dd{font-size:32px}.next-trip-budget small{display:block;font:10px/1.5 'DM Sans',sans-serif;color:var(--muted);margin-top:5px}.next-journeys .next-trip-buyer{font-size:11px;line-height:1.6}.next-trip-buyer b{color:var(--text);font-weight:500}.next-journeys .next-trip-warning{color:var(--red)}.next-trip-actions{display:grid;gap:6px;margin-top:auto}.next-journey-note{font-size:11px!important;color:var(--muted);line-height:1.6!important}.first-complete-modal{max-width:1040px;max-height:calc(100dvh - 32px);overflow:hidden;padding:26px}.first-complete-modal #modalContent{display:flex;flex-direction:column;max-height:calc(100dvh - 90px)}.first-complete-modal h2{padding-right:36px;font-size:37px;margin:6px 0 10px}.first-complete-modal #modalContent>h2,.first-complete-modal #modalContent>p,.first-complete-modal #modalContent>.eyebrow,.next-journey-footer{flex-shrink:0}.first-complete-modal .next-journeys{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:16px;overflow:auto;min-height:0;padding:3px 4px;margin:8px -4px 16px}.first-complete-modal .next-opportunity{display:flex;flex-direction:column;min-width:0;padding:20px}.first-complete-modal .next-opportunity h4{font-size:27px;line-height:1.15;margin:10px 0 12px;overflow-wrap:anywhere}.first-complete-modal .next-opportunity>p{font-size:12px;line-height:1.6}.first-complete-modal .next-opportunity button,.first-complete-modal .dialog-close,.next-journey-footer button{min-height:44px}.first-complete-modal .dialog-close{min-width:44px}.next-journey-footer{display:flex;justify-content:space-between;gap:12px;border-top:1px solid #8299b62a;padding-top:14px}.first-complete-modal .next-journey-note{margin-bottom:12px}@media(max-width:900px){.first-complete-modal .next-journeys{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.first-complete-modal{padding:20px;width:calc(100vw - 24px)}.first-complete-modal #modalContent{max-height:calc(100dvh - 76px)}.first-complete-modal .next-journeys{grid-template-columns:1fr;gap:12px}.first-complete-modal h2{font-size:32px}.next-journey-footer{gap:8px}.next-journey-footer button{flex:1;min-width:0;font-size:11px}}
.first-complete-modal .next-trip-budget{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:12px 0}.first-complete-modal .next-trip-offer{grid-column:auto}.first-complete-modal .next-trip-budget>div:only-child{grid-column:1 / -1}.first-complete-modal .next-opportunity>p{margin-bottom:10px}.first-complete-modal .next-trip-budget dd{font-size:24px}.first-complete-modal .next-trip-budget .next-trip-offer dd{font-size:28px}
@media(max-height:520px){.first-complete-modal{padding:16px}.first-complete-modal #modalContent{max-height:calc(100dvh - 66px)}.first-complete-modal h2{font-size:28px;margin:4px 0 8px}.first-complete-modal h2+p{display:none}.first-complete-modal .next-journeys{margin:4px -4px 10px;gap:12px}.first-complete-modal .next-opportunity{padding:16px}.first-complete-modal .next-journey-note{line-height:1.4!important;margin-bottom:8px}.first-complete-modal .next-journey-footer{padding-top:8px}}

/* A depleted recovery site leads into existing personal sale and research reviews. */
.recovery-debrief{grid-column:1/-1;padding:14px;border:1px solid #91d9c155;border-radius:6px;background:#14363155}.recovery-debrief h3{font-size:25px;margin:8px 0}.recovery-debrief p{font-size:12px;line-height:1.7;margin:8px 0 12px}.recovery-debrief-actions{display:flex;gap:10px;flex-wrap:wrap}.recovery-debrief-actions button{font-size:11px;min-height:44px}@media(max-width:600px){.recovery-debrief-actions{display:grid;grid-template-columns:1fr}.recovery-debrief-actions button{width:100%}}

/* Guarded freight: preparation, visible risk and shared recovery. */
.perimeter-modal{width:min(860px,calc(100vw - 32px))}.perimeter-status{display:flex;gap:14px;justify-content:space-between;padding:14px;border:1px solid #986151;background:#492f2c33;color:#efb5a0}.perimeter-status span{font:11px/1.6 monospace}.perimeter-preparation{padding:16px;background:#172433;border:1px solid #334555}.perimeter-targets{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:16px 0}.perimeter-targets article{padding:16px;border:1px solid #986151;background:#442b2933}.perimeter-targets button{min-height:44px;width:100%}.perimeter-notice{margin:14px 0;padding:14px;border:1px solid #986151;background:#492f2c22;font-size:12px}.perimeter-notice.clear{border-color:#62887b}.perimeter-notice p{margin:6px 0 10px}.perimeter-notice button{min-height:44px}.perimeter-modal>.full{min-height:44px;margin-top:10px}@media(max-width:600px){.perimeter-status{flex-direction:column;gap:6px}.perimeter-targets{grid-template-columns:1fr}.perimeter-modal{padding:20px;width:calc(100vw - 20px)}}

.perimeter-modal{max-width:min(860px,calc(100vw - 32px));max-height:calc(100dvh - 48px);overflow:hidden}.perimeter-modal #modalContent{display:flex;flex-direction:column;max-height:calc(100dvh - 108px);overflow:hidden}.perimeter-body{min-height:0;overflow:auto;overscroll-behavior:contain;padding-right:6px}.perimeter-board-header{flex-shrink:0}.perimeter-board-header>p{margin:12px 0}.perimeter-status{margin-bottom:12px}.perimeter-preparation summary{cursor:pointer;color:#eac58f;min-height:24px}.perimeter-preparation>p{margin-top:12px}.perimeter-footer{flex-shrink:0;display:flex;gap:12px;padding-top:14px;border-top:1px solid #334555}.perimeter-footer button{min-height:44px;margin:0}.perimeter-targets h3{font-size:21px}.perimeter-targets p{margin:10px 0}@media(max-width:600px){.perimeter-modal{max-width:calc(100vw - 20px);max-height:calc(100dvh - 20px)}.perimeter-modal #modalContent{max-height:calc(100dvh - 60px)}.perimeter-board-header h2{font-size:30px}.perimeter-board-header>p{font-size:12px;line-height:1.6;margin:9px 0}.perimeter-targets{gap:10px}.perimeter-footer{flex-direction:column;gap:10px;padding-top:12px}}
.ambition-modal{max-width:860px;max-height:calc(100dvh - 32px);overflow:hidden;padding:26px}.ambition-modal #modalContent{display:flex;flex-direction:column;max-height:calc(100dvh - 88px)}.ambition-header,.ambition-footer{flex-shrink:0}.ambition-header h2{padding-right:32px;font-size:36px;margin:8px 0}.ambition-header p{font-size:12px;line-height:1.6}.ambition-modal .ambition-grid{grid-template-columns:repeat(2,minmax(0,1fr));overflow:auto;min-height:0;margin:16px -4px;padding:3px 4px;gap:14px}.ambition-grid .recipe-card{min-width:0;display:flex;flex-direction:column}.ambition-grid h3{font-size:27px;margin:10px 0}.ambition-grid p{font-size:12px;line-height:1.6}.ambition-grid .ambition-work{color:var(--mint)}.ambition-grid b{margin:12px 0 4px}.ambition-grid small{font:9px/1.6 monospace;color:var(--muted);margin-bottom:12px}.ambition-grid button{margin-top:auto;min-height:44px;white-space:normal}.ambition-footer{padding-top:12px;border-top:1px solid var(--line)}.ambition-footer button,.ambition-modal .dialog-close{min-height:44px}.ambition-modal .dialog-close{min-width:44px}.ship-fitting-goal{margin:16px 0;padding:16px;border:1px solid #91d9c144;border-radius:9px;background:#91d9c10a}.ship-fitting-goal h4{font:24px 'Barlow Condensed',sans-serif;margin:9px 0}.ship-fitting-goal p{font-size:11px;line-height:1.7;color:var(--muted)}.ship-fitting-goal progress{width:100%;height:7px;accent-color:var(--mint)}.ship-goal-actions{display:grid;gap:7px;margin-top:12px}.ship-goal-actions button{min-height:44px;white-space:normal}.ship-work{padding:20px;border:1px solid var(--line);border-radius:9px;margin:14px 0;background:#8dd3bd06}.next-journeys .ship-work{margin:0}.ship-work>span{font:8px/1.6 monospace;letter-spacing:.1em;color:var(--mint)}.ship-work h4{font:27px 'Barlow Condensed',sans-serif;margin:10px 0}.ship-work p{font-size:12px;line-height:1.6;color:var(--muted)}.ship-work button{min-height:44px;white-space:normal}.ship-work .ship-work-status{color:var(--gold)}@media(max-width:600px){.ambition-modal{padding:20px;max-height:calc(100dvh - 20px)}.ambition-modal #modalContent{max-height:calc(100dvh - 64px)}.ambition-modal .ambition-grid{grid-template-columns:1fr}.ambition-header h2{font-size:29px}}@media(max-height:500px){.ambition-modal{padding:16px}.ambition-modal #modalContent{max-height:calc(100dvh - 66px)}.ambition-header h2{font-size:26px;margin:5px 0}.ambition-header p{font-size:10px;margin:5px 0}.ambition-modal .ambition-grid{margin:8px -4px}.ambition-footer{padding-top:8px}}

.ambition-modal.first-jobs-modal button.primary:hover,.ambition-modal.first-jobs-modal button.primary:focus-visible{background:#f2d5a0;color:#11151b}.ambition-modal.first-jobs-modal{max-width:1240px}.ambition-modal.first-jobs-modal .ambition-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.first-delivery-load b,.first-research-load b{line-height:1.5;color:var(--mint)}.first-jobs-modal .ambition-footer p{font-size:10px;line-height:1.5;color:var(--muted);margin:0 0 8px}.first-jobs-modal .recipe-card button{margin-top:auto}@media(max-width:900px){.ambition-modal.first-jobs-modal .ambition-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:700px){.ambition-modal.first-jobs-modal .ambition-grid{grid-template-columns:1fr}}

.first-jobs-modal .recipe-card p{margin:8px 0;font-size:11px;line-height:1.55}.first-jobs-modal .recipe-card h3{font-size:25px;line-height:1.15;margin:8px 0}.first-jobs-modal .first-delivery-load b,.first-jobs-modal .first-research-load b{margin:0 0 4px;font-size:12px}

.work-next.work-return{align-items:flex-start}.work-return>button{margin-top:8px;flex:0 0 auto}

.delivery-modal button{min-height:44px}

.workshop-freight{margin:22px 0;padding:18px;border:1px solid #365c67;border-radius:10px;background:#10242d}.workshop-freight>p{font-size:13px;color:#a9c4cf}.workshop-freight button{min-height:44px}.workshop-freight .recipe-grid{margin-top:14px}.production-customer{margin:18px 0;padding:16px;border:1px solid #365c67;border-radius:8px;background:#10242d}.production-customer p{font-size:13px;line-height:1.7}

.workshop-freight .workshop-offers{grid-template-columns:1fr}.workshop-offer{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 16px;align-items:center}.workshop-offer h4{margin:0;grid-column:1}.workshop-offer p{margin:0;grid-column:1}.workshop-offer button{grid-column:2;grid-row:1 / 3;max-width:200px}@media(max-width:650px){.workshop-offer{grid-template-columns:1fr}.workshop-offer button{grid-column:1;grid-row:auto;max-width:none}}

/* A customer chain remains readable while each paid stage changes. */
.manufacturing-chain{border:1px solid var(--line);border-left:3px solid #91cfda;padding:18px;border-radius:10px;margin:16px 0;background:rgba(145,207,218,.05)}
.manufacturing-chain ol{list-style:none;counter-reset:chain;padding:0;margin:14px 0;display:grid;gap:8px}
.manufacturing-chain li{counter-increment:chain;position:relative;padding:9px 12px 9px 44px;background:rgba(255,255,255,.035);border-radius:6px;display:grid;gap:4px}
.manufacturing-chain li:before{content:counter(chain);position:absolute;left:12px;top:10px;color:#91cfda;font-weight:700}
.manufacturing-chain li span{overflow-wrap:anywhere}.manufacturing-chain li small{color:var(--muted)}
.chain-budget{display:grid;gap:5px;padding:12px 0;border-top:1px solid var(--line)}
.manufacturing-chain button,.next-manufacturing+button{min-height:44px;white-space:normal}
.workshop-alternatives{grid-column:1/-1}.workshop-alternatives summary{padding:12px;cursor:pointer}
.next-manufacturing{border-top:1px solid var(--line);padding-top:12px}
@media(max-width:650px){.manufacturing-chain{padding:12px}.manufacturing-chain li{padding-left:36px}.manufacturing-chain li:before{left:10px}}

/* The blueprint keeps capital, stored construction and running stock legible. */
.facility-goal {padding:18px;border:1px solid #d7b36c66;background:#d7b36c0c;border-radius:12px;margin:14px 0;}
.facility-goal progress {width:100%;height:10px;accent-color:var(--gold,#dfbd82);}
.facility-plan-budget {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:20px 0;}
.facility-plan-budget div {padding:14px;background:#ffffff05;border:1px solid #ffffff12;border-radius:9px;}
.facility-plan-budget span {display:block;font-size:10px;letter-spacing:.12em;color:#9babbc;}
.facility-plan-budget b {display:block;margin-top:7px;overflow-wrap:anywhere;}
.facility-kit {display:grid;gap:10px;}
.facility-kit>div {display:grid;grid-template-columns:1fr auto;gap:7px 16px;padding:14px;border:1px solid #ffffff1a;border-radius:9px;}
.facility-kit small {grid-column:1/-1;color:#a3b3c2;}
.facility-kit button {grid-column:1/-1;min-height:44px;}
.facility-plan-actions {display:grid;gap:10px;margin-top:18px;}
.facility-plan-actions button {min-height:44px;white-space:normal;}
.facility-blocks {padding-left:20px;color:#c5bda9;}
.facility-plan-modal select {width:100%;min-height:44px;margin:6px 0 14px;}
@media(max-width:600px){.facility-plan-budget{grid-template-columns:1fr;gap:8px;}.facility-plan-budget div{display:flex;justify-content:space-between;align-items:center;gap:12px;}.facility-plan-budget b{margin:0;}.facility-kit>div{grid-template-columns:1fr;}.facility-kit span{font-size:13px;}.facility-plan-modal h2{overflow-wrap:anywhere;}}
.facility-plan-controls {display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:18px;}
.facility-plan-modal [data-save-industry-course] {min-height:44px;margin-bottom:16px;}
@media(max-width:600px){.facility-plan-controls{grid-template-columns:1fr;gap:0;}}

/* A depot load connects stock, production and actual destinations. */
.depot-freight-controls,.depot-buyers{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.depot-freight-controls input,.depot-freight-controls select{width:100%;min-height:44px}
.depot-load-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:18px 0}
.depot-load-stats>div,.depot-buyer,.depot-production{padding:16px;border:1px solid #ffffff1a;background:#ffffff04;border-radius:10px}
.depot-load-stats span{display:block;font-size:10px;color:#a4b2c3;letter-spacing:.08em}.depot-load-stats b{display:block;font-size:24px;margin-top:8px}
.depot-buyer{overflow-wrap:anywhere}.depot-buyer h3{margin:8px 0}.depot-buyer p{font-size:13px}.depot-freight-modal button,.depot-freight-modal summary{min-height:44px;white-space:normal}.depot-freight-modal summary{padding:12px 0;cursor:pointer}
.depot-freight-modal .full{margin-top:10px}.depot-production{margin:10px 0}.depot-stock-row button{min-height:44px}
@media(max-width:650px){.depot-freight-controls,.depot-buyers{grid-template-columns:1fr}.depot-load-stats{gap:6px}.depot-load-stats>div{padding:10px}.depot-load-stats span{font-size:9px}.depot-stock-row>div{flex-wrap:wrap}}

/* Saved exports remain usable in the compact cockpit. */
.depot-course button{min-height:44px;white-space:normal;overflow-wrap:anywhere}
.depot-course h3,.depot-course p{overflow-wrap:anywhere}

.survey-field-kit{border:1px solid #546d61;border-radius:10px;padding:18px;margin:18px 0;background:#1b302d55}.survey-field-kit button{min-height:44px;white-space:normal;overflow-wrap:anywhere}
.journey-arrival-actions{margin:16px 0;padding:14px;border:1px solid #53645d;border-radius:8px;background:#25362b55}.journey-arrival-actions button{min-height:44px;white-space:normal;text-align:left}
.field-receiver{margin:12px 0;padding:12px;border:1px solid #91d9c144;border-radius:8px;background:#122b2b66}
.field-receiver>strong{display:block;font-size:12px;margin:8px 0;color:var(--mint)}
.field-receiver-time,.field-receiver-metrics{display:flex;justify-content:space-between;gap:8px;font:10px monospace;line-height:1.6}
.field-receiver-time{margin:10px 0 5px;flex-wrap:wrap}.field-receiver-time span{color:var(--muted)}
.field-receiver progress{display:block;width:100%;height:7px;accent-color:var(--mint);margin:0 0 9px}
.field-receiver-metrics span{color:var(--muted)}.field-receiver-metrics b{display:block;color:var(--text);font-weight:400}
.field-receiver-guidance{font-size:11px!important;line-height:1.6!important;margin:9px 0!important}
.field-receiver small{display:block;font-size:9px;color:var(--muted);line-height:1.6}
.field-receiver-warning{border-color:#efc78f88;background:#3b2d1b55}.field-receiver-warning>strong{color:var(--gold)}
.field-receiver-warning progress{accent-color:var(--gold)}
.has-field-receiver .scene-heading,.has-field-receiver .objective-hud{visibility:hidden}
.has-field-receiver .nearby-actions{display:none}
.has-field-receiver .operation-hud{top:26px;left:28px;width:290px;max-width:calc(100% - 56px);max-height:calc(100% - 130px);overflow:auto}
.has-field-receiver .operation-hud>strong{margin:8px 0;font-size:13px}
.field-receiver-compact{margin:0;padding:0;border:0;background:none}.field-receiver-site{font:10px monospace;color:var(--muted);line-height:1.5}
.field-receiver-controls{display:flex;flex-direction:column;gap:8px;margin-top:10px}.field-receiver button{min-height:44px;white-space:normal}
@media(max-width:900px){.has-field-receiver .operation-hud{top:12px;left:12px;width:245px;max-width:calc(100% - 24px);padding:12px;max-height:calc(100% - var(--flight-footer,84px) - 140px)}}
@media(max-height:520px) and (max-width:900px){.has-field-receiver .operation-hud{left:auto;right:12px;width:240px;max-height:calc(100% - var(--flight-footer,62px) - 138px)}.field-receiver-compact small{display:none}.field-receiver-compact .field-receiver-guidance{font-size:10px!important}}

@media(min-width:540px) and (max-width:900px) and (max-height:520px){.has-field-receiver .operation-hud{left:12px;right:12px;width:auto;max-width:none;padding:10px 12px}.has-field-receiver .operation-hud>.eyebrow{display:inline-block;margin-right:12px}.has-field-receiver .operation-hud>strong{display:inline-block;margin:0 0 8px;font-size:11px;line-height:1.4}.field-receiver-compact{display:grid;grid-template-columns:minmax(105px,1fr) minmax(105px,1fr) minmax(210px,1.5fr);gap:4px 12px}.field-receiver-compact .field-receiver-site,.field-receiver-compact .field-receiver-guidance,.field-receiver-compact small{display:none}.field-receiver-compact .field-receiver-time{grid-column:1;grid-row:1;margin:0;font-size:9px;display:block}.field-receiver-compact .field-receiver-time span{display:none}.field-receiver-compact progress{grid-column:1;grid-row:2;margin:0;height:5px}.field-receiver-compact .field-receiver-metrics{grid-column:2;grid-row:1 / 3;font-size:9px;align-items:center}.field-receiver-compact .field-receiver-controls{grid-column:3;grid-row:1 / 3;flex-direction:row;margin:0;gap:6px}.field-receiver-compact button{flex:1;width:auto;padding:6px 8px;font-size:10px}}

/* Keep the pilot's ship visible between the receiver and the touch helm. */
@media(max-width:539px){
 .has-field-receiver .operation-hud{left:12px;right:12px;width:auto;max-width:none}
 .field-receiver-compact .field-receiver-controls{flex-direction:row}
 .field-receiver-compact .field-receiver-controls button{flex:1;width:auto;font-size:10px;padding:8px}
}

/* Port orders and collection remain easy to tap on compact screens. */
@media(max-width:900px){#portContent button{min-height:44px}}
.expedition-stages{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;list-style:none;margin:14px 0 18px;padding:0}.expedition-stages li{display:flex;flex-direction:column;align-items:center;gap:5px;color:#93a4b0;font-size:10px;min-width:0}.expedition-stages li span{display:grid;place-items:center;width:23px;height:23px;border:1px solid #526371;border-radius:50%;font-size:10px}.expedition-stages .done{color:#97dacb}.expedition-stages .done span{border-color:#97dacb}.expedition-stages .current{color:#e5c588;font-weight:700}.expedition-stages .current span{background:#e5c588;color:#15222b;border-color:#e5c588}.gateway-preparation{margin:16px 0;padding:16px;border:1px solid #6e857f;border-radius:10px;background:#182d2d}.gateway-preparation h3{font-size:20px}.gateway-preparation p{line-height:1.6}.gateway-preparation button{min-height:44px}
.survey-plan-modal .dialog-close,.atlas-choice-modal .dialog-close{min-width:44px;min-height:44px}
.atlas-journey button,.survey-plan-modal button,.atlas-choice-modal button{min-height:44px}

/* Atmospheric jobs keep the same readable controls on the flight deck and phone. */
.cloud-budget{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:20px 0}
.cloud-budget>div{padding:14px;border:1px solid #91cfda40;border-radius:8px;background:#19353b80}
.cloud-budget span{display:block;font:9px monospace;letter-spacing:1px;color:#a9c8c9;margin-bottom:8px}
.cloud-budget b{font-size:18px;color:#d8ede4}
.cloud-work progress{width:100%;height:8px;accent-color:#96dce0}
.cloud-modal button,.cloud-work button{min-height:44px}
.cloud-modal .dialog-close{min-width:44px}
.atlas-atmosphere{background:linear-gradient(155deg,#adc7b6,#43676d 48%,#c0a477)}
@media(max-width:550px){.cloud-budget{gap:6px}.cloud-budget>div{padding:10px}.cloud-budget b{font-size:15px}.cloud-modal{max-width:calc(100vw - 20px)}}

.cloud-load-choices{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0}.cloud-load-choices button{flex:1 1 150px}.cloud-load-choices [aria-pressed="true"]{border-color:var(--mint);background:#244b4d}.cloud-load button{min-height:44px}

.weather-status{padding:10px 12px;border-left:3px solid #96dce0;background:#19353b80;font-size:12px}.weather-status.warm{border-color:#eebd82;background:#4c342480}.weather-band{margin:12px 0;padding:12px;border:1px solid #91cfda40;border-radius:8px}.weather-band ol{padding-left:18px;color:var(--muted);font-size:12px}.weather-work button{min-height:44px}

.weather-readout{font-size:12px;margin:8px 0;color:#b3e0df}.weather-readout.warm{color:#f5cf9e}

.wing-ready-actions{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}.wing-ready-actions button{flex:1;min-height:44px}.wing-ready-actions button[aria-pressed=true]{border-color:var(--mint);background:#91d9c122}.wing-ready-signal{display:block;color:var(--mint);font-size:11px;margin:4px 0}.wing-ready-count{color:var(--mint)}

.first-return-choice{margin:14px 0;padding:12px;border:1px solid #91d9c144;border-radius:8px;background:#91d9c10a}.first-return-choice p{font-size:11px;line-height:1.7}.first-return-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.first-return-actions button{min-height:44px;white-space:normal}.first-return-actions button[aria-pressed="true"]{border-color:var(--mint);color:var(--mint);background:#91d9c115}.first-return-value b{color:var(--gold)}@media(max-width:700px){.first-return-actions{grid-template-columns:1fr}}
.fitted-ship-card{display:flex;align-items:center;gap:14px;margin:16px 0;padding:10px 14px;border:1px solid #385261;border-radius:10px;background:radial-gradient(ellipse at 20% 50%,#426e8029,transparent 70%),#0c1a23}.fitted-ship-card>svg{width:116px;height:140px;flex:none;filter:drop-shadow(0 6px 8px #0008)}.fitted-ship-card figcaption{min-width:0}.fitted-ship-card figcaption>b{display:block;font-size:20px;margin:4px 0 9px}.ship-kit-tags{display:flex;flex-wrap:wrap;gap:5px}.ship-kit-tags span{font-size:9px;color:#bad0da;border:1px solid #385261;border-radius:4px;padding:4px 6px}.fitting-vessels{display:grid;grid-template-columns:minmax(0,1fr) 24px minmax(0,1fr);align-items:center;gap:8px;margin:16px 0;padding:12px 8px;border:1px solid #385261;border-radius:10px;background:radial-gradient(ellipse,#426e8029,transparent 75%),#0c1a23}.fitting-vessels figure{margin:0;min-width:0;text-align:center}.fitting-vessels svg{display:block;margin:auto;width:100%;max-width:135px;height:130px;filter:drop-shadow(0 4px 6px #0008)}.fitting-vessels figcaption{font-size:8px;letter-spacing:.1em;color:#96aab5}.fitting-vessels>span{color:#e8c086;text-align:center;font-size:20px}
.completed-expedition{margin:0 0 16px;padding:15px;border:1px solid #53887588;border-radius:9px;background:linear-gradient(130deg,#193931bb,#101e28)}.completed-expedition h3{font-size:23px;line-height:1.15;margin:8px 0}.completed-expedition>p{font-size:10px;line-height:1.6;margin:10px 0 12px}.expedition-outcome{display:flex;align-items:center;justify-content:space-between;gap:10px;color:#8dd3bd}.expedition-outcome span{font-size:8px;letter-spacing:.09em}.expedition-outcome b{font:500 22px 'Barlow Condensed',sans-serif;white-space:nowrap}.completed-expedition>button{min-height:44px}.completed-expedition>details{margin-top:12px;border-top:1px solid #385261;padding-top:10px}.completed-expedition summary,.other-journeys summary{cursor:pointer;font-size:11px;color:#bad0da;min-height:44px;line-height:44px}.completed-expedition .expedition-stages{margin-top:14px}.other-journeys{margin:15px 0;border:1px solid #385261;border-radius:8px;padding:10px 12px}.other-journeys>.next-journeys{margin-top:12px}

.colony-cargo-result{margin:16px 0;padding:16px;background:#142d29;border-left:3px solid #9dd6b6;border-radius:0 8px 8px 0}.colony-cargo-plant h4{font:23px/1.2 'Barlow Condensed',sans-serif;margin:10px 0}.colony-cargo-plant p{font-size:12px;line-height:1.6;color:var(--muted)}.colony-cargo-plant b{font-size:12px;color:var(--mint)}.colony-cargo-plant button{min-height:44px;margin-top:6px}.colony-cargo-recipe{color:var(--mint)!important}.project-card [data-project-heading]:focus-visible{outline:2px solid var(--mint);outline-offset:4px}@media(max-width:650px){.colony-cargo-plant button{width:100%}}

.project-site-art{display:block;width:min(100%,260px);height:auto;margin:16px auto;background:#14262c;border-radius:8px;padding:10px;box-sizing:border-box}

.project-stake{padding:16px;margin:16px 0;border:1px solid #8fb99b45;border-radius:8px;background:#1a302a}.project-stake h4{font:24px/1.2 'Barlow Condensed',sans-serif;margin:10px 0}.project-stake p{color:var(--muted);font-size:12px;line-height:1.65}.project-stake-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:16px 0}.project-stake-grid span{display:block;font:9px monospace;color:var(--muted);margin-bottom:6px}.project-stake-grid b{font:22px 'Barlow Condensed',sans-serif;color:var(--mint)}.project-stake button,.work-receipt [data-view-project]{min-height:44px}@media(max-width:650px){.project-stake-grid{grid-template-columns:1fr}.project-stake button{width:100%}}

.project-portfolio{margin:24px 0 28px;padding-top:20px;border-top:1px solid #8fb99b45}.project-portfolio>h3{font:32px/1.15 'Barlow Condensed',sans-serif;margin:10px 0}.project-portfolio>p{font-size:12px;line-height:1.7;color:var(--muted)}.frontier-totals{display:flex;flex-wrap:wrap;gap:10px 20px;margin:18px 0;font:10px monospace;color:var(--muted)}.frontier-totals b{color:var(--mint)}.frontier-projects{display:grid;gap:18px}.frontier-project{min-width:0;padding:18px;border:1px solid #8fb99b45;border-radius:9px;background:#15272a}.frontier-project-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}.frontier-project-heading .eyebrow{line-height:1.8;overflow-wrap:anywhere}.frontier-project-heading .tag{display:inline-block;margin-top:10px}.frontier-project-art{width:120px;flex-shrink:0}.frontier-project-art svg{width:120px;max-width:100%;height:82px}.frontier-benefit,.frontier-needs{font-size:12px!important;line-height:1.7!important;color:var(--muted);overflow-wrap:anywhere}.frontier-needs b{color:var(--text)}.frontier-project button,.frontier-return button{min-height:44px}.frontier-return{margin:16px 0;padding:15px;border:1px solid #8fb99b45;border-radius:8px;background:#1a302a}.frontier-return h4{font:24px/1.2 'Barlow Condensed',sans-serif;margin:9px 0}.frontier-return p{font-size:11px;line-height:1.7;color:var(--muted)}.right-rail .frontier-project{padding:12px}.right-rail .frontier-project-art{width:80px}.right-rail .frontier-project-art svg{height:60px}.right-rail .frontier-project-heading{gap:10px}@media(max-width:650px){.frontier-project{padding:14px}.frontier-project-art{width:88px}.frontier-project-art svg{height:62px}.frontier-project-heading{gap:12px}.frontier-project .project-stake{padding:14px}.frontier-project .project-stake h4{overflow-wrap:anywhere}}

/* Cargo manifest: scroll the review, keep its explicit actions in view. */
.trade-modal{width:calc(100vw - 32px);max-width:680px;max-height:calc(100dvh - 32px);padding:24px;overflow:hidden}
.trade-modal[open] #modalContent{display:flex;flex-direction:column;max-height:calc(100dvh - 82px);min-height:0}
.trade-header,.trade-footer{flex:none}.trade-header h2{margin:7px 44px 8px 0;font-size:34px}.trade-header p{font-size:12px;line-height:1.6;margin:0 0 14px}
.trade-body{overflow:auto;min-height:0;padding:0 5px 4px 0;scrollbar-width:thin;scrollbar-color:#4a6573 transparent}
.trade-controls{display:grid;grid-template-columns:1fr 1fr;gap:14px}.trade-controls>div{min-width:0}.trade-modal label{display:block;margin:0 0 7px}.trade-controls select,.trade-controls input{width:100%;min-height:44px;margin:0}
.trade-load-choices{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 18px}.trade-load-choices button{min-height:44px;flex:1;white-space:nowrap;font-size:11px}.trade-load-choices [aria-pressed=true]{border-color:var(--gold);background:#e4c68f18;color:var(--gold)}
.trade-modal #quotePreview{margin:0;padding:0}.trade-modal #quotePreview>p{font-size:12px;line-height:1.6}.trade-modal .quote-total{font-size:35px;margin:4px 0}.trade-modal .trade-change{font-size:12px}
.trade-manifest{margin:18px 0 6px;padding:16px;border:1px solid #8dd3bd66;border-radius:8px;background:#8dd3bd08}.trade-manifest dl{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin:13px 0}.trade-manifest dl>div{min-width:0}.trade-manifest dl>div:last-child{grid-column:1 / -1}.trade-manifest dt{font-size:10px;color:var(--muted)}.trade-manifest dd{margin:4px 0 0;color:var(--text);font:24px 'Barlow Condensed',sans-serif;overflow-wrap:anywhere}.trade-manifest p{font-size:11px;line-height:1.6;margin:10px 0 0;color:var(--muted)}
.trade-footer{border-top:1px solid var(--line);padding-top:12px;margin-top:12px}.trade-footer>p{font-size:12px;line-height:1.6;margin:0 0 10px;color:var(--gold)}.trade-footer .dialog-actions{margin:0}.trade-footer .dialog-actions button{flex:1;min-width:0}.trade-footer>button{margin-top:7px}.trade-modal button,.trade-modal .dialog-close{min-height:44px}.trade-modal .dialog-close{min-width:44px}
@media(max-width:500px){.trade-modal{width:calc(100vw - 24px);max-height:calc(100dvh - 24px);padding:18px}.trade-modal[open] #modalContent{max-height:calc(100dvh - 62px)}.trade-header h2{font-size:30px}.trade-header p{font-size:11px}.trade-controls{gap:10px}.trade-load-choices{gap:6px}.trade-load-choices button{padding:7px}.trade-manifest{padding:13px}.trade-footer>p{font-size:11px}}
@media(max-height:520px){.trade-modal{padding:12px;max-height:calc(100dvh - 20px)}.trade-modal[open] #modalContent{max-height:calc(100dvh - 46px)}.trade-header h2{font-size:25px;margin:3px 44px 7px 0}.trade-header p{display:none}.trade-footer{padding-top:8px;margin-top:8px}.trade-footer>p{margin-bottom:6px;font-size:11px}.trade-footer>button{position:absolute;top:5px;right:60px;width:auto;margin:0;padding:8px 12px}.trade-body{padding-right:7px}.trade-manifest dl{grid-template-columns:1fr 1fr 1fr}.trade-manifest dl>div:last-child{grid-column:auto}}
.trade-modal #quotePreview{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;align-items:start}.trade-reviewed-terms{min-width:0}.trade-reviewed-terms>p{font-size:12px;line-height:1.6}.trade-modal #quotePreview .trade-manifest{margin:0}.trade-footer>p{white-space:pre-line}.trade-modal #quotePreview .trade-manifest dd{font-size:23px}.trade-modal #quotePreview .trade-manifest dl{grid-template-columns:1fr 1fr}.trade-modal #quotePreview .trade-manifest dl>div:last-child{grid-column:1 / -1}
@media(max-width:600px){.trade-modal #quotePreview{grid-template-columns:1fr;gap:12px}.trade-modal #quotePreview .trade-manifest dl{grid-template-columns:1fr 1fr}.trade-modal #quotePreview .trade-manifest dl>div:last-child{grid-column:1 / -1}}

.civilian-freight{margin:20px 0;padding:14px 0;border-top:1px solid #91cfda44;border-bottom:1px solid #91cfda44}.civilian-freight>p{font-size:11px;line-height:1.7;color:var(--muted)}.civilian-freight-row{padding:10px 0;border-bottom:1px solid #91cfda16;display:grid;gap:5px}.civilian-freight-row:last-child{border:0}.civilian-freight-row b{font-size:12px;color:#91cfda}.civilian-freight-row span{font-size:11px;overflow-wrap:anywhere}.civilian-freight-row small{font-size:10px;color:var(--muted)}.civilian-freight-history{font-size:11px!important;line-height:1.6!important;margin:8px 0}.civilian-freight .eyebrow{margin-top:12px}.civilian-freight .eyebrow:first-child{margin-top:0}

/* Keep the cockpit about the current job. Broader systems remain deliberate choices. */
.topbar{gap:24px}.wordmark{width:auto}.top-right{gap:10px}
#navigationBtn{display:block}.more-menu{position:relative;font-size:11px}
.more-menu>summary{cursor:pointer;padding:8px 10px;border:1px solid var(--line);border-radius:4px;color:var(--text);list-style:none}
.more-menu>summary:after{content:' ▾';color:var(--muted)}
.more-menu>summary:focus-visible,.job-extras>summary:focus-visible,.first-options>summary:focus-visible,.comms>summary:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
.more-menu-items{position:absolute;right:0;top:calc(100% + 8px);width:min(290px,calc(100vw - 24px));padding:12px;z-index:40;background:var(--panel);border:1px solid var(--line);border-radius:8px;box-shadow:0 12px 40px #0008}
.top-right .more-menu-items button{display:block;width:100%;text-align:left;font-size:12px;padding:10px 8px;white-space:normal}
.more-menu-items p{font-size:11px;padding:0 8px;margin:4px 0 8px}
.job-extras,.first-options{border-top:1px solid var(--line);padding:14px 0;margin:12px 0}
.job-extras>summary,.first-options>summary,.comms>summary{cursor:pointer;font-size:11px;color:var(--muted)}
.job-extras[open]>summary,.first-options[open]>summary{color:var(--gold);margin-bottom:14px}
.first-voyage .first-purpose{font-size:11px;color:var(--mint);line-height:1.6}
.first-voyage .primary{margin:12px 0 4px;min-height:44px;font-size:13px}
.first-voyage h3{font-size:27px}.first-voyage>p{font-size:12px}
.comms{flex-shrink:0}.comms>summary{padding:4px 0}.comms>summary span{font-size:8px;float:right}
@media(min-width:901px){
 .layout{grid-template-columns:minmax(400px,1fr) 330px}
 .left-rail{position:fixed;left:0;top:68px;bottom:0;width:300px;z-index:20;background:var(--panel);transform:translateX(-110%);visibility:hidden;box-shadow:15px 0 50px #0006}
 .navigation-open .left-rail{transform:translateX(0);visibility:visible}
 .navigation-close{display:block;align-self:flex-end;margin:-8px -2px 10px}
 .panel-backdrop{top:68px}
}
@media(max-width:900px){.top-right #cockpitBtn,.top-right #navigationBtn{display:block}.top-right .more-menu{display:block}.topbar{gap:12px}.top-right{gap:5px}}
@media(max-width:480px){.top-right{gap:3px}.more-menu>summary{padding:6px}.top-right #navigationBtn,.top-right #cockpitBtn{font-size:10px;padding:6px}.wordmark{font-size:16px}.brand-icon{font-size:22px}.topbar{gap:8px;padding:0 10px}.pilot-button{max-width:55px}}
@media(prefers-reduced-motion:reduce){.left-rail{transition:none}}

.opening-shortcut{display:none}
@media(max-width:900px){.opening-shortcut{display:block;width:min(280px,100%);pointer-events:auto;margin-top:10px}.opening-shortcut button{font-size:12px;min-height:42px}}
/* Header controls hidden at old breakpoints remain available inside More. */
.top-right #moreMenu button.quiet{display:block}

.port-current-job{max-width:560px;padding:24px;border:1px solid #e5b87970;border-radius:10px;background:#e5b8790b;margin:12px 0 24px}.port-current-job h3{font-size:30px;margin:12px 0}.port-current-job p{font-size:13px;color:var(--muted)}.port-current-job .primary{min-height:44px;max-width:320px;margin-top:10px}@media(max-width:600px){.port-current-job{padding:18px}.port-current-job h3{font-size:26px}}

.focused-receipt .work-next{display:none}

/* Product attribution stays secondary to flight and account actions. */
.brand-studio{display:block;margin-top:5px;color:var(--muted);font:500 9px/1.2 'IBM Plex Sans',sans-serif;letter-spacing:.04em}
.account-modal .product-credit{margin:18px 0 0;text-align:center;color:var(--muted);font-size:12px;line-height:1.5}
.product-credit strong{color:var(--text);font-weight:500}
.launch-menu-modal .product-credit{text-align:left;margin:10px 0 0}