:root{--bg: #05060a;--ink: #e8dcc4;--ink-dim: rgba(232, 220, 196, .55);--gold: #b08d57;--blood: #6b1f1f;--rust: #4a3028;--ash-violet: #3a2644;--font-display: "IM Fell English", "Garamond", "Times New Roman", serif;--font-label: "Inter", -apple-system, system-ui, sans-serif}*{box-sizing:border-box}body,#root{color:var(--ink);-webkit-user-select:none;user-select:none}.display{font-family:var(--font-display);letter-spacing:.02em}.label{font-family:var(--font-label);font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.16em;color:var(--ink-dim)}.info-panel{position:fixed;top:24px;right:24px;padding:18px 22px;background:#05060a8c;border:1px solid rgba(176,141,87,.25);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);min-width:240px;pointer-events:none}.info-panel .heading{font-family:var(--font-display);font-size:20px;line-height:1.2;color:var(--ink);margin-bottom:2px}.info-panel .subheading{font-family:var(--font-display);font-style:italic;font-size:13px;color:var(--gold);margin-bottom:14px}.info-panel .row{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:4px 0;font-size:13px}.info-panel .row .k{color:var(--ink-dim);font-family:var(--font-label);font-size:10px;text-transform:uppercase;letter-spacing:.14em}.info-panel .row .v{font-family:var(--font-display);color:var(--ink)}.events-panel{position:fixed;left:24px;top:24px;padding:14px 18px;background:#05060a8c;border:1px solid rgba(176,141,87,.25);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);max-width:360px;pointer-events:none}.events-panel ul{list-style:none;padding:0;margin:6px 0 0}.events-panel .event-row{display:flex;align-items:baseline;gap:8px;padding:3px 0;font-size:12px}.events-panel .dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#b08d5759;flex:0 0 auto;align-self:center}.events-panel .dot.has-render{background:var(--blood);box-shadow:0 0 4px #6b1f1fb3}.events-panel .title{font-family:var(--font-display);color:var(--ink);flex:1 1 auto}.events-panel .kind{font-family:var(--font-label);font-size:9px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-dim)}.events-panel .phase{font-family:var(--font-label);font-size:10px;color:var(--gold)}.error-banner{position:fixed;top:24px;left:50%;transform:translate(-50%);max-width:520px;padding:14px 18px;background:#2d0c0ce6;border:1px solid var(--blood);color:var(--ink);z-index:10}.error-banner .heading{font-family:var(--font-display);color:var(--accent-ivory, var(--ink));margin-bottom:8px}.error-banner ul{list-style:none;padding:0;margin:0 0 10px;font-size:12px}.error-banner li{padding:2px 0}.error-banner .id{font-family:var(--font-label);font-size:10px;color:var(--gold);letter-spacing:.1em;text-transform:uppercase;margin-right:8px}.error-banner .msg{font-family:var(--font-label);color:var(--ink-dim)}.error-banner .dismiss{font-family:var(--font-label);background:transparent;border:1px solid var(--blood);color:var(--ink);padding:4px 10px;font-size:10px;letter-spacing:.12em;text-transform:uppercase;cursor:pointer}.scrubber{position:fixed;left:0;right:0;bottom:0;padding:16px 24px 18px;background:linear-gradient(to top,#05060ad9,#05060a80 60%,#05060a00);display:flex;flex-direction:column;gap:8px}.scrubber .track-row{display:flex;align-items:center;gap:14px}.scrubber .play-button{font-family:var(--font-display);background:transparent;border:1px solid var(--gold);color:var(--ink);padding:6px 14px;min-width:56px;cursor:pointer;font-size:13px;letter-spacing:.1em}.scrubber .play-button:hover{background:#b08d571f}.scrubber .rate{display:flex;gap:4px}.scrubber .rate button{font-family:var(--font-label);background:transparent;color:var(--ink-dim);border:1px solid rgba(176,141,87,.25);padding:4px 8px;font-size:10px;letter-spacing:.12em;cursor:pointer}.scrubber .rate button.active{color:var(--ink);border-color:var(--gold);background:#6b1f1f26}.scrubber .track{flex:1;position:relative;height:32px}.scrubber .track-line{position:absolute;left:0;right:0;top:50%;height:1px;background:#b08d5759}.scrubber .tick{position:absolute;top:50%;width:1px;height:6px;background:#b08d5780;transform:translateY(-50%)}.scrubber .tick.major{height:12px;background:var(--gold)}.scrubber .tick-label{position:absolute;top:calc(50% + 10px);transform:translate(-50%);font-family:var(--font-display);font-size:10px;color:var(--ink-dim);white-space:nowrap}.scrubber input[type=range]{position:absolute;left:0;right:0;top:0;bottom:0;width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;margin:0;cursor:pointer}.scrubber input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:4px;height:28px;background:var(--blood);border:1px solid rgba(232,220,196,.9);box-shadow:0 0 8px #6b1f1fb3;cursor:pointer}.scrubber input[type=range]::-moz-range-thumb{width:4px;height:28px;background:var(--blood);border:1px solid rgba(232,220,196,.9);border-radius:0;box-shadow:0 0 8px #6b1f1fb3;cursor:pointer}.scrubber .readout{font-family:var(--font-display);font-size:12px;color:var(--ink-dim);text-align:center}