#tutorial-prompt{position:fixed;left:50%;bottom:120px;transform:translateX(-50%);max-width:680px;width:85%;padding:12px 16px;color:#f4d15d;background:#071019e8;border-left:3px solid #f4d15d;font:14px/1.5 monospace;pointer-events:none;z-index:20}
#systems-hud{position:fixed;left:18px;bottom:76px;background:#08141cde;color:#cfdddd;padding:8px;font:12px monospace;pointer-events:none;z-index:19}
#fps-ammo-hud{position:fixed;right:24px;bottom:22px;z-index:21;pointer-events:none;min-width:150px;padding:12px 15px 10px;background:linear-gradient(135deg,#07151ddf,#102630eb);border:1px solid #5b8790;box-shadow:0 0 22px #071017aa,inset 0 0 0 1px #152e33;color:#e1eeec;font:12px Consolas,monospace;text-align:left}
#fps-ammo-hud[hidden]{display:none}#fps-ammo-hud .ammo-title{display:block;color:#81aaab;font-size:9px;letter-spacing:2px;margin-bottom:3px}#fps-ammo-hud .ammo-values{display:flex;align-items:baseline;gap:10px;line-height:1.15}#fps-ammo-hud .ammo-values strong{font-size:38px;font-weight:700;min-width:2ch}#fps-ammo-hud .ammo-divider{color:#58d9cf;font-size:24px}#fps-ammo-hud .ammo-values span:last-child{font-size:23px;color:#b6c8c9}#fps-ammo-hud .ammo-caption{display:flex;justify-content:space-between;color:#77969b;font-size:9px;letter-spacing:1px;margin-top:3px}
@media(max-width:600px){#fps-ammo-hud{right:8px;bottom:70px;min-width:110px;padding:8px}#fps-ammo-hud .ammo-values strong{font-size:27px}#fps-ammo-hud .ammo-values span:last-child{font-size:17px}}
#ground-controls{position:fixed;bottom:12px;left:50%;transform:translateX(-50%);display:flex;gap:5px;z-index:22}#ground-controls[hidden],#tutorial-prompt[hidden],#systems-hud[hidden]{display:none}
#ground-controls button{font-size:10px;padding:9px}.module-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}.module-grid article{background:#101f2a;border:1px solid #45616b;padding:16px}.module-slots{display:flex;flex-wrap:wrap;gap:8px}.equipment-icon{width:80px;height:65px;color:#8bbcc4}.module-grid h2{font-size:20px}.module-grid p{font-size:13px}
@media(max-width:700px){#tutorial-prompt{bottom:155px;font-size:12px}#ground-controls{flex-wrap:wrap;width:90%;justify-content:center}#systems-hud{bottom:105px;font-size:10px}}

.module-compare{width:100%;font:12px monospace;border-collapse:collapse;margin:12px 0}.module-compare th,.module-compare td{text-align:left;padding:5px;border-bottom:1px solid #304753}
#flight-lesson-controls{display:none}
@media(pointer:coarse){#flight-lesson-controls:not([hidden]){display:flex;position:fixed;left:5%;right:5%;bottom:65px;flex-wrap:wrap;justify-content:center;gap:4px;z-index:23}#flight-lesson-controls button{font-size:10px;padding:7px}#tutorial-prompt{bottom:170px}#systems-hud{bottom:132px}}
#walking-ui{bottom:130px}body:has(#ground-controls:not([hidden])) #tutorial-prompt{bottom:200px}
@media(pointer:coarse){#walking-ui{bottom:125px}body:has(#ground-controls:not([hidden])) #tutorial-prompt{bottom:300px}body:has(#ground-controls:not([hidden])) #systems-hud{bottom:102px}}

/* One contextual line leaves the workshop view open. Touch retains explicit actions. */
#tutorial-prompt{background:rgba(10,18,22,.68);border:0;border-left:2px solid #d0b885;padding:8px 12px;max-width:min(580px,85vw);font-size:12px;box-shadow:none}
@media(pointer:fine){#ground-controls{display:none!important}}
@media(max-width:600px){#tutorial-prompt{top:65px;bottom:auto;font-size:11px}#systems-hud{font-size:10px}#ground-controls{max-width:65vw;flex-wrap:wrap}}

@media(pointer:fine){body:has(#ground-controls:not([hidden])) #tutorial-prompt{bottom:85px;width:auto}#walking-ui{bottom:28px}#walking-caption{background:transparent;font-size:11px}#systems-hud{bottom:18px}}

@media(pointer:fine){#walking-caption{display:none}body:has(#ground-controls:not([hidden])) #tutorial-prompt{bottom:106px}#walking-interact:disabled{border:0;background:transparent;font-size:11px;color:#a7b2af}}

#tutorial-prompt{height:fit-content}
@media(max-width:600px){body:has(#ground-controls:not([hidden])) #tutorial-prompt{top:90px;bottom:auto!important;left:18px;right:18px;transform:none;width:auto;max-width:none}#systems-hud{max-width:80vw}}
@media(pointer:coarse) and (max-width:600px){#ground-controls{width:94vw;max-width:94vw;justify-content:center;bottom:10px}#walking-ui{bottom:138px}body:has(#ground-controls:not([hidden])) #systems-hud{top:148px;bottom:auto;left:18px}#ground-controls button{padding:8px;font-size:9px;min-height:40px}}