/* Crew UI is separate from the green Code Steve system. */
#crew-hud{position:absolute;left:3%;top:21%;width:204px;display:flex;align-items:center;gap:8px;padding:6px 9px 6px 5px;border:2px solid #665875;border-radius:8px;background:#101923df;color:#e0c6ff;pointer-events:none;z-index:3;font-size:13px;box-shadow:0 3px 0 #03090d}#crew-hud>div{flex:1;min-width:0}#crew-portrait{width:45px;height:45px;object-fit:contain;background:#273044;border-radius:6px}#crew-name{display:block;font-size:13px}#crew-state{display:block;font-size:10px;margin-top:2px;letter-spacing:.5px}.crew-track{height:7px;margin-top:5px;background:#30283a;border-radius:3px;overflow:hidden}.crew-track i{display:block;width:0;height:100%;background:#d4a6ff}#crew-hud.ready{border-color:#e6b8ff;box-shadow:0 0 16px #c981ff70}#crew-buff{position:absolute;top:30%;left:3%;font-size:12px;font-weight:900;color:#e9c8ff;text-shadow:2px 2px #07131a;pointer-events:none}body:has(#menu:not(.hidden)) #crew-hud,body:has(#results:not(.hidden)) #crew-hud,body:has(#loading:not(.hidden)) #crew-hud,body:has(#menu:not(.hidden)) #crew-buff,body:has(#results:not(.hidden)) #crew-buff{display:none}.secret-warning{left:91%;top:6%;width:8%;height:16%}.crew-result{font-size:12px;color:#d7b9ef;margin:8px 0}.crew-result b{margin:0 12px 0 4px}#house-badge{color:#ffe084;border:1px solid #e9b65f;padding:3px 7px;border-radius:3px}#touch #touch-assist{position:absolute;left:132px;bottom:70px;background:linear-gradient(to top,#8157ae var(--charge,0%),#16202d var(--charge,0%));border-color:#d1ace7;font-size:23px}#touch-assist.ready{box-shadow:0 0 16px #d4a0ff;animation:readyPulse .6s infinite alternate}#touch-assist.touch-down{background:#ce9bf0!important}.touch-mode #crew-hud{left:12px;top:80px;width:144px;padding:3px 5px;font-size:10px;border-width:1px;gap:5px}.touch-mode #crew-portrait{width:30px;height:32px}.touch-mode #crew-name{font-size:10px}.touch-mode #crew-state{font-size:9px;letter-spacing:0}.touch-mode .crew-track{height:5px;margin-top:3px}.touch-mode #crew-buff{top:123px;left:12px;font-size:9px;max-width:145px}.touch-mode .crew-result{font-size:10px}.left-handed #touch #touch-assist{left:auto;right:132px}.reduced-motion #touch-assist.ready{animation:none}@media(max-height:400px) and (orientation:landscape){.touch-mode #crew-hud{top:72px;width:126px}.touch-mode #crew-buff{top:113px}.touch-mode #crew-portrait{width:25px;height:27px}#touch #touch-assist{bottom:64px;width:50px;height:50px}}

#guard-hud{position:absolute;left:3%;top:17%;width:190px;pointer-events:none;font:900 10px Arial;color:#d8f5ff;text-shadow:1px 2px #07131a}#guard-hud>div{height:4px;background:#173745;margin-top:3px}#guard-fill{display:block;width:100%;height:100%;background:#a0e9ff}body:has(#menu:not(.hidden)) #guard-hud,body:has(#results:not(.hidden)) #guard-hud,body:has(#loading:not(.hidden)) #guard-hud{display:none}#touch #touch-guard{background:linear-gradient(to top,#366476 var(--guard,100%),#19272c var(--guard,100%));border-color:#b7eaf7}#touch #touch-guard.guarding{box-shadow:0 0 12px #aeefff;background:#568895}.touch-mode #guard-hud{top:62px;left:12px;width:125px;font-size:8px}.touch-mode #guard-hud>div{height:3px}@media(max-height:400px) and (orientation:landscape){.touch-mode #guard-hud{top:54px;width:120px}}

/* Cinematics preserve the simulation and expose a thumb-sized skip + normal pause. */
#cinema-skip{position:absolute;right:max(18px,env(safe-area-inset-right));bottom:max(12px,env(safe-area-inset-bottom));z-index:9;min-height:44px;min-width:100px;padding:10px 18px;background:#11231ee8;color:#d8ffe4;border:1px solid #6aba87;border-radius:6px;font:900 13px Arial;touch-action:manipulation}
.in-cinematic #hud>*:not(#pause),.in-cinematic #dimension-hud,.in-cinematic #guard-hud,.in-cinematic #crew-hud,.in-cinematic #crew-buff,.in-cinematic #weapon-hud,.in-cinematic #code-prompt,.in-cinematic #chaos-status,.in-cinematic #finisher-prompt,.in-cinematic #toast{visibility:hidden}
body:has(#modal:not(.hidden)) #cinema-skip{display:none}
.touch-mode #cinema-skip{bottom:max(9px,env(safe-area-inset-bottom));right:max(12px,env(safe-area-inset-right))}

/* Studio identity: supplied artwork, original aspect ratio, no redraw. */
.loading-studio{display:flex;flex-direction:column;align-items:center;gap:10px}.loading-studio>span{font:600 12px Arial,sans-serif;letter-spacing:2px;color:#c8ddd1}.loading-studio img{width:clamp(110px,23vmin,195px);height:auto;max-height:30dvh;object-fit:contain}#loading h2{margin:17px 0 8px}#loading .load-track{margin-top:8px}#loading p{margin:12px 0}
.menu-bottom{align-items:flex-end}.studio-credit{display:flex;flex-direction:column;align-items:center;gap:4px;flex-shrink:0}.studio-credit>span{font:600 clamp(8px,.65cqw,11px) Arial,sans-serif;letter-spacing:1px;text-shadow:0 2px 3px #000}.studio-credit img{display:block;width:clamp(48px,5.4cqw,82px);height:auto;object-fit:contain;filter:drop-shadow(0 2px 3px #000a)}
.menu-code{position:absolute;top:3%;right:3%;z-index:2;display:flex;flex-direction:column;align-items:flex-start;gap:3px;padding:9px 13px;border-left:3px solid #51ff91;border-radius:0 5px 5px 0;background:#071d19dd;box-shadow:0 3px 12px #0006;pointer-events:none}.menu-code>span{font:800 clamp(9px,.75cqw,12px) Arial,sans-serif;letter-spacing:2.2px;color:#70efac}.menu-code>strong{font:900 clamp(14px,1.45cqw,23px) Arial,sans-serif;letter-spacing:1px;color:#efffe9;white-space:nowrap}.menu-code b{color:#6dff9e}
@media(max-height:470px) and (orientation:landscape){.loading-studio{gap:5px}.loading-studio img{width:106px;max-height:29dvh}#loading h2{font-size:15px;margin:10px 0 4px}#loading p{font-size:11px;margin:8px 0}.menu-code{padding:6px 9px;top:3%;right:max(3%,env(safe-area-inset-right))}.menu-code>span{font-size:9px}.menu-code>strong{font-size:14px}.studio-credit{gap:2px}.studio-credit img{width:48px}}
@media(orientation:portrait) and (max-width:700px){.menu-code{top:3%;right:max(3%,env(safe-area-inset-right));padding:7px 9px}.menu-code>strong{font-size:13px}.menu-code>span{font-size:9px;letter-spacing:1.4px}.studio-credit img{width:58px}.menu-bottom{justify-content:flex-end}}