:root{color:#e7edf2;font-synthesis:none;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--muted:#95a7b5;--line:#26323b;--accent:#4ed4d1;background:#080d13;font-family:Inter,Segoe UI,Arial,sans-serif}*{box-sizing:border-box}body{margin:0}button,input,a{-webkit-tap-highlight-color:transparent}button,input{font:inherit}button{color:inherit;cursor:pointer}button:disabled{cursor:wait;opacity:.45}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:5px}button{border:0}.experience{width:min(100%,1600px);min-height:100svh;padding:22px max(20px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(20px,env(safe-area-inset-left));flex-direction:column;margin:auto;display:flex}.masthead{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-start;gap:16px;padding-bottom:18px;display:flex}.eyebrow{color:var(--accent);letter-spacing:.13em;text-transform:uppercase;margin:0 0 10px;font-size:.75rem;font-weight:600;line-height:1.5}h1{letter-spacing:-.035em;margin:0;font-size:clamp(1.55rem,4.8vw,2.45rem);font-weight:450;line-height:1.15}.text-button{color:var(--muted);white-space:nowrap;background:0 0;min-height:44px;padding:0;font-size:.875rem}.text-button:hover{color:#fff}.help-button{font-size:1.3rem;font-weight:500}.stage{isolation:isolate;flex:1;min-height:max(355px,46svh);position:relative}#viewport{touch-action:none;cursor:grab;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;outline:none;position:absolute;inset:0}#viewport:focus,#viewport:focus-visible{outline:none}#viewport:active{cursor:grabbing}#viewport canvas{width:100%;height:100%;display:block}.icon-button{border:1px solid var(--line);pointer-events:auto;background:#0d151db3;border-radius:50%;flex-shrink:0;place-items:center;width:44px;height:44px;display:grid}.icon-button:hover{background:#15242e;border-color:#738995}.icon-button svg{width:18px;height:18px}.console{border-top:1px solid var(--line)}.drawer-toggle{min-height:44px;color:var(--muted);background:0 0;justify-content:center;align-items:center;gap:10px;margin:0 auto;padding:0 24px;font-size:.875rem;display:flex}.drawer-toggle:hover{color:#fff}.drawer-toggle svg{width:18px;height:18px;transition:transform .15s}.drawer-toggle[aria-expanded=false] svg{transform:rotate(180deg)}.panel-actions{flex-wrap:wrap;justify-content:flex-end;gap:12px;padding:4px 0 0;display:flex}.control-button{border:1px solid var(--line);color:#b8c6cf;background:#0d151d;border-radius:8px;justify-content:center;align-items:center;gap:9px;min-height:44px;padding:0 16px;font-size:.875rem;display:flex}.control-button:hover{color:#fff;border-color:#738995}.control-button svg{width:18px;height:18px}fieldset{border:0;min-inline-size:0;margin:0;padding:0}output{font-variant-numeric:tabular-nums}input[type=range]{--fill:0%;appearance:none;touch-action:pan-y;cursor:pointer;background:0 0;border-radius:3px;width:100%;height:44px;margin:0;display:block}input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(to right,var(--accent) var(--fill),#31404b var(--fill));border-radius:4px;height:3px}input[type=range]::-moz-range-track{background:linear-gradient(to right,var(--accent) var(--fill),#31404b var(--fill));border-radius:4px;height:3px}input[type=range]::-webkit-slider-thumb{appearance:none;background:#d5ecec;border:3px solid #101c23;border-radius:50%;width:19px;height:19px;margin-top:-8px;box-shadow:0 0 0 1px #57777d}input[type=range]::-moz-range-thumb{background:#d5ecec;border:3px solid #101c23;border-radius:50%;width:14px;height:14px;box-shadow:0 0 0 1px #57777d}input[type=range]:hover::-webkit-slider-thumb{background:#fff}.parameters{grid-template-columns:1fr 1fr;gap:22px;padding:18px 0 14px;display:grid}.parameter{min-width:0}.particle-parameter{grid-column:1/-1}.control-label{color:#b8c6cf;justify-content:space-between;align-items:center;gap:8px;font-size:.875rem;display:flex}.control-label output{color:#e7edf2}.range-endpoints{color:#7f929f;justify-content:space-between;margin-top:-6px;font-size:.75rem;display:flex}.legend{color:var(--muted);border-top:1px solid #1b2730;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 24px;padding:15px 0;font-size:.75rem;display:flex}.color-key{flex:1;align-items:center;gap:10px;max-width:240px;display:flex}.color-ramp{background:linear-gradient(90deg,#32c6c1,#4489e8 52%,#f39a3d);flex:1;min-width:60px;height:3px}footer{border-top:1px solid var(--line);color:#8498a6;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 24px;padding-top:14px;font-size:.75rem;line-height:1.6;display:flex}footer p{margin:0}.footer-links{flex-wrap:wrap;align-items:center;gap:0 24px;display:flex}footer a{color:#b5c7d0;white-space:nowrap;align-items:center;gap:6px;min-height:44px;text-decoration:none;display:flex}footer a:hover{color:#fff}.loading{color:#b1c6d1;z-index:2;text-align:center;background:#080d13;flex-direction:column;justify-content:center;align-items:center;gap:18px;padding:30px;font-size:.875rem;display:flex;position:absolute;inset:0}[hidden]{display:none!important}.loading-ring{border:1px solid #26343c;border-top-color:var(--accent);border-radius:50%;width:28px;height:28px;animation:1.2s linear infinite spin}.error .loading-ring{display:none}@keyframes spin{to{transform:rotate(360deg)}}dialog{color:#becbd4;background:#0d161e;border:1px solid #34444f;border-radius:14px;max-width:min(580px,100% - 32px);max-height:calc(100svh - 48px);padding:36px 26px 26px;font-size:1rem;line-height:1.65;box-shadow:0 24px 100px #0008}dialog::backdrop{-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#010609cc}dialog h2{color:#edf4f8;letter-spacing:-.035em;margin:10px 0 22px;font-size:1.8rem;font-weight:450;line-height:1.2}.close-dialog{background:0 0;font-size:1.4rem;position:absolute;top:12px;right:12px}dialog dt{color:#e5eff3;margin-top:16px;font-size:.875rem;font-weight:600}dialog dd{margin:4px 0 0;font-size:.875rem}.about-note{color:#93a9b6;border-top:1px solid var(--line);padding-top:18px;font-size:.875rem}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.noscript{text-align:center;background:#14232d;padding:24px;position:fixed;inset:40% 20px auto}body.model-only{overflow:hidden}.model-only .masthead,.model-only .console,.model-only footer{display:none}.model-only .experience{min-height:100dvh;padding:0}:is(.model-only .stage,.stage:fullscreen){z-index:10;background:#080d13;width:100%;height:100dvh;min-height:0;margin:0;position:fixed;inset:0}@media (min-width:650px){.experience{padding:28px 38px 12px}.stage{min-height:400px}.parameters{grid-template-columns:repeat(3,1fr);gap:40px;padding:20px 0}.particle-parameter{grid-column:auto}.legend{justify-content:flex-start}.color-key{max-width:300px}}@media (min-width:1100px){.experience{padding:32px 54px 14px}.stage{min-height:420px}.console{padding-left:8%;padding-right:8%}.parameters{gap:64px}.masthead{padding-bottom:24px}.eyebrow{font-size:.8125rem}}@media (max-height:700px) and (orientation:landscape){.stage{height:70svh;min-height:330px}.experience{min-height:auto}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}