/* Original vector pack and independent interface finish. Layout owners stay intact. */
:root{--cyan:#7ce1e6;--line:#355366;--gold:#e5bd79;--positive:#71dfb0;--bg:#081626;--muted:#97adbe;--loss:#ef9e8a;--fleet-flight-hostile-background:linear-gradient(120deg,#5a252b99,#101c2b);--fleet-flight-friendly-background:linear-gradient(120deg,#163e4b88,#101c2b);--fleet-flight-progress-back:linear-gradient(#132c40,#132c40);--fleet-flight-progress-fill:linear-gradient(90deg,#2e9789,#88eee2);--fleet-preset-current-panel:linear-gradient(135deg,#163549,#091728);--fleet-preset-panel-normal:linear-gradient(135deg,#163549,#091728);--fleet-preset-panel-selected:linear-gradient(135deg,#23605c,#102c34);--fleet-preset-panel-missing:linear-gradient(135deg,#523c34,#231b24);--fleet-preset-letter-normal-top:#d2e6eb;--fleet-preset-letter-normal-bottom:#78bdcb;--fleet-preset-letter-selected-top:#d5ffed;--fleet-preset-letter-selected-bottom:#60e0bc;--fleet-preset-letter-missing-top:#ffe1cf;--fleet-preset-letter-missing-bottom:#e29e8f;--fleet-summary-volume:var(--art-ui-volume);--fleet-summary-fuel:var(--art-ui-fuel);--fleet-summary-cargo:var(--art-ui-cargo);--fleet-summary-power:var(--art-ui-power);--fleet-preset-volume:var(--art-ui-volume);--fleet-preset-trash:var(--art-ui-delete);--fleet-flight-details-icon:var(--art-ui-reports);--fleet-flight-recall-icon:var(--art-ui-repair);--fleet-ship-warning:var(--art-ui-warning);--fleet-ship-slowest:var(--art-ui-speedup)}
body{font-family:Arial,Helvetica,sans-serif}
.clean-skin #panel{background:linear-gradient(128deg,#142b3e,#081626 68%);border:1px solid #53778b;border-radius:9px;box-shadow:0 18px 70px #0009,inset 0 1px #99cedd22}
/* Reserve a real row for the warning; sticky top offsets covered unit art. */
.clean-skin #panelThreat{position:static;flex:none;min-height:24px;height:24px;padding:2px 6px;font-size:10px;line-height:18px}
.clean-skin #panelBody button,.clean-skin .close,.clean-skin .map-button,.clean-skin .galaxy-toolbar button{border-image:none!important;background:linear-gradient(145deg,#24475b,#102436 75%);border:1px solid #507286;border-radius:5px;box-shadow:inset 0 1px #bce8eb14;color:#deedf1;text-shadow:none}
.clean-skin #panelBody :is(button.client-green,button.primary),.clean-skin #fleetSendCommit{background:linear-gradient(145deg,#28715e,#154237)!important;border:1px solid #6ba88d!important;color:#e3ffec!important}
.clean-skin #panelBody button.client-gold{background:linear-gradient(145deg,#6e5934,#352e21);border-color:#af925a;color:#f9d99a}
.clean-skin #panelBody :is(.client-unit-choice,.fleet-unit-card){border:1px solid #416377;background:radial-gradient(ellipse at 50% 22%,#32526955,#0a1c2c 78%)}
.clean-skin #panelBody :is(.client-unit-choice,.fleet-unit-card).selected{border:1px solid var(--gold);background:radial-gradient(ellipse at 50% 30%,#51736a55,#122f37 78%);box-shadow:inset 0 0 14px #5ce0ce18}
.clean-skin #panelBody .client-menu-button{background:linear-gradient(145deg,#1b3e52,#0c2032);border:1px solid #35576b;border-radius:8px}
.clean-skin .commander{background:linear-gradient(135deg,#21404f,#0b1c2a);border-color:#617f86}
.clean-skin #panelBody .chat-message button{background:none!important;border:0!important;box-shadow:none!important}
.clean-skin #panelBody .report-row{background:#0a2031}
.clean-skin #panelBody .report-row.selected{background:#143a45!important}
.clean-skin #panelBody .research-node{background:linear-gradient(135deg,#17354b,#0a1c2d);border:1px solid #3e657b;border-radius:7px}
.clean-skin #panelBody .research-node.available{border-color:#75c5bd}
.clean-skin #panelBody .research-node.perfect{border-color:#d5ba73}
.clean-skin #panelBody .research-node.locked{border-color:#344b60;opacity:.78}
.clean-skin .research-source-image{filter:none!important}
.research-node .research-source-image,.research-card .research-source-image{width:45px;height:45px;object-fit:contain}
.clean-skin .source-unit-art{object-fit:contain;filter:drop-shadow(0 3px 3px #0006)}
.clean-skin .building-main .client-native-description{font-size:clamp(10px,1vw,13px)}
.clean-skin #scene{background:radial-gradient(ellipse,#193340,#050e1d)}
.clean-skin #models{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.clean-skin #buildings .building{min-width:26px;min-height:26px;background:none;border:0;box-shadow:none;pointer-events:auto}
.clean-skin .building-label-control{font-family:inherit;filter:none}
.clean-skin .building-label-control .name{font-size:9px;background:#061827b8;border:1px solid #49728266;border-radius:3px;padding:3px 5px}
.clean-skin .building-label-control .level{background:#163e4e;border-color:#7bc3cb;font-size:11px}
.clean-skin #galaxyContext .galaxy-map-action{background:linear-gradient(155deg,#25485c,#0c2133);border:1px solid #436d80;border-radius:6px}
.clean-skin #galaxyContext .galaxy-map-action.galaxy-map-danger{background:linear-gradient(155deg,#603a3a,#2b1a25);border-color:#b4776a}
.clean-skin #galaxyContext .galaxy-object-heading{background:linear-gradient(135deg,#24495a,#0b1d2d);border:1px solid #527d8c;border-radius:7px}
.clean-skin #panelBody .fleet-preset-row .fleet-preset-apply{border:1px solid #466a7a;background:linear-gradient(135deg,#1e3b4a,#0c2130);border-radius:5px}
.clean-skin #panelBody .fleet-preset-row.matches-selection .fleet-preset-apply{border-color:var(--positive);background:linear-gradient(135deg,#22554d,#133237)}
@media(max-height:450px){.clean-skin .client-native-name{font-size:12px}.clean-skin .client-native-tools .client-menu-button{font-size:9px}.clean-skin .panel-head h1{font-size:16px}}
/* A live incoming alert must not squeeze the pinned inspector off a short screen. */
@media(max-height:450px){
 .clean-skin .science-inspector{display:grid;grid-template-columns:minmax(0,1fr) 74px;grid-template-rows:32px 20px 44px minmax(44px,1fr);gap:2px 4px;padding:3px;align-content:start}
 .clean-skin .science-inspector .science-node-title{grid-column:1/-1;min-height:0}
 .clean-skin .science-node-art,.clean-skin .science-node-art img{width:30px;height:30px}
 .clean-skin .science-inspector .science-description{display:none}
 .clean-skin .science-inspector .science-bonus{grid-column:1/-1;min-height:0}
 .clean-skin .science-inspector .science-prices{grid-column:1;grid-row:3;min-width:0}
 .clean-skin .science-price>span{flex-direction:column;gap:0}
 .clean-skin .science-price img{width:12px;height:12px}
 .clean-skin .science-price b{font-size:10px}
 .clean-skin .science-price small{font-size:9px}
 .clean-skin .science-inspector .science-requirements{grid-column:2;grid-row:3;min-width:0}
 .clean-skin .science-requirements>span{display:none}
 .clean-skin .science-requirements button{max-width:72px}
 .clean-skin .science-inspector .science-action{grid-column:1/-1;grid-row:4;min-height:44px;align-self:end;margin:0}
 .clean-skin .research-screen:has(.science-workspace) #panelTitle{width:88px;font-size:10px;left:58px;top:18px;line-height:1.15;letter-spacing:0}
 .clean-skin .client-native-right{gap:2px}
 .clean-skin .client-native-next{min-height:26px}
 .clean-skin .client-native-name{min-height:32px}
 .clean-skin .client-native-name b{width:32px;height:32px;font-size:18px}
 .clean-skin .client-native-tools .client-menu-button{height:44px}
 .clean-skin .building-main .client-native-description{font-size:10px;line-height:1.15}
}
.clean-skin .client-native-tools .client-menu-button{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1px;line-height:1.05;overflow:hidden;min-width:0}
.clean-skin .client-native-tools .client-menu-button img{flex:none}
.clean-skin .client-native-tools .client-menu-button span{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;max-width:100%;flex:none}
@media(max-height:450px){.clean-skin .client-native-tools .client-menu-button{padding:2px;font-size:9px}.clean-skin .client-native-tools .client-menu-button img{width:14px;height:14px}}

.clean-skin .building-main .close .source-icon{display:inline-block}
@media(max-height:450px) and (orientation:landscape){
 .clean-skin #app>aside button{gap:2px;padding:2px}
 .clean-skin #app>aside .source-icon{width:20px;height:20px}
 .clean-skin #app>aside span{font-size:8px;line-height:1.05;letter-spacing:0}
 .clean-skin #app>footer nav button{gap:2px;padding:2px}
 .clean-skin #app>footer nav span{font-size:8px;line-height:1.1;letter-spacing:0;white-space:nowrap;max-width:100%}
}