/* Glass instrument surfaces, luminous edges and readable telemetry.
   The bridge keeps its familiar controls and unobstructed viewing area. */
:root{--muted:#b1c6d7;--line:#8ac8eb36;--blue:#9ad7ff;--amber:#f4b575}
.target-console,.shield-controls,dialog{
 background:linear-gradient(145deg,#142c3bea,#071321f5 64%);
 box-shadow:inset 0 1px 0 #c4ecff18,0 8px 24px #0004;
}
.target-console{border-right-color:#80d7e754;border-bottom-color:#75c6e63d;box-shadow:inset 0 1px 22px #59bde00a,0 8px 30px #0005}
.target-console::after{content:'';position:absolute;right:12px;bottom:-1px;width:72px;height:2px;background:linear-gradient(90deg,transparent,#7be3e5);pointer-events:none}
.target-summary .health{background:#588daa32;border-radius:2px}
.target-summary .health i{box-shadow:0 0 7px #e9ad6c55}
.target-heading .eyebrow,.sensor-title .eyebrow{font-weight:600;color:#bfdeee}
button,select{border-color:#88b9d04a;box-shadow:inset 0 1px 0 #d3f4ff0b;transition:background .18s,border-color .18s,box-shadow .18s}
button:hover:not(:disabled){border-color:#9dddeb9c;box-shadow:inset 0 1px 0 #e0faff22,0 0 12px #63b5df15}
button:focus-visible,select:focus-visible,input:focus-visible{outline:2px solid #d2fbff;outline-offset:3px}
button:disabled{box-shadow:none}
.target-actions button[aria-pressed=true],.tractor-actions button[aria-pressed=true],#tractorTow[aria-pressed=true]{background:linear-gradient(120deg,#28666b,#184854);border-color:#a2f4e7;color:#e1fff8;box-shadow:inset 3px 0 0 #a2f4e7,0 0 10px #70e3cf20}
.sensors{border-left-color:#7dc5e455;background:linear-gradient(90deg,#0715228c,#081724de);box-shadow:inset 1px 0 #c3efff09}
.contact{border-bottom-color:#90cbdf1c}
.contact:hover{background:#22486083}
.contact.selected{background:linear-gradient(90deg,#274b60c7,#152b3e55);border-left-color:#b7f6ff}
.contact .pip{box-shadow:0 0 7px #82d4f04d}.contact.enemy .pip{box-shadow:0 0 7px #ff936555}
.contact-filter button.active{background:#3b5971;box-shadow:inset 0 -2px #a8e8f4;color:#f0fbff}
.battle-call{flex:none;margin:0 0 5px}.battle-call button{width:100%;min-height:30px;font-size:12px;background:#422b36;border-color:#dc968b70;color:#ffe0cc}.battle-call button:disabled{opacity:.55}.battle-call p{margin:4px 2px;font-size:10px;line-height:1.4;color:#adc9d9;overflow-wrap:anywhere}
.alert-banner{background:linear-gradient(100deg,#163241e6,#0a1929e6);box-shadow:inset 3px 0 #89cadb; border-color:#89cadb47}
.red-alert .alert-banner{background:linear-gradient(100deg,#582127eb,#291524ed);box-shadow:inset 3px 0 #ff9a80,0 0 20px #eb5a371c}
.mission{border-left-color:#f5bd83}
.mission h2{text-shadow:0 0 20px #8cdcff1a}
.proximity-readout{background:linear-gradient(100deg,#142f40cf,#0b1c2c8c);border-left-color:#abe7ff}
.meter{height:4px;border-radius:2px;background:#3b586a70;overflow:visible}
.meter i{border-radius:2px;background:linear-gradient(90deg,#5188b6,#a6e7ff);box-shadow:0 0 8px #80c5f23a}
.meter.hull i{background:linear-gradient(90deg,#8176ab,#d0c5f9);box-shadow:0 0 8px #c2b4fb30}
.world-label{background:#071724de;border-color:#92cee36b;border-radius:3px;color:#d0f3ff;box-shadow:0 2px 9px #0004}
.world-label.selected{border-color:#ffd399;background:#302922e8;color:#ffdfb5}
#routeMarker{border-left:2px solid #a1e2e7;border-radius:3px;background:#0b2636d9}
#targetRange,.contact small,.cargo-totals{font-variant-numeric:tabular-nums}
#contacts,dialog{scrollbar-color:#6396ae #0b1b2a;scrollbar-width:thin}
dialog{border-color:#84cadd70;border-top:3px solid #ade9f5;box-shadow:0 24px 90px #000b,inset 0 1px 25px #70ceec10}
dialog::backdrop{background:#020711a3;backdrop-filter:blur(3px)}
.dossier-reading,.encounter-objective,.channel-guide{background:linear-gradient(110deg,#1d3b4d,#122738);border-left-color:#8ed6e9}
.dossier-bar,#shipPanel .dossier-bar{background:#102536}
#transportPanel{border-color:#ace8ee9c;box-shadow:0 18px 75px #0009,0 0 28px #68d4e526,inset 0 1px 28px #75c9fa10}
@media(min-width:1100px){
 .target-actions button,.tractor-actions button,.shield-modes button,.fleet-buttons button{font-size:13px}
 .contact{font-size:13px}.contact small,#targetRange{font-size:11px}
 .sensor-help,.tractor-heading strong{font-size:11px}
 #message{font-size:14px;line-height:19px}
}
@media(prefers-reduced-motion:reduce){button,select{transition:none}}

/* Sparse sensor annotations: selected markers stay attached to their labels. */
.world-label{font-size:14px;line-height:18px;height:28px;max-width:240px;padding:4px 8px;box-sizing:border-box;text-align:center;will-change:opacity;transition:background .18s,border-color .18s}
.world-label[data-priority="minor"]{background:#071724bc;color:#b4d7e6;border-color:#7caaba42}
.world-label::before{display:none}
.world-label.selected{border-color:#ffd399;box-shadow:inset 3px 0 #ffd399,inset -3px 0 #ffd399,0 2px 9px #0004}
@media(max-width:700px){.world-label{font-size:13px;max-width:180px}}

/* Cartography keeps the watching surface clear; evidence lives in one chart. */
.sector-character{font-size:14px;line-height:1.45;color:#a8d4df;margin:.35rem 0 .8rem}
#voyagePanel{width:min(960px,calc(100vw - 32px));max-height:88vh;border-color:#80d5d4;background:radial-gradient(ellipse at top right,#12303d,#081320 65%)}
#voyageLead{font-size:17px;line-height:1.65;max-width:760px;color:#d1e5ea}
.voyage-summary{display:flex;flex-wrap:wrap;gap:12px 24px;padding:18px 0;color:#91dfce;font-size:16px}.voyage-summary span{color:#b7cdda}
.voyage-map{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:12px 0 20px}
.voyage-region{border:1px solid #7294ab44;border-left:4px solid var(--region-color);border-radius:5px 15px 15px 5px;padding:18px;background:#0b1c2bbd}
.voyage-region[data-current="true"]{outline:1px solid #99dedb;background:#102b3b}
.voyage-region h3{font-size:22px;line-height:1.25;margin:8px 0}.voyage-region p{font-size:16px;line-height:1.5;color:#bad0de}.voyage-region .eyebrow{font-size:13px;color:#9ce0dc;letter-spacing:.08em}
.voyage-region .voyage-evidence{border-top:1px solid #82acbb33;padding-top:12px;color:#dce8eb;min-height:72px}.voyage-region button{font-size:15px;width:100%;padding:10px 14px}
.voyage-actions{display:flex;gap:12px;flex-wrap:wrap}.voyage-actions button{font-size:16px;padding:12px 18px;background:#21404e;border-color:#8aceca}
@media(max-width:700px){.voyage-map{grid-template-columns:1fr}.voyage-region .voyage-evidence{min-height:0}#voyagePanel{padding:18px}.sector-character{display:none}.header-actions #voyage{font-size:14px}}

/* Integrity stays attached to its contact and obeys the same priority layout. */
.world-label{font-size:12px;padding:4px 7px;line-height:16px}
.world-label[data-combat="true"]{height:34px;padding-bottom:12px}
.world-label[data-combat="true"]::before,.world-label[data-combat="true"]::after{content:"";display:block;position:absolute;left:7px;right:7px;width:auto;height:2px;border-radius:1px;pointer-events:none;opacity:var(--condition-opacity,1);transition:opacity .35s ease}
.world-label[data-combat="true"]::before{top:auto;bottom:8px;background:linear-gradient(to right,#7fddff 0 var(--shields),#284556 var(--shields) 100%)}
.world-label[data-combat="true"]::after{bottom:4px;background:linear-gradient(to right,var(--hull-color) 0 var(--hull),#443a34 var(--hull) 100%)}
.world-label[data-hit="true"]{border-color:#fff2cc;box-shadow:0 0 12px #83d9ff80}
.battle-strength{font-size:13px;color:#b6e1ee;margin:6px 0 2px;font-variant-numeric:tabular-nums}
.target-summary .health{height:4px}.target-summary .health i{transition:width .12s linear}.target-summary #targetHint{height:28px;line-height:14px}

.mission #message{height:112px;max-height:112px;overflow:auto;line-height:1.55;cursor:pointer;scrollbar-width:thin;padding-right:5px;margin-bottom:5px}
.bridge-log-link{pointer-events:auto;width:100%;text-align:left;color:#9bd8f3;font-size:11px;letter-spacing:.04em;margin-bottom:12px;padding:7px 9px}
#gamePanel,#bridgeLogPanel{width:min(640px,calc(100vw - 32px));max-height:82vh;overflow:auto}
#bridgeSearch{width:100%;padding:12px;border:1px solid #45758a66;background:#061420;color:#d9f2ff;border-radius:6px}
.bridge-messages{padding:0;list-style:none;max-height:46vh;overflow:auto;scrollbar-width:thin}
.bridge-messages li{padding:12px 14px;border-left:2px solid #77cbec44;border-bottom:1px solid #77cbec18;background:#6ebfdf06}
.bridge-messages small{font-size:10px;letter-spacing:.08em;color:#82bdd4}
.bridge-messages p{margin:5px 0 0;line-height:1.55;color:#d6e9f1;font-size:13px}
.save-row{display:flex;gap:16px;align-items:center;justify-content:space-between;padding:10px 0;border-bottom:1px solid #77cbec22}.save-row p{margin:0;font-size:13px}.save-row button{flex-shrink:0}
#saveStatus{color:#a9e3ff;min-height:24px}#gamePanel>p{line-height:1.5}
@media(max-height:760px){.mission #message{height:86px;max-height:86px}.bridge-log-link{margin-bottom:6px;padding:5px 7px}}
@media(max-width:760px){.mission #message{height:80px;max-height:80px}#gameMenu{padding:6px 8px}}
@media(prefers-reduced-motion:reduce){.world-label::before,.world-label::after{transition:none}}

.voyage-followups{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px;margin:18px 0}.voyage-followups article{padding:14px;border:1px solid #729dad55;border-radius:10px;background:#102433}.voyage-followups h3{margin:7px 0}.voyage-followups p{font-size:14px;line-height:1.5}

/* Reserve space for the extra mission entry instead of covering sensor controls. */
.header-actions{display:grid;grid-template-columns:repeat(12,minmax(0,1fr))}
.header-actions .scorebox{grid-column:1/-1}
.header-actions button{grid-column:span 4;min-width:0;padding-inline:4px}
.header-actions #voyage,.header-actions #missions{font-size:11px;height:32px;line-height:1.1;padding-block:3px;white-space:normal;overflow-wrap:anywhere}
/* Stable proportions reserve the full Request label without borrowing space
   from Missions when the count or incident changes. Both keep the same height. */
.header-actions #voyage{grid-column:span 8}
.header-actions #missions{grid-column:span 4}
/* Build 90: the direct Mark issue action shares the last row without adding one. */
.header-actions #shipSystems,.header-actions #help{grid-column:span 3}.header-actions #fullscreen{grid-column:span 2}.header-actions #markIssueQuick{grid-column:span 4;white-space:nowrap;font-size:11px}
@media(min-width:701px){.sensors{top:142px}}
#missionsPanel{width:940px;--region-color:#8aceca}
#missionsLead{font-size:17px;line-height:1.65;color:#d1e5ea}
@media(max-width:700px){
 .header-actions{position:absolute;top:52px;left:0;right:0;width:100%;display:flex;flex-wrap:nowrap;overflow-x:auto;padding-bottom:4px}
 .header-actions button{flex:none}
 .header-actions #voyage{flex:0 0 174px;width:174px}
 .header-actions #missions{flex:0 0 82px;width:82px}
 .header-actions .scorebox{position:fixed;top:8px;right:10px;height:19px}
 .target-console{top:100px}
 .alert-banner,.sensors{top:306px}
 .mission{top:354px}
 #sim{min-height:951px}
 #missionsPanel{padding:18px}
}

/* Eight contact actions retain their existing fixed command strip. */
.target-actions{grid-template-columns:repeat(8,minmax(0,1fr))}
.target-actions #attack[aria-pressed=true]{background:#653c2c;border-color:#ffc18a;color:#fff0dc}
.fleet-buttons{grid-template-columns:minmax(0,1fr) minmax(75px,.8fr)}
#endFleet{grid-column:1/-1}
@media(max-width:1150px){.target-actions{grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:27px 27px}.target-console{height:194px;grid-template-rows:60px 58px 46px}:root{--command-bottom:204px}}
@media(max-width:700px){:root{--command-bottom:294px}}

/* Short desktop views keep every shield control reachable above the radar. */
#shieldDivert{width:100%;margin:5px 0;padding:6px 3px;white-space:normal;font-size:12px}
#shieldDivert[aria-pressed=true]{background:#704928;border-color:#f8c17d;color:#fff0d5}
#saucerStrip{border:1px solid #82ccd56b;border-radius:5px;padding:5px;margin:4px 0;background:#163b465c}
#saucerStrip[hidden]{display:none}
#saucerStatus{margin:0 0 4px;font-size:11px;line-height:1.4;color:#bcf3ee}
#saucerStrip>div{display:flex;gap:4px}
#saucerStrip button{flex:1;min-width:0;font-size:10px;line-height:1.4;white-space:normal;padding:4px}
.contact-filter button{min-width:0;padding-left:3px;padding-right:3px}
.target-actions button{white-space:normal;line-height:1.15;padding-left:3px;padding-right:3px}
#shipPanel .logistics-actions{flex-wrap:wrap}
@media(min-width:701px){
 #sim{min-height:100dvh}
 .mission{bottom:122px;overflow-y:auto;overflow-x:hidden;pointer-events:auto;padding-right:5px;scrollbar-width:thin;scrollbar-color:#6396ae #0b1b2a}
 .fleet-buttons button{height:auto;min-height:32px;white-space:normal;line-height:15px;padding:5px 3px}
}

/* Keep tactical shield controls outside the scrolling bridge updates. */
.mission{display:flex;flex-direction:column;gap:6px;bottom:122px;overflow:visible;padding-right:0;pointer-events:auto}
.mission-brief{flex:1 1 0;min-height:0;overflow-y:auto;overflow-x:hidden;padding-right:5px;scrollbar-width:thin;scrollbar-color:#6396ae #0b1b2a;scrollbar-gutter:stable}
.mission-brief:focus-visible{outline:1px solid var(--blue);outline-offset:2px}
.mission .shield-controls{flex:none;margin:0;padding:7px;display:grid;gap:5px}
.mission .shield-heading{margin:0;line-height:14px;gap:4px;flex-wrap:wrap;font-size:10px;letter-spacing:.3px}
.mission .shield-modes button{min-height:30px;padding:4px 2px;font-size:12px;line-height:18px}
.mission #shieldDivert{margin:0;min-height:32px;padding:5px 3px;font-size:12px;line-height:18px}
.mission #shieldBoost{min-height:32px;margin:0;padding:2px 0;font-size:12px;line-height:15px}
.mission #shieldBoost small{font-size:10px;line-height:12px;margin:1px 0 0}
.mission .sector-character{margin:3px 0 6px;font-size:12px;line-height:1.4}
.mission #message{height:72px;max-height:72px;line-height:1.4}
@media(min-width:701px) and (max-height:760px){.mission #message{height:42px;max-height:42px}.mission h2{margin:5px 0}.mission .sector-character{font-size:11px}}
@media(max-width:700px){.mission{bottom:155px}.mission #message{height:48px;max-height:48px}}

@media(min-width:701px){#sim{min-height:max(600px,100dvh)}}

/* Sensor rows grow with their content; range and fleet role have separate lines. */
.contact small{white-space:nowrap;line-height:1.3}
.contact.fleet-target{row-gap:3px;padding-top:7px;padding-bottom:7px}
.contact.fleet-target .contact-name{white-space:normal;overflow-wrap:anywhere;line-height:1.3}
.contact .fleet-badge{grid-column:2 / -1;font-size:10px;line-height:1.4;letter-spacing:.45px;color:#9fdbff}
.contact .fleet-badge[hidden]{display:none}
/* Four sensor categories fit without shrinking contact text. */
.contact-filter{display:grid;grid-template-columns:1fr 1fr}
.crew-combat-readout{font-size:13px;line-height:1.35;color:#ffc18e;margin:8px 0;overflow-wrap:anywhere}
.contact.engaged{row-gap:3px;padding-top:7px;padding-bottom:7px;border-left:2px solid #ef9867}
.contact.engaged .contact-name{white-space:normal;overflow-wrap:anywhere;line-height:1.3}
.contact.engaged .fleet-badge{color:#ffc18e}

#sim{min-height:0;height:100dvh}

/* Progress stays at the top periphery, clear of the hull and deflector. */
#scanLabel{position:static;transform:none;margin:0;padding:2px 6px;font-size:11px;line-height:16px;letter-spacing:.06em;white-space:nowrap;background:#123349bd;border:1px solid #80dafa55;border-radius:4px;box-shadow:none}
.target-heading{grid-template-columns:auto minmax(0,1fr) auto auto}
#transportPanel{position:absolute;left:calc(var(--edge) + var(--left) + 14px);right:calc(var(--edge) + var(--right) + 14px);top:calc(var(--command-bottom) + 8px);bottom:auto;transform:none;width:auto;max-width:none;min-width:0;padding:8px 12px;display:grid;grid-template-columns:minmax(0,1fr) auto 44px;grid-template-rows:auto 3px auto;gap:5px 12px;max-height:90px;border:1px solid #9adced50;border-radius:9px;background:linear-gradient(135deg,#0a203bb8,#0b172f8c);backdrop-filter:blur(14px) saturate(1.25);-webkit-backdrop-filter:blur(14px) saturate(1.25);box-shadow:inset 0 1px 0 #d9f6ff22,0 3px 15px #0004;pointer-events:none;text-align:left;z-index:5}
#transportPanel .transport-heading{grid-column:2;grid-row:1;margin:0;display:block;font-size:12px;line-height:18px;letter-spacing:.055em}
#transportPanel .transport-heading>span,#transportPanel .transport-endpoints,#transportPanel .transport-stages,#transportView{display:none}
#transportSubject{grid-column:1;grid-row:1;margin:0;min-width:0;font-size:13px;line-height:18px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#transportPanel .transport-meter{grid-column:1/-1;grid-row:2;margin:0;height:3px;width:100%;border:0;border-radius:3px;overflow:hidden}
#transportPanel .transport-footer{display:contents}
#transportDetail{grid-column:1/-1;grid-row:3;font-size:12px;line-height:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#transportPercent{grid-column:3;grid-row:1;text-align:right;font-size:13px;line-height:18px}
#crewScanLabel{color:#aee6ff;font-size:13px;margin:3px 0}
@media(max-width:1200px){.target-heading{grid-template-columns:minmax(0,1fr) auto auto}}
@media(max-width:700px){#transportPanel{left:10px;right:10px;top:calc(var(--command-bottom) + 8px);padding:7px 9px;gap:4px 7px}#transportPanel .transport-heading{font-size:10px}.crew-mode #transportPanel{top:96px}.target-heading{grid-template-columns:minmax(0,1fr) auto auto}}

.crew-mode #sim #transportPanel{top:calc(var(--crew-header-height,145px) + 6px)}

/* Build 85: keep the warp bubble and the flagship unobstructed. */
#warpLabel{top:calc(var(--command-bottom) + 8px);left:calc(var(--edge) + var(--left) + 14px);right:calc(var(--edge) + var(--right) + 14px);width:auto;transform:none;text-align:center;padding:7px 12px;border:1px solid #91d9f24a;border-radius:7px;background:#071524aa;backdrop-filter:blur(12px);pointer-events:none;}
#warpLabel h2,#warpLabel strong{display:inline;font-size:34px;line-height:1.1;letter-spacing:2px;}
#warpLabel>p{margin:2px 0;font-size:12px;line-height:1.3;}
#warpLabel>p:first-child{display:inline-block;margin-right:12px;}
@media(max-width:700px){#warpLabel{left:var(--edge);right:var(--edge);}#warpLabel h2,#warpLabel strong{font-size:26px;}}
html.crew-mode #warpLabel{top:calc(var(--crew-header-height,100px) + 7px);left:12px;right:12px;}

#saveWarning{position:absolute;right:var(--edge);bottom:calc(var(--console) + 14px);z-index:45;max-width:310px;padding:10px 12px;border:1px solid #ffb56c;border-radius:7px;background:#231c20f5;box-shadow:0 4px 20px #0008;font-size:14px;}#saveWarning strong,#saveWarning span{display:block;margin-bottom:5px;}#saveWarning button{padding:5px 9px;}html.crew-mode #saveWarning{right:12px;bottom:calc(var(--crew-deck,260px) + 12px);max-width:290px;}

#warpLabel .warp-heading,#warpLabel .warp-detail{display:flex;align-items:center;justify-content:center;gap:14px;}#warpLabel .warp-kicker{font-size:11px;letter-spacing:.13em;}#warpLabel strong{font:400 30px/34px 'Barlow Condensed',sans-serif;letter-spacing:2px;}#warpLabel .warp-detail{margin-top:2px;font-size:12px;line-height:17px;letter-spacing:.03em;color:#b9d9ec;}#warpLabel #warpCountdown{font-size:12px;margin:0;}@media(max-width:760px){#warpLabel strong{font-size:26px;line-height:30px;}#warpLabel .warp-kicker{font-size:10px;}#warpLabel .warp-heading,#warpLabel .warp-detail{gap:10px;}}

#warpLabel .warp-detail span{font-size:12px;letter-spacing:.03em;}
/* Build 86: Voyage views, sector security, optional request and Chronicle. */
.voyage-tabs{display:flex;gap:8px;margin:6px 0 4px;flex-wrap:wrap}.voyage-tabs button{font-size:15px;padding:8px 16px;border-radius:999px;background:#0e2533;border-color:#6fa8b3}.voyage-tabs button[aria-selected="true"]{background:#21404e;border-color:#9ce0dc;color:#e9fbf8}
.voyage-security{margin:6px 0 16px;padding:14px 16px;border:1px solid #729dad55;border-radius:10px;background:#0d2230}.voyage-security h3{font-size:20px;margin:4px 0}.voyage-security>p{color:#bad0de;line-height:1.45}
.security-systems{list-style:none;margin:10px 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:6px 14px}.security-systems li{display:flex;gap:8px;align-items:baseline;color:#b7cdda;font-size:14px}.security-systems li.current{color:#e6f7f4}.security-pips{color:#91dfce;letter-spacing:.08em}.security-name{flex:1}
.incident-card{margin-top:12px;padding:12px 14px;border:1px solid #d7b36a88;border-radius:8px;background:#1d2a2c}.incident-card h3{font-size:18px}.incident-card p{color:#d4dfe2;line-height:1.45;margin:6px 0}.incident-card .incident-next{color:#f0d493}.incident-card .voyage-actions button{font-size:15px;padding:9px 14px}
.chronicle-lead{color:#bad0de;line-height:1.5}.chronicle-permanent h4{margin:12px 0 4px;color:#9ce0dc;font-size:14px;letter-spacing:.06em;text-transform:uppercase}
.chronicle-list{list-style:none;margin:0;padding:0}.chronicle-list li{display:flex;flex-wrap:wrap;gap:4px 12px;padding:6px 0;border-bottom:1px solid #82acbb22;color:#bad0de}.chronicle-list strong{color:#e2f1f1}
.chronicle-entries{list-style:none;margin:0 0 10px;padding:0}.chronicle-entries li{padding:8px 0;border-bottom:1px solid #82acbb22}.chronicle-entries small{display:block;color:#8fb4c2}.chronicle-entries strong{color:#e2f1f1}.chronicle-entries p{margin:2px 0 0;color:#bad0de;line-height:1.45}
@media(max-width:700px){.security-systems{grid-template-columns:1fr}.voyage-security{padding:12px}}

#sectionCondition{font-size:10px;line-height:1.5;color:#bedcec;margin:5px 0}#saucerStrip .section-switch button[aria-pressed=true]{background:#296176;color:#fff;box-shadow:inset 0 -2px #9ee6ff}#activeSectionLabel{color:#b8f1ff;font-size:10px;margin:4px 0}#saucerStrip .section-switch button{font-size:12px;min-height:32px}

#saucerStrip>#sectionDetails{display:block}#saucerStrip>#sectionDetails[hidden]{display:none}#sectionDetails>div{display:flex;gap:4px;margin:3px 0}#quickSeparate{font-size:11px;min-height:28px}#crewSectionSwitch{font-size:12px;padding:4px 8px;border-color:#82cddd}

#saucerStrip .section-orders summary{font-size:11px;cursor:pointer;color:#acdae6;padding:4px 0}#saucerStrip .section-orders>div{display:flex;gap:3px;margin:3px 0}#saucerStrip .section-switch{white-space:nowrap}#sectionCondition{margin:3px 0}#sensorBody.split-sections #saucerStrip{flex:none}

#sectionsTogether[aria-pressed=true],#sectionsSplit[aria-pressed=true]{background:#653c2c;border-color:#ffc18a;color:#fff}

/* A hidden panel leaves no glass, border, shadow, hit box or label reservation. */
#bridgePanel[hidden],#sensorsPanel[hidden],.hud-restore[hidden]{display:none!important}
#sensorsPanel{background:transparent;box-shadow:none}
#sensorsPanel .sensor-title,#sensorsPanel p{text-shadow:0 1px 3px #000}
.panel-dismiss{position:absolute;right:0;top:0;width:27px;height:25px;padding:0;font-size:22px;line-height:1;border:1px solid #8fc4db50;background:#102738b8;z-index:1}
#bridgePanel #sector{padding-right:27px}
.hud-restore{position:absolute;top:166px;z-index:4;padding:7px 10px;min-height:32px;font-size:12px;line-height:1.2;color:#c8eafb;background:#0c2235d9;border:1px solid #8ac8e675;box-shadow:inset 0 -1px #7dd7ec55;border-radius:5px}
.hud-restore-left{left:var(--edge)}.hud-restore-right{right:var(--edge);top:142px}
.crew-mode .hud-restore,.crew-mode .viewscreen-frame{display:none!important}
.viewscreen-frame{position:absolute;inset:154px var(--edge) calc(var(--console) + 20px);pointer-events:none;z-index:1;opacity:0;transition:opacity .2s;
 background:linear-gradient(#e9b579,#e9b579) left top/25px 1px no-repeat,linear-gradient(#94d7ec,#94d7ec) left top/1px 19px no-repeat,linear-gradient(#94d7ec,#94d7ec) right top/25px 1px no-repeat,linear-gradient(#e9b579,#e9b579) right top/1px 19px no-repeat,linear-gradient(#94d7ec,#94d7ec) left bottom/25px 1px no-repeat,linear-gradient(#e9b579,#e9b579) left bottom/1px 19px no-repeat,linear-gradient(#e9b579,#e9b579) right bottom/25px 1px no-repeat,linear-gradient(#94d7ec,#94d7ec) right bottom/1px 19px no-repeat}
#sim[data-panels-clear=true] .viewscreen-frame{opacity:.7}
@media(max-width:700px){.hud-restore-left{top:354px}.hud-restore-right{top:306px}.viewscreen-frame{top:306px}}
@media(prefers-reduced-motion:reduce){.viewscreen-frame{transition:none}}

.squadron-alert{position:absolute;top:158px;left:calc(var(--edge) + var(--left) + 10px);right:calc(var(--edge) + var(--right) + 10px);z-index:5;display:flex;align-items:center;flex-wrap:wrap;gap:6px 12px;padding:9px 14px;border:1px solid #ffb7808c;border-left:4px solid #ffbf86;border-radius:5px;background:linear-gradient(100deg,#5b2a26ed,#10283cdd);box-shadow:0 0 18px #ff925529;pointer-events:none;color:#ffe2c5}.squadron-alert[hidden]{display:none}.squadron-alert>span{font-size:10px;letter-spacing:1.8px}.squadron-alert strong{font-size:17px;color:#fff}.squadron-alert small{font-size:12px;color:#c9e3ef;margin-left:auto}.crew-mode .squadron-alert{top:118px;left:12px;right:12px}@media(max-width:700px){.squadron-alert{top:300px;left:12px;right:12px}.squadron-alert small{margin-left:0}}