:root{color-scheme:dark}
*{box-sizing:border-box}
html,body{width:100%;height:100%;margin:0;overflow:hidden;background:#0c0b0c;font-family:Arial,Helvetica,sans-serif}
#renderCanvas{width:100%;height:100%;display:block;outline:none}
#hud{position:fixed;left:18px;top:18px;z-index:10;min-width:260px;padding:12px 14px;border-radius:12px;background:rgba(10,8,10,.72);backdrop-filter:blur(8px);color:#fff;border:1px solid rgba(255,255,255,.13);pointer-events:none}
.brand{font-size:13px;letter-spacing:.12em;font-weight:700}
.brand span{opacity:.55;font-weight:400}
#status{margin-top:8px;font-size:13px;opacity:.86}
#stats{margin-top:4px;font-size:12px;opacity:.6}
#errorPanel{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);z-index:20;width:min(720px,calc(100vw - 32px));padding:18px;border-radius:12px;background:#251416;color:#fff;border:1px solid #723a42}
#errorText{white-space:pre-wrap;overflow:auto;max-height:50vh;font-size:12px}