.info-tip.svelte-alh7q5{align-items:center;background:none;border:0;border-radius:50%;color:var(--content-1);cursor:help;display:inline-flex;flex:none;height:1.5rem;justify-content:center;padding:0;text-decoration:none;width:1.5rem}.info-tip.svelte-alh7q5:hover,.info-tip.svelte-alh7q5:focus-visible{color:var(--content)}.info-tip[href].svelte-alh7q5{cursor:pointer}.info-tip.svelte-alh7q5:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.info-tip.svelte-alh7q5 svg{height:.9rem;width:.9rem}.draggable-value.svelte-94v59w{align-items:center;display:flex;font-family:var(--font-mono);justify-content:center;position:relative}.draggable-value.row.svelte-94v59w{width:100%}.row.svelte-94v59w button:where(.svelte-94v59w){padding-block:.15rem;width:100%}.row.svelte-94v59w output:where(.svelte-94v59w){margin-left:auto}.row.svelte-94v59w .hint:where(.svelte-94v59w){display:none}button.svelte-94v59w{align-items:baseline;background:transparent;border:0;color:var(--content-1);cursor:ew-resize;display:flex;font:inherit;font-size:.72rem;gap:.35rem;padding:.25rem .15rem;touch-action:none;user-select:none;-webkit-user-select:none}button.dragging.svelte-94v59w,button.svelte-94v59w:hover output:where(.svelte-94v59w){color:var(--brand)}output.svelte-94v59w{color:var(--content);font-variant-numeric:tabular-nums;font-weight:600;transition:color .12s ease}.modified-dot.svelte-94v59w{align-self:center;background:var(--brand);border-radius:50%;height:.3rem;opacity:0;transition:opacity .12s ease;width:.3rem}.modified-dot.visible.svelte-94v59w{opacity:1}.hint.svelte-94v59w{font-size:.65rem;opacity:0;pointer-events:none;position:absolute;top:100%;transition:opacity .12s ease;white-space:nowrap}.draggable-value.svelte-94v59w:hover .hint:where(.svelte-94v59w),.draggable-value.svelte-94v59w:focus-within .hint:where(.svelte-94v59w){opacity:.45}button.svelte-94v59w:focus-visible{border-radius:.25rem;outline:2px solid var(--content);outline-offset:2px}.settings-trigger.svelte-1wka4qb{align-items:center;anchor-name:--canvas-settings-trigger;background:transparent;border:0;border-radius:50%;color:var(--content-1);cursor:pointer;display:inline-flex;flex:none;height:1.7rem;justify-content:center;padding:0;width:1.7rem}.settings-trigger.svelte-1wka4qb:hover{color:var(--brand)}.settings-trigger.svelte-1wka4qb svg:where(.svelte-1wka4qb){height:1.1rem;width:1.1rem}.settings-trigger.svelte-1wka4qb:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.settings-popover.svelte-1wka4qb{background:var(--base-1);border:1px solid var(--edge);border-radius:var(--radius-lg);box-shadow:0 12px 28px #00000017;color:var(--content);inset:auto;left:calc(anchor(right) + .75rem);margin:0;max-height:calc(100dvh - 2rem);overflow:auto;padding:.65rem .8rem;position:fixed;position-anchor:--canvas-settings-trigger;top:max(1rem,min(calc(anchor(top) - 4rem),calc(100dvh - 17rem)));width:min(16rem,calc(100vw - 2rem))}.setting-list.svelte-1wka4qb{display:grid;gap:.3rem}.divider.svelte-1wka4qb{border-top:1px solid var(--edge);margin-block:.15rem}@supports not (top: anchor(top)){.settings-popover.svelte-1wka4qb{left:50%;top:50%;transform:translate(-50%,-50%)}}@media(max-width:48rem){.settings-popover.svelte-1wka4qb{left:50%;top:50%;transform:translate(-50%,-50%)}}.hue-control.svelte-14paqr3{--track-size: var(--hue-track-size, 1.5rem);--thumb-size: var(--hue-thumb-size, calc(var(--track-size) * 1.5));--output-gap: var(--hue-output-gap, var(--s-4));display:block;padding-block:.5rem;position:relative}.hue-input.svelte-14paqr3{appearance:none;background:linear-gradient(to right,#fb5c99,#f76d5a 8.33%,#f67045,#f57327,#f07900,#e68100 16.67%,#c19900,#92ac00 33.33%,#81b100 35.42%,#7cb200,#77b413 36.46%,#6db52d 37.5%,#55b84b,#33bb61 41.67%,#25bc65,#0ebc6a,#00bc70,#00bc76 43.75%,#00ba8a 45.83%,#00b8a1 50%,#00b2c8,#00a9f7 66.67%,#00a7ff,#2ba5ff 68.75%,#37a4ff,#40a3ff 69.79%,#4fa1ff 70.83%,#679cff,#7997ff 75%,#b27eff,#d872d1,#fb5c99);background:linear-gradient(to right,#fb5c99,#f76d5a 8.33%,#f67045,#f57327,color(xyz 0.436 0.32 0.024),color(xyz 0.43 0.321 -0.005) 16.67%,color(xyz 0.34 0.34 0.003),color(xyz 0.258 0.359 0.011) 33.33%,color(xyz 0.245 0.362 0.045) 35.42%,color(xyz 0.242 0.363 0.054),#77b413 36.46%,#6db52d 37.5%,#55b84b,#33bb61 41.67%,#25bc65,#0ebc6a,color(xyz 0.207 0.373 0.211),color(xyz 0.205 0.374 0.224) 43.75%,color(xyz 0.198 0.377 0.281) 45.83%,color(xyz 0.188 0.381 0.411) 50%,color(xyz 0.244 0.367 0.715),color(xyz 0.315 0.35 1.111) 66.67%,color(xyz 0.323 0.348 1.106),color(xyz 0.33 0.345 1.102) 68.75%,color(xyz 0.334 0.344 1.1),color(xyz 0.338 0.343 1.098) 69.79%,color(xyz 0.346 0.341 1.094) 70.83%,color(xyz 0.362 0.336 1.085),color(xyz 0.378 0.332 1.077) 75%,color(xyz 0.449 0.313 1.043),#d872d1,#fb5c99);border-radius:999px;cursor:ew-resize;display:block;height:var(--track-size);margin:0;width:100%}.hue-input.svelte-14paqr3:focus-visible{outline:2px solid var(--content);outline-offset:2px}.hue-output-track.svelte-14paqr3{inset:0 calc(var(--thumb-size) / 2);pointer-events:none;position:absolute}.hue-output-position.svelte-14paqr3{bottom:calc(50% + var(--thumb-size) / 2 + var(--output-gap));display:flex;justify-content:center;left:var(--hue-position);position:absolute;width:0}.hue-output-position.svelte-14paqr3 output:where(.svelte-14paqr3){border-radius:.35rem;box-sizing:content-box;color:var(--content);flex:none;font-family:var(--font-mono);font-size:.72rem;font-variant-numeric:tabular-nums;opacity:0;padding:.25rem .4rem;text-align:center;transition:opacity .12s ease;width:4ch}.hue-control.svelte-14paqr3:hover .hue-output-position:where(.svelte-14paqr3) output:where(.svelte-14paqr3),.hue-control.svelte-14paqr3:focus-within .hue-output-position:where(.svelte-14paqr3) output:where(.svelte-14paqr3){opacity:1}.hue-input.svelte-14paqr3::-webkit-slider-thumb{appearance:none;background:var(--brand);border:2px solid var(--base);border-radius:999px;box-shadow:0 0 0 1px color-mix(in oklch,var(--content) 25%,transparent);height:var(--thumb-size);width:var(--thumb-size)}.hue-input.svelte-14paqr3::-moz-range-thumb{background:var(--brand);border:2px solid var(--base);border-radius:999px;box-shadow:0 0 0 1px color-mix(in oklch,var(--content) 25%,transparent);height:var(--thumb-size);width:var(--thumb-size)}.theme-controls.svelte-1gyabi3{position:relative;width:fit-content}.theme-options.svelte-1gyabi3{align-items:center;display:flex;gap:var(--s-2);justify-content:center}.theme-mode-toggle.svelte-1gyabi3,.theme-preset.svelte-1gyabi3,summary.svelte-1gyabi3{border:0;border-radius:50%;box-sizing:border-box;cursor:pointer;flex:none;height:2.25rem;padding:0;width:2.25rem}.theme-mode-toggle.svelte-1gyabi3{align-items:center;background:transparent;color:var(--content);display:flex;justify-content:center}.theme-mode-toggle.svelte-1gyabi3 svg{height:1.9rem;width:1.9rem}.theme-preset.svelte-1gyabi3{background:oklch(77% .14 var(--preset-hue));box-shadow:0 2px 9px oklch(70% .16 var(--preset-hue) / .24)}.theme-preset.is-active.svelte-1gyabi3,summary.is-active.svelte-1gyabi3{outline:2px solid var(--brand);outline-offset:3px}.custom-picker.svelte-1gyabi3{flex:none}summary.svelte-1gyabi3{background:conic-gradient(#ff9088,#f09f66,#ddac37,#b2bd5e,#77cb7b,#63c7c4,#5bbeff 60%,#79b9ff,#90b3ff 70%,#b3a6ff,#dc9dca,#ff9088);background:conic-gradient(color(xyz 0.561 0.428 0.28),#f09f66,#ddac37,#b2bd5e,#77cb7b,#63c7c4,color(xyz 0.409 0.465 1.056) 60%,color(xyz 0.434 0.458 1.06),color(xyz 0.459 0.451 1.064) 70%,color(xyz 0.512 0.438 1.071),#dc9dca,color(xyz 0.561 0.428 0.28));box-shadow:0 2px 9px color-mix(in oklch,var(--brand) 23%,transparent);display:block;list-style:none}summary.svelte-1gyabi3::-webkit-details-marker{display:none}.theme-mode-toggle.svelte-1gyabi3:focus-visible,.theme-preset.svelte-1gyabi3:focus-visible,summary.svelte-1gyabi3:focus-visible{outline:2px solid var(--content);outline-offset:3px}.slider-card.svelte-1gyabi3{--hue-track-size: 1.25rem;--hue-thumb-size: 1.8rem;--hue-output-gap: -.125rem;background:color-mix(in srgb,var(--base) 92%,transparent);border-radius:var(--radius-lg);box-sizing:border-box;left:calc(100% + 1rem);padding:1.375rem 1rem .25rem;position:absolute;top:0;width:min(19rem,calc(100vw - 2rem));z-index:2}@media(max-width:60rem){.slider-card.svelte-1gyabi3{left:50%;top:calc(100% + 6.5rem);transform:translate(-50%)}}@media(max-width:60rem)and (max-height:45rem){.slider-card.svelte-1gyabi3{bottom:calc(var(--mobile-nav-height) + .25rem);left:50vw;position:fixed;top:auto}}.slider-card.svelte-1gyabi3 .hue-output-position output{opacity:1;padding-block:0}.color-codes.svelte-1gyabi3{display:grid;gap:.2rem;margin:.125rem 0 0}.color-codes.svelte-1gyabi3>div:where(.svelte-1gyabi3){align-items:baseline;display:grid;font-size:.68rem;grid-template-columns:4.5rem minmax(0,1fr);line-height:1.2;min-width:0}.color-codes.svelte-1gyabi3 dt:where(.svelte-1gyabi3){align-items:center;color:var(--content);display:inline-flex;font-family:var(--font-mono);font-size:.65rem;gap:.1rem;letter-spacing:.06em;line-height:1.2;margin:0}.color-codes.svelte-1gyabi3 dd:where(.svelte-1gyabi3){line-height:1.2;margin:0;min-width:0}.color-codes.svelte-1gyabi3 code:where(.svelte-1gyabi3){color:var(--content);font-family:var(--font-mono);font-size:.68rem;font-variant-numeric:tabular-nums;white-space:nowrap}.copy-value.svelte-1gyabi3{align-items:baseline;background:transparent;border:0;border-radius:.25rem;cursor:copy;display:flex;font-family:var(--font-mono);gap:.25rem;justify-content:space-between;padding:0;text-align:left;width:100%}.copy-value.svelte-1gyabi3:hover code:where(.svelte-1gyabi3){color:var(--brand)}.copy-value.svelte-1gyabi3:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.copy-value.svelte-1gyabi3 span:where(.svelte-1gyabi3){color:var(--brand);font-size:.6rem;opacity:0;text-align:right;transition:opacity .15s ease;width:3.6rem}.copy-value.svelte-1gyabi3 span.visible:where(.svelte-1gyabi3){opacity:1}.particle-settings.svelte-1bm6j55{align-items:center;display:flex;gap:var(--s0);justify-content:center}.homepage.svelte-1uha8ag{position:fixed;inset:0;width:100%;height:100%;overflow:hidden;background:var(--base);animation:svelte-1uha8ag-fade-in 1.2s}@keyframes svelte-1uha8ag-fade-in{0%{opacity:0}}canvas.svelte-1uha8ag{display:block;width:100%;height:100%;touch-action:none}.homepage.is-pressing.svelte-1uha8ag,.homepage.is-pressing.svelte-1uha8ag *{cursor:none!important}.hero-title.svelte-1uha8ag{left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);transition:left .65s cubic-bezier(.22,1,.36,1),top .65s cubic-bezier(.22,1,.36,1),transform .65s cubic-bezier(.22,1,.36,1)}h1.svelte-1uha8ag{color:var(--brand);font-family:Inter Variable,sans-serif;font-size:min(9vw,15vh);font-weight:900;line-height:1.12;margin:0;pointer-events:none;transition:font-size .65s cubic-bezier(.22,1,.36,1);-webkit-user-select:none;user-select:none;white-space:nowrap}.playground-controls.svelte-1uha8ag{display:grid;justify-items:center;gap:var(--s-2);left:0;margin-inline:auto;pointer-events:auto;position:absolute;right:0;top:calc(50% + min(9vw,15vh) * .56 + var(--s0));transition:top .65s cubic-bezier(.22,1,.36,1);-webkit-user-select:none;user-select:none;width:max-content}.game-mode.svelte-1uha8ag .hero-title:where(.svelte-1uha8ag){left:1.25rem;top:1rem;transform:translate(0)}.game-mode.svelte-1uha8ag h1:where(.svelte-1uha8ag){font-size:clamp(1.75rem,3vw,2.5rem)}.game-mode.svelte-1uha8ag .playground-controls:where(.svelte-1uha8ag){top:1rem}.game-mode-toggle.svelte-1uha8ag{align-items:center;background:transparent;border:0;border-radius:999px;color:var(--content-1);cursor:pointer;display:inline-flex;font-family:var(--font-mono);font-size:.7rem;gap:.5rem;padding:.35rem .55rem}.game-mode-toggle.svelte-1uha8ag:hover{color:var(--brand)}.game-mode-toggle.svelte-1uha8ag:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.simulation-controls.svelte-1uha8ag{align-items:center;display:flex;gap:var(--s-2)}.performance-readout.svelte-1uha8ag{color:var(--content-1);font-family:var(--font-mono);font-size:.68rem;font-variant-numeric:tabular-nums;position:absolute;top:1rem;right:1rem;-webkit-user-select:none;user-select:none}.performance-readout.svelte-1uha8ag summary:where(.svelte-1uha8ag){align-items:center;background:color-mix(in oklch,var(--base-1) 85%,transparent);border:1px solid var(--edge);border-radius:999px;cursor:pointer;display:flex;gap:.55rem;list-style:none;padding:.3rem .65rem}.performance-readout.svelte-1uha8ag summary:where(.svelte-1uha8ag)::-webkit-details-marker{display:none}.performance-readout.svelte-1uha8ag summary:where(.svelte-1uha8ag):focus-visible{outline:2px solid var(--brand);outline-offset:2px}.readout-chevron.svelte-1uha8ag{border-bottom:1.5px solid currentColor;border-right:1.5px solid currentColor;height:.35rem;transform:rotate(45deg) translateY(-2px);width:.35rem}.performance-readout[open].svelte-1uha8ag .readout-chevron:where(.svelte-1uha8ag){transform:rotate(225deg) translateY(-2px)}.diagnostics.svelte-1uha8ag{background:color-mix(in oklch,var(--base-1) 96%,transparent);border:1px solid var(--edge);border-radius:var(--radius-lg);box-shadow:0 12px 30px #00000014;padding:var(--s-1);position:absolute;right:0;top:calc(100% + var(--s-2));width:15rem}.diagnostics.svelte-1uha8ag dl:where(.svelte-1uha8ag){display:grid;gap:var(--s-2);margin:0}.diagnostics.svelte-1uha8ag dl:where(.svelte-1uha8ag)>div:where(.svelte-1uha8ag){align-items:center;display:flex;gap:var(--s-1);justify-content:space-between}.diagnostics.svelte-1uha8ag dt:where(.svelte-1uha8ag){align-items:center;display:inline-flex;gap:.15rem}.diagnostics.svelte-1uha8ag dd:where(.svelte-1uha8ag){color:var(--content);margin:0;white-space:nowrap}@media(max-width:64rem){.performance-readout.svelte-1uha8ag{display:none}}@media(max-width:48rem){.homepage.svelte-1uha8ag{bottom:var(--mobile-nav-height);height:auto}.game-mode.svelte-1uha8ag .hero-title:where(.svelte-1uha8ag){left:1rem;top:.75rem}.game-mode.svelte-1uha8ag .playground-controls:where(.svelte-1uha8ag){top:4rem}}@media(prefers-reduced-motion:reduce){.hero-title.svelte-1uha8ag,h1.svelte-1uha8ag,.playground-controls.svelte-1uha8ag{transition:none}}