#nickBubble { position:fixed; z-index:22; width:clamp(260px,29vw,420px); max-height:calc(100vh - 240px); overflow-y:auto; transform:translate(-50%,-100%); padding:15px 17px 12px; background:rgba(15,24,19,.94); border:1px solid #aecb99; border-radius:8px; box-shadow:0 3px 30px #07170e80; color:#edf1d6; font:14px/1.5 'IBM Plex Mono',monospace; pointer-events:none; }
#nickBubble::after { content:''; position:absolute; top:100%; left:50%; border:9px solid transparent; border-top-color:#aecb99; }
#nickBubble[data-focus=true] { border-color:#efd3a6; box-shadow:0 0 20px #b7915535; }
#nickBubble small { display:block; letter-spacing:2px; color:#adc69b; font-size:10px; }
#nickLine { margin:8px 0 11px; white-space:pre-line; }
#nickAnswers { display:grid; gap:6px; }
#nickAnswers button { font:inherit; font-size:12px; text-align:left; padding:7px 9px; background:#eac99b12; border:1px solid #c2c8a64d; color:#f7dfb8; cursor:pointer; pointer-events:auto; }
#nickAnswers button:hover,#nickAnswers button:focus { background:#eac99b30; }
#nickAnswers button[data-lore] { color:#b9c9b1; border-style:dashed; }
#nickTask { font-size:10px; color:#d2bd90; display:block; margin-top:8px; }
#nickDirection { position:fixed; left:24px; top:145px; max-width:calc(50vw - 48px); background:#14231de8; border:1px solid #aecb9966; padding:9px 14px; color:#dbe8c5; font:12px monospace; z-index:21; }
#hallTransition { position:fixed;inset:0;z-index:58;background:radial-gradient(ellipse at 65% 40%,#243529ee,#091411fa 75%);display:grid;align-content:center;justify-items:center;padding:32px;color:#e9d7ac;text-align:left;overflow-y:auto; }
#hallTransition[hidden],#nickBubble[hidden],#nickDirection[hidden],#orbFlightHud[hidden] { display:none; }
#hallTransition small { letter-spacing:5px; font:12px monospace; color:#a6c09b; }
#hallTransition h1 { font:clamp(26px,5vw,60px) monospace; letter-spacing:6px; margin:24px 0; }
#hallTransition p { width:min(640px,100%);font:14px/1.65 'IBM Plex Mono',monospace; margin:10px 0 0; }
#hallTransition h1{font-size:clamp(22px,4vw,40px);letter-spacing:3px;margin:18px 0}
#enterLevelTwo{margin-top:25px;padding:13px 32px;border:1px solid #c5cda2;background:#344032;color:#f6e7be;font:14px 'IBM Plex Mono',monospace;cursor:pointer}
.hall-active #pauseMenu{z-index:75}
.hall-active .radiation{display:none}
#hallTransition .hall-progress { margin:30px auto; width:200px; height:2px; background:#40523b; }
#hallTransition .hall-progress i { display:block; height:100%; background:#d7c39e; animation:hallLoad 1.8s ease-out both; }
@keyframes hallLoad { from {width:0} to {width:100%} }
#hallActionMarker { position:fixed;z-index:19;transform:translate(-50%,-100%);max-width:290px;padding:7px 10px;border:1px solid #bee0b766;background:#0a2019d9;color:#e0edcc;font:11px/1.5 'IBM Plex Mono',monospace;pointer-events:none;text-align:center; }
#hallActionMarker[hidden] {display:none;}
#orbFlightHud { position:fixed; inset:18% 6% auto; z-index:24; pointer-events:none; color:#b7e2d2; font:13px/1.6 monospace; text-shadow:0 0 9px #53ffc06b; }
#orbFlightHud b { display:block; letter-spacing:3px; }
#orbFlightHud progress { width:200px; height:4px; accent-color:#bbdfc9; }
#orbFlightHud p { width:320px; }
body.orb-camera .reticle { color:#c8ffdf; }
body.hall-active .objective small { color:#b8c99d; }
@media(max-width:800px) { #nickBubble { width:270px;font-size:12px; } }