:root{color-scheme:dark}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;width:100%;min-height:100%}body{background:#090806;color:#d6cdb8;font-family:Inter,Avenir Next,Segoe UI,Helvetica Neue,Arial,sans-serif;overflow:hidden}#app{position:fixed;inset:0;overflow:hidden}.webgl-canvas{position:absolute;inset:0;width:100%;height:100%;display:block}.hud{position:absolute;inset:0;z-index:2;pointer-events:none;color:#d7ccb2;padding:clamp(16px,2.2vw,28px);display:grid;grid-template-columns:1fr;grid-template-rows:auto 1fr}.hud-grid{position:absolute;inset:0;opacity:.09;background-image:linear-gradient(118deg,rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(28deg,rgba(255,255,255,.022) 1px,transparent 1px);background-size:74px 74px,48px 48px;mix-blend-mode:soft-light}.hud-top{position:relative;grid-column:1 / -1;display:flex;justify-content:flex-start;align-items:flex-start;text-transform:uppercase;letter-spacing:.16em;font-size:.67rem;opacity:.92}.hud-brand{font-weight:520}@media(max-width:900px){.hud{padding:14px}.hud-top{font-size:.58rem}}