/* © 2026 Ori Roniger. Hollowport: original artwork, writing and code. All rights reserved. https://hollowport.mystery.co.il/ */
/* Live connections use the whole deck, with a map and a dedicated node console. */
.has-live-network .game-grid{grid-template-columns:minmax(0,1fr)}
.has-live-network aside,.has-live-network #location-panel{display:none}
.has-live-network .intro{padding:12px 0 18px}
.has-live-network .intro h1{font-size:29px}
.has-live-network .intro p{display:none}
.live-network{background:#10202d;--console-line:#496775}
.live-network .cyber-heading{padding:19px 22px;background:#213744;border-bottom:2px solid #0a1521}
.live-network .cyber-heading h2{font:36px/1.1 var(--pixel);color:#e1e5d5;margin:7px 0 0}
.live-network .cyber-heading>button{min-height:44px;background:#172b38}
.live-telemetry{background:#0b1723;border-bottom:2px solid var(--console-line)}
.live-network .connection-status{padding:12px 22px;border:0;color:#a7bec3;font-size:8px}
.live-network .signal-console{padding:0 22px 12px;border:0;background:transparent;grid-template-columns:1fr auto;gap:8px 18px}
.live-network .signal-console>div:first-child>span{display:none}
.live-network .signal-console strong{margin:0;font-size:22px}
.live-network .signal-console meter{height:10px;margin:0}
.live-network .signal-readings{display:flex;align-items:center;gap:18px}
.live-network .signal-readings b{margin:0;font-size:7px}
.live-workspace{display:grid;grid-template-columns:minmax(0,1.18fr) minmax(0,1fr);align-items:start}
.live-cartography{min-width:0}
.live-panel-label{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 18px;background:#304b5a;color:#bfd1cf;font:7px/1.6 var(--mono);letter-spacing:.6px;border-bottom:1px solid #69818a}
.live-panel-label button{padding:0;background:none;border:0;color:#d7e3d4;font:7px var(--mono);min-height:24px}
.live-network .illustrated-network{aspect-ratio:320/230;border-block:0;border-bottom:2px solid var(--console-line)}
.live-network .network-world-label{font-size:6px;letter-spacing:.3px;left:10px}
.live-network .illustrated-network .net-node{width:101px}
.live-network .illustrated-network .net-node-label{font-size:19px}
.live-network .network-map-caption{font-size:5px;left:9px;right:9px;letter-spacing:.2px}
.live-network .route-list{margin:0;padding:17px 18px;background:#172d39;border:0;border-bottom:1px solid var(--console-line);gap:8px}
.live-network .route-list>span{color:#a4c1c5;font-size:7px;line-height:1.8}
.live-network .route-list>button{min-width:130px;padding:11px 12px;min-height:46px;gap:10px;background:#253f4c;border-color:#607a83;font:19px/1.1 var(--pixel)}
.live-network .route-list>button span{font:6px/1.6 var(--mono);white-space:normal;text-align:right}
.live-network .ice-contact{padding:18px;gap:14px;border-color:var(--console-line)}
.live-network .ice-contact svg{width:72px;height:58px;flex-basis:72px}
.live-network .ice-contact h3{font-size:24px}
.live-network .ice-contact p{font-size:19px}
.live-network .cyber-programs{padding:17px 18px;border:0;align-items:center}
.live-network .cyber-programs .eyebrow{font-size:7px;line-height:1.8}
.live-network .cyber-programs p{font:19px/1.25 var(--pixel);color:#b0c4c7;margin-top:7px}
.live-network .cyber-programs button{font:18px var(--pixel);min-height:44px;background:#25434b;border-color:#6e9494;padding:11px}
.live-network .cyber-programs button:disabled{opacity:.65}
.live-network .network-turn-note{padding:0 18px 14px;font:7px/1.9 var(--mono);color:#a0b6bc}
.live-journal{margin:0 18px 18px;padding:12px;color:#c6d7ca;font:17px var(--pixel);border-color:#4b6b78;min-height:44px}
.live-network .node-detail{padding:0;border-top:0;border-left:2px solid var(--console-line);background:#142633;min-height:100%;scroll-margin-top:12px;min-width:0}
.live-network .node-detail:focus{outline:none}
.live-network .node-detail:focus-visible{outline:2px solid #efd69c;outline-offset:-3px}
.live-network .node-heading{padding:23px 22px 14px}
.live-network .node-heading .eyebrow{font:7px/1.7 var(--mono)}
.live-network .node-heading h3{font:35px/1.05 var(--pixel);margin:10px 0;color:#e2e6d5}
.live-network .node-description{font:21px/1.3 var(--pixel);color:#bacdc9;margin:0}
.live-network .network-message{padding:13px 22px;font:19px/1.3 var(--pixel);color:#d0dfc5;background:#0c1b27;border-block:1px solid #3d5966;overflow-wrap:anywhere}
.live-network .node-controls{padding:2px 22px 24px}
.live-network .node-tools{display:grid;grid-template-columns:minmax(0,1fr);gap:9px;margin:18px 0}
.live-network .node-tools:empty{display:none}
.live-network .node-tools>button{min-width:0;width:100%;font:19px/1.2 var(--pixel);padding:13px 14px;min-height:48px;background:#294550;border-color:#6a8a8d}
.live-network .node-tools>button span{font:7px/1.6 var(--mono);color:#b9cec9;margin-top:8px}
.live-network .node-tools>button:disabled{opacity:.55}
.live-network .node-intel{padding:15px 16px;margin:19px 0;background:#203940;border-color:var(--signal)}
.live-network .node-intel>span{font:7px/1.8 var(--mono)}
.live-network .node-intel p,.live-network .node-hint{font:20px/1.3 var(--pixel);color:#c5d6cc}
.live-network .node-auth{max-width:none;margin:22px 0}
.live-network .node-auth>label{font:7px/1.9 var(--mono);letter-spacing:.6px}
.live-network .password-row{display:flex;flex-wrap:wrap;gap:8px}
.live-network .node-auth input{min-width:0;width:100%;flex:1 1 170px;font:19px var(--pixel);padding:12px;border-color:#597b85;background:#0c1c28;color:#e3e9d9}
.live-network .node-auth .password-row button{font:18px var(--pixel);padding:12px;min-height:46px;background:#304d56;border-color:#789896;white-space:normal;flex:1 1 auto}
.live-network .node-auth>small{font:7px/1.9 var(--mono);color:#a3b9be}
.live-network .node-inspect{font:17px var(--pixel);padding:12px;color:#bbd1c7;border-color:#52717b;min-height:44px}
.live-network .network-danger{margin:0;padding:12px 22px;border:0;border-bottom:1px solid #bc805d;font:19px/1.3 var(--pixel)}
.live-network .ending-choices{grid-template-columns:minmax(0,1fr)}
.live-network .ending-choices>div{grid-column:auto}
.live-network .employee-roster td,.live-network .employee-roster tbody th{font-size:18px;padding:10px 4px}
.live-network .employee-roster thead th{font-size:6px;padding-inline:4px}
.live-network .chapter-ending{padding:17px}
.network-orpheus.live-network{--console-line:#797563}
.network-orpheus.live-network .node-detail{background:#252d2b}
.network-orpheus.live-network .node-intel{background:#323c32}
.network-archive.live-network{--console-line:#637796}
.network-archive.live-network .node-detail{background:#1c293d}
.network-archive.live-network .node-intel{background:#2a3850}
@media(min-width:901px){.live-network .live-cartography>.live-panel-label>button{display:none}}
@media(max-width:1100px) and (min-width:901px){.live-workspace{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.live-network .illustrated-network .net-node{width:88px}.live-network .illustrated-network .net-node-label{font-size:17px}.live-network .illustrated-network{aspect-ratio:320/270}}
@media(max-width:900px){
 .live-workspace{grid-template-columns:minmax(0,1fr)}
 .live-network .node-detail{border-left:0;border-top:2px solid var(--console-line)}
 .live-network .illustrated-network{aspect-ratio:320/210}
 .live-network .signal-console{grid-template-columns:1fr}
 .live-network .signal-readings{justify-content:space-between;text-align:left;gap:8px}
}
@media(max-width:480px){
 .live-network .cyber-heading{padding:16px 13px;gap:10px}
 .live-network .cyber-heading h2{font-size:29px}
 .live-network .cyber-heading .eyebrow{font-size:6px}
 .live-network .cyber-heading>button{font-size:7px;padding:9px}
 .live-network .connection-status{padding:11px 13px;font-size:6px;gap:8px}
 .live-network .signal-console{padding:0 13px 12px}
 .live-network .signal-console strong{font-size:20px}
 .live-network .signal-readings span,.live-network .signal-readings b{font-size:5px}
 .live-network .illustrated-network{aspect-ratio:320/270}
 .live-network .illustrated-network .net-node{width:79px}
 .live-network .illustrated-network .net-node-label{font-size:16px;padding:4px}
 .live-network .network-map-caption{font-size:4px}
 .live-network .node-heading{padding:21px 16px 14px}
 .live-network .node-controls{padding:2px 16px 22px}
 .live-network .network-message{padding:13px 16px}
 .live-panel-label{padding:11px 16px;font-size:6px}
 .live-network .route-list{flex-direction:row;padding:14px}
 .live-network .route-list>button{min-width:120px}
 .live-network .ice-contact{padding:16px 14px}
 .live-network .cyber-programs{padding:17px 14px}
 .live-network .cyber-programs button{font-size:16px}
 .live-network .node-heading h3{font-size:33px}
}

.console-map-link{display:none}
.node-trace{margin-left:auto;color:var(--signal)}
@media(max-width:900px){.console-map-link{display:block}.live-network .node-detail>.live-panel-label{position:sticky;top:0;z-index:3}.node-trace{font-size:8px}}

.live-panel-label button{font:17px var(--pixel);min-height:32px}
.node-trace.trace-warning{color:#f3ad8b}