html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#050505;color:#f5f5f5;font-family:Arial,Helvetica,sans-serif}
main{position:relative;width:100%;height:100%}
#scene{display:block;width:100%;height:100%;touch-action:none}
#hud{position:absolute;z-index:5;left:18px;top:18px;pointer-events:none}
.brand{font-size:12px;letter-spacing:.35em;opacity:.75}
.title{margin-top:7px;font-size:18px;letter-spacing:.12em}
#status{margin-top:8px;font-size:11px;letter-spacing:.08em;opacity:.62}
#controls{position:absolute;z-index:10;left:18px;right:18px;bottom:28px;display:flex;gap:10px}
button{flex:1;border:1px solid rgba(255,255,255,.35);background:rgba(0,0,0,.55);color:#fff;padding:14px 12px;font-size:12px;letter-spacing:.12em;border-radius:3px}
button:disabled{opacity:.35}
#help{position:absolute;z-index:5;left:18px;right:18px;bottom:82px;text-align:center;font-size:10px;letter-spacing:.06em;opacity:.42;pointer-events:none}