:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--color-bg:#141414;--color-bg-start:#2a2a2a;--color-accent:#f6c43d;--color-edge:color-mix(in srgb, var(--color-accent) 60%, var(--color-bg));--alpha:90%;--color-veil:rgb(20 20 20/var(--alpha));--color-veil-lit:rgb(75 75 75/var(--alpha));--color-veil-bright:#5a5a5a;--color-line-strong:#3a3a3a;--color-accent-dim:#635222;--color-glint:#f4efac;--color-cast:#22232c;--text-small:.875rem;--text-large:1.5rem;--leading:1.25rem;--leading-small:1.125rem;--leading-large:1.75rem;--button-pad:.3125rem;--radius:.375rem;--radius-small:.25rem;--line:1px solid var(--color-edge);--gap-small:.25rem;--gap:.5rem;--gap-large:1.5rem;--gap-pair:.375rem;--inset:.5rem;--shadow:0 0 calc(var(--gap) * .5) #000000b3}*,:after,:before{box-sizing:border-box;margin:0;padding:0}body{min-height:100vh;font-family:Marmelad;line-height:var(--leading);color:var(--color-accent);background-color:var(--color-bg);place-items:center;display:grid}small{font-size:var(--text-small);line-height:var(--leading-small)}h1,h2,h3{font-size:inherit;font-weight:400}svg{fill:currentColor;width:1lh;height:1lh}button{font:inherit;color:inherit;background-color:var(--color-veil);border:var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:var(--button-pad) .5rem;cursor:pointer;border-bottom-width:4px}button:hover{background-color:var(--color-veil-lit)}button:active,button[aria-pressed=true],button[aria-expanded=true]{background-color:var(--color-veil-bright);border-bottom-width:2px;margin-bottom:2px;translate:0 2px}button:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}button:disabled{color:color-mix(in srgb, currentColor 40%, transparent);pointer-events:none}button svg{margin-inline:auto;display:block}kbd{background-color:var(--color-veil);border:var(--line);border-radius:var(--radius-small);font:inherit;line-height:var(--leading);padding:0 .25rem;display:inline-block}dialog{max-width:min(36rem, 100% - 2 * var(--gap-large));color:inherit;background-color:var(--color-veil);border:var(--line);border-radius:var(--radius);box-shadow:var(--shadow);border-bottom-width:4px;margin:auto}dialog::backdrop{background-color:#00000080}dialog:focus-visible{outline:none}dialog>*{gap:var(--gap);padding:var(--gap-large);display:grid}dialog h2{padding-bottom:var(--gap-small);border-bottom:var(--line);font-size:var(--text-large);line-height:var(--leading-large)}dialog p{line-height:1.5rem}dialog .signature{justify-self:end}dialog form{margin-top:var(--gap);justify-items:center;display:grid}dialog.large{width:calc(100% - 2 * var(--gap-large));max-width:none;height:calc(100% - 2 * var(--gap-large))}dialog.large>article{grid-template-rows:auto minmax(0,1fr);height:100%}dialog.large canvas{cursor:grab;contain:size;width:100%;height:100%}dialog.large canvas:active{cursor:grabbing}dialog.large .forms{justify-content:center;align-items:center;gap:var(--gap);flex-wrap:wrap;display:flex}dialog.large .forms h3:not(:first-child){margin-left:var(--gap-large)}dialog.large .forms hr{display:none}dialog.large .forms .choices{border:var(--line);border-radius:var(--radius);box-shadow:var(--shadow);border-bottom-width:4px;grid-auto-columns:auto;overflow:hidden}dialog.large form{margin-top:0}.failure{gap:var(--gap);text-align:center;white-space:pre-line;text-wrap:balance;max-width:32rem;display:grid;position:relative}body:has(>.start){background-color:var(--color-bg-start)}.start{padding:calc(2 * var(--gap-large)) var(--gap-large);grid-template-rows:1fr auto 1fr;place-self:stretch stretch;justify-items:center;display:grid}.start header{align-self:center;justify-items:center;display:grid}.start h1{margin-bottom:var(--gap)}.start h1 img{image-rendering:pixelated;-webkit-user-select:none;user-select:none;display:block}.start header p{letter-spacing:.125em;color:var(--color-glint);text-shadow:.125em .125em 0 var(--color-cast);will-change:transform;font-family:Silkscreen;line-height:1.25em}.start .ways{gap:calc(var(--gap) + 1px);display:grid}.start .ways small{text-align:center}.start .failure{margin-top:var(--gap-large);align-self:start}.curtain{background-color:var(--color-bg-start);place-items:center;display:grid;position:fixed;inset:0}.curtain ol{gap:var(--gap);grid-template-columns:auto auto minmax(7rem,auto);list-style:none;display:grid}.curtain li{grid-column:1/-1;grid-template-columns:subgrid;opacity:.4;align-items:center;display:grid}.curtain li[aria-current],.curtain li.done{opacity:1}.curtain svg path{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round}.curtain [aria-current] svg{animation:.6s ease-in-out infinite alternate pulse}.curtain small{justify-self:end}@keyframes pulse{to{opacity:.2}}.screen{place-items:center;display:grid;position:fixed;inset:0}.screen[hidden]{display:none}.screen>canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.labels{pointer-events:none;position:absolute;inset:0;overflow:hidden}.labels span{padding:0 var(--gap-small);background-color:var(--color-veil);border-radius:var(--radius-small);font-size:var(--text-small);line-height:var(--leading-small);white-space:nowrap;position:absolute;top:0;left:0;transform:translate(-50%,-50%)}.plate{padding:var(--inset);background-color:var(--color-veil);box-shadow:var(--shadow);font-size:var(--text-small);line-height:var(--leading-small);pointer-events:none}.plate h2{border-bottom:var(--line);padding-bottom:.1875rem}.panel{padding-top:var(--gap-small);border:var(--line);border-radius:var(--radius);box-shadow:var(--shadow);pointer-events:auto;background:0 0;border-bottom-width:4px;overflow:hidden}.panel>*,.panel>section>*{margin-inline:calc(-1 * var(--inset));padding-inline:var(--inset);background-color:var(--color-veil)}.panel>section{background:0 0;margin-inline:0;padding-inline:0}.panel>.choices,.panel>.list,.panel>.number{background:0 0;padding-inline:0}.panel>canvas,.panel>.stage{width:calc(100% + 2 * var(--inset));padding-inline:0}.panel>:last-child,.panel>section:last-child>:last-child{margin-bottom:calc(-1 * var(--inset))}.panel>:last-child:not(button,.choices,.list,.number,canvas,.stage),.panel>section:last-child>:last-child:not(button,.choices,.list,.number,canvas,.stage){padding-bottom:var(--inset)}.panel h2{background-color:var(--color-veil-lit)}.panel h3{padding-top:var(--gap);background-color:var(--color-veil);padding-bottom:.125rem}.panel hr{border:none;border-top:1px dashed var(--color-edge);height:0;margin-block:0}.panel>h2:first-child,.panel>:first-child>h3:first-child{margin-top:calc(-1 * var(--gap-small));padding-top:var(--gap-small)}.panel input{padding:var(--button-pad) var(--inset);font:inherit;color:inherit;background-color:var(--color-veil);border:none;outline:none}.panel input:hover,.panel input:focus{background-color:var(--color-veil-lit)}.panel button{box-shadow:none;border:none;border-radius:0}.panel button:active,.panel button[aria-pressed=true]{margin-bottom:0;translate:none}.panel button:focus-visible{outline-offset:-2px}.panel button:hover{background-color:var(--color-veil-lit)}.panel button:active,.panel button[aria-pressed=true]{background-color:var(--color-veil-bright)}.veil{place-content:center;justify-items:center;gap:var(--gap);box-shadow:none;font-size:var(--text-large);line-height:var(--leading-large);background-color:var(--color-veil);border:none;border-radius:0;display:grid;position:absolute;inset:0}.veil:hover,.veil:active{background-color:var(--color-veil)}.veil:active{margin-bottom:0;translate:none}.veil .title{padding-bottom:var(--gap);border-bottom:var(--line);text-align:center;text-box:trim-both cap alphabetic;justify-self:stretch}.veil .hints{justify-items:center;gap:var(--gap-small);display:grid}.veil .legend{align-items:center;gap:var(--gap-pair) var(--gap-small);grid-template-columns:auto auto;display:grid}.veil .legend kbd{justify-self:end}.veil .legend{padding-top:var(--gap);border-top:var(--line);font-size:var(--text-small);line-height:var(--leading-small);justify-content:center;justify-self:stretch;justify-items:start}.top{left:var(--inset);top:var(--inset);align-items:flex-start;gap:var(--gap);pointer-events:none;flex-direction:column;display:flex;position:absolute}.bar h1{border-radius:var(--radius);font-size:var(--text-large);line-height:var(--leading-large)}.tools{top:var(--inset);position:absolute;left:50%;translate:-50%}.drop{position:relative}.menu{top:calc(100% + var(--gap));z-index:1;position:absolute;left:50%;translate:-50%}.menu section{display:grid}.menu section>button:first-child{margin-top:calc(-1 * var(--gap-small))}.keyed{white-space:nowrap;padding-block:0;display:flex}.keyed kbd,.keyed span{padding-block:var(--button-pad)}.keyed kbd{padding-inline:0 var(--gap);border:none;border-right:1px dashed var(--color-edge);line-height:inherit;background:0 0;border-radius:0}.keyed span{padding-left:var(--gap)}.tool{align-items:flex-start;gap:var(--gap);display:flex}.window{white-space:pre-line;display:grid}.window p{padding-top:.375rem}.choices{grid-auto-columns:1fr;grid-auto-flow:column;display:grid}.choices button{box-shadow:none;border:none;border-radius:0}.choices button:active,.choices button[aria-pressed=true]{margin-bottom:0;translate:none}.choices button:focus-visible{outline-offset:-2px}.choices button+button{border-left:1px dashed var(--color-edge)}.choices svg{width:auto}.number{grid-template-columns:1fr auto auto;display:grid}.number input{appearance:textfield;width:0;min-width:100%}.number input::-webkit-inner-spin-button{appearance:none}.number button{box-shadow:none;border:none;border-radius:0}.number button:active,.number button[aria-pressed=true]{margin-bottom:0;translate:none}.number button:focus-visible{outline-offset:-2px}.number button{border-left:1px dashed var(--color-edge)}.list{max-height:calc(10 * (1lh + 2 * var(--button-pad)));scrollbar-width:thin;scrollbar-color:var(--color-edge) var(--color-veil);list-style:none;overflow-y:auto}.list button{align-items:center;gap:var(--gap);width:100%;padding-inline:calc(var(--inset) * (1 + var(--depth,0))) var(--inset);display:flex}.list canvas{width:1lh;height:1lh;image-rendering:pixelated}.stage{position:relative}.stage>canvas{width:100%}.stage>p{inset:var(--gap-small) 0 auto;text-align:center;text-shadow:.0625rem .0625rem 0 var(--color-cast);pointer-events:none;position:absolute}.model{width:12rem}.model canvas{aspect-ratio:1;cursor:grab;contain:size;display:block}.model canvas:active{cursor:grabbing}.model .choices{grid-auto-columns:auto}.preview{padding-top:calc(var(--gap-small) + 1px);border-radius:var(--radius)}.preview canvas{width:6rem;height:6rem;margin-top:var(--gap);image-rendering:pixelated;display:block}.notice{border-radius:var(--radius) var(--radius) 0 0;justify-items:center;display:grid;position:absolute;bottom:0;left:50%;translate:-50%}.pairs{align-items:center;gap:var(--gap-pair) var(--gap-small);grid-template-columns:auto auto;display:grid}.pairs dt{justify-self:end}.pairs{border-radius:var(--radius)}.pairs section,.pairs dl{grid-column:1/-1;grid-template-columns:subgrid;align-items:center;row-gap:var(--gap-pair);display:grid}.pairs section+section{margin-top:var(--gap)}.pairs h2{grid-column:1/-1}.keys{left:var(--inset);bottom:var(--inset);position:absolute}.modes{right:var(--inset);top:var(--inset);position:absolute}.group{--around:calc(-2 * var(--gap));display:flex}.group>*+*{margin-left:-1px}.group>button,.group>.drop>button{clip-path:inset(var(--around) 0);border-radius:0}.group>button:first-child,.group>.drop:first-child>button{border-radius:var(--radius) 0 0 var(--radius);clip-path:inset(var(--around) 0 var(--around) var(--around))}.group>button:last-child,.group>.drop:last-child>button{border-radius:0 var(--radius) var(--radius) 0;clip-path:inset(var(--around) var(--around) var(--around) 0)}.group>button:only-child,.group>.drop:only-child>button{border-radius:var(--radius);clip-path:none}.group>button:focus-visible,.group>.drop>button:focus-visible{clip-path:none}