#view-toggle{color:#f0d4a0!important;border-top:1px solid #a58952!important;background:#453a2366!important;font-size:11px!important;letter-spacing:.03em!important;min-height:36px}
#captain-view-hud{position:absolute;left:22px;bottom:211px;max-width:340px;z-index:4;padding:13px 16px;background:linear-gradient(110deg,#101a16ed,#16231bd9);border-left:2px solid #b19660;box-shadow:0 5px 20px #0005}
#captain-view-hud p{font:11px/1.7 system-ui;color:#c9c9b0;margin:8px 0}#captain-view-hud button{display:block;text-align:left;margin:7px 0;padding:8px 10px;font:11px Georgia;width:100%}#captain-view-hud small{font:10px/1.8 system-ui;color:#acb69d}#captain-station{border-color:#bca273;color:#edd5a3;background:#4e41278a}
#captain-reticle{display:none;position:absolute;left:50%;top:50%;width:4px;height:4px;transform:translate(-50%,-50%);border:1px solid #eadbb899;border-radius:50%;pointer-events:none;box-shadow:0 0 4px #000;z-index:2}
.first-person #captain-reticle{display:block}.first-person #objective,.first-person #clock-button,.first-person #order-message{display:none}.first-person #watch-report{top:125px;width:235px}.first-person #world{cursor:crosshair}.first-person .world-grain{opacity:.12}.first-person #mini-chart canvas{width:150px;height:136px}.first-person #mini-chart{width:166px}.first-person #bridge-weather{top:112px}.first-person #interaction{bottom:217px;max-width:340px}.first-person #petition-button{max-width:340px}
.looking-around #captain-look{color:#d5b87d}.first-person.hidden-ui #captain-reticle{opacity:.5}
@media(max-height:800px){#captain-view-hud{bottom:206px;max-width:278px;padding:8px 11px}#captain-view-hud p{margin:5px 0}#captain-view-hud button{margin:5px 0;padding:6px 8px}.first-person #watch-report{top:110px;width:220px}.first-person #mini-chart canvas{width:125px;height:114px}.first-person #mini-chart{width:139px}.first-person #mini-chart button{font-size:9px;padding:6px 2px}.first-person #view-toggle{font-size:10px!important}.first-person #bridge-weather{top:102px}}
@media(max-width:1100px){#captain-view-hud{left:12px;width:220px}.first-person #watch-report{left:12px;width:200px}.first-person #interaction{left:53%;max-width:265px}.first-person #bridge-weather{left:49%}.first-person #petition-button{max-width:265px}}

.first-person #toast{top:174px;bottom:auto;max-width:min(540px,calc(100vw - 560px))}.first-person .helm-section>.smallcaps,.first-person .sails-section>.smallcaps{white-space:nowrap}

#captain-view-hud.station-open{width:340px;max-width:calc(100vw - 44px);padding:13px 15px}
.first-person.hidden-ui #captain-view-hud.station-open{opacity:1;pointer-events:auto}
#captain-view-hud.station-open>p,#captain-view-hud.station-open>small,#captain-view-hud.station-open>#captain-look,#captain-view-hud.station-open>#captain-station,#captain-view-hud.station-open>#captain-location{display:none}
#captain-view-hud .deck-orders-title{font:19px/1.15 Georgia;margin:0 0 5px;color:#f0ddb7}
#captain-view-hud .deck-orders-speaker{color:#d2b879;font:11px/1.4 system-ui;margin:0 0 4px}
#captain-view-hud .deck-orders-status{color:#b9c6b3;font:10px/1.5 system-ui;margin:0 0 9px}
#captain-view-hud .deck-orders-identity{display:grid;grid-template-columns:72px 1fr;grid-template-rows:auto auto 1fr;column-gap:11px;min-height:72px;margin-bottom:10px}
#captain-view-hud .deck-orders-portrait{grid-row:1/4;width:72px;height:72px;background-image:linear-gradient(#07100b16,#07100b66),url('../assets/images/crew/hulk-crew-portrait-atlas-v1.png');background-size:200% 200%;background-repeat:no-repeat;border:1px solid #8d7549;box-shadow:inset 0 0 15px #0009,0 2px 8px #0007;filter:saturate(.82) contrast(1.06)}
#captain-view-hud .deck-orders-portrait[data-portrait="mate"]{background-position:0 0}
#captain-view-hud .deck-orders-portrait[data-portrait="pump"]{background-position:100% 0}
#captain-view-hud .deck-orders-portrait[data-portrait="canvas"]{background-position:0 100%}
#captain-view-hud .deck-orders-portrait[data-portrait="capstan"]{background-position:100% 100%}
#captain-view-hud .deck-orders-buttons{display:grid;grid-template-columns:1fr 1fr;gap:6px}
#captain-view-hud .deck-orders-buttons button{margin:0;min-height:37px;padding:8px;border-color:#8a7958;color:#edddba;background:#3b3c2ddc;font:11px/1.35 system-ui}
#captain-view-hud .deck-orders-buttons button:last-child:nth-child(odd){grid-column:1/-1}
#captain-view-hud .deck-orders button:focus-visible{outline:2px solid #f4d18a;outline-offset:2px;background:#62543b}
#captain-view-hud .deck-orders-feedback{color:#ead7aa;font:10px/1.5 system-ui;margin:8px 0 0}
#captain-view-hud .deck-orders-feedback:empty{display:none}
#captain-view-hud .deck-orders-footer{display:flex;gap:7px;margin-top:8px}
#captain-view-hud .deck-orders-footer button{font:10px/1.3 system-ui;margin:0;padding:7px 8px;min-height:30px;color:#bfc6b1;border-color:#65705a;background:transparent}
#captain-view-hud .deck-orders-footer .deck-orders-close{text-align:right}
#captain-view-hud .deck-orders-hint{display:block;margin-top:5px;font-size:9px;color:#9ca993}
@media(max-height:800px){#captain-view-hud.station-open{width:310px;padding:10px 12px}#captain-view-hud .deck-orders-buttons button{min-height:33px;padding:6px 7px}#captain-view-hud .deck-orders-title{font-size:17px}}
/* The teaching desk owns the left column; keep walked-up orders beside it. */
body.tutorial-active.first-person #captain-view-hud{left:390px}
@media(max-height:850px) and (min-width:901px){body.tutorial-active.first-person #captain-view-hud{left:370px}}
@media(max-width:900px){body.tutorial-active.first-person #captain-view-hud{left:auto;right:12px;z-index:116;max-height:calc(100dvh - 390px);overflow:auto}}