@layer reset{html{color-scheme:light dark;font-family:Glimmer,ui-monospace,monospace;font-size:clamp(1rem,1rem + .5vw,2rem);line-height:1.4;tab-size:2;hanging-punctuation:first allow-end last;word-break:break-word}body{margin:0}*,*:before,*:after{box-sizing:border-box}h1,h2{font-weight:900}h1,h2,h3{line-height:1.1}h1,h2,h3,h4,h5,h6{text-wrap:balance;margin-block-start:0;letter-spacing:clamp(-.03em,calc((1em - 1rem)*-.1),0em)}p,li,dd{text-wrap:pretty;max-inline-size:88ch}a{color:var(--color-link, oklch(.68 .17 228));text-underline-offset:2px;&:not(:is(:hover,:focus)){text-decoration-color:color-mix(in srgb,currentColor,transparent 50%)}}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{inset-block-end:-.25em}sup{inset-block-start:-.5em}ul,ol,dl{margin:0;padding:0;list-style-position:inside;ul,ol,dl{padding-inline-start:2ch}}img,video,iframe,canvas{display:block;max-inline-size:100%;block-size:auto;border-style:none}figure{inline-size:fit-content;margin-inline:auto}figcaption{contain:inline-size;font-size:90%}input,select,textarea,button{font:inherit}label{display:block}input:not(:where([type=submit],[type=checkbox],[type=radio],[type=button],[type=reset])){inline-size:100%}button,input:where([type=submit],[type=reset],[type=button]){background:CanvasText;color:Canvas;border:1px solid transparent}textarea{field-sizing:content;min-block-size:5lh;inline-size:100%;max-inline-size:100%}pre,code,kbd,samp{font-family:Glimmer,ui-monospace,SFMono-Regular,monospace}pre{white-space:pre-wrap;background:CanvasText;color:Canvas;padding:1rem}svg{fill:currentColor}[aria-disabled=true i],[disabled]{cursor:not-allowed}[disabled],label:has(input[disabled]){opacity:.5;[disabled]{opacity:1}}hr{border-style:solid;border-width:1px 0 0;color:inherit;height:0;overflow:visible;margin-block:2.5rem}:target{scroll-margin:3rlh}table{caption-side:bottom;border-collapse:collapse;td{font-size:90%}td,th{word-break:normal;border:1px solid gray;padding:.5rem}}[role=region][aria-labelledby][tabindex]{overflow:auto}caption{font-size:90%}[hidden]{display:none}.screenreader-only:not(:focus):not(:active){clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}:focus-visible{outline-offset:2px}@media(prefers-reduced-motion:no-preference){@view-transition{navigation:auto}html{interpolate-size:allow-keywords;&:focus-within{scroll-behavior:smooth}}}}@layer reset;@font-face{font-family:Glimmer;src:url(/fonts/glimmer-8x16-monospaced.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Glimmer Prop;src:url(/fonts/glimmer-8x16.woff2) format("woff2");font-display:swap}@font-face{font-family:"Glimmer 8";src:url(/fonts/glimmer-8x8-monospaced.woff2) format("woff2");font-display:swap}@font-face{font-family:"Glimmer 8 Prop";src:url(/fonts/glimmer-8x8.woff2) format("woff2");font-display:swap}@font-face{font-family:Glimmer Sans;src:url(/fonts/glimmer-sans-8x16-monospaced.woff2) format("woff2");font-display:swap}@font-face{font-family:Glimmer Sans Prop;src:url(/fonts/glimmer-sans-8x16.woff2) format("woff2");font-display:swap}@font-face{font-family:"Glimmer Sans 8";src:url(/fonts/glimmer-sans-8x8-monospaced.woff2) format("woff2");font-display:swap}@font-face{font-family:"Glimmer Sans 8 Prop";src:url(/fonts/glimmer-sans-8x8.woff2) format("woff2");font-display:swap}:root{--font-mono: "Glimmer", monospace;--font-text: "Glimmer Prop", sans-serif;--font-1: .75rem;--font-2: .875rem;--font-3: 1.25rem;--space-1: .25rem;--space-2: .5rem;--space-3: 1rem;--space-4: 2rem;--green-base: oklch(.8 .3 142);--blue-base: oklch(.68 .17 245);--red-base: oklch(.65 .25 25);--amber-base: oklch(.75 .18 70);--bone-base: oklch(.93 .03 75);--green-1: oklch(from var(--green-base) 15% calc(c*.3) h);--green-2: oklch(from var(--green-base) 20% calc(c*.4) h);--green-3: oklch(from var(--green-base) 35% calc(c*.6) h);--green-4: oklch(from var(--green-base) 55% calc(c*.8) h);--green-5: oklch(from var(--green-base) 80% c h);--blue-1: oklch(from var(--blue-base) 15% calc(c*.3) h);--blue-2: oklch(from var(--blue-base) 25% calc(c/2) h);--blue-3: oklch(from var(--blue-base) 45% calc(c*.7) h);--blue-4: oklch(from var(--blue-base) 65% calc(c*.9) h);--blue-5: oklch(from var(--blue-base) 80% c h);--red-1: oklch(from var(--red-base) 15% calc(c*.3) h);--red-2: oklch(from var(--red-base) 25% calc(c/2) h);--red-3: oklch(from var(--red-base) 45% calc(c*.7) h);--red-4: oklch(from var(--red-base) 65% calc(c*.9) h);--red-5: oklch(from var(--red-base) 80% c h);--amber-1: oklch(from var(--amber-base) 15% calc(c*.3) h);--amber-2: oklch(from var(--amber-base) 25% calc(c/2) h);--amber-3: oklch(from var(--amber-base) 45% calc(c*.7) h);--amber-4: oklch(from var(--amber-base) 65% calc(c*.9) h);--amber-5: oklch(from var(--amber-base) 80% c h);--bone-1: oklch(from var(--bone-base) 15% calc(c/2) h);--bone-2: oklch(from var(--bone-base) 25% calc(c*.6) h);--bone-3: oklch(from var(--bone-base) 45% calc(c*.7) h);--bone-4: oklch(from var(--bone-base) 70% calc(c*.85) h);--bone-5: oklch(from var(--bone-base) 92% c h);--color-text: var(--bone-5);--color-dim: hsl(33.6, 10%, 47%);--color-bg: var(--bone-1);--color-surface: var(--bone-2);--color-border: var(--bone-3);--color-success: var(--green-5);--color-error: var(--red-5);--color-warning: var(--amber-5);--color-link: var(--blue-4);--color-player1: var(--blue-5);--color-player2: var(--red-5)}html{-webkit-font-smoothing:none;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeSpeed;image-rendering:pixelated}body{font-family:var(--font-text);font-size:var(--font-2);background:var(--color-bg);color:var(--color-text)}a{color:var(--color-link);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3{margin:0}h1{font-size:var(--font-3);color:var(--red-4)}h2{font-size:var(--font-3);margin-block-start:var(--space-3);color:var(--amber-4)}h3{font-size:var(--font-2)}table{width:100%;border-collapse:collapse;margin-block-start:var(--space-3)}th,td{padding:var(--space-1) var(--space-2);text-align:right;border-bottom:1px solid var(--color-border)}th{color:var(--color-dim);font-weight:400}th:first-child,td:first-child{text-align:left}dl{display:flex;flex-wrap:wrap;gap:var(--space-3);margin:0}dl>div{display:flex;gap:var(--space-2)}dt{color:var(--color-dim)}dt:after{content:":"}dd{margin:0}button,input,select{padding:var(--space-1) var(--space-2);font:inherit;background:var(--bone-1);border:1px solid var(--bone-2);border-radius:2px;color:var(--bone-5);white-space:nowrap}button:hover,select:hover{background:var(--bone-2);border-color:var(--bone-3)}input:focus,select:focus,button:focus{outline:1px solid var(--color-text);outline-offset:1px}input::placeholder{color:var(--bone-3)}.panel{background:var(--green-1);border:2px solid var(--green-2);border-radius:4px;padding:var(--space-2) var(--space-3);color:var(--green-5)}html,body{height:100%;min-height:100%}body{display:grid;place-items:center}
