:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-synthesis:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--surface:oklch(20% .025 190/.86);--surface-strong:oklch(17% .022 190/.94);--text:oklch(96% .016 110);--text-muted:oklch(80% .022 155);--accent:oklch(79% .09 150);--focus:oklch(88% .13 105);--outline:oklch(100% 0 0/.14);--shadow:0 1.25rem 4rem oklch(8% .02 190/.34);font-family:Inter,Noto Sans SC,PingFang SC,Microsoft YaHei,system-ui,sans-serif;font-weight:400}*{box-sizing:border-box}html,body,#root{min-block-size:100%;margin:0}body{min-inline-size:20rem;color:var(--text);background:oklch(18% .035 195);overflow:hidden}button,input,select{font:inherit}button,select,input[type=range],input[type=checkbox]{cursor:pointer}button:focus-visible,select:focus-visible,input:focus-visible,canvas:focus-visible{outline:2px solid var(--focus);outline-offset:3px}::selection{color:oklch(14% .02 180);background:oklch(72% .08 153/.6)}.app-shell,.scene-viewport,.scene-canvas{block-size:100%;inline-size:100%}.app-shell{isolation:isolate;min-block-size:100dvh;position:relative;overflow:hidden}.scene-viewport{background:oklch(25% .04 190);position:absolute;inset:0}.scene-canvas{touch-action:none;display:block}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;block-size:1px;inline-size:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.scene-error{background:var(--surface-strong);max-inline-size:32rem;color:var(--text);text-wrap:pretty;border:1px solid oklch(78% .12 35/.5);border-radius:.75rem;margin:0;padding:1rem 1.25rem;line-height:1.55;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%)}.scene-title{z-index:2;pointer-events:none;filter:drop-shadow(0 .125rem .75rem oklch(8% .02 190/.55));max-inline-size:min(29rem,100vw - 11rem);position:absolute;inset-block-start:max(1.5rem, env(safe-area-inset-top));inset-inline-start:max(1.5rem, env(safe-area-inset-left))}.eyebrow{color:var(--accent);letter-spacing:.13em;text-transform:uppercase;margin:0 0 .5rem;font-size:.75rem;font-weight:650;line-height:1.2}.scene-title h1{letter-spacing:-.045em;text-wrap:balance;margin:0;font-family:Georgia,Noto Serif SC,Songti SC,serif;font-size:clamp(2rem,4vw,4.25rem);font-weight:600;line-height:1.02}.scene-subtitle{max-inline-size:30rem;color:var(--text-muted);text-wrap:pretty;margin:.75rem 0 0;font-size:clamp(.875rem,1.4vw,1rem);line-height:1.55}.stat-row{font-variant-numeric:tabular-nums;flex-wrap:wrap;gap:.5rem;margin-block-start:1rem;font-size:.75rem;display:flex}.stat-row span{border:1px solid var(--outline);-webkit-backdrop-filter:blur(.75rem);backdrop-filter:blur(.75rem);color:oklch(91% .02 140);background:oklch(16% .025 190/.55);border-radius:999px;align-items:center;min-block-size:1.75rem;padding-inline:.625rem;display:inline-flex}.controls-toggle{z-index:4;border:1px solid var(--outline);background:var(--surface-strong);min-block-size:2.75rem;color:var(--text);border-radius:.625rem;align-items:center;gap:.5rem;padding-inline:.875rem;font-size:.875rem;font-weight:600;transition-property:background-color,scale;transition-duration:.14s;transition-timing-function:ease-out;display:inline-flex;position:absolute;inset-block-start:max(1.5rem, env(safe-area-inset-top));inset-inline-end:max(1.5rem, env(safe-area-inset-right));box-shadow:0 .5rem 1.5rem oklch(8% .02 190/.2)}.controls-toggle:hover,.reset-button:hover{background:oklch(28% .035 180/.96)}.controls-toggle:active,.reset-button:active{scale:.96}.controls-toggle svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-width:1.7px;block-size:1.125rem;inline-size:1.125rem}.controls-slot{z-index:3;pointer-events:none;inline-size:min(20rem,100vw - 3rem);position:absolute;inset-block-start:max(5rem, calc(env(safe-area-inset-top) + 4rem));inset-inline-end:max(1.5rem, env(safe-area-inset-right))}.controls-panel{overscroll-behavior:contain;border:1px solid var(--outline);background:var(--surface);max-block-size:calc(100dvh - 6.5rem);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(1.25rem)saturate(1.15);backdrop-filter:blur(1.25rem)saturate(1.15);pointer-events:auto;scrollbar-width:thin;border-radius:1rem;padding:1.25rem;overflow:auto}.panel-heading{justify-content:space-between;align-items:flex-start;gap:1rem;margin-block-end:1.5rem;display:flex}.panel-heading .eyebrow{margin-block-end:.375rem}.panel-heading h2{letter-spacing:-.015em;margin:0;font-size:1.125rem;font-weight:650;line-height:1.2}.live-badge{color:oklch(86% .09 150);white-space:nowrap;background:oklch(74% .08 153/.12);border-radius:999px;align-items:center;gap:.375rem;min-block-size:1.5rem;padding-inline:.5rem;font-size:.6875rem;font-weight:600;display:inline-flex}.live-badge span{background:var(--accent);border-radius:50%;block-size:.375rem;inline-size:.375rem;box-shadow:0 0 0 .1875rem oklch(79% .09 150/.13)}.control-group+.control-group{margin-block-start:1.5rem}.select-control,.range-control{gap:.625rem;display:grid}.select-control>span,.control-label,.toggle-control{color:oklch(90% .018 145);font-size:.8125rem;font-weight:520;line-height:1.4}.select-control select{border:1px solid var(--outline);min-block-size:2.5rem;inline-size:100%;color:var(--text);background:oklch(16% .02 190/.72);border-radius:.5rem;padding-inline:.75rem 2rem}.range-stack,.toggle-stack{gap:1rem;display:grid}.control-label,.toggle-control{justify-content:space-between;align-items:center;gap:1rem;display:flex}.control-label output{color:var(--text-muted);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:.75rem}.range-control input{block-size:1.25rem;inline-size:100%;accent-color:var(--accent);margin:0}.toggle-control{min-block-size:2rem}.toggle-control input{block-size:1.375rem;inline-size:2.5rem;accent-color:var(--accent);margin:0}.reset-button{border:1px solid var(--outline);min-block-size:2.75rem;inline-size:100%;color:var(--text);background:oklch(23% .03 185/.8);border-radius:.625rem;margin-block-start:1.5rem;font-size:.8125rem;font-weight:650;transition-property:background-color,scale;transition-duration:.14s;transition-timing-function:ease-out}.interaction-hint{z-index:2;color:oklch(92% .018 140/.78);letter-spacing:.04em;pointer-events:none;text-shadow:0 .125rem .5rem oklch(8% .02 190/.8);white-space:nowrap;align-items:center;gap:.625rem;font-size:.75rem;display:flex;position:absolute;inset-block-end:max(1.5rem, env(safe-area-inset-bottom));inset-inline-start:50%;transform:translate(-50%)}.mouse-mark{border:1px solid;border-radius:.5rem;block-size:1.375rem;inline-size:1rem;position:relative}.mouse-mark:after{content:"";background:currentColor;block-size:.3125rem;inline-size:1px;position:absolute;inset-block-start:.25rem;inset-inline-start:50%}@media (width<=48rem){.scene-title{max-inline-size:calc(100vw - 9rem);inset-block-start:max(1rem, env(safe-area-inset-top));inset-inline-start:max(1rem, env(safe-area-inset-left))}.scene-title h1{font-size:clamp(1.75rem,9vw,2.75rem)}.scene-subtitle{display:none}.stat-row{margin-block-start:.75rem}.stat-row span:first-child{display:none}.controls-toggle{inset-block-start:max(1rem, env(safe-area-inset-top));inset-inline-end:max(1rem, env(safe-area-inset-right))}.controls-slot{inset:auto max(1rem, env(safe-area-inset-right)) max(1rem, env(safe-area-inset-bottom)) max(1rem, env(safe-area-inset-left));inline-size:auto}.controls-panel{max-block-size:min(68dvh,36rem)}.interaction-hint{display:none}}@media (width<=25rem){.controls-toggle{padding-inline:.75rem}.controls-toggle svg{display:none}}@media (prefers-reduced-motion:reduce){.controls-toggle,.reset-button{transition-duration:.01ms}}@media (forced-colors:active){.controls-toggle,.controls-panel,.reset-button,.select-control select{border-color:canvastext}}