/* A live, readable HUD over the generated harbor scene. */
.game-shell .harbor-equipped{position:absolute;right:12px;top:50%;transform:translateY(-50%);width:min(32%,72px);height:35px;object-fit:contain;background:none;aspect-ratio:auto;image-rendering:auto}
.game-shell>.hud>div:nth-child(1),.game-shell>.hud>div:nth-child(2){padding-left:65px!important}
.game-shell>.hud>div:nth-child(1)::before{content:'';position:absolute;left:9px;top:8px;width:42px;height:96px;background:url('../assets/harbor/vitals.png') center/contain no-repeat;filter:saturate(.4) brightness(1.4);z-index:2}
.game-shell>.hud>div:nth-child(3){padding-right:clamp(84px,7vw,96px)!important}
:root{--cream:#e3edef;--muted:#91acb7;--amber:#ffba63;--teal:#69ead0}
canvas#game{image-rendering:auto}.game-shell{border-color:#233c47;border-radius:3px;isolation:isolate}.overlay{z-index:20;background:linear-gradient(90deg,#07131bef,#07131b9c 65%,#07131b33)}
.harbor-brand,.harbor-status,.harbor-map{position:absolute;pointer-events:none;z-index:3}.harbor-brand{left:2%;top:2%;width:20%;text-shadow:0 3px 10px #000}.harbor-brand b{display:block;font:900 clamp(20px,3.6vw,52px)/1 Impact,'Arial Narrow',sans-serif;letter-spacing:-.02em;color:#bcb4a6;background:url('../assets/harbor/background.png') center/cover;text-shadow:1px 1px 0 #9c9280;-webkit-background-clip:text;background-clip:text}.harbor-brand span{display:block;font-size:clamp(5px,.62vw,9px);letter-spacing:.18em;color:#a7bbb9;margin-top:7px}
.harbor-status{top:2%;left:32%;width:37%;display:grid;grid-template-columns:1fr 1.8fr 1fr;gap:5px;text-align:center}.harbor-status>div{background:#06131bcc;border:1px solid #3d606b;border-radius:5px;padding:8px}.harbor-status small{display:block;font-size:clamp(6px,.8vw,11px);letter-spacing:.16em;color:#c3d6dc}.harbor-status strong{font-size:clamp(16px,2vw,30px)}.harbor-status>div:nth-child(2) strong{color:#ffb65e;font-family:monospace;letter-spacing:.04em}
.harbor-map{right:2%;top:2%;width:20%;border:1px solid #41606a;border-radius:6px;background:#06131bd9;padding:9px;box-shadow:0 8px 20px #0003}.harbor-map>div{display:flex;align-items:center;justify-content:space-between;font-size:clamp(7px,.8vw,12px);letter-spacing:.09em}.harbor-map button{pointer-events:auto;border:0;background:none;padding:2px;font-size:10px;color:#9dc4d4}.harbor-map canvas{width:100%;height:auto;aspect-ratio:12/7;border:1px solid #5d737a;margin:7px 0;image-rendering:auto}.harbor-map small{font-size:clamp(6px,.7vw,10px);color:#89dcc8}.harbor-map p{font-size:clamp(7px,.75vw,11px);margin:8px 0 0;padding-top:8px;border-top:1px solid #29434b;color:#a6c7ce}
.game-shell>.hud{position:absolute;inset:0;pointer-events:none;margin:0;display:block;z-index:3}.game-shell>.hud>div{position:absolute;background:#05141bda;border:1px solid #355761;border-radius:6px;padding:10px 14px;width:24%;backdrop-filter:blur(5px)}.game-shell>.hud>div:nth-child(1){left:2%;bottom:10%;border-bottom:0;border-radius:6px 6px 0 0}.game-shell>.hud>div:nth-child(2){left:2%;bottom:2%;border-top:0;border-radius:0 0 6px 6px}.game-shell>.hud>div:nth-child(3){right:2%;bottom:14%;width:27%;min-height:62px}.game-shell>.hud>div:nth-child(3)>strong,.game-shell>.hud>div:nth-child(3)>small{position:relative;z-index:1;display:block;min-width:0}.game-shell>.hud>div:nth-child(4){display:none}.game-shell>.hud strong{font-size:clamp(10px,1.25vw,18px)}.game-shell>.hud span{font-size:8px}.game-shell>.hud small{font-size:clamp(8px,.85vw,12px)}
.game-shell>#quickbar{position:absolute;right:2%;bottom:2%;width:27%;z-index:4;margin:0;padding:6px;gap:4px;background:#06131be8;border-color:#365762}.game-shell>#quickbar button{min-width:0;min-height:44px;display:block;padding:3px;position:relative;background:#0a1a20}.game-shell>#quickbar button span{font-size:7px;display:block}.game-shell>#quickbar kbd{font-size:8px;height:13px;min-width:13px;width:max-content;padding:0 2px;margin-bottom:2px}.game-shell>#quickbar #quickbag{display:none}.game-shell>#quickbar img,.game-shell>#quickbar canvas{max-width:100%;height:20px;object-fit:contain}
.game-shell>#expeditionHud{position:absolute;left:2%;top:15%;width:20%;z-index:3;padding:12px;margin:0;background:linear-gradient(90deg,#06131be8,#07131b88);border:1px solid #213c46;border-radius:5px;pointer-events:none}.game-shell>#expeditionHud>div:first-child{display:block}.game-shell>#expeditionHud .eyebrow{font-size:clamp(6px,.8vw,11px)}.game-shell>#expeditionHud #concealmentStatus{display:none}.game-shell>#expeditionHud #contractList{display:block;margin-top:12px}.game-shell .contract{margin-bottom:11px}.game-shell .contract:last-child{margin-bottom:0}.game-shell .contract strong{font-size:clamp(7px,.8vw,12px)}.game-shell .contract small{font-size:clamp(6px,.72vw,10px)}.game-shell .contract progress{margin-top:5px;height:3px}
.in-field main{max-width:1600px;padding:10px 14px}.in-field header{margin-bottom:8px}.in-field header h1{font-size:18px}.in-field header .eyebrow{display:none}.in-field .game-shell{box-shadow:0 15px 70px #0009}.in-field footer{display:none}.in-field .reflect-controls{margin-top:8px;padding:5px 9px;font-size:10px}.in-field .info{font-size:10px;gap:12px}.in-field .info p{margin:6px 0}.in-field #deployment{margin:0;padding:0;border:0}.in-field #networkStatus{font-size:9px}
@media(max-width:760px){.in-field main{padding:6px}.header-actions{gap:4px}.harbor-map{padding:5px}.harbor-map p,.harbor-brand span{display:none}.harbor-status>div{padding:4px}.game-shell>#expeditionHud{padding:6px;top:16%;width:21%}.game-shell>#expeditionHud #contractList{margin-top:4px}.game-shell .contract{margin-bottom:4px}.game-shell>.hud>div{padding:4px 7px}.game-shell>.hud>div:nth-child(1){bottom:11%}.game-shell>.hud>div:nth-child(2){bottom:2%}.game-shell>.hud>div:nth-child(3){bottom:19%;min-height:32px;padding-right:70px!important}.game-shell>.hud progress{margin-top:3px;height:3px}.game-shell>#quickbar{padding:3px;gap:2px;width:29%}.game-shell>#quickbar button{min-height:25px}.game-shell>#quickbar button span{display:none}.game-shell>#quickbar img,.game-shell>#quickbar canvas{height:14px}.game-shell>.hud span{font-size:6px}.game-shell>.hud strong{font-size:8px}.harbor-map button{font-size:7px}.harbor-brand b{font-size:24px}}
.game-shell>.hud>div:nth-child(3)>strong,.game-shell>.hud>div:nth-child(3)>small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media(max-width:760px){.game-shell>.hud>div:nth-child(3){min-height:38px;padding-right:72px!important}}