/* Drift Fleet 05 — midnight command deck, warm solar accents. */
:root{--text:#eaf1ff;--muted:#9baecb;--accent:#91d7ff;--copper:#ffd087;--panel:#111c31db;--line:#a4c5ff30}
html,body{background:#0a1023}button,select,input{background:#1b2b48;color:#e6edff;border-color:#7998c13d}button:hover{background:#294366;border-color:#b9dcff80}button:disabled:hover{background:#1b2b48}.primary{color:#10233d;background:#b2dfff}.primary:hover{background:#e2f4ff}.hud{background:var(--panel);border-color:var(--line);backdrop-filter:blur(16px)}
.topbar{height:68px;background:linear-gradient(90deg,#101c33f7,#121d35d9);box-shadow:0 8px 40px #08102a33}.brand{font-size:18px;letter-spacing:2px;min-width:246px;color:#fff4de}.brand small{color:#9daecb;font-size:7px}.brand svg{stroke:#ffd087}.resource strong{color:#f1f5ff}.resource small{color:#adbbd2}.resource .copper{color:#ffd087}.resource .lavender{color:#cda7ff}.resource-icon{color:#84dfff}.capacity strong{color:#e4efff}.top-actions button{color:#c4d2ed}.top-actions kbd{margin-left:8px;color:#9ab9de;font:9px ui-monospace;border:1px solid #7d9cc24d;padding:2px 5px}.top-actions #map-open{background:#22365599;border-color:#7a9ecd44;font-size:16px}.top-actions{padding-right:18px;gap:3px}
.vignette{background:linear-gradient(180deg,#0b13321a,transparent 24%,transparent 67%,#07102d88)}.voyage{top:88px;left:20px;width:224px;padding:13px 14px;border-top:2px solid #ffd087;background:linear-gradient(145deg,#14203bdc,#131b30b8)}.eyebrow{color:#b8c8e6}.eyebrow #expedition-number{color:#9aaecf}.voyage h1{margin:13px 0 5px;font-size:22px;color:#fff0d4}.voyage #region-en{color:#a5badd;font-size:8px}.distance{margin:11px 0;gap:10px}.distance>b{font-size:30px;color:#f5f7ff}.distance small{color:#9badcc}.distance>span{color:#b5c8e6}.voyage-foot{color:#9cafd0;margin:9px 0}.voyage-foot b{color:#e1eaff}.route{background:#627da13b}.route i{background:#ffd087;box-shadow:0 0 12px #ffc47988}.route-checkpoints{display:flex;gap:7px;margin:10px 0;color:#768daf;font-size:9px;justify-content:space-between}.route-checkpoints i{font-style:normal;margin-right:4px}.route-checkpoints .next{color:#ffd087}.route-checkpoints .cleared{color:#a6deff}.voyage .primary{padding:10px;font-size:11px}.mother-defense{width:100%;padding:8px 0;margin-top:6px;background:transparent;border:0;border-bottom:1px solid var(--line);text-align:left;font-size:10px;color:#bbd6ff}.shield-button{width:100%;padding:9px 0;margin-top:7px;background:#2b4b77aa;border-color:#98d9ff66;color:#c4edff;font-size:10px}.cruise-status{color:#9dbde3;font-size:9px}#repair-status{color:#c8b599;font-size:9px}#recall{background:#f0a15b16;border-color:#d4a45c66;color:#ffd7a2}
.salvage{top:430px;width:224px;left:20px;padding:9px 13px;border-left:2px solid #ffd087;background:#14203bd6}.salvage .eyebrow{color:#ffe1af}.salvage .eyebrow span{color:#b1bed6}.salvage-symbol{color:#ffcd84}.salvage-foot{color:#a5b6d1;font-size:8px}#salvage-button{padding:7px 0}#salvage-button small{color:#b1c2de}#salvage-button b{font-size:11px}.keycap{color:#cfddf2;border-color:#8cabc35c}
.view-tools{top:auto;bottom:217px;left:270px;width:auto;gap:4px}.view-tools button{background:#0e1c34c9;color:#aec6e9;border-color:#86acd04d;padding:7px 9px;font-size:14px}.view-tools .active{color:#f0e3c4;background:#35496cba;border-color:#ffd08788}.view-tools span{font-size:9px}
.contact{top:88px;background:#12203ac9;border:0;border-left:2px solid #8bcbff;min-width:285px;padding:10px 14px;max-width:calc(100% - 600px);left:49%;box-shadow:0 8px 30px #090b2b22}.contact strong{font-size:11px;color:#ecf2ff}.contact small{color:#adbfdd;font-size:9px;line-height:1.6}.contact i{background:#a6d9ff}.contact.danger{border-left-color:#ffae77;background:#392b43e6}.contact.danger strong{color:#ffe0b9}.contact.danger i{background:#ffb783;box-shadow:0 0 12px #ff925b}.contact.danger small{color:#efd0bc}
.drawer{top:88px;bottom:211px;width:304px;background:linear-gradient(155deg,#1a2943ec,#121c31ee);border-top:2px solid #a7c7ff;box-shadow:-10px 10px 45px #050c261f}.drawer-tabs{background:#152440}.drawer-tabs button{color:#a8b9d4;font-size:11px}.drawer-tabs button.active{color:#f5e3c7;border-bottom-color:#ffd087;background:#fff0ca08}.drawer>section{scrollbar-color:#58729d #16213a}.panel-heading{color:#b6c9e6}.ship-card{border-color:#6f8aac30;background:none}.ship-card .ship-info h3{color:#eaf1ff}.ship-info p,.ship-info h3 small,.ship-bottom .cost small,.unlock-label{color:#a3b4d2}.ship-card.locked{opacity:.56}.ship-card button{border-color:#a1c6ff55;background:#29456d}.ship-card .cost{color:#f4d09b}.small-callout{background:#5283c410;border-color:#7ba0d336;color:#b9cce8}.section-title{color:#c7d9f3}.panel-note,.queue-empty{color:#a6b8d2!important}.queue-item{background:#15243b;color:#d6e2f6}.queue-item i{background:#408bc337}.synthesis{border-color:#7795b936}.synthesis b{color:#d8e4fb}.synthesis small{color:#a4b6d2}.synthesis button{color:#e3d2b5}.tech-node{background:#172740;border-color:#739ed650}.tech-node.done{background:#223e5844}.tech-node p,.tech-node small{color:#afc6e6}.tech-node strong{color:#ebf3ff}.tech-node em{color:#dbc39e}.branch-heading span{color:#d4e4fa}.tech-cost{color:#e4cda9}
.scene-location{position:absolute;left:270px;top:164px;pointer-events:none;color:#c8d9ff;text-shadow:0 2px 16px #08102a}.scene-location span{font:8px ui-monospace;letter-spacing:2px;display:block;color:#becff1}.scene-location b{display:block;margin-top:8px;font-size:17px;font-weight:400;letter-spacing:1px}.radar-panel{position:absolute;left:20px;bottom:217px;width:224px;height:171px;background:#111e36e6;overflow:hidden}.radar-heading{height:29px;padding:0 10px;display:flex;align-items:center;gap:9px;border-bottom:1px solid #7b9bb32e;font:8px ui-monospace;letter-spacing:.7px;color:#9ab9dd}.radar-heading b{margin-left:auto;color:#d7eaff;font-weight:400}.radar-heading button{font-size:10px;padding:3px;border:0;background:none;color:#e5d5ba}.radar-panel canvas{width:100%;height:108px;display:block;cursor:pointer}.radar-footer{display:flex;justify-content:space-between;align-items:center;padding:3px 10px;font-size:9px;color:#afc5e6;border-top:1px solid #7594b72e;height:32px}.radar-footer button{font-size:9px;padding:5px 7px;color:#dfc4ff;background:#ab87e51a;border-color:#b895f14a}
.fleet-dock{background:linear-gradient(105deg,#15223fe8,#142039ed);border-top-color:#a3c5ff52}.dock-title{color:#cee2fa}.dock-title>span:last-child{color:#94aaca}.selected-ship{border-color:#6f91bc3d}.selected-ship strong{color:#fff0d3}.selected-ship small{color:#a1bddf}.selected-ship #selected-role{color:#a9bad2}.hull-line{color:#abc6e1}.hull-line>div,.tiny-health{background:#799bc12b}.hull-line i,.tiny-health i{background:#a7d4ff}.fleet-card{background:#14223c;border-color:#839fb432}.fleet-card.selected{background:#3146635e;border-color:#b4d3ff80}.fleet-card .fleet-type b{color:#dbe7ff}.fleet-card .fleet-type span{color:#a4bbd9}.selected-ship .unit-open{background:#2c4163;color:#daeaff;border-color:#9bb4d366}.formation-panel{border-color:#6e90b93d}#formations button{background:transparent;color:#95afd5}#formations button.active{background:#56759d33;color:#efd9b4;border-color:#e4c58d77}.formation-panel>small{color:#aac0dc}.camera-caption{color:#a6bedf}.time-control{background:#10213be8;color:#cfe2ff}.time-control button{color:#dbecff;background:#284368}
.unit-hero{background:linear-gradient(130deg,#344568,#1b2945);border-color:#85a1d255}.unit-hero h3{color:#f1e3cc}.unit-hero p,.unit-hero h3 small{color:#b2c4e3}.unit-hero>small{color:#9db8df;font:8px ui-monospace;letter-spacing:1px}.upgrade-card{border-color:#718dae40}.upgrade-card b{color:#e0eaff}.upgrade-card em{color:#f1cb93}.upgrade-card small{color:#afc2dd}.upgrade-card button{background:#304d70;border-color:#789dce60}.upgrade-card button small{color:#e7cda5}.stance-buttons button.active{background:#3a5d83;border-color:#bcdcff}.rebuild-note{padding:14px 0;color:#ffd497;font-size:11px;line-height:1.8}.rebuild-note p{color:#a8b9d6;font-size:10px}.rebuild-note strong{font:20px ui-monospace;color:#ffe1bc}.controller-slots .filled{background:#574a3033}.controller-slots .empty-slot{background:#24365355}.logistic-card{background:#1b2941;border-color:#8da5cc3a}.logistic-card p,.logistic-card label,.controller-slots small{color:#acc0db}.logistics-summary b,.controller-caption{color:#e7ca98!important}.field-card>span{color:#d8e4f7}.field-card>b{color:#b5c6e2}
.boss-hud{position:absolute;top:149px;left:49%;transform:translateX(-50%);width:345px;padding:11px 14px;border-top:2px solid #ffb387;background:#251d35e3}.boss-hud>div:first-child{display:flex;align-items:center;gap:10px}.boss-hud small{color:#ffb9a1;font:8px ui-monospace}.boss-hud b{color:#ffe7d0;font-size:13px;flex:1}.boss-hud strong{font:11px ui-monospace;color:#fff0db}.boss-meter{height:4px;background:#73364e;margin:10px 0 8px}.boss-meter i{height:100%;display:block;background:linear-gradient(90deg,#ff618b,#ffd791);box-shadow:0 0 16px #ff8b7455}.boss-hud p{font-size:9px;color:#d3bad4;margin:0;line-height:1.5}.rebuild-hud{position:absolute;left:49%;top:37%;transform:translateX(-50%);padding:25px 32px;background:#17233fe8;border-top:2px solid #ffd087;min-width:320px;box-shadow:0 15px 70px #09122b77}.rebuild-hud small{font:8px ui-monospace;letter-spacing:1.5px;color:#f7ce93}.rebuild-hud h2{font-size:25px;font-weight:450;margin:13px 0}.rebuild-hud strong{font:36px ui-monospace;color:#ffe1b1}.rebuild-hud p{font-size:11px;color:#becde7;line-height:1.8}
.tactical-map{position:absolute;inset:80px 20px 20px;z-index:20;background:#0d172cf7;border:1px solid #95bde470;box-shadow:0 25px 100px #0009;backdrop-filter:blur(18px);display:flex;flex-direction:column}.tactical-map>header{display:flex;align-items:center;justify-content:space-between;padding:23px 28px;border-bottom:1px solid #7694ba3f}.tactical-map header small{font:9px ui-monospace;letter-spacing:2px;color:#93b8e1}.tactical-map h2{font-size:27px;font-weight:400;margin:9px 0 0}.tactical-map h2 span{font-size:13px;margin-left:16px;color:#a7bddb}.tactical-map header button{padding:10px 14px;background:#263c5d}.tactical-map kbd{font:9px ui-monospace;color:#9ebadb;margin-left:8px}.map-layout{display:grid;grid-template-columns:minmax(0,1fr) 270px;flex:1;min-height:0}.map-chart{position:relative;min-height:300px;min-width:0}.map-chart canvas{width:100%;height:100%;display:block;cursor:crosshair}.map-legend{position:absolute;bottom:25px;left:25px;display:flex;gap:18px;font-size:10px;color:#b5c9e8;pointer-events:none}.map-legend span:nth-child(2){color:#ffd087}.map-legend span:nth-child(3){color:#ffab97}.map-layout aside{padding:26px 22px;border-left:1px solid #7490b23c;background:#1a294153;overflow:auto}.map-layout aside>small{font:9px ui-monospace;letter-spacing:1.7px;color:#a6bad8}.map-layout aside h3{font:32px ui-monospace;color:#e6f3ff;margin:12px 0 18px}.map-layout aside em{font-size:14px;font-style:normal;color:#91adc9}.map-layout aside p{font-size:11px;line-height:1.9;color:#aabfdf}.map-layout aside button{width:100%;font-size:11px;padding:12px 8px;color:#e3c6ff;border-color:#b996e972;background:#7661a52c}.map-layout aside button.active{background:#705392}.map-layout aside .section-title{margin-top:30px}#map-contacts{font-size:11px;color:#a3b8d8;line-height:1.6}#map-contacts>div{border-bottom:1px solid #748eaa30;padding:13px 0}#map-contacts b{display:block;color:#ffd1b2;font-size:12px}#map-contacts small{display:block;font-size:10px;margin-top:6px;color:#b2c2dc}
.toast{background:#1c2e49f5;border-color:#96c1ec55;color:#e4edff}.toast.warning{border-left:3px solid #ffbb80;color:#ffe0b9}.welcome{background:#172643e8;border-top:2px solid #ffd087}.welcome h2{color:#fff0d6}.welcome p{color:#b9cce7}.welcome .eyebrow{color:#ffce89}.welcome #dismiss-welcome{color:#bdd9ff}dialog{background:#14213a;color:#e4edff;border-color:#a6bfe563}dialog::backdrop{background:#050b20ad}.dialog-header,.module-palette,.design-metrics{border-color:#8cadd138}.manual-grid p,.manual-update p,.manual-note{color:#b0c4df}.report-intro h3{color:#f1d6b1}
@media(min-height:840px){.salvage{top:438px}.radar-panel{bottom:217px}.view-tools{bottom:217px}}
@media(max-height:839px) and (min-width:901px){.voyage{top:82px;padding:10px 12px;width:210px}.voyage h1{margin-top:8px;font-size:18px}.voyage #region-en,.distance small,.cruise-status{display:none}.distance{margin:8px 0}.distance>b{font-size:26px}.route-checkpoints{margin:8px 0}.voyage .primary{padding:8px}.mother-defense{padding:6px 0}.shield-button{padding:6px 0}.voyage-foot{margin:6px 0}.salvage{left:20px;top:370px;width:210px;padding:7px 10px}.salvage .eyebrow,.salvage-foot{display:none}.salvage #salvage-button{padding:4px 0}.radar-panel{left:20px;width:210px;height:128px;bottom:211px}.radar-panel canvas{height:69px}.radar-heading{height:26px}.radar-footer{height:31px}.view-tools{left:250px;bottom:211px}.scene-location{left:250px;top:148px}.fleet-dock{min-height:148px}.contact{top:82px}}
@media(max-width:1100px){.resource{padding:0 15px;min-width:105px}.top-actions span{display:none}.top-actions #map-open span{display:inline}.brand{min-width:224px}.top-actions{padding-right:10px}.contact{max-width:calc(100% - 570px);min-width:245px;left:48%}.scene-location{display:none}.view-tools span{display:none}.view-tools button{width:30px;justify-content:center;padding:6px}}
@media(max-width:900px){.topbar{height:62px}.brand{min-width:190px;font-size:15px}.resource{min-width:80px;padding:0 10px}.resource strong{font-size:17px}.contact{display:none}.voyage{left:12px;top:76px;width:185px}.voyage h1{font-size:18px}.voyage #region-en,.cruise-status{display:none}.distance{margin:9px 0}.mother-defense{font-size:9px}.route-checkpoints{font-size:8px}.radar-panel{left:12px;width:185px;height:130px;bottom:210px}.radar-panel canvas{height:69px}.salvage{left:12px;top:390px;width:185px;padding:8px}.salvage .eyebrow,.salvage-foot{display:none}.salvage #salvage-button b{font-size:10px}.view-tools{left:212px;bottom:210px;top:auto;width:36px;flex-direction:column}.drawer{width:265px;right:12px;top:76px}.drawer.research-wide{width:320px}.boss-hud{top:78px;width:270px;left:48%;z-index:4}.boss-hud p{font-size:8px}.boss-hud b{font-size:11px}.rebuild-hud{left:48%;min-width:260px;padding:20px}.tactical-map{inset:70px 12px 12px}.map-layout{grid-template-columns:minmax(0,1fr) 230px}.map-layout aside{padding:18px}.map-legend{font-size:8px;gap:8px}}
@media(max-width:620px){.topbar{height:55px}.brand{min-width:119px;font-size:10px;padding:0 8px;gap:5px}.brand small{font-size:4px;letter-spacing:.5px}.resource{min-width:61px;padding:0 7px}.resource strong{font-size:14px}.resource small{font-size:6px}.capacity{min-width:57px}.capacity strong{font-size:11px}.top-actions{top:65px;right:10px;max-width:92px}.top-actions #map-open{width:30px;padding:0}.top-actions #map-open span,.top-actions #map-open kbd{display:none}.top-actions button{background:#1c304edb}.voyage{top:68px;left:10px;width:158px;padding:10px}.voyage h1{font-size:15px}.voyage .distance{margin:8px 0}.voyage .primary{font-size:9px;padding:9px}.voyage .route-checkpoints{font-size:7px;gap:3px}.mother-defense{font-size:8px}.shield-button{font-size:8px}.voyage #repair-status{font-size:7px}.salvage{left:10px;top:auto;bottom:242px;width:160px;padding:7px}.radar-panel{right:10px;left:auto;top:140px;bottom:auto;width:135px;height:130px}.radar-heading{padding:0 6px;font-size:6px;gap:4px}.radar-heading b{font-size:7px}.radar-heading button{font-size:8px}.radar-footer{padding:3px 6px;font-size:7px}.radar-footer button{font-size:7px;padding:4px}.view-tools{left:10px;top:370px;bottom:auto;width:32px;gap:4px}.drawer{top:108px;right:10px;width:calc(100% - 20px);bottom:240px;z-index:7}.drawer.research-wide{width:calc(100% - 20px)}.boss-hud{top:280px;left:auto;right:10px;transform:none;width:185px;padding:9px;z-index:5}.boss-hud>div:first-child{flex-wrap:wrap;gap:5px}.boss-hud small{font-size:7px}.boss-hud b{font-size:10px}.boss-hud strong{font-size:9px}.rebuild-hud{left:50%;top:34%;min-width:260px;z-index:8}.tactical-map{inset:62px 8px 8px}.tactical-map>header{padding:14px}.tactical-map h2{font-size:21px}.tactical-map h2 span{display:block;font-size:11px;margin:6px 0 0}.tactical-map header button{font-size:10px;padding:8px}.map-layout{grid-template-columns:1fr;grid-template-rows:minmax(220px,1fr) 215px;overflow:auto}.map-layout aside{border-left:0;border-top:1px solid #7490b23c;padding:12px 15px;display:grid;grid-template-columns:1fr 1fr;gap:0 15px;overflow:auto}.map-layout aside>small{font-size:7px}.map-layout aside h3{font-size:24px;margin:5px 0;grid-column:1;grid-row:2}.map-layout aside>p{font-size:9px;line-height:1.7}.map-layout aside>p:first-of-type{grid-column:1;grid-row:3}.map-layout aside>button{grid-column:2;grid-row:1/3;font-size:9px;align-self:start}.map-layout #map-note{grid-column:2;grid-row:3}.map-layout aside .section-title{grid-column:1/-1;margin:7px 0}.map-layout #map-contacts{grid-column:1/-1;font-size:9px}.map-chart{min-height:220px}.map-legend{left:10px;bottom:22px;font-size:7px;gap:10px}.welcome{z-index:8}.fleet-dock{background:#13223df2}.scene-location{display:none}}
/* Keep the command column in normal flow so live warnings never overlap recovery controls. */
.command-column{position:absolute;top:88px;bottom:217px;left:20px;width:224px;display:flex;flex-direction:column;gap:10px}.command-column .voyage,.command-column .salvage,.command-column .radar-panel{position:relative;inset:auto;width:100%;flex-shrink:0}.command-column .voyage{padding:11px 14px}.command-column .voyage h1{margin-top:10px}.command-column .distance{margin:9px 0}.command-column .cruise-status{display:none}.command-column .salvage{padding:8px 12px}.command-column .salvage .eyebrow{display:none}.command-column .radar-panel{height:145px;margin-top:auto}.command-column .radar-panel canvas{height:82px}.command-column .radar-heading{height:29px}.command-column .radar-footer{height:32px}
@media(max-height:839px) and (min-width:901px){.command-column{top:82px;bottom:211px;width:210px;gap:7px}.command-column .voyage{padding:8px 11px}.command-column .voyage h1{margin:6px 0;font-size:17px}.command-column .distance{margin:6px 0}.command-column .distance>b{font-size:24px}.command-column .mother-defense{padding:5px 0}.command-column .route-checkpoints{margin:6px 0}.command-column .shield-button{padding:5px 0}.command-column .radar-panel{height:112px}.command-column .radar-panel canvas{height:51px}.command-column .salvage{padding:5px 9px}.command-column .voyage-foot{margin:5px 0}.command-column #repair-status{font-size:8px;margin-top:4px}}
@media(min-width:621px) and (max-width:900px){.command-column{left:12px;top:76px;width:185px;bottom:210px;gap:8px}.command-column .voyage{padding:9px 11px}.command-column .salvage{padding:7px}.command-column .radar-panel{height:130px}.command-column .radar-panel canvas{height:69px}}
@media(max-width:620px){.command-column{display:contents}.command-column .voyage{position:absolute;inset:68px auto auto 10px;width:158px;padding:10px}.command-column .salvage{position:absolute;inset:auto auto 242px 10px;width:160px;padding:7px}.command-column .radar-panel{position:absolute;inset:140px 10px auto auto;width:135px;height:130px;margin:0}.command-column .radar-panel canvas{height:69px}}