button.svelte-kgvjeo{background:none;border:none;cursor:pointer;transition:transform .1s ease-in-out}button.locked.svelte-kgvjeo{opacity:.3}button.svelte-kgvjeo:hover{transform:scale(1.2)}.player-count.svelte-16v3dd0{position:fixed;right:0;bottom:0;padding:1rem;font-size:3rem;display:flex;flex-flow:column;align-items:center;justify-content:center;line-height:.8em;pointer-events:none;z-index:1;transition:opacity .15s ease-out}.player-count.hidden.svelte-16v3dd0{opacity:0}.count.svelte-16v3dd0{--duration: .15s;color:var(--color, var(--foreground-color));transition:color 30s ease-out,opacity calc(2 * var(--duration)) ease-out;opacity:.15}.count.pulse.svelte-16v3dd0{animation:pulse-animation var(--duration)}.count.up.svelte-16v3dd0,.count.down.svelte-16v3dd0{transition:none;opacity:1}.count.up.svelte-16v3dd0{--color: rgb(61, 165, 70)}.count.down.svelte-16v3dd0{--color: rgb(152, 62, 62)}.label.svelte-16v3dd0{font-size:.3em;line-height:1;opacity:.15}:root{--saved-board-size: 75px}.saved-boards.svelte-1qvn3qy{text-align:center;flex:1;margin-top:1rem;display:flex;flex-flow:column nowrap;gap:1rem}.canvas-button.svelte-1qvn3qy{border-radius:.5rem;border:1px solid #333;transition:transform .1s ease-in-out;cursor:pointer;position:relative;overflow:hidden}.canvas-button.svelte-1qvn3qy:disabled{cursor:not-allowed;border-color:#0003}.canvas-button.svelte-1qvn3qy:not(:disabled):hover{transform:scale(1.1)}.canvas-button.svelte-1qvn3qy:not(.save){width:var(--saved-board-size);height:var(--saved-board-size);padding:0}.lock.svelte-1qvn3qy{position:absolute;top:0;left:0;right:0;bottom:0;background-color:#0009;display:flex;align-items:center;justify-content:center;white-space:wrap;padding:0 .5rem;border-radius:.5rem;z-index:1;color:#fff}.lock.svelte-1qvn3qy:not(.locked){opacity:0}.canvas-actions.svelte-1qvn3qy{display:flex;flex-flow:row-reverse nowrap;align-items:flex-end;gap:0;margin-bottom:1rem}.save.svelte-1qvn3qy{position:relative;background-color:#32c8004d;padding:.5rem .75rem;border-color:#00640066;border:none;background-color:#000000b3;color:#fff;width:100%;height:auto}.delete.svelte-1qvn3qy{border:none;background:none;cursor:pointer;transition:transform .1s ease-in-out;opacity:.2;margin-left:-.2rem}.delete.svelte-1qvn3qy:hover{transform:translateY(-2px);opacity:1}.delete.svelte-1qvn3qy:hover+.canvas-button:where(.svelte-1qvn3qy){border-color:#c83200;outline:2px solid rgb(250,50,0)}@media(max-aspect-ratio:1.05/1){:root{--saved-board-size: 60px}.saved-boards.svelte-1qvn3qy{flex:1 100%;width:100%}.canvas-actions.svelte-1qvn3qy{display:inline-flex;margin-right:.5rem}.canvases.svelte-1qvn3qy{display:flex;overflow-x:auto}.save.svelte-1qvn3qy:hover{transform:translateY(-2px);opacity:.9}}.slider.svelte-1fbosnr{---track-width: var(--track-width, unset);---track-height: var(--track-height, 6px);---track-background: var(--track-background, #949494);---track-border: var(--track-border, none);---thumb-size: var(--thumb-size, 16px);---thumb-background: var(--thumb-background, #2d2d2d);---thumb-border: var(--thumb-border, none);---position: var(--position, 0px);---margin-inline-thumb-bigger: max(var(---thumb-size) - var(---track-height), 0px);---margin-inline-thumb-smaller: max(var(---track-height) - var(---thumb-size), 0px);position:relative;margin:auto;user-select:none;-webkit-user-select:none;background-color:transparent;cursor:pointer}.slider.svelte-1fbosnr:before{background-color:transparent}[aria-orientation=horizontal].svelte-1fbosnr{width:var(---track-width);max-width:calc(100% - 2 * var(---margin-inline-thumb-bigger));height:calc(max(var(---track-height),var(---thumb-size)) + 4px);height:max(var(---track-height),var(---thumb-size));margin-inline:var(---margin-inline-thumb-bigger);margin-block:var(--margin-block, 8px)}[aria-orientation=vertical].svelte-1fbosnr{width:max(var(---track-height),var(---thumb-size));height:var(---track-width);max-height:calc(100% - 2 * var(---margin-inline-thumb-bigger));margin-block:var(---margin-inline-thumb-bigger);margin-inline:var(--margin-block, 8px)}.track.svelte-1fbosnr{position:absolute;pointer-events:none;background:var(---track-background);border:var(---track-border);border-radius:calc(var(---track-height) / 2);box-sizing:border-box}[aria-orientation=horizontal].svelte-1fbosnr .track:where(.svelte-1fbosnr){height:var(---track-height);top:50%;transform:translateY(-50%);left:0;right:0}[aria-orientation=vertical].svelte-1fbosnr .track:where(.svelte-1fbosnr){width:var(---track-height);left:50%;transform:translate(-50%);top:0;bottom:0}.thumb.svelte-1fbosnr{pointer-events:none;position:absolute;height:var(---thumb-size);width:var(---thumb-size);border-radius:calc(var(---thumb-size) / 2);background:var(---thumb-background);border:var(---thumb-border);box-sizing:border-box;transform:translate(-50%,-50%);--margin-left: (2 * var(---track-height) - var(---thumb-size) - var(---margin-inline-thumb-smaller)) / 2;--left: calc(var(---position) * (100% - 2 * var(--margin-left)) + var(--margin-left))}[aria-orientation=horizontal].svelte-1fbosnr:not(.reverse) .thumb:where(.svelte-1fbosnr){top:50%;left:var(--left)}[aria-orientation=vertical].svelte-1fbosnr:not(.reverse) .thumb:where(.svelte-1fbosnr){left:50%;bottom:calc(var(--left) - var(---thumb-size))}[aria-orientation=horizontal].reverse.svelte-1fbosnr .thumb:where(.svelte-1fbosnr){top:50%;right:calc(var(--left) - var(---thumb-size))}[aria-orientation=vertical].reverse.svelte-1fbosnr .thumb:where(.svelte-1fbosnr){left:50%;top:calc(var(--left))}.slider.svelte-1fbosnr:focus-visible{outline:none}.slider.svelte-1fbosnr:focus-visible .track:where(.svelte-1fbosnr){outline:2px solid var(--focus-color, red);outline-offset:2px}.picker.svelte-a4gc6u{position:relative;display:inline-block;width:var(--picker-width, 200px);height:var(--picker-height, 200px);background:linear-gradient(#fff0,#000),linear-gradient(.25turn,#fff,#0000),var(--picker-color-bg);border-radius:var(--picker-radius, 8px);outline:none;-webkit-user-select:none;user-select:none;cursor:pointer}.s.svelte-a4gc6u,.v.svelte-a4gc6u{position:absolute;--track-background: none;--track-border: none;--thumb-background: none;--thumb-border: none;--thumb-size: 2px;--margin-block: 0;--track-height: var(--picker-indicator-size, 10px);user-select:none;-webkit-user-select:none}.s.svelte-a4gc6u{top:calc(var(--pos-y) * (var(--picker-height, 200px) - var(--picker-indicator-size, 10px) - 4px) / 100 + 2px);left:2px;--track-width: calc(var(--picker-width, 200px) - 4px)}.v.svelte-a4gc6u{top:2px;left:calc(var(--pos-x) * (var(--picker-width, 200px) - var(--picker-indicator-size, 10px) - 4px) / 100 + 2px);--track-width: calc(var(--picker-height, 200px) - 4px)}label.svelte-1o9p1lc{display:inline-flex;align-items:center;gap:8px;cursor:pointer;border-radius:3px;margin:4px;height:var(--input-size, 25px);-webkit-user-select:none;user-select:none}.container.svelte-1o9p1lc{position:relative;display:block;display:flex;align-items:center;justify-content:center;width:var(--input-size, 25px)}input.svelte-1o9p1lc{margin:0;padding:0;border:none;width:1px;height:1px;flex-shrink:0;opacity:0}.alpha.svelte-1o9p1lc{clip-path:circle(50%);background:var(--alpha-grid-bg)}.alpha.svelte-1o9p1lc,.color.svelte-1o9p1lc{position:absolute;width:var(--input-size, 25px);height:var(--input-size, 25px);border-radius:50%;-webkit-user-select:none;user-select:none}input.svelte-1o9p1lc:focus-visible~.color:where(.svelte-1o9p1lc){outline:2px solid var(--focus-color, red);outline-offset:2px}label.svelte-y0a4ew{display:flex;justify-content:center;margin-bottom:4px;grid-area:nullable;-webkit-user-select:none;user-select:none}input.svelte-y0a4ew{margin:0}input.svelte-y0a4ew:focus-visible{outline:none}input.svelte-y0a4ew:focus-visible+span:where(.svelte-y0a4ew){width:14px;height:14px;border-radius:2px;outline:2px solid var(--focus-color, red);outline-offset:2px}div.svelte-y0a4ew{width:32px;aspect-ratio:2;position:relative}div.svelte-y0a4ew :where(.svelte-y0a4ew){position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}div.svelte-1ph6e4z{position:absolute;left:calc(var(--pos-x) * (var(--picker-width, 200px) - 2px) / 100 - var(--picker-indicator-size, 10px) / 2 + 1px);top:calc(var(--pos-y) * (var(--picker-height, 200px) - 2px) / 100 - var(--picker-indicator-size, 10px) / 2 + 1px);width:var(--picker-indicator-size, 10px);height:var(--picker-indicator-size, 10px);background-color:#fff;box-shadow:0 0 4px #000;border-radius:50%;pointer-events:none;z-index:1;transition:box-shadow .2s}.swatches.svelte-1q3i30g{display:grid;grid-template-columns:var(--cp-swatch-grid-template-columns, repeat(auto-fit, minmax(24px, 1fr)));gap:8px;width:100%;height:100%;margin-top:8px;margin-bottom:8px}.swatch.svelte-1q3i30g{cursor:pointer;margin:0;padding:0;border:none;width:100%;aspect-ratio:1 / 1;height:auto;display:block}.swatch.svelte-1q3i30g:focus{outline:2px solid var(--focus-color, red);outline-offset:2px}.text-input.svelte-1xmlgu5{margin:var(--text-input-margin, 5px 0 0)}.input-container.svelte-1xmlgu5{display:flex;flex:1;gap:10px}input.svelte-1xmlgu5,button.svelte-1xmlgu5,.button-like.svelte-1xmlgu5{flex:1;border:none;background-color:var(--cp-input-color, #eee);color:var(--cp-text-color, var(--cp-border-color));padding:0;border-radius:5px;height:30px;line-height:30px;text-align:center}input.svelte-1xmlgu5{width:5px;font-family:inherit}button.svelte-1xmlgu5,.button-like.svelte-1xmlgu5{position:relative;flex:1;margin:8px 0 0;height:30px;width:100%;transition:background-color .2s;cursor:pointer;font-family:inherit}.button-like.svelte-1xmlgu5{cursor:default}.appear.svelte-1xmlgu5,.disappear.svelte-1xmlgu5{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:100%;transition:all .5s}button.svelte-1xmlgu5:hover .disappear:where(.svelte-1xmlgu5),.appear.svelte-1xmlgu5{opacity:0}.disappear.svelte-1xmlgu5,button.svelte-1xmlgu5:hover .appear:where(.svelte-1xmlgu5){opacity:1}button.svelte-1xmlgu5:hover{background-color:var(--cp-button-hover-color, #ccc)}input.svelte-1xmlgu5:focus,button.svelte-1xmlgu5:focus{outline:none}input.svelte-1xmlgu5:focus-visible,button.svelte-1xmlgu5:focus-visible{outline:2px solid var(--focus-color, red);outline-offset:2px}div.svelte-2y1dab{padding:8px;background-color:var(--cp-bg-color, white);margin:0 10px 10px;border:1px solid var(--cp-border-color, black);border-radius:12px;display:none;width:max-content}.is-open.svelte-2y1dab{display:inline-block}[role=dialog].svelte-2y1dab{position:absolute;top:calc(var(--input-size, 25px) + 12px);left:0;z-index:var(--picker-z-index, 2)}span.svelte-rmjmwh{position:relative;color:var(--cp-text-color, var(--cp-border-color));--alpha-grid-bg: linear-gradient(45deg, #eee 25%, #0000 25%, #0000 75%, #eee 75%) 0 0 / 10px 10px, linear-gradient(45deg, #eee 25%, #0000 25%, #0000 75%, #eee 75%) 5px 5px / 10px 10px}.h.svelte-rmjmwh,.a.svelte-rmjmwh{display:inline-flex;justify-content:center;--track-height: var(--slider-width, 10px);--track-width: var(--picker-height, 200px);--track-border: none;--thumb-size: calc(var(--slider-width, 10px) - 3px);--thumb-background: white;--thumb-border: 1px solid black;--margin-block: 0;--gradient-direction: .5turn}.horizontal.svelte-rmjmwh .h:where(.svelte-rmjmwh),.horizontal.svelte-rmjmwh .a:where(.svelte-rmjmwh){--track-width: calc(var(--picker-width, 200px) - 12px);--gradient-direction: .25turn;margin:4px 6px}.horizontal.svelte-rmjmwh .h:where(.svelte-rmjmwh){margin-top:8px}.vertical.svelte-rmjmwh .h:where(.svelte-rmjmwh),.vertical.svelte-rmjmwh .a:where(.svelte-rmjmwh){margin-left:3px}.h.svelte-rmjmwh{grid-area:hue;--gradient-hue: #ff1500fb, #ffff00 17.2%, #ffff00 18.2%, #00ff00 33.3%, #00ffff 49.5%, #00ffff 51.5%, #0000ff 67.7%, #ff00ff 83.3%, #ff0000;--track-background: linear-gradient(var(--gradient-direction), var(--gradient-hue))}.a.svelte-rmjmwh{grid-area:alpha;margin-top:2px;--alpha-grid-bg: linear-gradient(45deg, #eee 25%, #0000 25%, #0000 75%, #eee 75%) 0 0 / 10px 10px, linear-gradient(45deg, #eee 25%, #0000 25%, #0000 75%, #eee 75%) 5px 5px / 10px 10px;--track-background: linear-gradient(var(--gradient-direction), rgba(0, 0, 0, 0), var(--alphaless-color)), var(--alpha-grid-bg)}span.svelte-rmjmwh .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}section.svelte-onqwy0{position:relative}.swatches.svelte-onqwy0{display:flex;flex-flow:row wrap;gap:.4rem;--swatch-size: 1.8rem}@media(max-aspect-ratio:1.05/1){.swatches.svelte-onqwy0{gap:.1rem;--swatch-size: 1.4rem}}.swatch.svelte-onqwy0{height:var(--swatch-size);width:var(--swatch-size);border:none;border:1px solid rgb(0,0,0);border-radius:.25rem;transition:transform .15s ease-in-out,margin .1s ease-in-out;position:relative;cursor:pointer;background:transparent;overflow:hidden}.swatch.erase.svelte-onqwy0{border:1px dashed rgb(0,0,0)}.swatch.svelte-onqwy0:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:var(--alpha-grid-bg)}.swatch.svelte-onqwy0:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:var(--color)}.swatch.svelte-onqwy0:not(.selected){transform:scale(.9)}.swatch.svelte-onqwy0:hover{transform:scale(1.1)}.swatch.selected.svelte-onqwy0{transform:scale(1.2);margin:0 .1rem}.swatch.svelte-onqwy0:active{transform:scale(.9);transition:transform .05s ease-out}.color-picker{position:absolute!important;left:20%;top:5rem;margin-left:-130px}@media(max-aspect-ratio:1.05/1){.color-picker{top:2.2rem;left:45%}}.control-panel.svelte-13lf5z{display:flex;flex-flow:row wrap;justify-content:center;row-gap:.5rem;column-gap:1rem;align-items:center;padding:1rem;position:absolute;top:0;bottom:0;left:0;right:0}.control-panel.svelte-13lf5z .rangeSlider{margin-bottom:1rem}@media(min-aspect-ratio:1.05/1){.control-panel.svelte-13lf5z{flex-flow:column;justify-content:flex-start;align-items:flex-start;gap:1rem}.control-panel.svelte-13lf5z .rangeSlider{margin-bottom:1.5rem}}.grid.svelte-1415vwe{height:100vh;height:100%;overflow:hidden;display:flex;flex-direction:column}.spectate.svelte-1415vwe{display:flex;flex-flow:column;align-items:center;justify-content:center;text-align:center;font-size:1.3rem;font-weight:200;letter-spacing:.05em;color:#f0c;color:#aaa;padding:2rem 3rem;line-height:1}.spectate.svelte-1415vwe p:where(.svelte-1415vwe){margin:0 0 1rem}.controls.svelte-1415vwe{flex:.2;position:relative;height:100%;width:100%;min-height:clamp(14.5rem,20vh,25rem)}.canvas-wrapper.svelte-1415vwe{display:flex;justify-content:center;max-width:100%;max-height:100%;aspect-ratio:auto;align-items:center;position:relative;flex:5}@media(min-aspect-ratio:1.05/1){.grid.svelte-1415vwe{flex-direction:row-reverse;gap:0}.controls.svelte-1415vwe{margin-right:auto;align-self:flex-start;flex:0 0 7rem;max-height:100%;min-width:13rem}}