#hq{position:fixed;inset:0;z-index:5;pointer-events:none;color:#e3e8e9;font-family:Pixel,monospace;background:linear-gradient(#03070ceb,transparent 12%,transparent 78%,#02060ce8)}
#hq[hidden]{display:none}#hq-tag{position:absolute;top:max(22px,env(safe-area-inset-top));left:5%;font-size:clamp(10px,1.1vw,15px);letter-spacing:2px;color:#9bb6bf;text-shadow:2px 2px #02070b}
.hq-controls{position:absolute;right:max(20px,env(safe-area-inset-right));top:max(16px,env(safe-area-inset-top));display:flex;gap:9px;pointer-events:auto}
.hq-controls button{min-height:40px;background:#101d27d9;border:1px solid #708b9d;color:#e4edf0;font-size:12px;padding:10px 14px}
#hq-dialogue{position:absolute;bottom:6%;left:50%;transform:translateX(-50%);width:min(840px,84%);text-align:center;text-shadow:2px 2px #02050b}
#hq-speaker{color:#edbf7b;font-size:clamp(11px,1.2vw,16px);letter-spacing:3px}#hq-line{font-size:clamp(15px,1.65vw,24px);line-height:1.5;margin:10px 0 0;padding:9px 15px;background:#03090de0;border-bottom:1px solid #465867;overflow-wrap:break-word}
#hq[data-room=bay] #hq-speaker{color:#ff8d82}
#hq-fade{position:absolute;inset:0;background:#03060a;pointer-events:none}#hq-progress{position:absolute;left:0;right:0;bottom:0;height:2px;background:#758e9e;transform-origin:left}
body.hq-scene #shade,body.hq-scene #impact,body.hq-scene #toast{display:none}
@media(max-width:700px){#hq-tag{top:64px;left:5%;font-size:10px;letter-spacing:1px}.hq-controls{top:max(10px,env(safe-area-inset-top));right:4%}.hq-controls button{min-height:38px;padding:8px 12px}#hq-dialogue{bottom:max(6%,env(safe-area-inset-bottom));width:88%}#hq-line{font-size:15px;line-height:1.4;padding:8px}}
@media(max-height:500px) and (orientation:landscape){#hq-tag{top:20px;max-width:53%;font-size:10px}#hq-dialogue{bottom:4%;width:78%}#hq-line{font-size:14px;line-height:1.3;margin-top:5px;padding:6px 10px}#hq-speaker{font-size:10px}.hq-controls button{min-height:36px;padding:8px 12px}}