html,body{margin:0;height:100%;background:#04050a;color:#e6e9f1}body{font-family:ui-monospace,Consolas,monospace;overflow:hidden}#view{position:fixed;inset:0;width:100%;height:100%;display:block}#hud{position:fixed;left:0;right:0;bottom:0;display:flex;justify-content:space-between;gap:16px;padding:8px 14px;font-size:12.5px;background:rgba(4,5,10,.72);border-top:1px solid #232a3c}#hud #status{color:#99a2b6}#hud #who{color:#e6e9f1}#hud #tick{color:#ff6eb4;font-variant-numeric:tabular-nums}#chat{position:fixed;left:10px;bottom:44px;width:min(420px,60vw);display:flex;flex-direction:column;gap:6px;font-size:13px}#chat #log{max-height:180px;overflow-y:auto;display:flex;flex-direction:column;gap:2px;padding:6px 8px;background:rgba(4,5,10,.55);border:1px solid #232a3c;border-radius:6px}#chat #log:empty{display:none}#chat #log .line{overflow-wrap:anywhere}#chat #log .who{color:#ff6eb4;font-weight:700}#chat #say{font:inherit;color:#e6e9f1;background:rgba(4,5,10,.78);border:1px solid #232a3c;border-radius:6px;padding:6px 8px}#chat #say::placeholder{color:rgba(153,162,182,.6)}#chat #say:focus{outline:2px solid #ff6eb4;outline-offset:-1px}#bubbles{position:fixed;inset:0;pointer-events:none}#bubbles .bubble{position:absolute;transform:translate(-50%, -100%);max-width:28ch;padding:3px 8px;background:rgba(4,5,10,.82);border:1px solid #232a3c;border-radius:8px;font-size:12.5px;line-height:1.35;text-align:center;overflow-wrap:anywhere;white-space:pre-line}#overlay{position:fixed;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;background:rgba(4,5,10,.82);text-align:center;padding:24px}#overlay[hidden]{display:none}#overlay #overlay-text{font-size:17px;color:#e6e9f1;max-width:46ch}#overlay #overlay-hint{font-size:12.5px;color:#ff6eb4}