:root{--fg:#f4f2ee;--hint:#f4f2ee47;--stat-label:#f4f2ee85;--stat-value:#f4f2eed1;--stat-dim:#f4f2ee8c;--font:Inter, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, sans-serif;--edge:clamp(1.4rem, 3.2vw, 2.6rem);--safe-t:env(safe-area-inset-top,0px);--safe-r:env(safe-area-inset-right,0px);--safe-b:env(safe-area-inset-bottom,0px);--safe-l:env(safe-area-inset-left,0px)}*{box-sizing:border-box;margin:0;padding:0}html,body{overscroll-behavior:none;background:#000;width:100%;height:100%;overflow:hidden}body{color:var(--fg);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;touch-action:none;cursor:grab}body.dragging{cursor:grabbing}#scene{touch-action:none;opacity:0;width:100%;height:100%;animation:2.4s ease-out 2.8s forwards scene-in;display:block;position:fixed;top:0;bottom:0;left:0;right:0}@keyframes scene-in{to{opacity:1}}.brand{z-index:2;pointer-events:none;text-transform:uppercase;text-shadow:0 0 24px #0000008c;font-family:var(--font);top:calc(var(--edge) + var(--safe-t));left:calc(var(--edge) + var(--safe-l));font-weight:200;line-height:1;animation:2.6s cubic-bezier(.16,1,.3,1) .3s both brand-in;position:fixed}.brand__name{letter-spacing:.44em;text-indent:.44em;color:#f4f2eeeb;font-size:clamp(.92rem,1.5vw,1.12rem);font-weight:200;display:block}.brand__sub{letter-spacing:.66em;text-indent:.66em;color:#f4f2ee75;margin-top:.62em;font-size:clamp(.56rem,.95vw,.7rem);font-weight:300;display:block}@keyframes brand-in{0%{opacity:0;filter:blur(8px);transform:translateY(-6px)}to{opacity:1;filter:blur();transform:translateY(0)}}.hint{z-index:2;pointer-events:none;letter-spacing:.4em;text-indent:.4em;text-transform:uppercase;color:var(--hint);opacity:0;font-family:var(--font);top:calc(var(--edge) + var(--safe-t));right:calc(var(--edge) + var(--safe-r));font-size:.62rem;font-weight:300;animation:10s ease-in-out 7.5s forwards hint-cycle;position:fixed}.hint.hidden{opacity:0;transition:opacity .6s;animation:none}@keyframes hint-cycle{0%{opacity:0}16%{opacity:1}80%{opacity:1}to{opacity:0}}.stats{z-index:2;pointer-events:none;left:calc(var(--edge) + var(--safe-l));right:calc(var(--edge) + var(--safe-r));bottom:calc(var(--edge) + var(--safe-b));font-family:var(--font);font-variant-numeric:tabular-nums;text-shadow:0 0 2px #00000080,0 0 14px #000c;font-weight:300;animation:2.2s cubic-bezier(.16,1,.3,1) 1.5s both stats-in;position:fixed}.stats__head{letter-spacing:.32em;text-transform:uppercase;color:var(--stat-dim);border-bottom:1px solid #f4f2ee1f;margin-bottom:16px;padding-bottom:8px;font-size:.56rem}.stats__head sup,.stats__head sub{letter-spacing:.1em;font-size:.8em}.stats dl{grid-template-columns:repeat(auto-fit,minmax(6.5rem,1fr));gap:16px 24px;display:grid}.stat dt{letter-spacing:.32em;text-transform:uppercase;color:var(--stat-label);margin-bottom:4px;font-size:.52rem}.stat dd{letter-spacing:.06em;color:var(--stat-value);font-size:.82rem;font-weight:200}.stat dd small{letter-spacing:.12em;color:var(--stat-dim);margin-top:2px;font-size:.6rem;font-weight:300;display:block}.stat[hidden]{display:none}.stat sup{font-size:.7em;line-height:0}@keyframes stats-in{0%{opacity:0;filter:blur(6px)}to{opacity:1;filter:blur()}}.spectrum{z-index:3;top:50%;right:calc(var(--edge) + var(--safe-r));text-align:right;width:15rem;font-family:var(--font);text-shadow:0 0 2px #00000080,0 0 14px #000c;font-weight:300;animation:2.2s cubic-bezier(.16,1,.3,1) 2s both stats-in;position:fixed;transform:translateY(-50%)}.spectrum__title{letter-spacing:.32em;text-transform:uppercase;color:var(--stat-dim);margin-bottom:8px;font-size:.52rem}.spectrum__list{justify-items:end;display:grid}.spectrum__option{-webkit-appearance:none;appearance:none;cursor:pointer;font:inherit;letter-spacing:.32em;text-transform:uppercase;color:var(--stat-label);-webkit-tap-highlight-color:transparent;background:0 0;border:0;align-items:center;gap:8px;padding:8px 0;font-size:.7rem;transition:color .4s;display:flex}.spectrum__option:after{content:"";transform-origin:100%;background:currentColor;width:16px;height:1px;transition:transform .5s cubic-bezier(.16,1,.3,1);transform:scaleX(0)}.spectrum__key{letter-spacing:.1em;color:var(--stat-dim);opacity:.7;font-size:.5rem}.spectrum__option:hover{color:var(--stat-value)}.spectrum__option:focus-visible{color:var(--stat-value)}.spectrum__option:focus-visible{outline-offset:4px;outline:1px solid #f4f2ee4d}.spectrum__option[aria-pressed=true]{color:var(--fg)}.spectrum__option[aria-pressed=true]:after{transform:scaleX(1)}.spectrum__caption{letter-spacing:.06em;color:var(--stat-value);margin-top:16px;font-size:.62rem;line-height:1.5}.spectrum__note{letter-spacing:.16em;text-transform:uppercase;color:var(--stat-label);margin-top:8px;font-size:.5rem;line-height:1.5}@media (max-width:820px){.stats__head{margin-bottom:8px}.stats dl{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 16px}.stat--extra{display:none}.stat dd{font-size:.74rem}.spectrum{width:auto;top:auto;left:calc(var(--edge) + var(--safe-l));right:calc(var(--edge) + var(--safe-r));bottom:calc(var(--edge) + var(--safe-b) + var(--stats-h,120px) + 16px);text-align:left;transform:none}.spectrum__title{display:none}.spectrum__list{justify-content:space-between;display:flex}.spectrum__option{letter-spacing:.16em;padding:16px 0;font-size:.58rem}.spectrum__key,.spectrum__option:after{display:none}.spectrum__caption{margin-top:4px;font-size:.6rem}.spectrum__note{margin-top:2px;font-size:.46rem}.hint{right:auto;top:calc(var(--edge) + var(--safe-t) + 3.4rem);left:calc(var(--edge) + var(--safe-l))}}@media (prefers-reduced-motion:reduce){.brand,.stats,.spectrum,#scene{animation-duration:.01ms}}.debug{z-index:3;pointer-events:none;top:calc(8px + var(--safe-t));font:300 .62rem/1 var(--font);font-variant-numeric:tabular-nums;letter-spacing:.08em;color:#9fe7a8;white-space:nowrap;background:#000000a6;border-radius:4px;padding:4px 8px;position:fixed;left:50%;transform:translate(-50%)}