:root{--bg: #05060c;--surface: rgba(12, 16, 28, .62);--surface-strong: rgba(14, 18, 32, .82);--border: rgba(255, 255, 255, .08);--border-strong: rgba(255, 255, 255, .14);--text: #f4f6fb;--text-muted: rgba(244, 246, 251, .55);--text-soft: rgba(244, 246, 251, .72);--accent: #7c9cff;--accent-soft: rgba(124, 156, 255, .16);--accent-glow: rgba(124, 156, 255, .35);--success: #5eead4;--radius: 16px;--radius-sm: 10px;--shadow: 0 18px 50px rgba(0, 0, 0, .45);--blur: 22px;--font: "DM Sans", system-ui, -apple-system, sans-serif;--mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--safe-bottom: max(16px, env(safe-area-inset-bottom));--safe-top: max(16px, env(safe-area-inset-top))}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:var(--bg);color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}#app{position:relative;width:100vw;height:100vh;overflow:hidden}#c{display:block;width:100%;height:100%;touch-action:none}.mono{font-family:var(--mono);font-feature-settings:"tnum" 1}.hud-top,.hud-panel,.control-card,.hint{background:var(--surface);border:1px solid var(--border);backdrop-filter:blur(var(--blur)) saturate(140%);-webkit-backdrop-filter:blur(var(--blur)) saturate(140%);box-shadow:var(--shadow)}.hud-top{position:absolute;top:var(--safe-top);left:50%;transform:translate(-50%);z-index:10;display:flex;align-items:center;gap:28px;padding:12px 16px 12px 14px;border-radius:999px;max-width:calc(100vw - 32px)}.brand{display:flex;align-items:center;gap:12px;min-width:0}.lab-back{flex-shrink:0;display:inline-flex;align-items:center;padding:6px 10px;margin-right:2px;border-radius:999px;border:1px solid var(--border);background:#ffffff0a;color:var(--text-muted);font-size:11px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;text-decoration:none;transition:color .15s ease,border-color .15s ease,background .15s ease}.lab-back:hover{color:var(--text);border-color:var(--border-strong);background:#7c9cff1f}.brand-mark{width:34px;height:34px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff7d6 0%,#ffd56a 18%,#ff9a3c 42%,#ff5a1f 70%,transparent 72%),radial-gradient(circle at 70% 70%,rgba(124,156,255,.5),transparent 55%),#1a1020;box-shadow:0 0 0 1px #ffc87840,0 0 22px #ffa03c73;flex-shrink:0}.brand-text h1{margin:0;font-size:15px;font-weight:600;letter-spacing:-.02em;line-height:1.1}.brand-text p{margin:2px 0 0;font-size:11px;color:var(--text-muted);letter-spacing:.04em;text-transform:uppercase}.status-pills{display:flex;gap:8px;flex-wrap:wrap}.pill{display:flex;flex-direction:column;gap:2px;padding:6px 12px;border-radius:12px;background:#ffffff0a;border:1px solid rgba(255,255,255,.05);min-width:88px}.pill-label{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted)}.pill-value{font-size:12px;font-weight:500;color:var(--text)}.hud-panel{position:absolute;top:calc(var(--safe-top) + 72px);z-index:10;width:min(280px,calc(100vw - 32px));border-radius:var(--radius);padding:14px;max-height:calc(100vh - 220px);overflow:auto}.hud-left{left:16px}.hud-right{right:16px}.panel-header{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:12px;padding-bottom:10px;border-bottom:1px solid var(--border)}.panel-header h2{margin:0;font-size:13px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--text-soft)}.panel-hint{font-size:11px;color:var(--text-muted)}.badge{font-size:10px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;padding:4px 8px;border-radius:999px;background:var(--accent-soft);color:var(--accent);border:1px solid rgba(124,156,255,.22)}.body-list{display:flex;flex-direction:column;gap:4px}.body-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid transparent;background:transparent;color:var(--text-soft);text-align:left;display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:12px;cursor:pointer;font:inherit;font-size:13px;transition:background .18s ease,border-color .18s ease,transform .18s ease}.body-btn:hover{background:#ffffff0d;border-color:var(--border)}.body-btn.active{background:var(--accent-soft);border-color:#7c9cff47;color:var(--text);box-shadow:inset 0 0 0 1px #7c9cff14}.body-swatch{width:10px;height:10px;border-radius:50%;box-shadow:0 0 10px currentColor;flex-shrink:0}.body-meta{margin-left:auto;font-family:var(--mono);font-size:10px;color:var(--text-muted)}.info-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px 10px;margin:0 0 14px}.info-grid>div{display:flex;flex-direction:column;gap:3px}.info-grid>.full{grid-column:1 / -1}.info-grid dt{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted)}.info-grid dd{margin:0;font-size:12.5px;color:var(--text)}.info-blurb{margin:0;font-size:12.5px;line-height:1.55;color:var(--text-soft)}.hud-bottom{position:absolute;left:50%;bottom:var(--safe-bottom);transform:translate(-50%);z-index:10;display:flex;flex-wrap:wrap;justify-content:center;gap:10px;width:min(980px,calc(100vw - 24px));pointer-events:none}.control-card{pointer-events:auto;border-radius:18px;padding:12px 14px;display:flex;align-items:center;gap:10px}.transport{gap:6px;padding:8px}.icon-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:42px;height:42px;border-radius:14px;border:1px solid var(--border);background:#ffffff0a;color:var(--text);display:grid;place-items:center;cursor:pointer;transition:background .15s ease,border-color .15s ease,transform .15s ease,box-shadow .15s ease}.icon-btn svg{width:18px;height:18px}.icon-btn:hover{background:#ffffff14;border-color:var(--border-strong)}.icon-btn:active{transform:scale(.96)}.icon-btn.primary{background:linear-gradient(180deg,#8aa8ff,#6b86f0);border-color:#ffffff2e;color:#0b1020;box-shadow:0 8px 24px var(--accent-glow)}.icon-btn.primary:hover{filter:brightness(1.05)}.icon-btn .hidden{display:none}.speed-card{flex:1 1 280px;flex-direction:column;align-items:stretch;gap:8px;min-width:min(320px,100%)}.speed-header{display:flex;justify-content:space-between;align-items:center;gap:12px}.speed-header label{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted)}.speed-label{font-size:12px;color:var(--text)}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:6px;border-radius:999px;background:linear-gradient(90deg,#7c9cff33,#7c9cffd9);outline:none;cursor:pointer}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;background:#fff;border:2px solid #8aa8ff;box-shadow:0 2px 10px #00000059}input[type=range]::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:#fff;border:2px solid #8aa8ff;box-shadow:0 2px 10px #00000059}.speed-ticks{display:flex;justify-content:space-between;font-size:10px;color:var(--text-muted);letter-spacing:.02em}.toggles{gap:14px;flex-wrap:wrap}.toggle{display:inline-flex;align-items:center;gap:8px;font-size:12px;color:var(--text-soft);cursor:pointer;-webkit-user-select:none;user-select:none}.toggle input{position:absolute;opacity:0;pointer-events:none}.toggle-ui{width:34px;height:20px;border-radius:999px;background:#ffffff14;border:1px solid var(--border);position:relative;transition:background .18s ease,border-color .18s ease}.toggle-ui:after{content:"";position:absolute;top:2px;left:2px;width:14px;height:14px;border-radius:50%;background:#fff;transition:transform .18s ease;box-shadow:0 1px 4px #00000059}.toggle input:checked+.toggle-ui{background:#7c9cff73;border-color:#7c9cff80}.toggle input:checked+.toggle-ui:after{transform:translate(14px)}.view-presets{gap:6px;padding:8px}.chip{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--border);background:#ffffff08;color:var(--text-soft);font:inherit;font-size:12px;font-weight:500;padding:8px 12px;border-radius:999px;cursor:pointer;transition:background .15s ease,border-color .15s ease,color .15s ease}.chip:hover{border-color:var(--border-strong);color:var(--text)}.chip.active{background:var(--accent-soft);border-color:#7c9cff59;color:var(--text)}.hint{position:absolute;left:50%;bottom:calc(var(--safe-bottom) + 92px);transform:translate(-50%);z-index:9;padding:8px 14px;border-radius:999px;font-size:12px;color:var(--text-muted);white-space:nowrap;pointer-events:none;opacity:1;transition:opacity .6s ease}.hint.fade{opacity:0}.label{font-family:var(--font);font-size:11px;font-weight:500;letter-spacing:.04em;color:#ffffffc7;text-shadow:0 1px 8px rgba(0,0,0,.85);padding:2px 0;pointer-events:none;-webkit-user-select:none;user-select:none;white-space:nowrap;transition:opacity .2s ease}.label.dim{opacity:.35}@media(max-width:900px){.hud-left,.hud-right{display:none}.hud-top{top:10px;gap:12px;padding:10px 12px;border-radius:20px}.status-pills .pill:nth-child(3){display:none}.hint{display:none}.hud-bottom{bottom:10px}}@media(max-width:560px){.brand-text p,.speed-ticks,.view-presets{display:none}}#app:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:1;background:radial-gradient(ellipse 80% 60% at 50% 45%,transparent 40%,rgba(0,0,0,.45) 100%),linear-gradient(180deg,rgba(5,6,12,.35) 0%,transparent 18%,transparent 78%,rgba(5,6,12,.5) 100%)}.info-actions{display:flex;gap:8px;margin-top:14px;padding-top:12px;border-top:1px solid var(--border)}.chip.action{flex:1;justify-content:center;cursor:pointer;border:1px solid var(--border);background:var(--accent-soft);color:var(--text);font:inherit;font-size:12px;font-weight:500;letter-spacing:.02em;padding:8px 12px;border-radius:999px;transition:background .15s ease,border-color .15s ease,color .15s ease}.chip.action:hover:not(:disabled){border-color:var(--border-strong);background:#7c9cff47}.chip.action:disabled{opacity:.4;cursor:not-allowed}.chip.action.active{background:var(--accent);border-color:transparent;color:#0a0c14}.inspect-bar{position:absolute;top:calc(var(--safe-top) + 72px);left:50%;transform:translate(-50%);z-index:12;max-width:calc(100vw - 32px)}.inspect-bar[hidden]{display:none!important}.inspect-bar-inner{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:center;padding:10px 12px 10px 14px;border-radius:999px;background:var(--surface-strong);border:1px solid rgba(124,156,255,.35);backdrop-filter:blur(var(--blur)) saturate(140%);-webkit-backdrop-filter:blur(var(--blur)) saturate(140%);box-shadow:0 0 0 1px #7c9cff1f,var(--shadow);font-size:13px}.inspect-dot{width:8px;height:8px;border-radius:50%;background:var(--accent);box-shadow:0 0 12px var(--accent-glow);flex-shrink:0}.inspect-label{color:var(--text-muted);font-size:11px;text-transform:uppercase;letter-spacing:.08em;font-weight:600}.inspect-bar-inner strong{font-weight:600;letter-spacing:.01em}.inspect-sep{color:var(--text-muted);opacity:.5}.inspect-hint{color:var(--text-soft);font-size:12px}#btn-exit-inspect{cursor:pointer;border:1px solid var(--border);background:#ffffff0f;color:var(--text);font:inherit;font-size:12px;font-weight:500;padding:6px 12px;border-radius:999px;margin-left:4px}#btn-exit-inspect:hover{background:#ffffff1f;border-color:var(--border-strong)}body.inspect-mode #c{cursor:grab}body.inspect-mode #c:active{cursor:grabbing}.loading{position:absolute;top:0;right:0;bottom:0;left:0;z-index:50;display:grid;place-items:center;background:radial-gradient(ellipse at 50% 40%,#12182c,#05060c 70%);transition:opacity .45s ease,visibility .45s ease}.loading.done{opacity:0;visibility:hidden;pointer-events:none}.loading-inner{text-align:center;display:flex;flex-direction:column;align-items:center;gap:12px}.loading-orb{width:56px;height:56px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff7d6 0%,#ffd56a 22%,#ff9a3c 50%,#ff5a1f 78%,transparent 80%),#1a1020;box-shadow:0 0 0 1px #ffc8784d,0 0 40px #ffa03c8c;animation:pulse-orb 1.6s ease-in-out infinite}.loading-inner p{margin:0;font-size:14px;font-weight:500;letter-spacing:.02em}.loading-sub{font-size:11px;color:var(--text-muted);letter-spacing:.06em;text-transform:uppercase}@keyframes pulse-orb{0%,to{transform:scale(1);filter:brightness(1)}50%{transform:scale(1.06);filter:brightness(1.12)}}