/* v1.0.21 — compact navigation, readable peripheral HUD, clear keyboard focus. */
:root{--hud-bg:#0a1923f5;--hud-line:#42616c;--hud-soft:#99b1bb;--hud-accent:#85ddd0;--hud-gold:#d9b675}
.world-brand{position:absolute;left:20px;top:17px;display:flex;align-items:center;gap:10px;color:#edf6f5;pointer-events:none;text-shadow:0 2px 5px #0009}
.world-brand .brandmark{width:29px;height:29px;font-size:21px;line-height:28px;border-color:#78cfc3b0;background:#0b2630b8}
.world-brand>span:last-child{font-size:16px;letter-spacing:5px}.world-brand small{display:block;margin-top:4px;font-size:8px;letter-spacing:2px;color:#acccd2}
#hud #runtime{left:60px;top:65px;max-width:430px;font-size:8px;letter-spacing:1px;opacity:.85;pointer-events:none}
#hud .map-panel{top:18px;right:20px;width:205px;padding:12px;background:linear-gradient(135deg,#102b36e8,#091b25eb);border:1px solid #71949e6b;border-top:2px solid #8bd9cb9c;box-shadow:0 8px 24px #0004}
#hud .map-panel #minimap{width:179px;height:145px}.map-panel .eyebrow{font-size:9px;letter-spacing:2px}.map-foot,.map-legend{font-size:9px}
#hud .target-panel{top:23px;background:#102732ed;border:1px solid #557985b8;border-top:2px solid #c3aa78;box-shadow:0 6px 18px #0005;max-width:calc(100vw - 480px)}
#hud .player-status{left:20px;bottom:36px;width:290px;min-height:73px;box-sizing:border-box;padding:11px 13px;gap:12px;background:linear-gradient(120deg,#112c37f5,#0b1d28f5);border:1px solid #52717e8c;border-left:3px solid #85d7c6;box-shadow:0 7px 24px #0004}
.player-status .status-avatar{width:38px;height:46px;font-size:27px;background:#193b44}.player-status .status-body{min-width:0;flex:1}.player-status .eyebrow{letter-spacing:1.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.player-status .healthbar{margin:6px 0 5px;height:5px;background:#193c46}.account-balance{display:flex;gap:5px;align-items:baseline;margin-top:5px;font-size:9px;color:#8eabb8}.account-balance #credits{font-size:11px;color:#e5c17c;font-variant-numeric:tabular-nums}.player-status small{font-variant-numeric:tabular-nums}
#hud .hotbar{bottom:32px;left:50%;width:max-content;max-width:min(53vw,620px);padding:8px 9px 3px;background:linear-gradient(180deg,#152b36f0,#0a1b24f5);border:1px solid #55778299;border-top:2px solid #9dc8bd8c;border-radius:5px;box-shadow:0 8px 26px #0008}
#hud #hotbar-slots{gap:5px;overflow:visible}.hot-slot{flex:0 0 48px;width:48px;height:48px;border-radius:3px;background:#10212be6;border:1px solid #48627099;transition:border-color .12s,background .12s}.hot-slot:hover{border-color:#9ae6da;background:#1e4653}.hot-slot.equipped{border-color:#e3bf7d;box-shadow:inset 0 -3px #c3a667,0 0 8px #d1b16b22}.hot-slot .slot-key{font-size:10px;color:#e5eee9}.hot-action-title{font-size:7px!important;line-height:9px!important}.hotbar-help{min-height:21px;gap:5px!important}.hotbar-help span{font-size:9px!important;letter-spacing:.5px}.hotbar-help button{border-radius:2px;font-size:9px!important;background:#17313c!important}
#tool-status{bottom:127px;width:292px;border:1px solid #5473818f;border-left:2px solid #91c5ba;background:linear-gradient(115deg,#132e3bed,#0b1e2bec);padding:10px 13px;border-radius:3px;box-shadow:0 5px 15px #0003}#active-tool-name{font-size:13px;letter-spacing:.3px}#tool-status>div{font-size:10px}
#control-status{left:20px;bottom:13px;font-size:9px;letter-spacing:.3px;color:#d3e1e4;max-width:calc(100vw - 220px);text-shadow:0 1px 3px #000,0 1px 6px #000}
#save-status{right:23px;top:auto;bottom:14px;font-size:8px;color:#a3c0ba;pointer-events:none}#toast{bottom:235px;max-width:min(540px,90vw);background:#0d2632f5;border-color:#729faaa0;border-radius:4px;box-shadow:0 5px 18px #0006}
.hud-dock{position:absolute;right:20px;bottom:39px;display:grid;grid-template-columns:1fr;gap:7px;width:170px;z-index:39}.hud-dock button{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 13px;text-align:left;color:#deebed;background:linear-gradient(120deg,#1b3643f5,#0d2330f5);border:1px solid #527784a6;border-radius:3px;box-shadow:0 6px 15px #0003;font:11px system-ui;letter-spacing:.6px;cursor:pointer}.hud-dock button:hover,.hud-dock button[aria-expanded=true]{background:#214c59;border-color:#92d7c8}.hud-dock button kbd,#systems-window kbd{margin-left:auto;min-width:22px;max-width:90px;text-align:center;padding:3px 5px;background:#071922ba;border:1px solid #64858c6e;border-radius:3px;color:#b5d6d5;font:10px ui-monospace,monospace;letter-spacing:0}
#systems-window{position:fixed;right:20px;bottom:148px;width:422px;max-width:calc(100vw - 24px);max-height:min(680px,calc(100dvh - 172px));box-sizing:border-box;display:flex;flex-direction:column;z-index:165;background:linear-gradient(140deg,#142e3bf9,#081821fc);border:1px solid #6b929db0;border-top:2px solid #94c7bc;box-shadow:0 18px 60px #0009;border-radius:5px;color:#deedf1}
#systems-window[hidden]{display:none}#systems-window>header{padding:18px 18px 13px;display:flex;justify-content:space-between;gap:12px;align-items:center;border-bottom:1px solid #385562}#systems-window .eyebrow{font-size:9px;letter-spacing:2px;color:#86bfb9}#systems-window h2{font-size:21px;font-weight:500;letter-spacing:1px;margin:4px 0 0}#systems-close{width:30px;height:30px;padding:0!important;font-size:22px!important;line-height:27px;color:#d4e3e7!important}#systems-window button{cursor:pointer;background:#17323f;border:1px solid #3d6170;color:#d8e7ec;padding:10px;font:12px system-ui;border-radius:3px}#systems-window button:hover{background:#254b58;border-color:#8cd8cc}#systems-window>nav{display:flex;gap:5px;padding:10px 16px;border-bottom:1px solid #355260}#systems-window>nav button{flex:1;padding:8px;font-size:11px}#systems-window>nav button.active{color:#c6fff0;border-color:#7cd2c0;background:#245248}#systems-window [data-system-pane]{padding:15px 16px 18px;overflow:auto;min-height:0}#systems-window [data-system-pane][hidden]{display:none}.systems-nav{display:grid;grid-template-columns:1fr 1fr;gap:7px}.systems-nav button{display:flex;align-items:center;justify-content:space-between;gap:5px;text-align:left;min-height:43px}.systems-nav button[hidden]{display:none!important}.systems-nav button span{font-size:12px}.systems-caption{margin:0 0 12px;color:#9db8c2;font-size:11px;line-height:1.5}#systems-window>footer{padding:10px 16px;font-size:10px;border-top:1px solid #304f5d;display:flex;justify-content:space-between;color:#98b6c0}#systems-window>footer strong{font-weight:400;color:#d3bd8e}
#systems-window .service-buttons{position:static;display:block;width:auto;max-height:none;overflow:visible;margin:0;padding:0;background:none;border:0}#systems-window .dock-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}#systems-window .dock-grid button{font-size:11px;padding:10px 8px}#systems-window .dock-title{display:none}#systems-window #settings-drawer{margin:0;border:0;padding:0}#settings-drawer>summary{cursor:pointer;color:#aad1d0;font-size:12px;padding:0 0 12px}#systems-window .quality-label{grid-column:1 / -1;display:flex;align-items:center;justify-content:space-between;font-size:10px;letter-spacing:1px;color:#bdd4dc;padding:8px;background:#102631}#systems-window select{background:#102733;border:1px solid #4f7380;color:#e0eef1;padding:6px;font:11px system-ui}#systems-window .dock-grid>a{grid-column:1 / -1;color:#9bd7ca;font-size:11px;border-bottom:1px solid #284751;padding:7px 2px;text-decoration:none}#systems-window .audio-volume{font-size:9px;letter-spacing:1px;padding:9px 8px;background:#102632;border:1px solid #2c4957;border-radius:3px}#systems-window .audio-volume input{width:155px}#systems-window #logout{color:#e8b7a7;border-color:#865950}#systems-window #reset-chat-layout{grid-column:1 / -1}
#hud button:focus-visible,#systems-window :focus-visible,.menu-window :focus-visible,.classic-window :focus-visible{outline:2px solid #a1e6d7;outline-offset:3px}
.menu-window,.expedition-window,#network-window{border-color:#71949da8;background:linear-gradient(135deg,#16313dfc,#0b1d29fc);box-shadow:0 16px 65px #0009;border-radius:5px}.menu-head,.expedition-window>header,#network-window>header{background:linear-gradient(90deg,#20434f,#112b38);border-bottom-color:#577985}.menu-head h1{font-size:25px;letter-spacing:1px}.menu-foot{background:#0a1d28;color:#8faebc}.menu-head #menu-nav button{font-size:11px}.classic-window header button{border-radius:3px}
#flight-hud{top:282px;right:20px;max-height:calc(100dvh - 427px);overflow:auto;box-shadow:0 8px 25px #0005}
body.wildlife-review .hud-dock,body.wildlife-review .world-brand{display:none}
@media(max-width:1250px){#hud .hotbar{max-width:52vw;padding:6px 7px 2px}.hot-slot{flex-basis:42px;width:42px;height:45px}#hud #hotbar-slots{gap:4px}.hud-dock{width:155px}#hud .player-status{width:255px}.world-brand small{font-size:7px}#control-status{font-size:8px}}
@media(max-width:1000px){#hud .player-status{width:225px;bottom:126px}.hud-dock{width:155px;bottom:41px}#hud .hotbar{left:20px;transform:none;max-width:calc(100vw - 205px)}#hud .target-panel{max-width:calc(100vw - 420px);width:250px}.world-brand>span:last-child{font-size:13px;letter-spacing:3px}#hud #runtime{max-width:245px;line-height:1.5;top:61px}#systems-window{width:400px}#tool-status{left:50%;bottom:128px;width:240px}#hud .map-panel{width:179px}#hud .map-panel #minimap{width:153px;height:123px}#flight-hud{width:250px;top:255px;max-height:calc(100dvh - 405px)}}
@media(max-width:700px){.world-brand{left:12px;top:13px}.world-brand small{display:none}#hud #runtime{left:12px;top:47px;font-size:7px;max-width:180px}#hud .map-panel{right:12px;top:12px;width:145px;padding:8px}#hud .map-panel #minimap{width:127px;height:103px}.map-panel .map-legend{display:none}#hud .target-panel{top:80px;left:12px;transform:none;max-width:calc(100vw - 180px);width:250px}#hud .player-status{left:12px;bottom:127px;width:210px}#hud .hotbar{left:12px;bottom:36px;max-width:calc(100vw - 24px);width:calc(100vw - 24px);box-sizing:border-box}#hud #hotbar-slots{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:3px}.hot-slot{width:100%;height:43px;min-width:0;box-sizing:border-box}.hot-action-title{font-size:6px!important}.hud-dock{right:12px;bottom:132px;width:130px}.hud-dock button{padding:7px 9px;font-size:10px}#systems-window{right:12px;bottom:218px;max-height:calc(100dvh - 234px)}#tool-status{left:auto;right:12px;bottom:224px;transform:none;width:210px;max-width:48vw;box-sizing:border-box}#control-status{left:12px;bottom:10px;font-size:7px;max-width:calc(100vw - 24px)}#save-status{display:none}#flight-hud{right:12px;top:210px;width:230px;max-height:calc(100dvh - 460px)}#toast{bottom:305px}.hotbar-help{justify-content:flex-end!important}}
@media(max-height:650px){#systems-window{bottom:116px;max-height:calc(100dvh - 130px)}#hud .map-panel{width:155px}#hud .map-panel #minimap{width:129px;height:100px}#hud .map-panel .map-legend{display:none}#flight-hud{top:225px;max-height:calc(100dvh - 355px)}}

/* Area information stays beside the dock, clear of the movable log. */
#planet-location{left:auto;right:20px;bottom:150px;max-width:170px;box-sizing:border-box;font-size:10px;line-height:1.55;padding:8px 10px;border-left:2px solid #8ccfb5;background:#102b36dd;border-radius:2px}
@media(max-width:1000px){#planet-location{max-width:155px;right:20px}}
@media(max-width:700px){#planet-location{right:12px;bottom:218px;max-width:130px;font-size:9px}#tool-status{right:12px;bottom:290px;width:180px;max-width:40vw}}

.system-grid .wiki-entry,.wiki-entry{display:flex;align-items:center;justify-content:space-between;min-height:42px;padding:10px 12px;border:1px solid #659c98;border-radius:3px;background:#183b42;color:#d7efeb;text-decoration:none}.wiki-entry:focus-visible,.wiki-entry:hover{outline:2px solid #a2e9d4;outline-offset:2px}