@font-face{font-family:Yellowtail;font-style:normal;font-display:swap;font-weight:400;src:url(./yellowtail-latin-400-normal-BfFX3xIh.woff2)format("woff2"),url(./yellowtail-latin-400-normal-qKkxeRph.woff)format("woff")}@font-face{font-family:VT323;font-style:normal;font-display:swap;font-weight:400;src:url(./vt323-latin-400-normal-wDgJuOC9.woff2)format("woff2"),url(./vt323-latin-400-normal-Dqn9ZSPj.woff)format("woff")}:root{--z-hud:900;--z-picker:1100;--z-loader:1200;--z-devstats:1300;--z-crt:9999;--font-terminal:"VT323", monospace;--font-script:"Yellowtail", cursive;--safe-top:env(safe-area-inset-top,0px);--safe-right:env(safe-area-inset-right,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px);--corner-gap:15px;--panel-bg:color-mix(in srgb, var(--ui-deep) 84%, transparent);--panel-glow:0 0 20px var(--aqua), inset 0 0 10px color-mix(in srgb, var(--aqua) 50%, transparent);--white:var(--palette-white);--aqua:var(--palette-aqua);--ui-deep:var(--palette-ui-deep);--ui-loader-bg:var(--palette-ui-loader-bg);--red:var(--palette-red);--pink:var(--palette-pink);--yellow:var(--palette-yellow)}@supports (color:oklch(from red l c h)){:root{--aqua:oklch(from var(--palette-aqua) l c calc(h + var(--scene-terrain-wire-turn,0)));--ui-deep:oklch(from var(--palette-ui-deep) l c calc(h + var(--scene-terrain-wire-turn,0)));--ui-loader-bg:oklch(from var(--palette-ui-loader-bg) l c calc(h + var(--scene-terrain-wire-turn,0)));--red:oklch(from var(--palette-red) l c calc(h + var(--scene-polonez-wire-turn,0)));--pink:oklch(from var(--palette-pink) l c calc(h + var(--scene-polonez-wire-turn,0)));--yellow:oklch(from var(--palette-yellow) l c calc(h + var(--scene-sun-top-turn,0)))}}html,body{overscroll-behavior:none;height:100%;margin:0;overflow:hidden}canvas{touch-action:none;outline:none;width:100%;height:100%;display:block}body:is([data-state=idle],[data-state=free]) canvas{cursor:grab}body:is([data-state=idle],[data-state=free]) canvas[data-grabbing]{cursor:grabbing}@property --flicker-opacity{syntax:"<number>";inherits:true;initial-value:1}.loader{z-index:var(--z-loader);background-color:var(--ui-loader-bg);font-family:var(--font-terminal);justify-content:center;align-items:center;font-size:clamp(15px,5.2vw,22px);animation:8s linear infinite loader-flicker;display:flex;position:fixed;inset:0}.loader:before{content:"";z-index:2;pointer-events:none;background:linear-gradient(transparent 50%, rgb(0 0 0/var(--loader-line-opacity,.25)) 50%);opacity:var(--flicker-opacity);background-size:100% 4px;position:absolute;inset:0}.loader__terminal{width:min(650px,100% - 32px);color:var(--aqua);background-color:var(--ui-deep);border:2px solid var(--aqua);box-shadow:var(--panel-glow);position:relative;overflow:hidden}.loader__header{letter-spacing:.2em;text-align:center;color:var(--ui-deep);background-color:var(--aqua);border-bottom:2px solid var(--aqua);padding:6px 15px}.loader__content{min-height:200px;padding:clamp(12px,4vw,20px);position:relative}.loader__text,.loader__status{text-shadow:0 0 5px var(--aqua);margin-bottom:10px;line-height:1.5;animation:2s infinite glow}.loader__status{margin-top:10px}.loader__progress{white-space:pre;color:var(--red);text-shadow:0 0 5px var(--red);margin:15px 0;animation:2s infinite glow}.loader__cursor{color:var(--aqua);margin-left:5px;font-size:1.2em;animation:1s step-end infinite blink;position:absolute;bottom:20px}.loader.is-done{pointer-events:none;transition:background-color 0s var(--loader-fade-delay);background-color:#0000}.loader.is-done:before{opacity:0;transition:opacity var(--loader-fade-duration) var(--loader-fade-delay)}.loader.is-done .loader__terminal{animation:crt-off var(--loader-fade-duration) ease-in var(--loader-fade-delay) forwards}@keyframes crt-off{0%{filter:brightness();transform:scale(1)}40%{filter:brightness(3);transform:scaleY(.006)}70%{opacity:1;transform:scale(.15,.006)}to{opacity:0;transform:scale(0)}}@keyframes blink{50%{opacity:0}}@keyframes glow{0%,to{text-shadow:0 0 5px var(--aqua)}50%{text-shadow:0 0 10px var(--aqua), 0 0 15px var(--aqua)}}@keyframes loader-flicker{0%,2%,8%,10%,20%,22%,53%,56%,77%,79%,92%,94%,to{--flicker-opacity:1}1%{--flicker-opacity:.8}9%{--flicker-opacity:.9}21%{--flicker-opacity:.6}54%{--flicker-opacity:.5}55%{--flicker-opacity:.8}78%{--flicker-opacity:.7}93%{--flicker-opacity:.85}}.hud{font-family:var(--font-terminal);color:var(--aqua);font-size:22px}.hud>*,.hud [hidden]{display:none!important}[data-state=idle] .hud__menu,[data-state=gameover] .hud__gameover,[data-state=playing] .hud__scoreboard:not([hidden]){display:flex!important}[data-state=free] .hud__corner,[data-state=countdown] .hud__corner,[data-state=playing] .hud__corner,[data-state=countdown] .hud__countdown:not([hidden]),[data-state=playing] .hud__countdown:not([hidden]),[data-state=gameover] .hud__flash{display:block!important}.panel{background-color:var(--panel-bg);border:2px solid var(--aqua);box-shadow:var(--panel-glow)}.sunset-text{font-family:var(--font-script);color:#0000;background:linear-gradient(var(--yellow) 30%, var(--red) 80%);filter:drop-shadow(3px 3px 0 var(--ui-deep)) drop-shadow(0 0 14px var(--red));-webkit-background-clip:text;background-clip:text;font-weight:400}.icon{vertical-align:-.125em;fill:none;stroke:currentColor;stroke-width:2.5px;stroke-linecap:round;stroke-linejoin:round;width:1em;height:1em}kbd .icon{width:1.15em;height:1.15em}kbd{min-width:1.3em;font:inherit;text-align:center;color:inherit;border:1px solid;border-bottom-width:3px;border-radius:4px;margin:0 .12em;padding:0 .3em;font-size:.8em;line-height:1.25;display:inline-block}.button{font:inherit;letter-spacing:.1em;white-space:nowrap;color:var(--aqua);text-shadow:0 0 8px;touch-action:manipulation;background-color:var(--panel-bg);box-shadow:0 0 14px color-mix(in srgb, currentColor 70%, transparent), inset 0 0 10px color-mix(in srgb, currentColor 35%, transparent);cursor:pointer;pointer-events:auto;border:2px solid;align-items:center;gap:.6em;padding:.3em 1em;font-size:28px;transition:transform .15s,box-shadow .15s;display:inline-flex}.button:hover,.button:focus-visible{box-shadow:0 0 26px currentColor, inset 0 0 14px color-mix(in srgb, currentColor 50%, transparent);outline:none;transform:translateY(-2px)}.button--primary{color:var(--red)}.button kbd{box-sizing:border-box;min-width:2em;text-shadow:none;font-size:.6em}.hud__menu{z-index:var(--z-hud);padding:calc(5vh + var(--safe-top)) calc(16px + var(--safe-right)) calc(3vh + var(--safe-bottom)) calc(16px + var(--safe-left));text-align:center;pointer-events:none;flex-direction:column;align-items:center;position:fixed;inset:0}.logo{flex-direction:column;align-items:center;margin:0;font-weight:400;line-height:1;display:flex}.logo__script{--logo-shine:hsl(from var(--scene-sun-top) h s min(l * 1.5, 100));--logo-neon:var(--scene-polonez-wire);--logo-body:var(--scene-polonez-solid);background-image:linear-gradient(105deg, transparent 44%, color-mix(in srgb, var(--white) 80%, transparent) 50%, transparent 56%), linear-gradient(transparent 56.5%, var(--logo-body) 56.5% 57.5%, transparent 57.5% 62.5%, var(--logo-body) 62.5% 64.5%, transparent 64.5% 69%, var(--logo-body) 69% 72%, transparent 72%), linear-gradient(var(--logo-shine) 30%, var(--logo-neon) 80%);filter:drop-shadow(3px 3px 0 var(--logo-body)) drop-shadow(0 0 14px var(--logo-neon));background-position:100% 0,0 0,0 0;background-repeat:no-repeat;background-size:250% 100%,100% 100%,100% 100%;margin:-.3em 0 -.08em;padding:.3em .2em .15em;font-size:clamp(108px,28.5vw,152px);animation:7s ease-in-out 1s infinite logo-sheen;transform:rotate(-6deg)}.logo__caps{letter-spacing:.6em;color:var(--scene-terrain-wire);text-shadow:2px 3px 0 var(--scene-terrain-solid), -2px 0 color-mix(in srgb, var(--scene-sun-bottom) 85%, transparent), 2px 0 color-mix(in srgb, var(--scene-side-wire) 85%, transparent), 0 0 12px var(--scene-terrain-wire);align-items:center;gap:.45em;font-size:clamp(20px,5.6vw,42px);animation:9s linear 2s infinite neon-flicker;display:flex}.logo__caps:before,.logo__caps:after{content:"";background:linear-gradient(var(--scene-sun-top) 0 14%, transparent 14% 21.5%, var(--scene-sun-bottom) 21.5% 35.5%, transparent 35.5% 43%, var(--scene-hills-wire) 43% 57%, transparent 57% 64.5%, var(--scene-side-wire) 64.5% 78.5%, transparent 78.5% 86%, var(--scene-terrain-wire) 86% 100%);width:2.8em;height:.62em;filter:drop-shadow(0 0 5px var(--scene-sun-bottom));flex:none;transform:skew(-35deg);-webkit-mask-image:linear-gradient(90deg,#0000,#000 80%);mask-image:linear-gradient(90deg,#0000,#000 80%)}.logo__caps:before{margin-right:.6em}.logo__caps:after{-webkit-mask-image:linear-gradient(270deg,#0000,#000 80%);mask-image:linear-gradient(270deg,#0000,#000 80%)}@keyframes logo-sheen{0%{background-position:100% 0,0 0,0 0}35%,to{background-position:0 0,0 0,0 0}}@keyframes neon-flicker{0%,90%,91.5%,93%,96%,to{opacity:1}90.7%,92.2%{opacity:.35}94.5%{opacity:.7}}.hud__best{letter-spacing:.2em;text-shadow:2px 2px 0 var(--ui-deep), 0 0 8px var(--aqua);margin:.4em 0 0}.button-grid{grid-template-columns:repeat(var(--columns,2), 1fr);align-items:center;gap:14px 16px;width:max-content;max-width:92vw;display:grid}.button-grid--3{--columns:3;width:100%}.button-grid>.button:not(.button--small){box-sizing:border-box;justify-content:space-between;width:100%}.button-grid--3>.button{padding-inline:.7em;font-size:18px}.hud__bottom{margin-top:auto}.hud__steer{text-shadow:2px 2px 0 var(--ui-deep), 0 0 6px var(--aqua);flex-direction:column;grid-column:1/-1;align-items:center;gap:2px;margin:0;font-size:18px;display:flex}.hud__steer kbd{margin:0 .25em}.hud__dot{margin:0 .5em}.button--small{justify-self:center;gap:.45em;padding:.2em .7em;font-size:18px}.hud__fade{transition:opacity .3s,visibility .3s}[data-menu=hidden] .hud__fade{opacity:0;visibility:hidden}.hud__toggle{top:calc(var(--corner-gap) + var(--safe-top));left:calc(var(--corner-gap) + var(--safe-left));transition:opacity .3s,border-color .3s,background-color .3s,box-shadow .3s,transform .15s;position:fixed}.hud__toggle-icon{display:inline-flex}.hud__toggle-icon .icon{filter:drop-shadow(0 0 4px);width:1.3em;height:1.3em}.icon__slash{display:none}[data-menu=hidden] .hud__toggle{opacity:.3;box-shadow:none;background-color:#0000;border-color:#0000;transform:none}[data-menu=hidden] .hud__toggle>:not(.hud__toggle-icon){display:none}[data-menu=hidden] .hud__toggle:hover,[data-menu=hidden] .hud__toggle:focus-visible{opacity:1}[data-menu=hidden] .icon__slash{display:inline}.hud__source{right:calc(var(--corner-gap) + var(--safe-right));bottom:calc(var(--corner-gap) + var(--safe-bottom));letter-spacing:.2em;color:var(--aqua);text-shadow:2px 2px 0 var(--ui-deep);opacity:.6;pointer-events:auto;font-size:18px;text-decoration:none;transition:opacity .3s,visibility .3s,text-shadow .3s;position:fixed}.hud__source:hover,.hud__source:focus-visible{opacity:1;text-shadow:2px 2px 0 var(--ui-deep), 0 0 8px var(--aqua);outline:none}.hud__corner{top:calc(var(--corner-gap) + var(--safe-top));left:calc(var(--corner-gap) + var(--safe-left));z-index:var(--z-hud);text-shadow:0 0 6px var(--aqua);pointer-events:none;padding:4px 12px;font-size:20px;position:fixed}.hud__tag{color:var(--ui-deep);text-shadow:none;background-color:var(--red);margin-right:.8em;padding:0 .4em;display:none}[data-state=free] .hud__tag{display:inline-block}.hud__countdown{z-index:var(--z-hud);white-space:nowrap;pointer-events:none;padding:0 .3em;font-size:clamp(96px,13vw,168px);line-height:1.3;position:fixed;top:16%;left:50%;transform:translate(-50%)}.hud__countdown.is-pop{animation:.4s cubic-bezier(.2,1.6,.4,1) pop}.hud__scoreboard{top:calc(12px + var(--safe-top));z-index:var(--z-hud);pointer-events:none;align-items:flex-end;gap:28px;padding:6px 22px;position:fixed;left:50%;transform:translate(-50%)}.stat{flex-direction:column;align-items:center;line-height:1;display:flex}.stat__label{letter-spacing:.2em;opacity:.8;font-size:16px}.stat__value{text-shadow:0 0 8px var(--aqua);font-size:32px}.stat--main .stat__value{color:var(--white);text-shadow:0 0 10px var(--pink), 0 0 20px var(--pink);font-size:52px}.stat__value.is-pop{animation:.25s ease-out pop-small}.stat__value.is-flash{animation:.3s step-end 4 flash}.hud__gameover{z-index:var(--z-hud);box-sizing:border-box;text-align:center;background-color:color-mix(in srgb, var(--ui-deep) 90%, transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);width:min(92vw,600px);animation:panel-in .3s ease-out var(--crash-lock,0s) backwards;flex-direction:column;align-items:center;gap:14px;padding:12px 24px 22px;position:fixed;top:14%;left:50%;transform:translate(-50%)}@keyframes panel-in{0%{opacity:0;translate:0 16px}}.hud__flash{z-index:var(--z-hud);pointer-events:none;background:repeating-linear-gradient(transparent 0 6px, color-mix(in srgb, var(--aqua) 35%, transparent) 6px 9px), radial-gradient(circle at 50% 60%, var(--white), var(--red) 45%, var(--ui-deep));mix-blend-mode:screen;opacity:0;animation:crash-flash var(--crash-shake,.5s) steps(10, end);position:fixed;inset:0}@keyframes crash-flash{0%{opacity:.85}20%{opacity:.55;translate:0 -6px}40%{opacity:.7;translate:0 4px}60%{opacity:.3;translate:0 -2px}to{opacity:0}}.hud__gameover-title{white-space:nowrap;margin:0 0 -.25em;padding:.05em .5em .4em;font-size:clamp(44px,5vw,64px);line-height:1.3}.hud__final{flex-direction:column;align-items:center;margin-bottom:8px;line-height:1;display:flex}.hud__final-label{letter-spacing:.4em;opacity:.85;padding-left:.4em;font-size:18px}.hud__final-score{color:var(--white);text-shadow:3px 3px 0 var(--ui-deep), 0 0 12px var(--pink), 0 0 28px var(--pink);font-size:clamp(88px,11vw,128px)}.hud__final-score.is-tick{animation:.12s ease-out score-tick}.hud__final-score.is-final{--flash:.18s;--flashes:6;animation:score-flash var(--flash) steps(1) var(--flashes), score-pulse 1.4s ease-in-out calc(var(--flash) * var(--flashes)) infinite}@keyframes score-tick{0%{scale:1.15}}@keyframes score-flash{50%{color:var(--yellow);text-shadow:3px 3px 0 var(--ui-deep), 0 0 16px var(--yellow), 0 0 40px var(--yellow)}}@keyframes score-pulse{50%{text-shadow:3px 3px 0 var(--ui-deep), 0 0 18px var(--pink), 0 0 48px var(--pink);scale:1.06}}.hud__final-best,.hud__new-best{letter-spacing:.25em;margin:2px 0 0;padding-left:.25em}.hud__final-best{text-shadow:0 0 8px var(--aqua)}.hud__final-best-value{color:var(--white)}.hud__new-best{color:var(--yellow);text-shadow:0 0 10px var(--yellow);animation:.8s step-end infinite blink}@keyframes pop{0%{opacity:0;scale:1.8}to{opacity:1;scale:1}}@keyframes pop-small{0%{scale:1.35}to{scale:1}}@keyframes flash{50%{color:var(--yellow);text-shadow:0 0 12px var(--yellow)}}.crt{z-index:var(--z-crt);pointer-events:none;background:linear-gradient(transparent 50%, var(--crt-line-color) 50%);animation:crt-flicker var(--crt-flicker-speed) infinite;background-size:100% 4px;position:fixed;inset:0}.crt[hidden]{display:none}.crt[data-flicker=off]{animation:none}@keyframes crt-flicker{0%{opacity:calc(.27861 * var(--crt-flicker-intensity))}5%{opacity:calc(.34769 * var(--crt-flicker-intensity))}10%{opacity:calc(.23604 * var(--crt-flicker-intensity))}15%{opacity:calc(.90626 * var(--crt-flicker-intensity))}20%{opacity:calc(.18128 * var(--crt-flicker-intensity))}25%{opacity:calc(.83891 * var(--crt-flicker-intensity))}30%{opacity:calc(.65583 * var(--crt-flicker-intensity))}35%{opacity:calc(.67807 * var(--crt-flicker-intensity))}40%{opacity:calc(.26559 * var(--crt-flicker-intensity))}45%{opacity:calc(.84693 * var(--crt-flicker-intensity))}50%{opacity:calc(.96019 * var(--crt-flicker-intensity))}55%{opacity:calc(.08594 * var(--crt-flicker-intensity))}60%{opacity:calc(.20313 * var(--crt-flicker-intensity))}65%{opacity:calc(.71988 * var(--crt-flicker-intensity))}70%{opacity:calc(.53455 * var(--crt-flicker-intensity))}75%{opacity:calc(.37288 * var(--crt-flicker-intensity))}80%{opacity:calc(.71428 * var(--crt-flicker-intensity))}85%{opacity:calc(.70419 * var(--crt-flicker-intensity))}90%{opacity:calc(.7003 * var(--crt-flicker-intensity))}95%{opacity:calc(.36108 * var(--crt-flicker-intensity))}to{opacity:calc(.24387 * var(--crt-flicker-intensity))}}.devstats{bottom:calc(20px + var(--safe-bottom));left:calc(20px + var(--safe-left));z-index:var(--z-devstats);min-width:230px;font-family:var(--font-terminal);color:var(--aqua);pointer-events:none;font-size:20px;position:fixed}.devstats[hidden]{display:none}.devstats__header{letter-spacing:.2em;text-align:center;color:var(--ui-deep);background-color:var(--aqua);padding:2px 12px}.devstats__fps{letter-spacing:.15em;justify-content:center;align-items:baseline;gap:.3em;padding:8px 12px 2px;display:flex}.devstats__fps-value{color:var(--aqua);text-shadow:0 0 10px;font-size:52px;line-height:1}.devstats__fps-value[data-level=warn]{color:var(--yellow)}.devstats__fps-value[data-level=bad]{color:var(--red)}.devstats__rows{grid-template-columns:1fr auto;gap:0 18px;margin:0;padding:4px 12px 10px;display:grid}.devstats__rows dt{opacity:.75}.devstats__rows dd{text-align:right;color:var(--white);text-shadow:0 0 6px var(--pink);margin:0}.lil-gui{--background-color:color-mix(in srgb, var(--ui-deep) 73%, transparent);--title-background-color:color-mix(in srgb, var(--ui-deep) 90%, transparent);--widget-color:color-mix(in srgb, var(--ui-deep) 70%, black);--hover-color:color-mix(in srgb, var(--ui-deep) 50%, var(--aqua));--focus-color:color-mix(in srgb, var(--ui-deep) 40%, var(--aqua));--number-color:var(--aqua);--string-color:var(--aqua);--font-family:var(--font-terminal);--font-family-mono:var(--font-terminal);--font-size:17px;--input-font-size:17px;--widget-height:22px;--letter-spacing:.04em;--name-width:calc(var(--name-chars,17) * (1ch + var(--letter-spacing)) + var(--spacing));--width:290px;letter-spacing:var(--letter-spacing)}.lil-gui .lil-controller.lil-boolean .lil-widget,.lil-gui .lil-controller.lil-color .lil-widget{justify-content:flex-end}.lil-gui .lil-controller.lil-color input[type=text]{order:1;width:8ch;min-width:0;margin-left:0;padding-inline:3px}.lil-gui .lil-controller.lil-color .lil-display{width:var(--widget-height);margin-left:var(--spacing);cursor:pointer;flex:none;order:2}.lil-gui .lil-controller.lil-color .lil-display:focus-visible,.lil-gui .lil-controller.lil-color .lil-display[aria-expanded=true]{outline:2px solid var(--aqua);outline-offset:2px;box-shadow:0 0 10px var(--aqua)}.lil-gui .lil-controller.gui-randomize button{height:auto;padding:6px 12px}.lil-gui .lil-controller.gui-randomize .lil-name{justify-content:center;align-items:center;gap:.5em;line-height:1;display:flex}.gui-randomize__icon{font-size:1.1em;line-height:1}.lil-gui.lil-root .lil-title{text-transform:uppercase;letter-spacing:.12em;text-shadow:0 0 6px var(--aqua);font-weight:400}.picker{--picker-pad:10px;--picker-thumb:16px;--picker-hue-height:16px;--picker-area-height:150px;--picker-swatch:26px;z-index:var(--z-picker);font-family:var(--font-terminal);letter-spacing:.04em;color:var(--aqua);font-size:20px;position:fixed;inset:0}.picker[hidden]{display:none!important}.picker[data-layout=popover]{pointer-events:none}.picker__backdrop{background-color:#00000073;position:absolute;inset:0}.picker[data-layout=popover] .picker__backdrop{display:none}.picker__dialog{gap:var(--picker-pad);box-sizing:border-box;width:264px;padding:0 var(--picker-pad) var(--picker-pad);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);pointer-events:auto;grid-template-areas:"title""area""hue""row""swatches""actions";animation:.15s ease-out picker-in;display:grid;position:absolute}@keyframes picker-in{0%{opacity:0;transform:translateY(6px)}}.picker__title{margin:0 calc(-1 * var(--picker-pad));padding:3px var(--picker-pad);letter-spacing:.16em;text-align:center;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;color:var(--ui-deep);background-color:var(--aqua);grid-area:title;font-size:18px;overflow:hidden}.picker__area,.picker__hue{touch-action:none;-webkit-user-select:none;user-select:none;cursor:crosshair;border:1px solid var(--aqua);position:relative}.picker__area{height:var(--picker-area-height);background:linear-gradient(to top, black, transparent), linear-gradient(to right, white, transparent), var(--picker-hue);grid-area:area}.picker__hue{height:var(--picker-hue-height);cursor:ew-resize;background:linear-gradient(90deg,red,#ff0,#0f0,#0ff,#00f,#f0f,red);grid-area:hue}.picker__area:focus-visible,.picker__hue:focus-visible,.picker__swatch:focus-visible,.picker__previous:focus-visible{outline:2px solid var(--yellow);outline-offset:2px}.picker__thumb{box-sizing:border-box;pointer-events:none;border:2px solid #fff;position:absolute;box-shadow:0 0 0 1px #000,inset 0 0 0 1px #000}.picker__area .picker__thumb{width:var(--picker-thumb);height:var(--picker-thumb);background-color:var(--picker-color);border-radius:50%;translate:-50% -50%}.picker__hue .picker__thumb{width:calc(var(--picker-thumb) / 2);background-color:var(--picker-hue);top:-4px;bottom:-4px;translate:-50%}.picker__row{gap:var(--picker-pad);grid-area:row;align-items:stretch;height:34px;display:flex}.picker__compare{border:1px solid var(--aqua);flex:1;display:flex}.picker__previous,.picker__current{flex:1}.picker__previous{cursor:pointer;border:none;padding:0}.picker__current{background-color:var(--picker-color)}.picker__hex{background-color:color-mix(in srgb, var(--ui-deep) 70%, black);border:1px solid var(--aqua);cursor:text;align-items:center;padding-inline:6px;display:flex}.picker__hex:focus-within{box-shadow:0 0 8px var(--aqua)}.picker__hex input{width:6.5ch;font:inherit;letter-spacing:inherit;text-transform:lowercase;color:inherit;background:0 0;border:none;outline:none;padding:0}.picker__swatches{grid-area:swatches;grid-template-columns:repeat(6,1fr);gap:6px;display:grid}.picker__swatch{height:var(--picker-swatch);border:1px solid color-mix(in srgb, var(--aqua) 45%, transparent);cursor:pointer;touch-action:manipulation;padding:0;transition:transform .1s}.picker__swatch:hover{transform:scale(1.08)}.picker__swatch[aria-pressed=true]{box-shadow:0 0 0 1px black, 0 0 10px var(--aqua);border:2px solid #fff}.picker__actions{gap:var(--picker-pad);grid-area:actions;display:flex}.button.picker__button{flex:1;justify-content:center;padding:.15em .6em;font-size:20px}.picker[data-layout=sheet]{--picker-thumb:22px;--picker-hue-height:22px;--picker-area-height:min(140px, 24vh);--picker-swatch:28px;justify-content:center;align-items:flex-end;display:flex}.picker[data-layout=sheet] .picker__dialog{width:min(100%,360px);margin-bottom:var(--picker-keyboard,0px);padding:0 calc(var(--picker-pad) + var(--safe-right)) calc(var(--picker-pad) + var(--safe-bottom)) calc(var(--picker-pad) + var(--safe-left));border-bottom:none;animation-name:picker-up;animation-duration:.2s;position:relative}@keyframes picker-up{0%{transform:translateY(100%)}}.picker[data-layout=sheet] .picker__title{margin-inline:calc(-1 * var(--picker-pad) - var(--safe-left)) calc(-1 * var(--picker-pad) - var(--safe-right))}.picker[data-layout=sheet] .picker__row{height:36px}.picker[data-layout=sheet] .button.picker__button{min-height:36px}.picker[data-layout=sheet] .picker__swatch:hover{transform:none}@media (orientation:landscape) and (max-height:500px){.picker[data-layout=sheet]{--picker-area-height:auto;--picker-swatch:26px}.picker[data-layout=sheet] .picker__dialog{grid-template-columns:1fr 1fr;grid-template-areas:"title title""area row""area swatches""hue actions";width:min(100%,520px)}}[data-screen=narrow] .hud__menu{padding-top:calc(64px + var(--safe-top))}[data-screen=narrow] .hud__source{margin-top:12px;position:static}[data-screen=narrow] .button-grid,[data-screen=narrow] .button-grid--3{--columns:1}[data-input=touch] .hud__menu [data-action=start],[data-input=touch] .hud__best,[data-input=touch] .button kbd,[data-input=touch] .hud__steer,[data-input=touch] .hud__corner{display:none!important}[data-input=touch] .hud__menu .button-grid{--columns:1}[data-input=touch] [data-state=free] .hud__touch{display:flex!important}.hud__touch{right:calc(16px + var(--safe-right));bottom:calc(16px + var(--safe-bottom));left:calc(16px + var(--safe-left));z-index:var(--z-hud);pointer-events:none;justify-content:space-between;align-items:center;position:fixed}.hud__touch .button{-webkit-user-select:none;user-select:none;touch-action:none;-webkit-touch-callout:none;justify-content:center}.hud__touch-steer{width:76px;height:76px;padding:0;font-size:40px}.lil-gui.lil-root.autoPlace{top:var(--safe-top);right:calc(var(--corner-gap) + var(--safe-right));max-height:calc(100% - var(--safe-top) - var(--safe-bottom))}.lil-gui.lil-root.is-compact{--width:min(290px, calc(100vw - 2 * var(--corner-gap) - var(--safe-left) - var(--safe-right)))}.lil-gui.lil-root.is-compact.lil-closed{width:auto}@media (prefers-reduced-motion:reduce){.loader,.loader *,.loader:before,.hud *,.picker *{transition:none!important;animation:none!important}}