:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#030408;color:#eef3f6;font-synthesis:none;text-rendering:geometricPrecision;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--panel-bg: linear-gradient( 160deg, rgba(13, 17, 26, .86) 0%, rgba(7, 9, 14, .92) 100% );--panel-border: rgba(148, 178, 214, .16);--panel-shadow: 0 24px 60px rgba(0, 0, 0, .5);--text-dim: #93a1b3;--text-bright: #f3f6fa;--accent-warm: #f6d992}*{box-sizing:border-box}html,body,#scene{width:100%;height:100%;margin:0;overflow:hidden}body{background:#030408}#scene{display:block;touch-action:none}#vignette{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;background:radial-gradient(ellipse at center,#0000 52%,#0000002e 78%,#02030675)}#ui-root{pointer-events:none}.control-panel,.debug-panel,.info-panel{position:fixed;z-index:3;color:var(--text-bright);background:var(--panel-bg);border:1px solid var(--panel-border);box-shadow:var(--panel-shadow);-webkit-backdrop-filter:blur(18px) saturate(1.15);backdrop-filter:blur(18px) saturate(1.15);border-radius:14px;pointer-events:auto;animation:panel-in .48s cubic-bezier(.2,.9,.3,1) both}@keyframes panel-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.control-panel{left:18px;top:18px;width:min(330px,calc(100vw - 36px));max-height:calc(100vh - 36px);overflow-y:auto;padding:18px;scrollbar-width:thin;scrollbar-color:rgba(148,178,214,.3) transparent}.debug-panel{right:18px;top:18px;width:min(360px,calc(100vw - 36px));padding:14px 16px}.info-panel{right:18px;bottom:18px;width:min(280px,calc(100vw - 36px));padding:16px 18px}.panel-title{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:14px}.panel-title h1,.panel-title h2{margin:0;letter-spacing:.02em;line-height:1.05}.panel-title h1{font-size:19px;font-weight:750;background:linear-gradient(120deg,#fdf6e3,#b8d4f0);-webkit-background-clip:text;background-clip:text;color:transparent}.panel-title h2{font-size:14px;font-weight:700}.panel-title span{color:#8fb8d4;font-size:11px;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}.time-readout{display:grid;gap:6px;padding:12px 14px;margin-bottom:16px;background:#04060a8c;border:1px solid rgba(148,178,214,.12);border-radius:10px}.time-date{font-size:15px;font-weight:650;letter-spacing:.01em;font-variant-numeric:tabular-nums;color:var(--text-bright)}.time-status{justify-self:start;font-size:10.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;padding:3px 9px;border-radius:999px;color:#9fb4c8;background:#94b2d61a}.time-status[data-state=real-time]{color:#8fe3b0;background:#62d3911f}.time-status[data-state=accelerated]{color:#f6d992;background:#d9b35f21}.time-status[data-state=paused]{color:#f0a8a0;background:#e07a6e21}.section-heading{margin-bottom:8px;color:var(--text-dim);font-size:10.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.focus-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:6px;margin-bottom:16px}.focus-button{display:flex;align-items:center;gap:8px;min-height:32px;padding:0 10px;color:#dde5ec;background:#94b2d60f;border:1px solid rgba(148,178,214,.14);border-radius:8px;font:inherit;font-size:12.5px;cursor:pointer;transition:background .16s ease,border-color .16s ease,transform .16s ease}.focus-button:hover,.focus-button:focus-visible{background:#94b2d624;border-color:#94b2d65c;outline:none;transform:translateY(-1px)}.focus-button[aria-pressed=true]{background:color-mix(in srgb,var(--accent) 16%,rgba(10,13,20,.4));border-color:color-mix(in srgb,var(--accent) 55%,transparent);color:var(--text-bright)}.focus-dot{flex:none;width:8px;height:8px;border-radius:50%;background:var(--accent);box-shadow:0 0 8px color-mix(in srgb,var(--accent) 70%,transparent)}.slider-block{display:grid;gap:8px;margin-bottom:16px;padding-top:2px}.slider-label{display:flex;align-items:baseline;justify-content:space-between;gap:12px;font-size:13px;color:#cdd5dc}.slider-label output{color:var(--accent-warm);font-weight:650;font-variant-numeric:tabular-nums}.speed-hint{color:var(--text-dim);font-size:11.5px;font-variant-numeric:tabular-nums}input[type=range]{width:100%;height:4px;-moz-appearance:none;appearance:none;-webkit-appearance:none;background:linear-gradient(90deg,#d9b35f8c,#94b2d659);border-radius:999px;outline:none;cursor:pointer}input[type=range]::-webkit-slider-thumb{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:16px;height:16px;border-radius:50%;background:#f3e3b8;border:2px solid rgba(8,10,14,.85);box-shadow:0 0 10px #f6d9928c;transition:transform .14s ease}input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.15)}input[type=range]::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:#f3e3b8;border:2px solid rgba(8,10,14,.85);box-shadow:0 0 10px #f6d9928c}.control-row{display:flex;flex-wrap:wrap;gap:8px}.control-button{min-height:34px;padding:0 14px;color:#ecf1f6;background:#94b2d614;border:1px solid rgba(148,178,214,.2);border-radius:8px;font:inherit;font-size:13px;cursor:pointer;transition:background .16s ease,border-color .16s ease,transform .16s ease}.control-button:hover,.control-button:focus-visible{background:#70bbd52e;border-color:#7ed3f17a;outline:none;transform:translateY(-1px)}.control-button[aria-pressed=true]{background:#8bcacd3d;border-color:#9be4e78f}.info-title{display:flex;align-items:center;gap:10px;margin-bottom:12px}.info-title h2{margin:0;font-size:17px;font-weight:720;letter-spacing:.01em}.info-dot{flex:none;width:11px;height:11px;border-radius:50%}.info-grid{display:grid;grid-template-columns:auto 1fr;gap:7px 16px;margin:0;font-size:12.5px}.info-grid dt{color:var(--text-dim)}.info-grid dd{margin:0;color:var(--text-bright);text-align:right;font-variant-numeric:tabular-nums}.body-labels{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none}.body-label{position:absolute;left:0;top:0;display:flex;align-items:center;gap:6px;padding:3px 9px 3px 6px;pointer-events:auto;color:#eef3f6d1;background:#06080d75;border:1px solid color-mix(in srgb,var(--accent) 26%,transparent);border-radius:999px;font:inherit;font-size:11px;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:background .16s ease,border-color .16s ease,color .16s ease;will-change:transform}.body-label:hover,.body-label:focus-visible{color:#fff;background:#0a0e16c7;border-color:color-mix(in srgb,var(--accent) 70%,transparent);outline:none}.body-label.is-focused{color:#fff;border-color:color-mix(in srgb,var(--accent) 85%,transparent);box-shadow:0 0 14px color-mix(in srgb,var(--accent) 35%,transparent)}.body-label-dot{flex:none;width:6px;height:6px;border-radius:50%;background:var(--accent);box-shadow:0 0 7px var(--accent)}.debug-grid{display:grid;grid-template-columns:minmax(120px,1fr) minmax(130px,1.15fr);gap:8px 14px;font-size:12px}.debug-grid dt{color:var(--text-dim)}.debug-grid dd{margin:0;color:#f8f0dd;text-align:right;font-variant-numeric:tabular-nums}@media(max-width:760px){.control-panel,.debug-panel,.info-panel{left:12px;right:12px;width:auto}.control-panel{top:12px;max-height:52vh}.debug-panel{top:auto;bottom:12px}.info-panel{bottom:12px}.body-label{font-size:10px}}