*{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;height:100%}body{color:#e8ecf5;overscroll-behavior:none;background:#02030a;font-family:system-ui,-apple-system,sans-serif;overflow:hidden}.app{width:100vw;height:100vh;position:relative}body:has(.app[style*=width]){overflow:auto}.boot{letter-spacing:.18em;text-transform:uppercase;color:#5c6889;pointer-events:none;background:#02030a;place-items:center;font-family:ui-monospace,SFMono-Regular,monospace;font-size:11px;display:grid;position:absolute;inset:0}.scale-fade{opacity:0;pointer-events:none;background:#02030a;transition:opacity .22s;position:absolute;inset:0}.scale-fade.active{opacity:1;transition:opacity 60ms}.backend-badge{letter-spacing:.14em;text-transform:uppercase;color:#7d8bb0;pointer-events:none;border:1px solid #2a3350;border-radius:6px;padding:4px 8px;font-family:ui-monospace,SFMono-Regular,monospace;font-size:10px;position:absolute;top:16px;right:18px}.hud{pointer-events:none;max-width:360px;position:absolute;bottom:24px;left:24px}.hud .views{pointer-events:auto;flex-wrap:wrap;gap:6px;margin-bottom:12px;display:flex}.hud .views button{color:#7d8bb0;letter-spacing:.12em;text-transform:uppercase;cursor:pointer;background:0 0;border:1px solid #2a3350;border-radius:6px;padding:5px 12px;font-family:ui-monospace,SFMono-Regular,monospace;font-size:10px;transition:border-color .15s,color .15s}.hud .views button.active{color:#e8ecf5;border-color:#4a7dff}.hud .kicker{letter-spacing:.18em;text-transform:uppercase;color:#7d8bb0;margin-bottom:10px;font-family:ui-monospace,SFMono-Regular,monospace;font-size:10px}.hud h1{letter-spacing:.01em;font-size:26px;font-weight:600;line-height:1.1}.hud .cls{color:#8fa1d6;margin:3px 0 12px;font-family:ui-monospace,SFMono-Regular,monospace;font-size:11px}.hud p{color:#c3cbe0;margin-bottom:12px;font-size:13.5px;line-height:1.55}.hud ul{margin-bottom:16px;list-style:none}.hud li{color:#9aa6c6;margin-bottom:3px;padding-left:15px;font-size:12px;line-height:1.5;position:relative}.hud li:before{content:"◆";color:#4a7dff;font-size:8px;position:absolute;top:3px;left:0}.hud .nav{pointer-events:auto;align-items:center;gap:12px;margin-bottom:10px;display:flex}.hud button{color:#cdd6ee;cursor:pointer;background:0 0;border:1px solid #2a3350;border-radius:7px;padding:7px 13px;font-size:12px;transition:border-color .15s,color .15s}.hud button:hover{color:#fff;border-color:#4a7dff}.hud .nav span{color:#7d8bb0;font-family:ui-monospace,SFMono-Regular,monospace;font-size:11px}.hud .dial{letter-spacing:.06em;color:#c9a06a;border:1px solid #2a3350;border-radius:7px;margin-bottom:10px;padding:7px 10px;font-family:ui-monospace,SFMono-Regular,monospace;font-size:11px}.hud .hint{letter-spacing:.1em;color:#5c6889;font-family:ui-monospace,SFMono-Regular,monospace;font-size:10px}.hud.compact{max-width:none;padding-bottom:env(safe-area-inset-bottom);bottom:10px;left:12px;right:12px}.hud.compact .views{margin-bottom:8px}.hud.compact .views button{padding:4px 8px;font-size:9px}.hud.compact .kicker{display:none}.hud.compact h1{font-size:20px}.hud.compact .cls{margin:2px 0 8px}.hud.compact .facts{pointer-events:auto;background:#04060ed9;border:1px solid #2a3350;border-radius:8px;max-height:42vh;margin-bottom:8px;padding:10px 12px;overflow-y:auto}.hud .facts-toggle{pointer-events:auto;letter-spacing:.08em;margin-bottom:8px;font-family:ui-monospace,SFMono-Regular,monospace;font-size:10px}.hud.compact .hint{font-size:9px}