.dice.svelte-1aaakt2{display:flex;flex-direction:column;align-items:center;justify-content:center}.create-board.svelte-1qq7jig{display:grid;grid-template-rows:auto 1fr auto;grid-template-columns:1fr;height:100vh;width:100%;box-sizing:border-box;--vertical-slider-width: clamp(4rem, 10vw, 5rem);--horizontal-slider-height: clamp(4rem, 10vw, 5rem);--border-style: 1px solid #ccc;--canvas-padding: 5vmin;--border-style: none}.header.svelte-1qq7jig{display:flex;align-items:center;justify-content:center;padding:1rem;border-bottom:var(--border-style);padding-right:calc(var(--vertical-slider-width) + 1rem);padding-top:1.3rem}.main-content.svelte-1qq7jig{display:grid;grid-template-columns:1fr auto;height:100%;overflow:hidden}.canvas-container.svelte-1qq7jig{display:flex;align-items:center;justify-content:center;position:relative;min-width:0;min-height:0;margin:var(--canvas-padding);width:calc(100% - var(--canvas-padding) * 2);height:calc(100% - var(--canvas-padding) * 2)}header.svelte-1qq7jig{display:flex;gap:.5rem}footer.svelte-1qq7jig{display:flex;align-items:center;justify-content:center;padding:1rem;border-top:var(--border-style);height:var(--horizontal-slider-height);padding-right:calc(var(--vertical-slider-width) + 1rem)}.vertical-slider.svelte-1qq7jig{width:var(--vertical-slider-width);border-left:var(--border-style);position:relative}.vertical-slider-inner.svelte-1qq7jig{--vertical-slider-padding: 1rem;position:absolute;top:var(--vertical-slider-padding);left:0;bottom:var(--vertical-slider-padding);right:0}.vertical-slider .rangeSlider{height:100%}.vertical-slider .rangeSlider.rsVertical{min-height:0;max-height:calc(100% - var(--vertical-slider-padding) * 2)}.horizontal-slider.svelte-1qq7jig{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;width:100%;max-width:800px}.start-button.svelte-1qq7jig{padding:.75rem 1.5rem;font-size:1rem;font-weight:600;background:#f0c;color:#fff;border:none;border-radius:6px;cursor:pointer;transition:all .2s ease;text-decoration:none}.start-button.svelte-1qq7jig:hover{background:#d0a;transform:translateY(-1px)}.start-button.svelte-1qq7jig:active{transform:translateY(0)}.dimensions.svelte-1qq7jig{display:inline-flex;justify-content:center;min-width:6em}.background.svelte-zpqs3s{position:absolute;top:0;left:0;width:100vw;height:100vh;overflow-y:auto;opacity:.2;pointer-events:none}.scroll-container.svelte-zpqs3s{position:fixed;top:0;left:0;width:100vw;height:100vh;overflow-y:auto;background:transparent;font-family:Geist,SF Pro Text,SF Pro Icons,AOS Icons,Helvetica Neue,Helvetica,Arial,sans-serif,system-ui}.prefix.svelte-zpqs3s{display:flex;text-align:right;margin-right:.25em;white-space:pre-line;text-indent:1em;line-height:1}.logo.svelte-zpqs3s{position:absolute;z-index:100;right:.2em;top:-2.5em;bottom:90%;color:var(--accent-color);white-space:nowrap}.logo.svelte-zpqs3s .itty:where(.svelte-zpqs3s){--size: 4em;--inset: calc(var(--size) * .1);display:inline-block;position:relative;font-size:.4em;border:clamp(.2rem,.2em,.4rem) solid var(--accent-color);border-radius:.1em;height:var(--size);width:var(--size);padding:var(--inset)}.logo.svelte-zpqs3s .itty:where(.svelte-zpqs3s) div:where(.svelte-zpqs3s){background:#ff00a066;border-radius:.1em;white-space:normal;text-align:left;display:flex;flex-flow:row wrap;height:100%;justify-content:flex-end;align-items:flex-end;position:relative;color:var(--bg-color)}@layer base,demo,stick,effect,scrollbar,debug;@layer debug;@layer scrollbar{@property --hue{initial-value: 0; syntax: "<number>"; inherits: false;}@property --chroma{initial-value: 0; syntax: "<number>"; inherits: true;}[data-sync-scrollbar=true].svelte-zpqs3s{scrollbar-color:oklch(var(--lightness) var(--chroma) var(--hue)) rgba(0,0,0,0)}@supports (animation-timeline: scroll()) and (animation-range: 0% 100%){[data-sync-scrollbar=true][data-animate=true].svelte-zpqs3s{timeline-scope:--list;scrollbar-color:oklch(var(--lightness) var(--chroma, 0) var(--hue)) rgba(0,0,0,0);animation-name:svelte-zpqs3s-change,svelte-zpqs3s-chroma-on,svelte-zpqs3s-chroma-off;animation-fill-mode:both;animation-timing-function:linear;animation-range:entry 50% exit 50%,entry 40% entry 50%,exit 30% exit 40%;animation-timeline:--list}[data-sync-scrollbar=true][data-animate=true].svelte-zpqs3s ul:where(.svelte-zpqs3s){view-timeline:--list}}@keyframes svelte-zpqs3s-change{to{--hue: var(--end)}}@keyframes svelte-zpqs3s-chroma-on{to{--chroma: .3}}@keyframes svelte-zpqs3s-chroma-off{to{--chroma: 0}}}@layer effect{:root{--start: 0;--end: 360;--lightness: 65%;--base-chroma: .3}@media (prefers-color-scheme: dark){--lightness: 75%}ul.svelte-zpqs3s{--step: calc((var(--end) - var(--start)) / (var(--count) - 1))}li.svelte-zpqs3s:not(:last-of-type){color:oklch(var(--lightness) var(--base-chroma) calc(var(--start) + var(--step) * var(--i)))}@supports (animation-timeline: scroll()) and (animation-range: 0% 100%){[data-animate=true].svelte-zpqs3s li:where(.svelte-zpqs3s){opacity:.2;animation-name:svelte-zpqs3s-brighten;animation-fill-mode:both;animation-timing-function:linear;animation-range:cover calc(60vh - 1.4lh) calc(60vh + 0lh);animation-timeline:view()}[data-animate=true].svelte-zpqs3s li:where(.svelte-zpqs3s):first-of-type{--start-opacity: 1}[data-animate=true].svelte-zpqs3s li:where(.svelte-zpqs3s):last-of-type{--brightness: 1;--end-opacity: 1}@keyframes svelte-zpqs3s-brighten{0%{opacity:var(--start-opacity, .2)}50%{opacity:1;filter:brightness(var(--brightness, 1.2))}to{opacity:var(--end-opacity, .2)}}}}@layer stick{section.svelte-zpqs3s:first-of-type{--font-level: 6;display:flex;line-height:1.25;width:100%;padding-left:5rem}section.page.svelte-zpqs3s{min-height:70vh;display:flex;place-items:center;width:100%;justify-content:center}main.svelte-zpqs3s{width:100%}section.svelte-zpqs3s:first-of-type h2:where(.svelte-zpqs3s){position:sticky;top:40vh;font-size:inherit;margin:0;display:inline-block;height:fit-content;font-weight:600}ul.svelte-zpqs3s{font-weight:600;padding-inline:0;margin:0;list-style-type:none;padding-top:50vh;padding-top:calc(40vh + .7lh)}h2.svelte-zpqs3s,li.svelte-zpqs3s:last-of-type{background:var(--fg-color);-webkit-background-clip:text;background-clip:text;color:#0000}}@layer demo;@layer base{:root{--font-size-min: 14;--font-size-max: 20;--font-ratio-min: 1.1;--font-ratio-max: 1.33;--font-width-min: 375;--font-width-max: 1500}:where(.fluid.svelte-zpqs3s){--fluid-min: calc( var(--font-size-min) * pow(var(--font-ratio-min), var(--font-level, 0)) );--fluid-max: calc( var(--font-size-max) * pow(var(--font-ratio-max), var(--font-level, 0)) );--fluid-preferred: calc( (var(--fluid-max) - var(--fluid-min)) / (var(--font-width-max) - var(--font-width-min)) );--fluid-type: clamp( (var(--fluid-min) / 16) * 1rem, ((var(--fluid-min) / 16) * 1rem) - (((var(--fluid-preferred) * var(--font-width-min)) / 16) * 1rem) + (var(--fluid-preferred) * var(--variable-unit, 100vi)), (var(--fluid-max) / 16) * 1rem );font-size:var(--fluid-type)}.svelte-zpqs3s,.svelte-zpqs3s:after,.svelte-zpqs3s:before{box-sizing:border-box}.scroll-container.svelte-zpqs3s{display:block;background:light-dark(white,black);min-height:100vh;font-family:Geist,SF Pro Text,SF Pro Icons,AOS Icons,Helvetica Neue,Helvetica,Arial,sans-serif,system-ui}.create-board.svelte-zpqs3s{margin-top:5em}}em.svelte-zpqs3s{font-style:normal;font-weight:300;border-bottom:.06em solid var(--fg-color)}.stats.svelte-zpqs3s{position:fixed;top:1rem;right:1rem;z-index:100;font-size:.8rem;color:var(--fg-color);opacity:.3;text-decoration:none;font-weight:500;text-transform:uppercase;display:flex;gap:.5rem}.stats.svelte-zpqs3s span:where(.svelte-zpqs3s){font-weight:500;font-size:1.3rem}.stats.active.svelte-zpqs3s{opacity:1}.stats.active.svelte-zpqs3s span:where(.svelte-zpqs3s){font-weight:medium;color:var(--accent-color)}.stats.svelte-zpqs3s:hover{text-decoration:underline}