/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-duration:initial;--tw-ease:initial;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-content:"";--tw-outline-style:solid}}}@layer theme{:root,:host{--color-white:#fff;--spacing:.25rem;--font-weight-normal:400;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1)}}@layer base{:root{--ink:#000001;--purple:#6839ff;--purple-dark:#441dbf;--screen:#003d56;--green:#4cf190;--footer-gap:.4rem;--control-height:44px;--button-font-size:16px;--button-icon-size:24px;--button-border:2px;--button-depth:6px}*{box-sizing:border-box}html{font-size:20px}body{color:var(--ink);background:var(--purple);margin:0;font-family:"8008",sans-serif;line-height:1.5}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:default}h1,h2,h3,strong,dt{font-family:"8008135",sans-serif;font-weight:400}h1,h2,h3{margin:0;line-height:1.2}h1{font-size:1rem}h2{font-size:1.5rem}h3{margin:2rem 0 1rem;font-size:1.1rem}p{margin:0 0 1rem}ol,ul{padding-left:1.5rem}img{vertical-align:middle;max-width:100%;height:auto;image-rendering:pixelated}svg{vertical-align:middle;flex-shrink:0}a{color:#b6f9d7;text-underline-offset:.18em;text-decoration:underline}button:focus-visible,a:focus-visible,input:focus-visible,[tabindex="-1"]:focus-visible{outline-offset:4px;outline:3px solid #fff}@media (width>=768px){:root{--footer-gap:1rem;--control-height:clamp(56px, calc(48px + 1vw), 64px);--button-font-size:clamp(18px, calc(15px + .25vw), 20px);--button-icon-size:26px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}}@layer components;@layer utilities{.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.inset-\[calc\(-1\*var\(--button-border\)\)_calc\(-1\*var\(--button-border\)\)_calc\(var\(--button-depth\)-var\(--button-border\)\)\]{inset:calc(-1 * var(--button-border)) calc(-1 * var(--button-border)) calc(var(--button-depth) - var(--button-border))}.-top-20{top:calc(var(--spacing) * -20)}.left-4{left:calc(var(--spacing) * 4)}.isolate{isolation:isolate}.z-0{z-index:0}.z-1{z-index:1}.z-4{z-index:4}.z-100{z-index:100}.m-0{margin:0}.m-1110{margin:calc(var(--spacing) * 1110)}.m-2220{margin:calc(var(--spacing) * 2220)}.m-2770{margin:calc(var(--spacing) * 2770)}.m-3330{margin:calc(var(--spacing) * 3330)}.-mx-2{margin-inline:calc(var(--spacing) * -2)}.mx-auto{margin-inline:auto}.my-2{margin-block:calc(var(--spacing) * 2)}.my-4{margin-block:calc(var(--spacing) * 4)}.mt-0{margin-top:0}.mt-1{margin-top:var(--spacing)}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-4{margin-top:calc(var(--spacing) * 4)}.mt-6{margin-top:calc(var(--spacing) * 6)}.mt-12{margin-top:calc(var(--spacing) * 12)}.mb-0{margin-bottom:0}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.mb-4{margin-bottom:calc(var(--spacing) * 4)}.mb-6{margin-bottom:calc(var(--spacing) * 6)}.mb-12{margin-bottom:calc(var(--spacing) * 12)}.mb-\[0\.4rem\]{margin-bottom:.4rem}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.h-\(--control-height\){height:var(--control-height)}.h-\[4px\]{height:4px}.h-auto{height:auto}.h-full{height:100%}.min-h-0{min-height:0}.min-h-\[18rem\]{min-height:18rem}.min-h-\[24px\]{min-height:24px}.min-h-full{min-height:100%}.w-\(--control-height\){width:var(--control-height)}.w-8{width:calc(var(--spacing) * 8)}.w-\[24px\]{width:24px}.w-\[64px\]{width:64px}.w-\[calc\(100\%-8px\)\]{width:calc(100% - 8px)}.w-full{width:100%}.max-w-\[65ch\]{max-width:65ch}.max-w-full{max-width:100%}.min-w-0{min-width:0}.min-w-\[24px\]{min-width:24px}.flex-1{flex:1}.flex-\[0_0_var\(--control-height\)\]{flex:0 0 var(--control-height)}.translate-y-\[-0\.1333em\]{--tw-translate-y:-.1333em;translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-y-\[0\.2em\]{--tw-translate-y:.2em;translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-y-\[0\.0167em\]{--tw-translate-y:.0167em;translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-y-\[0\.2167em\]{--tw-translate-y:.2167em;translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-y-\[4px\]{--tw-translate-y:4px;translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-none{translate:none}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.transform-none{transform:none}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-\[minmax\(0\,1fr\)\]{grid-template-columns:minmax(0,1fr)}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-stretch{align-items:stretch}.justify-center{justify-content:center}.gap-0{gap:0}.gap-2{gap:calc(var(--spacing) * 2)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-\[0\.2em\]{gap:.2em}.gap-\[0\.3em\]{gap:.3em}.gap-y-0{row-gap:0}.self-start{align-self:flex-start}.overflow-hidden{overflow:hidden}.overflow-x-hidden{overflow-x:hidden}.overflow-y-auto{overflow-y:auto}.rounded-\[4px\]{border-radius:4px}.rounded-\[5px\]{border-radius:5px}.rounded-\[inherit\]{border-radius:inherit}.rounded-none{border-radius:0}.border{border-style:var(--tw-border-style);border-width:1px}.border-\(length\:--button-border\){border-style:var(--tw-border-style);border-width:var(--button-border)}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-\[3px\]{border-style:var(--tw-border-style);border-width:3px}.border-x-0{border-inline-style:var(--tw-border-style);border-inline-width:0}.border-b-2{border-bottom-style:var(--tw-border-style);border-bottom-width:2px}.border-green{border-color:var(--green)}.border-ink{border-color:var(--ink)}.border-b-\[\#9874fb\]{border-bottom-color:#9874fb}.bg-\(--dark\){background-color:var(--dark)}.bg-\(--face\){background-color:var(--face)}.bg-\[\#0000bf\]{background-color:#0000bf}.bg-green{background-color:var(--green)}.bg-ink{background-color:var(--ink)}.bg-purple{background-color:var(--purple)}.bg-screen{background-color:var(--screen)}.p-0{padding:0}.p-2{padding:calc(var(--spacing) * 2)}.px-1{padding-inline:var(--spacing)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-\[0\.4em\]{padding-inline:.4em}.px-\[0\.4rem\]{padding-inline:.4rem}.py-0{padding-block:0}.py-4{padding-block:calc(var(--spacing) * 4)}.py-5{padding-block:calc(var(--spacing) * 5)}.pt-\(--footer-gap\){padding-top:var(--footer-gap)}.pt-2{padding-top:calc(var(--spacing) * 2)}.pt-\[0\.4rem\]{padding-top:.4rem}.pt-\[12px\]{padding-top:12px}.pb-0{padding-bottom:0}.pb-4{padding-bottom:calc(var(--spacing) * 4)}.pb-\[0\.6rem\]{padding-bottom:.6rem}.pb-\[calc\(var\(--footer-gap\)\+6px\)\]{padding-bottom:calc(var(--footer-gap) + 6px)}.text-center{text-align:center}.font-body{font-family:"8008",sans-serif}.font-display{font-family:"8008135",sans-serif}.font-icons{font-family:Ionicons}.font-screen{font-family:"80085",sans-serif}.text-\(length\:--button-font-size\){font-size:var(--button-font-size)}.text-\(length\:--button-icon-size\){font-size:var(--button-icon-size)}.text-\[0\.8em\]{font-size:.8em}.text-\[0\.8rem\]{font-size:.8rem}.text-\[0\.85rem\]{font-size:.85rem}.text-\[1\.3rem\]{font-size:1.3rem}.text-\[1\.5rem\]{font-size:1.5rem}.text-\[1rem\]{font-size:1rem}.text-\[2rem\]{font-size:2rem}.text-\[3rem\]{font-size:3rem}.text-\[clamp\(1\.25rem\,2\.2vw\,1\.65rem\)\]{font-size:clamp(1.25rem,2.2vw,1.65rem)}.leading-\[1\.35\]{--tw-leading:1.35;line-height:1.35}.leading-none{--tw-leading:1;line-height:1}.font-normal{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}.\[overflow-wrap\:anywhere\]{overflow-wrap:anywhere}.whitespace-nowrap{white-space:nowrap}.text-\(--dark\){color:var(--dark)}.text-\(--icon\){color:var(--icon)}.text-\(--label\){color:var(--label)}.text-\(--pressed-ink\){color:var(--pressed-ink)}.text-\[\#4ffa94\]{color:#4ffa94}.text-green{color:var(--green)}.text-screen{color:var(--screen)}.text-white{color:var(--color-white)}.normal-case{text-transform:none}.uppercase{text-transform:uppercase}.not-italic{font-style:normal}.no-underline{text-decoration-line:none}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_var\(--button-depth\)_var\(--purple-dark\)\]{--tw-shadow:0 var(--button-depth) var(--purple-dark);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[4px_0_var\(--green\)\,-4px_0_var\(--green\)\,0_4px_var\(--green\)\,0_-4px_var\(--green\)\]{--tw-shadow:4px 0 var(--tw-shadow-color,var(--green)), -4px 0 var(--tw-shadow-color,var(--green)), 0 4px var(--tw-shadow-color,var(--green)), 0 -4px var(--tw-shadow-color,var(--green));box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[inset_0_2px_\#9874fb\]{--tw-shadow:inset 0 2px var(--tw-shadow-color,#9874fb);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-none{--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-120{--tw-duration:.12s;transition-duration:.12s}.ease-\[ease-in-out\]{--tw-ease:ease-in-out;transition-timing-function:ease-in-out}.\[--dark\:\#0000ff\]{--dark:#00f}.\[--dark\:\#005900\]{--dark:#005900}.\[--dark\:\#960086\]{--dark:#960086}.\[--dark\:\#aa0c00\]{--dark:#aa0c00}.\[--dark\:\#ad7d00\]{--dark:#ad7d00}.\[--face\:\#00a93e\]{--face:#00a93e}.\[--face\:\#0074fc\]{--face:#0074fc}.\[--face\:\#da00ce\]{--face:#da00ce}.\[--face\:\#fab900\]{--face:#fab900}.\[--face\:\#fb3600\]{--face:#fb3600}.\[--highlight\:\#32bbff\]{--highlight:#32bbff}.\[--highlight\:\#52da4b\]{--highlight:#52da4b}.\[--highlight\:\#f9d971\]{--highlight:#f9d971}.\[--highlight\:\#fa73fb\]{--highlight:#fa73fb}.\[--highlight\:\#fa7852\]{--highlight:#fa7852}.\[--hover-icon\:white\]{--hover-icon:white}.\[--icon\:\#0000ad\]{--icon:#0000ad}.\[--icon\:\#5d0053\]{--icon:#5d0053}.\[--icon\:\#8b6400\]{--icon:#8b6400}.\[--icon\:\#005200\]{--icon:#005200}.\[--icon\:\#780800\]{--icon:#780800}.\[--label\:\#1e001a\]{--label:#1e001a}.\[--label\:\#000041\]{--label:#000041}.\[--label\:\#694c00\]{--label:#694c00}.\[--label\:\#003300\]{--label:#030}.\[--label\:\#400400\]{--label:#400400}.\[--pressed-face\:\#0000fe\]{--pressed-face:#0000fe}.\[--pressed-face\:\#005800\]{--pressed-face:#005800}.\[--pressed-face\:\#950086\]{--pressed-face:#950086}.\[--pressed-face\:\#a90c00\]{--pressed-face:#a90c00}.\[--pressed-face\:\#ac7d00\]{--pressed-face:#ac7d00}.\[--pressed-icon\:white\]{--pressed-icon:white}.\[--pressed-ink\:\#000001\]{--pressed-ink:#000001}.\[--pressed-ink\:white\]{--pressed-ink:white}.\[font-variant\:normal\]{font-variant:normal}.\[grid-area\:controls\]{grid-area:controls}.\[grid-area\:instructions\]{grid-area:instructions}.\[grid-area\:main\]{grid-area:main}.\[grid-template-areas\:\'main\'_\'controls\'_\'instructions\'\]{grid-template-areas:"main""controls""instructions"}.\[text-rendering\:auto\]{text-rendering:auto}.group-disabled\/button\:bg-\(--dark\):is(:where(.group\/button):disabled *){background-color:var(--dark)}.group-\[\:disabled\:not\(\[data-selected\=true\]\)\]\/button\:text-ink:is(:where(.group\/button):disabled:not([data-selected=true]) *){color:var(--ink)}.group-\[\:disabled\:not\(\[data-selected\=true\]\)\]\/button\:\[text-shadow\:none\]:is(:where(.group\/button):disabled:not([data-selected=true]) *){text-shadow:none}.group-\[\:enabled\:hover\]\/button\:text-\(--hover-icon\):is(:where(.group\/button):enabled:hover *){color:var(--hover-icon)}.group-\[\:enabled\:hover\]\/button\:drop-shadow-\[0_0_10px_white\]:is(:where(.group\/button):enabled:hover *){--tw-drop-shadow-size:drop-shadow(0 0 10px var(--tw-drop-shadow-color,white));--tw-drop-shadow:var(--tw-drop-shadow-size);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.group-\[\:enabled\:hover\]\/button\:\[text-shadow\:0_0_20px_var\(--hover-icon\)\]:is(:where(.group\/button):enabled:hover *){text-shadow:0 0 20px var(--hover-icon)}.group-\[\:is\(\:disabled\,\[data-selected\=true\]\,\:active\)\]\/button\:top-\(--button-depth\):is(:where(.group\/button):is(:disabled,[data-selected=true],:active) *){top:var(--button-depth)}.group-\[\:is\(\:disabled\,\[data-selected\=true\]\,\:active\)\]\/button\:bottom-\[calc\(-1\*var\(--button-border\)\)\]:is(:where(.group\/button):is(:disabled,[data-selected=true],:active) *){bottom:calc(-1 * var(--button-border))}.group-\[\:is\(\:disabled\,\[data-selected\=true\]\,\:active\)\]\/button\:shadow-\[inset_0_var\(--button-depth\)_var\(--dark\)\]:is(:where(.group\/button):is(:disabled,[data-selected=true],:active) *){--tw-shadow:inset 0 var(--button-depth) var(--dark);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.group-\[\:is\(\:enabled\:active\,\[data-selected\=true\]\)\]\/button\:bg-\(--pressed-face\):is(:where(.group\/button):is(:enabled:active,[data-selected=true]) *){background-color:var(--pressed-face)}.group-\[\:is\(\:enabled\:active\,\[data-selected\=true\]\)\]\/button\:text-\(--pressed-icon\):is(:where(.group\/button):is(:enabled:active,[data-selected=true]) *){color:var(--pressed-icon)}.group-\[\:is\(\:enabled\:active\,\[data-selected\=true\]\)\]\/button\:drop-shadow-\[0_0_10px_white\]:is(:where(.group\/button):is(:enabled:active,[data-selected=true]) *){--tw-drop-shadow-size:drop-shadow(0 0 10px var(--tw-drop-shadow-color,white));--tw-drop-shadow:var(--tw-drop-shadow-size);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.group-\[\:is\(\:enabled\:active\,\[data-selected\=true\]\)\]\/button\:\[text-shadow\:0_0_20px_var\(--pressed-icon\)\]:is(:where(.group\/button):is(:enabled:active,[data-selected=true]) *){text-shadow:0 0 20px var(--pressed-icon)}.group-\[\:is\(\:enabled\:active\,\[data-selected\=true\]\)\]\/button\:\[text-shadow\:0_0_20px_var\(--pressed-ink\)\]:is(:where(.group\/button):is(:enabled:active,[data-selected=true]) *){text-shadow:0 0 20px var(--pressed-ink)}.before\:pointer-events-none:before{content:var(--tw-content);pointer-events:none}.before\:absolute:before{content:var(--tw-content);position:absolute}.before\:inset-0:before{content:var(--tw-content);inset:0}.before\:top-0:before{content:var(--tw-content);top:0}.before\:top-\[-8px\]:before{content:var(--tw-content);top:-8px}.before\:-right-\[2px\]:before{content:var(--tw-content);right:-2px}.before\:right-\[2px\]:before{content:var(--tw-content);right:2px}.before\:-bottom-\[20px\]:before{content:var(--tw-content);bottom:-20px}.before\:-left-\[2px\]:before{content:var(--tw-content);left:-2px}.before\:left-\[2px\]:before{content:var(--tw-content);left:2px}.before\:left-\[calc\(50\%-10px\)\]:before{content:var(--tw-content);left:calc(50% - 10px)}.before\:z-1:before{content:var(--tw-content);z-index:1}.before\:z-4:before{content:var(--tw-content);z-index:4}.before\:h-\[2px\]:before{content:var(--tw-content);height:2px}.before\:h-\[4px\]:before{content:var(--tw-content);height:4px}.before\:h-\[14px\]:before{content:var(--tw-content);height:14px}.before\:w-\[20px\]:before{content:var(--tw-content);width:20px}.before\:rounded-\[2px\]:before{content:var(--tw-content);border-radius:2px}.before\:rounded-\[inherit\]:before{content:var(--tw-content);border-radius:inherit}.before\:rounded-b-\[4px\]:before{content:var(--tw-content);border-bottom-right-radius:4px;border-bottom-left-radius:4px}.before\:bg-\(--highlight\):before{content:var(--tw-content);background-color:var(--highlight)}.before\:bg-green:before{content:var(--tw-content);background-color:var(--green)}.before\:bg-purple-dark:before{content:var(--tw-content);background-color:var(--purple-dark)}.before\:opacity-0:before{content:var(--tw-content);opacity:0}.before\:shadow-\[0_-4px_0_-2px_var\(--green\)\]:before{content:var(--tw-content);--tw-shadow:0 -4px 0 -2px var(--tw-shadow-color,var(--green));box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.before\:shadow-\[inset_0_4px_\#0000b9\,inset_0_12px_var\(--ink\)\]:before{content:var(--tw-content);--tw-shadow:inset 0 4px var(--tw-shadow-color,#0000b9), inset 0 12px var(--tw-shadow-color,var(--ink));box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.before\:transition-all:before{content:var(--tw-content);transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.before\:duration-120:before{content:var(--tw-content);--tw-duration:.12s;transition-duration:.12s}.before\:ease-\[ease-in-out\]:before{content:var(--tw-content);--tw-ease:ease-in-out;transition-timing-function:ease-in-out}.before\:content-\[\'\'\]:before{--tw-content:"";content:var(--tw-content)}.after\:pointer-events-none:after{content:var(--tw-content);pointer-events:none}.after\:absolute:after{content:var(--tw-content);position:absolute}.after\:inset-\[0_-2px_-10px\]:after{content:var(--tw-content);inset:0 -2px -10px}.after\:inset-\[4px_0_0\]:after{content:var(--tw-content);inset:4px 0 0}.after\:top-\[-12px\]:after{content:var(--tw-content);top:-12px}.after\:left-\[calc\(50\%-4px\)\]:after{content:var(--tw-content);left:calc(50% - 4px)}.after\:z-3:after{content:var(--tw-content);z-index:3}.after\:size-\[8px\]:after{content:var(--tw-content);width:8px;height:8px}.after\:rounded-\[inherit\]:after{content:var(--tw-content);border-radius:inherit}.after\:rounded-b-\[4px\]:after{content:var(--tw-content);border-bottom-right-radius:4px;border-bottom-left-radius:4px}.after\:border-2:after{content:var(--tw-content);border-style:var(--tw-border-style);border-width:2px}.after\:border-t-0:after{content:var(--tw-content);border-top-style:var(--tw-border-style);border-top-width:0}.after\:border-ink:after{content:var(--tw-content);border-color:var(--ink)}.after\:bg-green:after{content:var(--tw-content);background-color:var(--green)}.after\:bg-\[repeating-linear-gradient\(to_bottom\,transparent_0_2px\,\#0003_2px_4px\)\]:after{content:var(--tw-content);background-image:repeating-linear-gradient(#0000 0 2px,#0003 2px 4px)}.after\:shadow-\[inset_0_-6px_var\(--purple-dark\)\]:after{content:var(--tw-content);--tw-shadow:inset 0 -6px var(--tw-shadow-color,var(--purple-dark));box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.after\:content-\[\'\'\]:after{--tw-content:"";content:var(--tw-content)}.first\:rounded-\[4px_0_0_4px\]:first-child{border-radius:4px 0 0 4px}.last\:rounded-\[0_4px_4px_0\]:last-child{border-radius:0 4px 4px 0}.focus\:top-2:focus{top:calc(var(--spacing) * 2)}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}.focus-visible\:outline-2:focus-visible{outline-style:var(--tw-outline-style);outline-width:2px}.focus-visible\:outline-offset-\[-4px\]:focus-visible{outline-offset:-4px}.focus-visible\:outline-green:focus-visible{outline-color:var(--green)}.enabled\:active\:bg-\[\#0000bf\]:enabled:active{background-color:#0000bf}.enabled\:active\:text-\(--pressed-ink\):enabled:active{color:var(--pressed-ink)}.enabled\:active\:shadow-none:enabled:active{--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.enabled\:active\:before\:opacity-0:enabled:active:before{content:var(--tw-content);opacity:0}.disabled\:bg-\[\#0000bf\]:disabled{background-color:#0000bf}.disabled\:text-ink:disabled{color:var(--ink)}.disabled\:shadow-none:disabled{--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.disabled\:before\:opacity-0:disabled:before{content:var(--tw-content);opacity:0}@media not all and (width>=768px){.max-md\:group-data-\[about-open\=true\]\/main\:h-\[78dvh\]:is(:where(.group\/main)[data-about-open=true] *){height:78dvh}.max-md\:group-data-\[about-open\=true\]\/main\:min-h-0:is(:where(.group\/main)[data-about-open=true] *){min-height:0}.max-md\:group-data-\[about-open\=true\]\/main\:min-h-full:is(:where(.group\/main)[data-about-open=true] *){min-height:100%}.max-md\:group-data-\[about-open\=true\]\/main\:flex-none:is(:where(.group\/main)[data-about-open=true] *){flex:none}}@media (width>=576px){.sm\:hidden{display:none}.sm\:inline{display:inline}.sm\:grid-cols-\[minmax\(0\,1fr\)_minmax\(0\,2fr\)\]{grid-template-columns:minmax(0,1fr) minmax(0,2fr)}.sm\:gap-x-4{column-gap:calc(var(--spacing) * 4)}.sm\:text-left{text-align:left}.sm\:text-right{text-align:right}}@media (width>=768px){.md\:-mx-3{margin-inline:calc(var(--spacing) * -3)}.md\:my-4{margin-block:calc(var(--spacing) * 4)}.md\:mt-4{margin-top:calc(var(--spacing) * 4)}.md\:mt-\[1em\]{margin-top:1em}.md\:mb-3{margin-bottom:calc(var(--spacing) * 3)}.md\:mb-4{margin-bottom:calc(var(--spacing) * 4)}.md\:mb-6{margin-bottom:calc(var(--spacing) * 6)}.md\:h-0{height:0}.md\:h-dvh{height:100dvh}.md\:min-h-0{min-height:0}.md\:min-h-\[calc\(4\*var\(--control-height\)\+29\.4rem\)\]{min-height:calc(4 * var(--control-height) + 29.4rem)}.md\:min-h-full{min-height:100%}.md\:w-12{width:calc(var(--spacing) * 12)}.md\:w-\[90\%\]{width:90%}.md\:w-\[96px\]{width:96px}.md\:flex-1{flex:1}.md\:grid-cols-\[minmax\(0\,1fr\)\]{grid-template-columns:minmax(0,1fr)}.md\:grid-cols-\[minmax\(0\,calc\(41\.666667\%_-_0\.583333rem\)\)_minmax\(0\,1fr\)\]{grid-template-columns:minmax(0,calc(41.6667% - .583333rem)) minmax(0,1fr)}.md\:grid-rows-\[minmax\(20rem\,1fr\)_auto\]{grid-template-rows:minmax(20rem,1fr) auto}.md\:gap-1{gap:var(--spacing)}.md\:gap-x-4{column-gap:calc(var(--spacing) * 4)}.md\:gap-y-6{row-gap:calc(var(--spacing) * 6)}.md\:overflow-y-auto{overflow-y:auto}.md\:p-4{padding:calc(var(--spacing) * 4)}.md\:px-2{padding-inline:calc(var(--spacing) * 2)}.md\:px-3{padding-inline:calc(var(--spacing) * 3)}.md\:px-4{padding-inline:calc(var(--spacing) * 4)}.md\:py-6{padding-block:calc(var(--spacing) * 6)}.md\:py-10{padding-block:calc(var(--spacing) * 10)}.md\:pt-2{padding-top:calc(var(--spacing) * 2)}.md\:pt-3{padding-top:calc(var(--spacing) * 3)}.md\:pt-4{padding-top:calc(var(--spacing) * 4)}.md\:pb-0{padding-bottom:0}.md\:pb-4{padding-bottom:calc(var(--spacing) * 4)}.md\:pb-6{padding-bottom:calc(var(--spacing) * 6)}.md\:text-center{text-align:center}.md\:text-\[1\.5rem\]{font-size:1.5rem}.md\:text-\[1rem\]{font-size:1rem}.md\:leading-\[1\.5\]{--tw-leading:1.5;line-height:1.5}.md\:leading-none{--tw-leading:1;line-height:1}.md\:\[overflow-wrap\:normal\]{overflow-wrap:normal}.md\:\[grid-template-areas\:\'instructions_main\'_\'controls_main\'\]{grid-template-areas:"instructions main""controls main"}}@media (width>=992px){.lg\:flex{display:flex}.lg\:min-w-min{min-width:min-content}.lg\:flex-1{flex:1}.lg\:grid-cols-\[minmax\(0\,1fr\)_minmax\(0\,2fr\)\]{grid-template-columns:minmax(0,1fr) minmax(0,2fr)}.lg\:grid-cols-\[minmax\(0\,min\(680px\,calc\(33\.333333\%_-_0\.666667rem\)\)\)_minmax\(0\,1fr\)\]{grid-template-columns:minmax(0,min(680px,33.3333% - .666667rem)) minmax(0,1fr)}.lg\:items-center{align-items:center}.lg\:justify-center{justify-content:center}.lg\:px-3{padding-inline:calc(var(--spacing) * 3)}.lg\:text-left{text-align:left}.lg\:text-right{text-align:right}.lg\:text-\[1\.25rem\]{font-size:1.25rem}.lg\:text-\[2rem\]{font-size:2rem}}@media (forced-colors:active){.forced-colors\:border-\[ButtonText\]{border-color:buttontext}.forced-colors\:after\:hidden:after{content:var(--tw-content);display:none}}.\[\&_\:focus-visible\]\:outline-ink :focus-visible{outline-color:var(--ink)}.\[\&_a\]\:transition-colors a{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.\[\&_a\]\:duration-150 a{--tw-duration:.15s;transition-duration:.15s}.\[\&_a\:hover\]\:text-white a:hover{color:var(--color-white)}.\[\&\+button\]\:-ml-\[2px\]+button{margin-left:-2px}.\[\&\:\:-webkit-scrollbar\]\:w-\[18px\]::-webkit-scrollbar{width:18px}.\[\&\:\:-webkit-scrollbar-corner\]\:bg-transparent::-webkit-scrollbar-corner{background-color:#0000}.\[\&\:\:-webkit-scrollbar-thumb\]\:rounded-none::-webkit-scrollbar-thumb{border-radius:0}.\[\&\:\:-webkit-scrollbar-thumb\]\:border-r-\[10px\]::-webkit-scrollbar-thumb{border-right-style:var(--tw-border-style);border-right-width:10px}.\[\&\:\:-webkit-scrollbar-thumb\]\:border-r-screen::-webkit-scrollbar-thumb{border-right-color:var(--screen)}.\[\&\:\:-webkit-scrollbar-thumb\]\:bg-\[\#4cf190a6\]::-webkit-scrollbar-thumb{background-color:#4cf190a6}.\[\&\:\:-webkit-scrollbar-track\]\:rounded-none::-webkit-scrollbar-track{border-radius:0}.\[\&\:\:-webkit-scrollbar-track\]\:bg-transparent::-webkit-scrollbar-track{background-color:#0000}.\[\&\>\*\]\:my-auto>*{margin-block:auto}.\[\&\>\*\]\:shrink-0>*{flex-shrink:0}.\[\&\>button\]\:rounded-none>button{border-radius:0}.\[\&\>button\+button\]\:-ml-\[2px\]>button+button{margin-left:-2px}.\[\&\>button\:first-child\]\:rounded-\[4px_0_0_4px\]>button:first-child{border-radius:4px 0 0 4px}.\[\&\>button\:last-child\]\:rounded-\[0_4px_4px_0\]>button:last-child{border-radius:0 4px 4px 0}}@font-face{font-family:"8008";src:url(/fonts/8008-Regular.woff2)format("woff2");font-display:swap}@font-face{font-family:"80085";src:url(/fonts/80085-Regular.woff2)format("woff2");font-display:swap}@font-face{font-family:"8008135";src:url(/fonts/8008135-Regular.woff2)format("woff2");font-display:swap}@font-face{font-family:Ionicons;src:url(/fonts/ionicons.woff)format("woff");font-weight:400;font-style:normal;font-display:block}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-content{syntax:"*";inherits:false;initial-value:""}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}