:root{--ui-primary: #10b981;--ui-primary-hover: #059669;--ui-primary-50: #e8f6ea;--ui-primary-100: #c7e9cc;--ui-primary-200: #92d49b;--ui-primary-300: #54bb64;--ui-primary-400: #1f9f36;--ui-primary-500: #10b981;--ui-primary-600: #059669;--ui-primary-bg: rgba(16, 185, 129, .12);--ui-primary-ring: rgba(16, 185, 129, .3);--ui-primary-glow: rgba(16, 185, 129, .25);--ui-bg: #090a0c;--ui-bg-surface: #0e1014;--ui-bg-elevated: #13161b;--ui-bg-accented: #1a1e26;--ui-bg-card: rgba(14, 16, 20, .88);--ui-border: rgba(255, 255, 255, .08);--ui-border-muted: rgba(255, 255, 255, .05);--ui-border-accented: rgba(255, 255, 255, .14);--ui-text-highlighted: #ffffff;--ui-text: #e4e4e7;--ui-text-toned: #cbd5e1;--ui-text-muted: #94a3b8;--ui-text-dimmed: #64748b;--ui-font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--ui-font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;--ui-radius-xs: 3px;--ui-radius-sm: 4px;--ui-radius: 6px;--ui-radius-lg: 8px;--ui-radius-xl: 12px;--ui-header-height: 56px;--ui-container-max: 1440px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;user-select:none}html,body{width:100vw;height:100vh;overflow:hidden;background-color:var(--ui-bg);font-family:var(--ui-font-sans);color:var(--ui-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#canvas-container{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}body.hide-hud .cs-header,body.hide-hud .cs-telemetry-hud,body.hide-hud .cs-controls-hint,body.hide-hud .lil-gui{opacity:0!important;pointer-events:none!important}.cs-header,.cs-telemetry-hud,.cs-controls-hint,.lil-gui{transition:opacity .25s cubic-bezier(.16,1,.3,1)}.cs-header{position:fixed;top:0;left:0;right:0;height:var(--ui-header-height);z-index:50;border-bottom:1px solid var(--ui-border);background:#090a0cd1;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);display:flex;align-items:center}.cs-header-inner{width:100%;max-width:var(--ui-container-max);margin:0 auto;padding:0 1.25rem;display:flex;align-items:center;justify-content:space-between;gap:1rem}.cs-brand{display:flex;align-items:center;gap:.75rem;text-decoration:none}.cs-monogram{display:grid;width:32px;height:32px;place-items:center;border:1px solid var(--ui-primary);border-radius:var(--ui-radius-sm);font-family:var(--ui-font-mono);font-size:.72rem;font-weight:700;letter-spacing:.05em;color:var(--ui-primary);background:var(--ui-primary-bg);box-shadow:0 0 12px #10b98126}.cs-brand-info{display:flex;flex-direction:column;line-height:1.15}.cs-kicker{font-size:.62rem;font-weight:600;text-transform:uppercase;letter-spacing:.18em;color:var(--ui-primary)}.cs-brand-title{font-size:.82rem;font-weight:700;text-transform:uppercase;letter-spacing:.14em;color:var(--ui-text-highlighted)}.cs-segmented-nav{display:inline-flex;background:var(--ui-bg-elevated);border:1px solid var(--ui-border-accented);border-radius:var(--ui-radius);padding:2px;gap:2px}.cs-nav-btn{border:none;background:transparent;color:var(--ui-text-muted);font-family:var(--ui-font-sans);font-size:.75rem;font-weight:500;padding:.32rem .85rem;border-radius:calc(var(--ui-radius) - 2px);cursor:pointer;display:inline-flex;align-items:center;gap:.4rem;transition:all .15s ease;white-space:nowrap}.cs-nav-btn:hover{color:var(--ui-text-highlighted);background:var(--ui-bg-accented)}.cs-nav-btn.active{color:var(--ui-primary);background:var(--ui-primary-bg);box-shadow:inset 0 0 0 1px var(--ui-primary-ring);font-weight:600}.cs-header-actions{display:flex;align-items:center;gap:.5rem}.cs-btn{display:inline-flex;align-items:center;gap:.4rem;padding:.35rem .75rem;font-family:var(--ui-font-sans);font-size:.75rem;font-weight:500;color:var(--ui-text);background:var(--ui-bg-elevated);border:1px solid var(--ui-border);border-radius:var(--ui-radius);cursor:pointer;transition:all .15s ease;line-height:1.3}.cs-btn:hover{color:var(--ui-text-highlighted);background:var(--ui-bg-accented);border-color:var(--ui-border-accented);transform:translateY(-.5px)}.cs-btn:active{transform:translateY(0)}.cs-btn-active{color:var(--ui-primary);background:var(--ui-primary-bg);border-color:var(--ui-primary-ring)}.cs-btn-primary{color:#090a0c;background:var(--ui-primary);border-color:var(--ui-primary);font-weight:600}.cs-btn-primary:hover{background:var(--ui-primary-hover);border-color:var(--ui-primary-hover);color:#fff}.cs-icon{flex-shrink:0}.cs-card{background:var(--ui-bg-card);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--ui-border);border-radius:var(--ui-radius-lg);box-shadow:0 8px 32px #00000073;overflow:hidden}.cs-telemetry-hud{position:fixed;bottom:1.25rem;left:1.25rem;z-index:40;min-width:190px}.cs-card-header{display:flex;align-items:center;justify-content:space-between;padding:.55rem .85rem;border-bottom:1px solid var(--ui-border)}.cs-status-indicator{display:flex;align-items:center;gap:.45rem}.cs-live-pulse{width:6px;height:6px;border-radius:50%;background:var(--ui-primary);box-shadow:0 0 8px var(--ui-primary);animation:cs-pulse 2s infinite cubic-bezier(.4,0,.6,1)}@keyframes cs-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.85)}}.cs-fps-badge{font-family:var(--ui-font-mono);font-size:.72rem;font-weight:700;color:var(--ui-primary);background:var(--ui-primary-bg);padding:.1rem .4rem;border-radius:var(--ui-radius-xs);border:1px solid var(--ui-primary-ring)}.cs-card-body{padding:.65rem .85rem;display:flex;flex-direction:column;gap:.4rem}.cs-stat-row{display:flex;align-items:center;justify-content:space-between;font-family:var(--ui-font-mono);font-size:.72rem}.cs-stat-label{color:var(--ui-text-dimmed)}.cs-stat-val{font-weight:600;color:var(--ui-text)}.cs-controls-hint{position:fixed;bottom:1.25rem;right:1.25rem;z-index:40;display:inline-flex;align-items:center;gap:.55rem;padding:.4rem .85rem;border-radius:var(--ui-radius);background:var(--ui-bg-card);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid var(--ui-border);font-size:.72rem;color:var(--ui-text-muted);box-shadow:0 4px 20px #0000004d}.cs-hint-item{display:inline-flex;align-items:center;gap:.35rem}.cs-kbd{font-family:var(--ui-font-mono);font-size:.65rem;font-weight:600;padding:.1rem .35rem;border-radius:var(--ui-radius-xs);background:var(--ui-bg-accented);border:1px solid var(--ui-border-accented);color:var(--ui-text-highlighted)}.cs-hint-sep{color:var(--ui-text-dimmed);font-size:.8rem}.cs-modal-backdrop{position:fixed;inset:0;z-index:100;background:#050608c7;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;opacity:1;visibility:visible;transition:all .2s cubic-bezier(.16,1,.3,1)}.cs-modal-backdrop.hidden{opacity:0;visibility:hidden;pointer-events:none}.cs-modal-dialog{width:92%;max-width:680px;max-height:85vh;background:var(--ui-bg-elevated);border:1px solid var(--ui-border-accented);border-radius:var(--ui-radius-lg);box-shadow:0 24px 64px #000c;display:flex;flex-direction:column;overflow:hidden;animation:cs-modal-enter .25s cubic-bezier(.16,1,.3,1)}@keyframes cs-modal-enter{0%{transform:scale(.96) translateY(8px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}.cs-modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.15rem 1.4rem;border-bottom:1px solid var(--ui-border)}.cs-modal-title{font-size:1.125rem;font-weight:600;letter-spacing:-.015em;color:var(--ui-text-highlighted);margin-top:.15rem}.cs-modal-close-btn{background:transparent;border:none;color:var(--ui-text-muted);cursor:pointer;padding:6px;border-radius:var(--ui-radius);display:flex;align-items:center;justify-content:center;transition:all .15s ease}.cs-modal-close-btn:hover{color:var(--ui-text-highlighted);background:var(--ui-bg-accented)}.cs-modal-body{padding:1.4rem;overflow-y:auto;display:flex;flex-direction:column;gap:1.15rem}.cs-theory-card{background:var(--ui-bg-surface);border:1px solid var(--ui-border)}.cs-card-title{font-size:.92rem;font-weight:600;color:var(--ui-text-highlighted)}.cs-badge{font-family:var(--ui-font-mono);font-size:.68rem;font-weight:600;padding:.2rem .5rem;border-radius:var(--ui-radius-xs);color:var(--ui-primary);background:var(--ui-primary-bg);border:1px solid var(--ui-primary-ring)}.cs-prose{font-size:.82rem;line-height:1.6;color:var(--ui-text-muted)}.cs-prose code{font-family:var(--ui-font-mono);font-size:.76rem;padding:.15rem .4rem;border-radius:var(--ui-radius-xs);background:#ffffff0d;color:var(--ui-text-highlighted);border:1px solid var(--ui-border)}.cs-formula-card{margin-top:.85rem;background:var(--ui-bg);border:1px solid var(--ui-border);border-left:2px solid var(--ui-primary);border-radius:0 var(--ui-radius) var(--ui-radius) 0;padding:.85rem 1.1rem}.cs-formula-title{font-family:var(--ui-font-mono);font-size:.65rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--ui-text-dimmed)}.cs-formula-math{font-family:var(--ui-font-mono);font-size:.88rem;font-weight:600;color:var(--ui-primary);margin:.4rem 0}.cs-formula-note{font-size:.76rem;line-height:1.55;color:var(--ui-text-dimmed)}.cs-formula-note strong{color:var(--ui-text)}.lil-gui{--background-color: rgba(14, 16, 20, .92) !important;--text-color: var(--ui-text) !important;--title-background-color: var(--ui-bg-accented) !important;--widget-color: var(--ui-bg-elevated) !important;--hover-color: var(--ui-bg-accented) !important;--focus-color: var(--ui-primary) !important;--number-color: var(--ui-primary) !important;--string-color: var(--ui-primary-300) !important;font-family:var(--ui-font-sans)!important;font-size:11.5px!important;border-radius:var(--ui-radius-lg)!important;border:1px solid var(--ui-border-accented)!important;backdrop-filter:blur(16px)!important;-webkit-backdrop-filter:blur(16px)!important;box-shadow:0 12px 40px #0009!important;top:calc(var(--ui-header-height) + 12px)!important;right:1.25rem!important;overflow:hidden!important}.lil-gui .title{font-size:11px!important;font-weight:600!important;letter-spacing:.08em!important;text-transform:uppercase!important;color:var(--ui-text-highlighted)!important;padding:8px 12px!important;border-bottom:1px solid var(--ui-border)!important}.lil-gui .controller{border-bottom:1px solid rgba(255,255,255,.04)!important;padding:4px 8px!important}.lil-gui input,.lil-gui select{font-family:var(--ui-font-mono)!important;border-radius:var(--ui-radius-xs)!important;border:1px solid var(--ui-border)!important;background:var(--ui-bg)!important;color:var(--ui-text-highlighted)!important}.lil-gui input:focus,.lil-gui select:focus{border-color:var(--ui-primary)!important;outline:none!important;box-shadow:0 0 0 2px var(--ui-primary-ring)!important}.lil-gui .slider{background:var(--ui-bg-accented)!important;border-radius:var(--ui-radius-xs)!important}.lil-gui .slider-fg{background:var(--ui-primary)!important}.lil-gui .lil-button{background:var(--ui-bg-accented)!important;border:1px solid var(--ui-border)!important;border-radius:var(--ui-radius-xs)!important;color:var(--ui-text)!important;font-weight:500!important;transition:all .15s ease!important}.lil-gui .lil-button:hover{background:var(--ui-primary-bg)!important;border-color:var(--ui-primary-ring)!important;color:var(--ui-primary)!important}@media(max-width:900px){.cs-header-inner{padding:0 .85rem}.cs-nav-btn{padding:.3rem .55rem;font-size:.7rem}.cs-btn span:not(.btn-label){display:none}.cs-btn{padding:.35rem .5rem}}@media(max-width:640px){.cs-segmented-nav{display:none}.cs-telemetry-hud{bottom:.75rem;left:.75rem;min-width:160px}.cs-controls-hint{display:none}}