:root{font-family:Avenir Next,Segoe UI,Helvetica Neue,sans-serif}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0}body{overflow:hidden;background:#050f1a;color:#eef7ff}#app{position:relative}#viewport{width:100%;height:100%}#viewport canvas{width:100%;height:100%;display:block}#hud{position:absolute;top:12px;left:12px;padding:10px 12px;border:1px solid rgba(185,217,255,.28);border-radius:10px;background:#010c1685;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);pointer-events:auto}#hud h1{margin:0 0 6px;font-size:16px;font-weight:700;letter-spacing:.04em}#hud p{margin:2px 0;font-size:12px;color:#d3e6ff}.hud-buttons{display:flex;gap:8px;margin-top:8px}.hud-buttons button{border:1px solid rgba(185,217,255,.35);border-radius:7px;background:#071e36e6;color:#e8f4ff;font-size:12px;font-weight:600;padding:5px 9px;cursor:pointer}.hud-buttons button:hover{background:#153b63f5}