:where(html){--font-sans: system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif;--font-serif: ui-serif,serif;--font-mono: Dank Mono,Operator Mono,Inconsolata,Fira Mono,ui-monospace,SF Mono,Monaco,Droid Sans Mono,Source Code Pro,monospace;--font-weight-1: 100;--font-weight-2: 200;--font-weight-3: 300;--font-weight-4: 400;--font-weight-5: 500;--font-weight-6: 600;--font-weight-7: 700;--font-weight-8: 800;--font-weight-9: 900;--font-lineheight-00: .95;--font-lineheight-0: 1.1;--font-lineheight-1: 1.25;--font-lineheight-2: 1.375;--font-lineheight-3: 1.5;--font-lineheight-4: 1.75;--font-lineheight-5: 2;--font-letterspacing-0: -.05em;--font-letterspacing-1: .025em;--font-letterspacing-2: .05em;--font-letterspacing-3: .075em;--font-letterspacing-4: .15em;--font-letterspacing-5: .5em;--font-letterspacing-6: .75em;--font-letterspacing-7: 1em;--font-size-00: .5rem;--font-size-0: .75rem;--font-size-1: 1rem;--font-size-2: 1.1rem;--font-size-3: 1.25rem;--font-size-4: 1.5rem;--font-size-5: 2rem;--font-size-6: 2.5rem;--font-size-7: 3rem;--font-size-8: 3.5rem;--font-size-fluid-0: max(.75rem, min(2vw, 1rem));--font-size-fluid-1: max(1rem, min(4vw, 1.5rem));--font-size-fluid-2: max(1.5rem, min(6vw, 2.5rem));--font-size-fluid-3: max(2rem, min(9vw, 3.5rem))}:where(html){--size-000: -.5rem;--size-00: -.25rem;--size-1: .25rem;--size-2: .5rem;--size-3: 1rem;--size-4: 1.25rem;--size-5: 1.5rem;--size-6: 1.75rem;--size-7: 2rem;--size-8: 3rem;--size-9: 4rem;--size-10: 5rem;--size-11: 7.5rem;--size-12: 10rem;--size-13: 15rem;--size-14: 20rem;--size-15: 30rem;--size-fluid-1: max(.5rem, min(1vw, 1rem));--size-fluid-2: max(1rem, min(2vw, 1.5rem));--size-fluid-3: max(1.5rem, min(3vw, 2rem));--size-fluid-4: max(2rem, min(4vw, 3rem));--size-fluid-5: max(4rem, min(5vw, 5rem));--size-fluid-6: max(5rem, min(7vw, 7.5rem));--size-fluid-7: max(7.5rem, min(10vw, 10rem));--size-fluid-8: max(10rem, min(20vw, 15rem));--size-fluid-9: max(15rem, min(30vw, 20rem));--size-fluid-10: max(20rem, min(40vw, 30rem));--size-content-1: 20ch;--size-content-2: 45ch;--size-content-3: 60ch;--size-header-1: 20ch;--size-header-2: 25ch;--size-header-3: 35ch;--size-xxs: 240px;--size-xs: 360px;--size-sm: 480px;--size-md: 768px;--size-lg: 1024px;--size-xl: 1440px;--size-xxl: 1920px}:where(html){--ease-1: cubic-bezier(.25, 0, .5, 1);--ease-2: cubic-bezier(.25, 0, .4, 1);--ease-3: cubic-bezier(.25, 0, .3, 1);--ease-4: cubic-bezier(.25, 0, .2, 1);--ease-5: cubic-bezier(.25, 0, .1, 1);--ease-in-1: cubic-bezier(.25, 0, 1, 1);--ease-in-2: cubic-bezier(.5, 0, 1, 1);--ease-in-3: cubic-bezier(.7, 0, 1, 1);--ease-in-4: cubic-bezier(.9, 0, 1, 1);--ease-in-5: cubic-bezier(1, 0, 1, 1);--ease-out-1: cubic-bezier(0, 0, .75, 1);--ease-out-2: cubic-bezier(0, 0, .5, 1);--ease-out-3: cubic-bezier(0, 0, .3, 1);--ease-out-4: cubic-bezier(0, 0, .1, 1);--ease-out-5: cubic-bezier(0, 0, 0, 1);--ease-in-out-1: cubic-bezier(.1, 0, .9, 1);--ease-in-out-2: cubic-bezier(.3, 0, .7, 1);--ease-in-out-3: cubic-bezier(.5, 0, .5, 1);--ease-in-out-4: cubic-bezier(.7, 0, .3, 1);--ease-in-out-5: cubic-bezier(.9, 0, .1, 1);--ease-elastic-1: cubic-bezier(.5, .75, .75, 1.25);--ease-elastic-2: cubic-bezier(.5, 1, .75, 1.25);--ease-elastic-3: cubic-bezier(.5, 1.25, .75, 1.25);--ease-elastic-4: cubic-bezier(.5, 1.5, .75, 1.25);--ease-elastic-5: cubic-bezier(.5, 1.75, .75, 1.25);--ease-squish-1: cubic-bezier(.5, -.1, .1, 1.5);--ease-squish-2: cubic-bezier(.5, -.3, .1, 1.5);--ease-squish-3: cubic-bezier(.5, -.5, .1, 1.5);--ease-squish-4: cubic-bezier(.5, -.7, .1, 1.5);--ease-squish-5: cubic-bezier(.5, -.9, .1, 1.5);--ease-step-1: steps(2);--ease-step-2: steps(3);--ease-step-3: steps(4);--ease-step-4: steps(7);--ease-step-5: steps(10)}:where(html){--layer-1: 1;--layer-2: 2;--layer-3: 3;--layer-4: 4;--layer-5: 5;--layer-important: 2147483647}:where(html){--shadow-color: 220 3% 15%;--shadow-strength: 1%;--shadow-1: 0 1px 2px -1px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 9%));--shadow-2: 0 3px 5px -2px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 3%)), 0 7px 14px -5px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 5%));--shadow-3: 0 -1px 3px 0 hsl(var(--shadow-color) / calc(var(--shadow-strength) + 2%)), 0 1px 2px -5px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 2%)), 0 2px 5px -5px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 4%)), 0 4px 12px -5px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 5%)), 0 12px 15px -5px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 7%));--shadow-4: 0 -2px 5px 0 hsl(var(--shadow-color) / calc(var(--shadow-strength) + 2%)), 0 1px 1px -2px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 3%)), 0 2px 2px -2px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 3%)), 0 5px 5px -2px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 4%)), 0 9px 9px -2px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 5%)), 0 16px 16px -2px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 6%));--shadow-5: 0 -1px 2px 0 hsl(var(--shadow-color) / calc(var(--shadow-strength) + 2%)), 0 2px 1px -2px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 3%)), 0 5px 5px -2px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 3%)), 0 10px 10px -2px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 4%)), 0 20px 20px -2px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 5%)), 0 40px 40px -2px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 7%));--shadow-6: 0 -1px 2px 0 hsl(var(--shadow-color) / calc(var(--shadow-strength) + 2%)), 0 3px 2px -2px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 3%)), 0 7px 5px -2px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 3%)), 0 12px 10px -2px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 4%)), 0 22px 18px -2px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 5%)), 0 41px 33px -2px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 6%)), 0 100px 80px -2px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 7%));--inner-shadow-0: inset 0 0 0 1px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 9%));--inner-shadow-1: inset 0 1px 2px 0 hsl(var(--shadow-color) / calc(var(--shadow-strength) + 9%));--inner-shadow-2: inset 0 1px 4px 0 hsl(var(--shadow-color) / calc(var(--shadow-strength) + 9%));--inner-shadow-3: inset 0 2px 8px 0 hsl(var(--shadow-color) / calc(var(--shadow-strength) + 9%));--inner-shadow-4: inset 0 2px 14px 0 hsl(var(--shadow-color) / calc(var(--shadow-strength) + 9%))}@media (prefers-color-scheme: dark){:where(html){--shadow-color: 220 40% 2%;--shadow-strength: 25%}}:where(html){--ratio-square: 1;--ratio-landscape: 4/3;--ratio-portrait: 3/4;--ratio-widescreen: 16/9;--ratio-ultrawide: 18/5;--ratio-golden: 1.618/1}:where(html){--gray-0: #f8f9fa;--gray-1: #f1f3f5;--gray-2: #e9ecef;--gray-3: #dee2e6;--gray-4: #ced4da;--gray-5: #adb5bd;--gray-6: #868e96;--gray-7: #495057;--gray-8: #343a40;--gray-9: #212529;--gray-10: #16191d;--gray-11: #0d0f12;--gray-12: #030507;--stone-0: #f8fafb;--stone-1: #f2f4f6;--stone-2: #ebedef;--stone-3: #e0e4e5;--stone-4: #d1d6d8;--stone-5: #b1b6b9;--stone-6: #979b9d;--stone-7: #7e8282;--stone-8: #666968;--stone-9: #50514f;--stone-10: #3a3a37;--stone-11: #252521;--stone-12: #121210;--red-0: #fff5f5;--red-1: #ffe3e3;--red-2: #ffc9c9;--red-3: #ffa8a8;--red-4: #ff8787;--red-5: #ff6b6b;--red-6: #fa5252;--red-7: #f03e3e;--red-8: #e03131;--red-9: #c92a2a;--red-10: #b02525;--red-11: #962020;--red-12: #7d1a1a;--pink-0: #fff0f6;--pink-1: #ffdeeb;--pink-2: #fcc2d7;--pink-3: #faa2c1;--pink-4: #f783ac;--pink-5: #f06595;--pink-6: #e64980;--pink-7: #d6336c;--pink-8: #c2255c;--pink-9: #a61e4d;--pink-10: #8c1941;--pink-11: #731536;--pink-12: #59102a;--purple-0: #f8f0fc;--purple-1: #f3d9fa;--purple-2: #eebefa;--purple-3: #e599f7;--purple-4: #da77f2;--purple-5: #cc5de8;--purple-6: #be4bdb;--purple-7: #ae3ec9;--purple-8: #9c36b5;--purple-9: #862e9c;--purple-10: #702682;--purple-11: #5a1e69;--purple-12: #44174f;--violet-0: #f3f0ff;--violet-1: #e5dbff;--violet-2: #d0bfff;--violet-3: #b197fc;--violet-4: #9775fa;--violet-5: #845ef7;--violet-6: #7950f2;--violet-7: #7048e8;--violet-8: #6741d9;--violet-9: #5f3dc4;--violet-10: #5235ab;--violet-11: #462d91;--violet-12: #3a2578;--indigo-0: #edf2ff;--indigo-1: #dbe4ff;--indigo-2: #bac8ff;--indigo-3: #91a7ff;--indigo-4: #748ffc;--indigo-5: #5c7cfa;--indigo-6: #4c6ef5;--indigo-7: #4263eb;--indigo-8: #3b5bdb;--indigo-9: #364fc7;--indigo-10: #2f44ad;--indigo-11: #283a94;--indigo-12: #21307a;--blue-0: #e7f5ff;--blue-1: #d0ebff;--blue-2: #a5d8ff;--blue-3: #74c0fc;--blue-4: #4dabf7;--blue-5: #339af0;--blue-6: #228be6;--blue-7: #1c7ed6;--blue-8: #1971c2;--blue-9: #1864ab;--blue-10: #145591;--blue-11: #114678;--blue-12: #0d375e;--cyan-0: #e3fafc;--cyan-1: #c5f6fa;--cyan-2: #99e9f2;--cyan-3: #66d9e8;--cyan-4: #3bc9db;--cyan-5: #22b8cf;--cyan-6: #15aabf;--cyan-7: #1098ad;--cyan-8: #0c8599;--cyan-9: #0b7285;--cyan-10: #095c6b;--cyan-11: #074652;--cyan-12: #053038;--teal-0: #e6fcf5;--teal-1: #c3fae8;--teal-2: #96f2d7;--teal-3: #63e6be;--teal-4: #38d9a9;--teal-5: #20c997;--teal-6: #12b886;--teal-7: #0ca678;--teal-8: #099268;--teal-9: #087f5b;--teal-10: #066649;--teal-11: #054d37;--teal-12: #033325;--green-0: #ebfbee;--green-1: #d3f9d8;--green-2: #b2f2bb;--green-3: #8ce99a;--green-4: #69db7c;--green-5: #51cf66;--green-6: #40c057;--green-7: #37b24d;--green-8: #2f9e44;--green-9: #2b8a3e;--green-10: #237032;--green-11: #1b5727;--green-12: #133d1b;--lime-0: #f4fce3;--lime-1: #e9fac8;--lime-2: #d8f5a2;--lime-3: #c0eb75;--lime-4: #a9e34b;--lime-5: #94d82d;--lime-6: #82c91e;--lime-7: #74b816;--lime-8: #66a80f;--lime-9: #5c940d;--lime-10: #4c7a0b;--lime-11: #3c6109;--lime-12: #2c4706;--yellow-0: #fff9db;--yellow-1: #fff3bf;--yellow-2: #ffec99;--yellow-3: #ffe066;--yellow-4: #ffd43b;--yellow-5: #fcc419;--yellow-6: #fab005;--yellow-7: #f59f00;--yellow-8: #f08c00;--yellow-9: #e67700;--yellow-10: #b35c00;--yellow-11: #804200;--yellow-12: #663500;--orange-0: #fff4e6;--orange-1: #ffe8cc;--orange-2: #ffd8a8;--orange-3: #ffc078;--orange-4: #ffa94d;--orange-5: #ff922b;--orange-6: #fd7e14;--orange-7: #f76707;--orange-8: #e8590c;--orange-9: #d9480f;--orange-10: #bf400d;--orange-11: #99330b;--orange-12: #802b09;--choco-0: #fff8dc;--choco-1: #fce1bc;--choco-2: #f7ca9e;--choco-3: #f1b280;--choco-4: #e99b62;--choco-5: #df8545;--choco-6: #d46e25;--choco-7: #bd5f1b;--choco-8: #a45117;--choco-9: #8a4513;--choco-10: #703a13;--choco-11: #572f12;--choco-12: #3d210d;--brown-0: #faf4eb;--brown-1: #ede0d1;--brown-2: #e0cab7;--brown-3: #d3b79e;--brown-4: #c5a285;--brown-5: #b78f6d;--brown-6: #a87c56;--brown-7: #956b47;--brown-8: #825b3a;--brown-9: #6f4b2d;--brown-10: #5e3a21;--brown-11: #4e2b15;--brown-12: #422412;--sand-0: #f8fafb;--sand-1: #e6e4dc;--sand-2: #d5cfbd;--sand-3: #c2b9a0;--sand-4: #aea58c;--sand-5: #9a9178;--sand-6: #867c65;--sand-7: #736a53;--sand-8: #5f5746;--sand-9: #4b4639;--sand-10: #38352d;--sand-11: #252521;--sand-12: #121210;--camo-0: #f9fbe7;--camo-1: #e8ed9c;--camo-2: #d2df4e;--camo-3: #c2ce34;--camo-4: #b5bb2e;--camo-5: #a7a827;--camo-6: #999621;--camo-7: #8c851c;--camo-8: #7e7416;--camo-9: #6d6414;--camo-10: #5d5411;--camo-11: #4d460e;--camo-12: #36300a;--jungle-0: #ecfeb0;--jungle-1: #def39a;--jungle-2: #d0e884;--jungle-3: #c2dd6e;--jungle-4: #b5d15b;--jungle-5: #a8c648;--jungle-6: #9bbb36;--jungle-7: #8fb024;--jungle-8: #84a513;--jungle-9: #7a9908;--jungle-10: #658006;--jungle-11: #516605;--jungle-12: #3d4d04}:where(html){--gradient-1: linear-gradient(to bottom right,#1f005c, #5b0060, #870160, #ac255e, #ca485c, #e16b5c, #f39060, #ffb56b);--gradient-2: linear-gradient(to bottom right,#48005c, #8300e2, #a269ff);--gradient-3: radial-gradient( circle at top right, hsl(180 100% 50%), hsl(180 100% 50% / 0%) ), radial-gradient( circle at bottom left, hsl(328 100% 54%), hsl(328 100% 54% / 0%) );--gradient-4: linear-gradient(to bottom right,#00F5A0,#00D9F5);--gradient-5: conic-gradient(from -270deg at 75% 110%, fuchsia, floralwhite);--gradient-6: conic-gradient(from -90deg at top left, black, white);--gradient-7: linear-gradient(to bottom right,#72C6EF,#004E8F);--gradient-8: conic-gradient(from 90deg at 50% 0%, #111, 50%, #222, #111);--gradient-9: conic-gradient(from .5turn at bottom center, lightblue, white);--gradient-10: conic-gradient(from 90deg at 40% -25%, #ffd700, #f79d03, #ee6907, #e6390a, #de0d0d, #d61039, #cf1261, #c71585, #cf1261, #d61039, #de0d0d, #ee6907, #f79d03, #ffd700, #ffd700, #ffd700);--gradient-11: conic-gradient(at bottom left, deeppink, cyan);--gradient-12: conic-gradient(from 90deg at 25% -10%, #ff4500, #d3f340, #7bee85, #afeeee, #7bee85);--gradient-13: radial-gradient(circle at 50% 200%, #000142, #3b0083, #b300c3, #ff059f, #ff4661, #ffad86, #fff3c7);--gradient-14: conic-gradient(at top right, lime, cyan);--gradient-15: linear-gradient(to bottom right, #c7d2fe, #fecaca, #fef3c7);--gradient-16: radial-gradient(circle at 50% -250%, #374151, #111827, #000);--gradient-17: conic-gradient(from -90deg at 50% -25%, blue, blueviolet);--gradient-18: linear-gradient(0deg, hsla(0 100% 50% / 80%), hsla(0 100% 50% / 0) 75%), linear-gradient(60deg, hsla(60 100% 50% / 80%), hsla(60 100% 50% / 0) 75%), linear-gradient(120deg, hsla(120 100% 50% / 80%), hsla(120 100% 50% / 0) 75%), linear-gradient(180deg, hsla(180 100% 50% / 80%), hsla(180 100% 50% / 0) 75%), linear-gradient(240deg, hsla(240 100% 50% / 80%), hsla(240 100% 50% / 0) 75%), linear-gradient(300deg, hsla(300 100% 50% / 80%), hsla(300 100% 50% / 0) 75%) ;--gradient-19: linear-gradient(to bottom right,#ffe259,#ffa751);--gradient-20: conic-gradient(from -135deg at -10% center, #ffa500, #ff7715, #ff522a, #ff3f47, #ff5482, #ff69b4);--gradient-21: conic-gradient(from -90deg at 25% 115%, #ff0000, #ff0066, #ff00cc, #cc00ff, #6600ff, #0000ff, #0000ff, #0000ff, #0000ff);--gradient-22: linear-gradient(to bottom right,#acb6e5,#86fde8);--gradient-23: linear-gradient(to bottom right,#536976,#292E49);--gradient-24: conic-gradient(from .5turn at 0% 0%, #00c476, 10%, #82b0ff, 90%, #00c476);--gradient-25: conic-gradient(at 125% 50%, #b78cf7, #ff7c94, #ffcf0d, #ff7c94, #b78cf7);--gradient-26: linear-gradient(to bottom right,#9796f0,#fbc7d4);--gradient-27: conic-gradient(from .5turn at bottom left, deeppink, #639);--gradient-28: conic-gradient(from -90deg at 50% 105%, white, orchid);--gradient-29: radial-gradient( circle at top right, hsl(250 100% 85%), hsl(250 100% 85% / 0%) ), radial-gradient( circle at bottom left, hsl(220 90% 75%), hsl(220 90% 75% / 0%) );--gradient-30: radial-gradient( circle at top right, hsl(150 100% 50%), hsl(150 100% 50% / 0%) ), radial-gradient( circle at bottom left, hsl(150 100% 84%), hsl(150 100% 84% / 0%) );--noise-1: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.005' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");--noise-2: url("data:image/svg+xml,%3Csvg viewBox='0 0 300 300' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.05' numOctaves='1' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");--noise-3: url("data:image/svg+xml,%3Csvg viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.25' numOctaves='1' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");--noise-4: url("data:image/svg+xml,%3Csvg viewBox='0 0 2056 2056' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.5' numOctaves='1' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");--noise-5: url("data:image/svg+xml,%3Csvg viewBox='0 0 2056 2056' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='1' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");--noise-filter-1: contrast(300%) brightness(100%);--noise-filter-2: contrast(200%) brightness(150%);--noise-filter-3: contrast(200%) brightness(250%);--noise-filter-4: contrast(200%) brightness(500%);--noise-filter-5: contrast(200%) brightness(1000%)}:where(html){--animation-fade-in: fade-in .5s var(--ease-3);--animation-fade-in-bloom: fade-in-bloom 2s var(--ease-3);--animation-fade-out: fade-out .5s var(--ease-3);--animation-fade-out-bloom: fade-out-bloom 2s var(--ease-3);--animation-scale-up: scale-up .5s var(--ease-3);--animation-scale-down: scale-down .5s var(--ease-3);--animation-slide-out-up: slide-out-up .5s var(--ease-3);--animation-slide-out-down: slide-out-down .5s var(--ease-3);--animation-slide-out-right: slide-out-right .5s var(--ease-3);--animation-slide-out-left: slide-out-left .5s var(--ease-3);--animation-slide-in-up: slide-in-up .5s var(--ease-3);--animation-slide-in-down: slide-in-down .5s var(--ease-3);--animation-slide-in-right: slide-in-right .5s var(--ease-3);--animation-slide-in-left: slide-in-left .5s var(--ease-3);--animation-shake-x: shake-x .75s var(--ease-out-5);--animation-shake-y: shake-y .75s var(--ease-out-5);--animation-spin: spin 2s linear infinite;--animation-ping: ping 5s var(--ease-out-3) infinite;--animation-blink: blink 1s var(--ease-out-3) infinite;--animation-float: float 3s var(--ease-in-out-3) infinite;--animation-bounce: bounce 2s var(--ease-squish-2) infinite;--animation-pulse: pulse 2s var(--ease-out-3) infinite}@keyframes fade-in{to{opacity:1}}@keyframes fade-in-bloom{0%{opacity:0;filter:brightness(1) blur(20px)}10%{opacity:1;filter:brightness(2) blur(10px)}to{opacity:1;filter:brightness(1) blur(0)}}@keyframes fade-out{to{opacity:0}}@keyframes fade-out-bloom{to{opacity:0;filter:brightness(1) blur(20px)}10%{opacity:1;filter:brightness(2) blur(10px)}0%{opacity:1;filter:brightness(1) blur(0)}}@keyframes scale-up{to{transform:scale(1.25)}}@keyframes scale-down{to{transform:scale(.75)}}@keyframes slide-out-up{to{transform:translateY(-100%)}}@keyframes slide-out-down{to{transform:translateY(100%)}}@keyframes slide-out-right{to{transform:translate(100%)}}@keyframes slide-out-left{to{transform:translate(-100%)}}@keyframes slide-in-up{0%{transform:translateY(100%)}}@keyframes slide-in-down{0%{transform:translateY(-100%)}}@keyframes slide-in-right{0%{transform:translate(-100%)}}@keyframes slide-in-left{0%{transform:translate(100%)}}@keyframes shake-x{0%,to{transform:translate(0)}20%{transform:translate(-5%)}40%{transform:translate(5%)}60%{transform:translate(-5%)}80%{transform:translate(5%)}}@keyframes shake-y{0%,to{transform:translateY(0)}20%{transform:translateY(-5%)}40%{transform:translateY(5%)}60%{transform:translateY(-5%)}80%{transform:translateY(5%)}}@keyframes spin{to{transform:rotate(1turn)}}@keyframes ping{90%,to{transform:scale(2);opacity:0}}@keyframes blink{0%,to{opacity:1}50%{opacity:.5}}@keyframes float{50%{transform:translateY(-25%)}}@keyframes bounce{25%{transform:translateY(-20%)}40%{transform:translateY(-3%)}0%,60%,to{transform:translateY(0)}}@keyframes pulse{50%{transform:scale(.9)}}@media (prefers-color-scheme: dark){@keyframes fade-in-bloom{0%{opacity:0;filter:brightness(1) blur(20px)}10%{opacity:1;filter:brightness(.5) blur(10px)}to{opacity:1;filter:brightness(1) blur(0)}};{}}@media (prefers-color-scheme: dark){@keyframes fade-out-bloom{to{opacity:0;filter:brightness(1) blur(20px)}10%{opacity:1;filter:brightness(.5) blur(10px)}0%{opacity:1;filter:brightness(1) blur(0)}};{}}:where(html){--border-size-1: 1px;--border-size-2: 2px;--border-size-3: 5px;--border-size-4: 10px;--border-size-5: 25px;--radius-1: 2px;--radius-2: 5px;--radius-3: 1rem;--radius-4: 2rem;--radius-5: 4rem;--radius-6: 8rem;--radius-round: 1e5px;--radius-blob-1: 30% 70% 70% 30% / 53% 30% 70% 47%;--radius-blob-2: 53% 47% 34% 66% / 63% 46% 54% 37%;--radius-blob-3: 37% 63% 56% 44% / 49% 56% 44% 51%;--radius-blob-4: 63% 37% 37% 63% / 43% 37% 63% 57%;--radius-blob-5: 49% 51% 48% 52% / 57% 44% 56% 43%;--radius-conditional-1: clamp(0px, calc(100vw - 100%) * 1e5, var(--radius-1));--radius-conditional-2: clamp(0px, calc(100vw - 100%) * 1e5, var(--radius-2));--radius-conditional-3: clamp(0px, calc(100vw - 100%) * 1e5, var(--radius-3));--radius-conditional-4: clamp(0px, calc(100vw - 100%) * 1e5, var(--radius-4));--radius-conditional-5: clamp(0px, calc(100vw - 100%) * 1e5, var(--radius-5));--radius-conditional-6: clamp(0px, calc(100vw - 100%) * 1e5, var(--radius-6))}:where(html){color-scheme:light;--link: var(--indigo-7);--link-visited: var(--purple-7);--text-1: var(--gray-9);--text-2: var(--gray-7);--surface-1: var(--gray-0);--surface-2: var(--gray-2);--surface-3: var(--gray-3);--surface-4: var(--gray-4);--scrollthumb-color: var(--gray-7)}@media (dynamic-range: high){@supports (color: color(display-p3 0 0 0)){:where(html){--link: color(display-p3 .1 .4 1);--link-visited: color(display-p3 .6 .2 1)}}}:where(html) :where(dialog){background-color:var(--surface-1)}:where(html) :where(button){--_highlight: var(--_highlight-light);--_bg: var(--_bg-light);--_ink-shadow: var(--_ink-shadow-light)}:where(html) :where(button) :where([type="reset"]){--_text: var(--red-6);--_border: var(--red-3)}:where(html) [disabled]:where(button,button[type],input[type="button"],input[type="submit"],input[type="reset"]){--_text: var(--gray-6)}:where(html) :where(textarea,select,input:not(button,button[type],input[type="button"],input[type="submit"],input[type="reset"])){background-color:var(--surface-2)}@media (prefers-color-scheme: dark){:where(html){color-scheme:dark;--link: var(--indigo-3);--link-visited: var(--purple-3);--text-1: var(--gray-1);--text-2: var(--gray-4);--surface-1: var(--gray-9);--surface-2: var(--gray-8);--surface-3: var(--gray-7);--surface-4: var(--gray-6);--scrollthumb-color: var(--gray-6)}}:where(html){scrollbar-color:var(--scrollthumb-color) transparent;accent-color:var(--brand, var(--link));caret-color:var(--brand, var(--link));color:var(--text-2);background-color:var(--surface-1)}:where(h1,h2,h3,h4,h5,h6,dt){color:var(--text-1)}:where(a[href]){color:var(--brand, var(--link))}:where(a[href]):visited{color:var(--link-visited)}:focus-visible{outline-color:var(--brand, var(--link))}*,:before,:after{box-sizing:border-box}:where(:not(dialog)){margin:0}:where(:not(fieldset,progress,meter)){border-width:0;border-style:solid;background-origin:border-box;background-repeat:no-repeat}:where(html){block-size:100%;font-family:var(--font-sans);line-height:var(--font-lineheight-3);-webkit-text-size-adjust:none}@media (prefers-reduced-motion: no-preference){:where(html){scroll-behavior:smooth}}@media (prefers-reduced-motion: no-preference){:where(:focus-visible){transition:outline-offset 145ms var(--ease-2)}:where(:not(:active):focus-visible){transition-duration:.25s}}:where(:not(:active):focus-visible){outline-offset:5px}:where(body){min-block-size:100%}:where(h1,h2,h3,h4,h5,h6){line-height:var(--font-lineheight-1);font-weight:var(--font-weight-9)}:where(h1){font-size:var(--font-size-8);max-inline-size:var(--size-header-1)}:where(h2){font-size:var(--font-size-6);max-inline-size:var(--size-header-2)}:where(h3){font-size:var(--font-size-5)}:where(h4){font-size:var(--font-size-4)}:where(h5){font-size:var(--font-size-3)}:where(h3,h4,h5,h6,dt){max-inline-size:var(--size-header-3)}:where(p,ul,ol,dl,h6){font-size:var(--font-size-2)}:where(a,u,ins,abbr){text-underline-offset:1px}@supports (-moz-appearance: none){:where(a,u,ins,abbr){text-underline-offset:2px}}:where(a[href],area,button,input,label[for],select,summary,textarea,[tabindex]:not([tabindex*="-"])){cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}:where(a){padding-inline:var(--size-1);margin-inline:calc(var(--size-1) * -1);padding-block:var(--size-1);margin-block:calc(var(--size-1) * -1)}:where(a):where([href]){text-decoration-color:var(--indigo-2)}:where(a):where([href]):where(:visited){text-decoration-color:var(--purple-2)}:where(a):where(:not(:hover)){text-decoration:inherit}:where(img,svg,video,canvas,audio,iframe,embed,object){display:block}:where(img,svg,video){max-inline-size:100%;block-size:auto}:where(input,button,textarea,select),:where(input[type="file"])::-webkit-file-upload-button{font:inherit;font-size:inherit;color:inherit;letter-spacing:inherit}::placeholder{color:var(--gray-7);opacity:.75}:where(input:not([type="range"]),textarea){padding-inline:var(--size-2);padding-block:var(--size-1)}:where(select){padding-inline:1.25ch 0;padding-block:.75ch}:where(textarea,select,input:not(button,button[type],input[type="button"],input[type="submit"],input[type="reset"])){background-color:var(--surface-2);border-radius:var(--radius-2)}:where(textarea){resize:block}:where(input[type="checkbox"],input[type="radio"]){block-size:var(--size-3);inline-size:var(--size-3)}:where(svg):where(:not([width])){inline-size:var(--size-10)}:where(code,kbd,samp,pre){font-family:var(--font-mono)}:where(:not(pre) > code,kbd){white-space:nowrap}:where(pre){white-space:pre;min-inline-size:0;max-inline-size:max-content}:where(:not(pre) > code){padding:var(--size-1) var(--size-2);background:var(--surface-2);border-radius:var(--radius-2)}:where(kbd,var){padding:var(--size-1) var(--size-2);border-width:var(--border-size-1);border-color:var(--surface-4);border-radius:var(--radius-2)}:where(mark){border-radius:var(--radius-2);padding-inline:var(--size-1)}:where(ol,ul){padding-inline-start:var(--size-8)}:where(li){padding-inline-start:var(--size-2)}:where(li,dd,figcaption){max-inline-size:var(--size-content-2)}:where(p){max-inline-size:var(--size-content-3)}:where(dt,summary){font-weight:var(--font-weight-7)}:where(dt:not(:first-of-type)){margin-block-start:var(--size-5)}:where(small){font-size:max(.5em,var(--font-size-0));max-inline-size:var(--size-content-1)}:where(hr){margin-block:var(--size-fluid-5);height:var(--border-size-2);background-color:var(--surface-3)}:where(figure){display:grid;gap:var(--size-2);place-items:center}:where(figure)>:where(figcaption){font-size:var(--font-size-1)}:where(blockquote,:not(blockquote) > cite){border-inline-start-width:var(--border-size-3)}:where(blockquote){display:grid;gap:var(--size-3);padding-block:var(--size-3);padding-inline:var(--size-4);max-inline-size:var(--size-content-2)}:where(:not(blockquote) > cite){padding-inline-start:var(--size-2)}:where(summary){background:var(--surface-3);padding:var(--size-2) var(--size-3);margin:calc(var(--size-2) * -1) calc(var(--size-3) * -1);border-radius:var(--radius-2)}:where(details){padding-inline:var(--size-3);padding-block:var(--size-2);background:var(--surface-2);border-radius:var(--radius-2)}:where(details[open] > summary){margin-bottom:var(--size-2);border-end-start-radius:0;border-end-end-radius:0}:where(fieldset){border-radius:var(--radius-2);border:var(--border-size-1) solid var(--surface-4)}:where(del){background:var(--red-9);color:var(--red-2)}:where(ins){background:var(--green-9);color:var(--green-1)}:where(abbr){text-decoration-color:var(--blue-5)}:where(dialog){background-color:var(--surface-1);color:inherit;border-radius:var(--radius-3);box-shadow:var(--shadow-6)}:where(dialog)::backdrop{backdrop-filter:blur(25px)}:where(html[\:has\(dialog\[open\]\)]){overflow:hidden}:where(html:has(dialog[open])){overflow:hidden}:where(menu){padding-inline-start:0;display:flex;gap:var(--size-3)}:where(sup){font-size:.5em}@media (prefers-color-scheme: dark){:where(textarea,select,input:not(button,button[type],input[type="button"],input[type="submit"],input[type="reset"])){background-color:#171a1c}:where(dialog){background-color:var(--surface-2)}:where(html){--shadow-strength: 10%;--shadow-color: 220 40% 2%}::placeholder{color:var(--gray-6)}}:where(html){--gray-0-hsl: 210 17% 98%;--gray-1-hsl: 210 17% 95%;--gray-2-hsl: 210 16% 93%;--gray-3-hsl: 210 14% 89%;--gray-4-hsl: 210 14% 83%;--gray-5-hsl: 210 11% 71%;--gray-6-hsl: 210 7% 56%;--gray-7-hsl: 210 9% 31%;--gray-8-hsl: 210 10% 23%;--gray-9-hsl: 210 11% 15%;--gray-10-hsl: 214 14% 10%;--gray-11-hsl: 216 16% 6%;--gray-12-hsl: 210 40% 2%}:where(button,button[type],input[type="button"],input[type="submit"],input[type="reset"]),:where(input[type="file"])::-webkit-file-upload-button,:where(input[type="file"])::file-selector-button{--_accent: initial ;--_text: initial ;--_size: initial ;--_bg-light: white;--_bg-dark: var(--surface-3);--_bg: var(--_bg-light);--_border: var(--surface-3);--_highlight-size: 0;--_highlight-light: hsl(var(--gray-5-hsl) / 25%);--_highlight-dark: hsl(var(--gray-12-hsl) / 25%);--_highlight: var(--_highlight-light);--_ink-shadow-light: 0 1px 0 var(--gray-3);--_ink-shadow-dark: 0 1px 0 var(--surface-1);--_ink-shadow: var(--_ink-shadow-light);--_icon-size: 2ch;--_icon-color: var(--_accent, var(--link));font-size:var(--_size);background:var(--_bg);color:var(--_text);border:var(--border-size-2) solid var(--_border);box-shadow:var(--shadow-2),0 1px var(--surface-3),0 0 0 var(--_highlight-size) var(--_highlight);text-shadow:var(--_ink-shadow);display:inline-flex;justify-content:center;align-items:center;text-align:center;gap:var(--size-2);font-weight:var(--font-weight-7);border-radius:var(--radius-2);padding-block:.75ch;padding-inline:1.75ch;user-select:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;transition:border-color .5s var(--ease-3) 3s}@media (prefers-color-scheme: dark){:where(button,button[type],input[type="button"],input[type="submit"],input[type="reset"]),:where(input[type="file"])::-webkit-file-upload-button,:where(input[type="file"])::file-selector-button{--_highlight: var(--_highlight-dark);--_bg: var(--_bg-dark);--_ink-shadow: var(--_ink-shadow-dark)}}@media (prefers-reduced-motion: no-preference){:where(button,button[type],input[type="button"],input[type="submit"],input[type="reset"]),:where(input[type="file"])::-webkit-file-upload-button,:where(input[type="file"])::file-selector-button{transition:border-color .5s var(--ease-3) 3s,box-shadow 145ms var(--ease-4),outline-offset 145ms var(--ease-4)}}[disabled]:where(button,button[type],input[type="button"],input[type="submit"],input[type="reset"]){--_bg: none;--_text: var(--gray-6);cursor:not-allowed;box-shadow:var(--shadow-1)}@media (prefers-color-scheme: dark){[disabled]:where(button,button[type],input[type="button"],input[type="submit"],input[type="reset"]){--_text: var(--gray-5)}}:where(button,button[type],input[type="button"],input[type="submit"],input[type="reset"]):where(:not(:active):hover){--_highlight-size: var(--size-2);transition-delay:0s;transition-duration:.25s}:where(button,button[type],input[type="button"],input[type="submit"],input[type="reset"])>:where(svg){flex-shrink:0;filter:drop-shadow(var(--_ink-shadow));block-size:var(--_icon-size);inline-size:var(--_icon-size)}:where(button,button[type],input[type="button"],input[type="submit"],input[type="reset"])>:where(svg > *){stroke:var(--_icon-color);stroke-width:var(--border-size-2)}:where([type="submit"],form button:not([type],[disabled])){--_text: var(--_accent, var(--link))}:where([type="reset"]){--_text: var(--red-6);--_border: var(--red-3)}:where([type="reset"]):focus-visible{outline-color:var(--red-6)}@media (prefers-color-scheme: dark){:where([type="reset"]){--_text: var(--red-2);--_border: var(--surface-3)}}:where(form button:not([type]),[type="submit"],[type="reset"]):hover:not([disabled]){--_border: currentColor}:where(form button:not([type]),[type="submit"],[type="reset"]):focus-visible:not([disabled]){--_border: currentColor}:where(input[type="file"]){max-inline-size:100%;padding:0;cursor:auto;cursor:initial;align-self:flex-start;border-radius:var(--radius-2);border:var(--border-size-1) solid var(--surface-2);box-shadow:var(--inner-shadow-4);color:var(--text-2)}:where(input[type="file"])::-webkit-file-upload-button,:where(input[type="file"])::file-selector-button{margin-inline-end:1.75ch;cursor:pointer}@media (prefers-color-scheme: dark){:where([type="submit"]),:where(form button:not([type="button"])),:where([type="reset"]),:where([disabled]){--_bg: var(--surface-1)}}:where([data-theme=light],.light,.light-theme){--link:var(--indigo-7);--link-visited:var(--purple-7);--text-1:var(--gray-9);--text-2:var(--gray-7);--surface-1:var(--gray-0);--surface-2:var(--gray-2);--surface-3:var(--gray-3);--surface-4:var(--gray-4);--scrollthumb-color:var(--gray-7);--shadow-color:220 3% 15%;--shadow-strength:1%;color-scheme:light}@media (dynamic-range:high){@supports (color:color(display-p3 0 0 0)){:where([data-theme=light],.light,.light-theme){--link:color(display-p3 .1 .4 1);--link-visited:color(display-p3 .6 .2 1)}}}:where([data-theme=light],.light,.light-theme) :where(dialog){background-color:var(--surface-1)}:where([data-theme=light],.light,.light-theme) :where(button){--_highlight:var(--_highlight-light);--_bg:var(--_bg-light);--_ink-shadow:var(--_ink-shadow-light)}:where([data-theme=light],.light,.light-theme) :where(button):where([type=reset]){--_text:var(--red-6);--_border:var(--red-3)}:where([data-theme=light],.light,.light-theme) :where(button,button[type],input[type=button],input[type=submit],input[type=reset])[disabled]{--_text:var(--gray-6)}:where([data-theme=light],.light,.light-theme) :where(textarea,select,input:not(button,button[type],input[type=button],input[type=submit],input[type=reset])){background-color:var(--surface-2)}:where([data-theme=dark],.dark,.dark-theme){--link:var(--indigo-3);--link-visited:var(--purple-3);--text-1:var(--gray-1);--text-2:var(--gray-4);--surface-1:var(--gray-9);--surface-2:var(--gray-8);--surface-3:var(--gray-7);--surface-4:var(--gray-6);--scrollthumb-color:var(--gray-6);--shadow-strength:10%;--shadow-color:220 40% 2%;color-scheme:dark}:where([data-theme=dark],.dark,.dark-theme) :where(dialog){background-color:var(--surface-2)}:where([data-theme=dark],.dark,.dark-theme) :where(button){--_highlight:var(--_highlight-dark);--_bg:var(--_bg-dark);--_ink-shadow:var(--_ink-shadow-dark)}:where([data-theme=dark],.dark,.dark-theme) :where(button):where([type=reset]){--_text:var(--red-2);--_border:var(--surface-3)}:where([data-theme=dark],.dark,.dark-theme) :where(button,button[type],input[type=button],input[type=submit],input[type=reset])[disabled]{--_text:var(--gray-5)}:where([data-theme=dark],.dark,.dark-theme) :where(textarea,select,input:not(button,button[type],input[type=button],input[type=submit],input[type=reset])){background-color:#171a1c}:where([data-theme=dark],.dark,.dark-theme) :where([disabled]),:where([data-theme=dark],.dark,.dark-theme) :where([type=reset]),:where([data-theme=dark],.dark,.dark-theme) :where([type=submit]),:where([data-theme=dark],.dark,.dark-theme) :where(form button:not([type=button])){--_bg:var(--surface-1)}:root{--text-3: var(--gray-7)}@media (prefers-color-scheme: dark){:root{--text-3: var(--gray-6)}}body{--space-away: var(--size-3);--space-near: calc(var(--size-2))}@media (min-width: 1024px){body{--space-away: var(--size-fluid-3);--space-near: calc(var(--size-fluid-2) / 2)}}.score,.input-wrapper{--space-away: calc(var(--size-fluid-2) / 4);--space-near: calc(var(--size-fluid-2) / 6)}svg{fill:currentColor;inline-size:var(--size-6)}ouput{border:var(--border-size-1) solid var(--surface-4);border-radius:var(--radius-2);padding:var(--space-near)}.tabs{--gap: var(--space-near);display:grid;grid-auto-flow:row;grid-auto-columns:100%;overflow-y:auto;scroll-snap-type:block proximity}@media (prefers-reduced-motion: no-preference){.tabs{scroll-behavior:smooth}}ul.score-board{--gap: var(--space-near);display:flex;gap:var(--gap);overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:inline mandatory;scroll-padding-inline:var(--gap)}@media (prefers-reduced-motion: no-preference){ul.score-board{scroll-behavior:smooth}}.stack{display:grid;gap:var(--space-near)}.input-wrapper{display:grid}.input-wrapper[\:has\(\[type\%3D"checkbox"\]\)]{grid-template:"label checkbox" / 1fr auto}.input-wrapper:has([type="checkbox"]){grid-template:"label checkbox" / 1fr auto}.input-description{font-size:var(--font-size-0);color:var(--text-3);display:block}main{block-size:100vh;block-size:100svh;overflow:hidden;display:grid;grid:"header" auto [overlay-start] "canvas" 1fr "output" auto [overlay-end] / [overlay] 1fr;gap:var(--space-away);justify-items:center}main>*{min-block-size:0}@media (min-width: 1024px){main{grid:"canvas header header" auto "canvas output aside" 1fr / 2fr auto 1fr;justify-items:start}}header{grid-area:header;padding:var(--space-away);padding-block-end:0}@media (min-width: 1024px){header{padding:0;padding-block-start:var(--space-away);padding-inline-end:var(--space-away)}}.board{grid-area:canvas;inline-size:100%;margin-inline:auto;padding-inline:var(--space-near)}@media (min-width: 1024px){.board{padding-inline:0}}canvas{max-inline-size:100%;max-block-size:100%;block-size:100%;margin-inline:auto;padding:0;background-color:var(--surface-2);border-radius:var(--radius-2)}@media (min-width: 1024px){canvas{border-radius:0;margin-inline:0}}aside{grid-column:overlay;grid-row:overlay-start / overlay-end}@media (min-width: 1024px){aside{grid-area:aside}}aside{display:flex;flex-direction:column;position:relative;gap:var(--space-near);max-inline-size:min(var(--size-content-3),100%);min-block-size:0;block-size:100%;overflow-y:auto;background-color:var(--surface-1);border-start-start-radius:var(--radius-3);border-start-end-radius:var(--radius-3);box-shadow:var(--shadow-5);border:var(--border-size-1) solid var(--surface-2);transition:.3s ease;will-change:transform;transform:translateY(0)}@media (min-width: 1024px){aside{box-shadow:none;border:0;padding-block-start:0;border-radius:0;padding-inline-end:var(--space-away);padding-block-end:var(--space-away)}}aside:not(.isOpen){transform:translateY(100%)}@media (min-width: 1024px){aside:not(.isOpen){transform:translateY(0)}}.tabs{block-size:100%;scroll-padding-inline-start:0;scroll-behavior:smooth}.tab{inline-size:100%;padding-inline:var(--space-away);padding-block:var(--space-away)}@media (min-width: 1024px){.tab{padding-block-start:0;padding-inline:var(--space-near)}}.tab{scroll-snap-align:start}.tab h2{margin-block-end:var(--space-near);font-weight:var(--font-weight-6);font-size:var(--font-size-4)}nav{position:sticky;bottom:0;background-color:var(--surface-1);display:flex;align-items:center;gap:var(--space-away);padding-inline:var(--space-away);padding-block-end:var(--space-away)}@media (min-width: 1024px){nav{padding-inline:0;padding-block-end:0}}nav a{display:grid;justify-items:center;gap:var(--space-near);font-weight:var(--font-weight-6);block-size:100%}nav a img{block-size:var(--size-6)}nav button{margin-inline-start:auto}output{grid-area:output;inline-size:100%;padding-inline:var(--space-away);padding-block-end:var(--space-away)}@media (min-width: 1024px){output{padding-inline:0}}output ul.score-board{background-color:var(--surface-1);padding:0;list-style:none}@media (min-width: 1024px){output ul.score-board{flex-direction:column}}output li{padding:0;scroll-snap-align:start;flex-shrink:0;display:grid;align-items:start;gap:var(--space-near)}output li>span{overflow:hidden;max-inline-size:12ch;font-weight:var(--font-weight-6);font-size:var(--font-size-0);min-block-size:var(--size-5);text-align:center;text-overflow:ellipsis}li[\:has\(\%3E\%20.toggle\)]{margin-inline-start:auto}li:has(> .toggle){margin-inline-start:auto}@media (min-width: 1024px){.toggle{display:none}}form.player-form{display:grid;gap:var(--space-near)}fieldset{--fieldset-gap: calc(var(--space-away) / 2);display:flex;flex-wrap:wrap;gap:var(--fieldset-gap)}fieldset label[for*=color]{color:transparent}fieldset>.input-wrapper{flex:1 1 var(--size-8)}fieldset>.input-wrapper.name{flex:2 1 var(--size-12)}fieldset>.controls{flex:1 1 calc(var(--size-8) * 2);display:flex;gap:var(--fieldset-gap)}input{inline-size:100%}div.svelte-14m5byq.svelte-14m5byq{max-inline-size:var(--size-8);display:grid;grid-template:"center" 1fr /1fr;place-items:center}svg.svelte-14m5byq.svelte-14m5byq{inline-size:100%;grid-area:center}#label.svelte-14m5byq.svelte-14m5byq{grid-area:center;inline-size:fit-content;block-size:fit-content;margin:0}circle.svelte-14m5byq.svelte-14m5byq{fill:transparent}#active.svelte-14m5byq.svelte-14m5byq{stroke:var(--surface-2);stroke-linecap:round;stroke-miterlimit:10;stroke-linejoin:round;transition:all .5s ease-in-out}.animation-group.-inactive.svelte-14m5byq.svelte-14m5byq{opacity:0}.animation-group.-active.svelte-14m5byq path.svelte-14m5byq{--arrayMax:25;stroke-dasharray:var(--arrayMax);stroke-dashoffset:25;opacity:1;animation:svelte-14m5byq-dash .25s var(--ease-elastic-3) forwards}@keyframes svelte-14m5byq-dash{0%{stroke-dashoffset:var(--arrayMax);opacity:1}90%{stroke-dashoffset:0;opacity:1}to{stroke-dashoffset:0;opacity:0}}svg.svelte-hbtxnx{inline-size:auto;inline-size:var(--size-12);block-size:100%}@media (--md-n-above){svg.svelte-hbtxnx{inline-size:var(--size-12)}}