*{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;height:100%}body{color:#e8ecf5;background:#02030a;font-family:system-ui,-apple-system,sans-serif;overflow:hidden}.app{width:100vw;height:100vh;position:relative}.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;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 .hint{letter-spacing:.1em;color:#5c6889;font-family:ui-monospace,SFMono-Regular,monospace;font-size:10px}