:root{color:#f4f1ea;font-synthesis:none;background:#101114;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}#app{touch-action:none;display:block}.hud{-webkit-backdrop-filter:blur(24px)saturate(120%);backdrop-filter:blur(24px)saturate(120%);background:linear-gradient(145deg,#0e1014c7,#1113189e);border:1px solid #ffffff1f;border-radius:18px;width:min(326px,100vw - 48px);padding:16px 18px;position:fixed;top:24px;left:24px;box-shadow:0 24px 80px #00000061}.eyebrow{color:#b7ad97;letter-spacing:.16em;font-size:10px;font-weight:650}h1{letter-spacing:-.03em;margin:5px 0 3px;font-family:Georgia,Times New Roman,serif;font-size:31px;font-weight:400}.status{color:#d8d5ce;margin:0 0 14px;font-size:13px}.status.error{color:#ff9d93}.diagnostics{grid-template-columns:1fr auto;gap:6px 16px;margin:0;font-size:11px;display:grid}.diagnostics div{display:contents}.diagnostics dt{color:#8f929a}.diagnostics dd{color:#e9e5db;font-variant-numeric:tabular-nums;text-align:right;text-overflow:ellipsis;white-space:nowrap;max-width:190px;margin:0;overflow:hidden}.mode-row{color:#8f929a;border-top:1px solid #ffffff1a;justify-content:space-between;margin-top:14px;padding-top:12px;font-size:11px;display:flex}.mode-row strong{color:#cabfa8;font-weight:600}.controls{gap:8px;margin-top:12px;display:flex}.controls button{color:#d8d5ce;font:inherit;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1f;border-radius:8px;flex:1;padding:7px 8px;font-size:10px}.controls button[aria-pressed=false]{color:#8f929a;background:0 0}.hint{color:#ffffff7a;font-size:11px;position:fixed;bottom:20px;right:24px}@media (width<=600px){.hud{width:calc(100vw - 24px);top:12px;left:12px}.hint{bottom:12px;right:12px}}