@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./inter-cyrillic-ext-opsz-normal-CfYZpDVp.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./inter-cyrillic-opsz-normal-BFQXbQ-f.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./inter-greek-ext-opsz-normal-BmPQvyvo.woff2)format("woff2-variations");unicode-range:U+1F??}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./inter-greek-opsz-normal-BM0NlUE_.woff2)format("woff2-variations");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./inter-vietnamese-opsz-normal-Ci9T9ieq.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./inter-latin-ext-opsz-normal-DpK-iCPk.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./inter-latin-opsz-normal-BwkfbSeq.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:"Press Start 2P";font-style:normal;font-display:swap;font-weight:400;src:url(./press-start-2p-latin-400-normal-_wFEWmAB.woff2)format("woff2"),url(./press-start-2p-latin-400-normal-KLytu4cr.woff)format("woff")}:root{--ink:#1d1d1f;--secondary:#6e6e73;--tertiary:#86868b;--blue:#0071e3;--ease:cubic-bezier(.28, .11, .32, 1);--spring:cubic-bezier(.34, 1.56, .64, 1);--display:"SF Pro Display", "SF Pro Icons", -apple-system, BlinkMacSystemFont, "Inter Variable", "Helvetica Neue", Helvetica, Arial, sans-serif;--text:"SF Pro Text", "SF Pro Icons", -apple-system, BlinkMacSystemFont, "Inter Variable", "Helvetica Neue", Helvetica, Arial, sans-serif;font-family:var(--text);letter-spacing:-.022em;font-optical-sizing:auto;font-synthesis:none;color:var(--ink);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent;text-rendering:optimizelegibility;font-size:17px;font-weight:400;line-height:1.47059}*{box-sizing:border-box}body{--chip:#0000000d;--chip-hover:#00000017;--time-idle:#c7c7cc;color:var(--ink)}body.dark{--ink:#f5f5f7;--secondary:#a1a1a6;--tertiary:#86868b;--chip:#ffffff1a;--chip-hover:#ffffff2b;--time-idle:#48484d}body.dark .eyebrow{color:#ff9f5a}html,body{background:var(--bg,#fff);height:100%;transition:background-color .7s var(--ease);overscroll-behavior:none;margin:0;overflow:hidden}button{font:inherit;letter-spacing:inherit;color:inherit;cursor:pointer;background:0 0;border:0}:focus{outline:none}:focus-visible{outline:2px solid var(--blue);outline-offset:3px}.app{pointer-events:none;height:100svh;padding:env(safe-area-inset-top) 0 env(safe-area-inset-bottom);flex-direction:column;display:flex;position:relative}.hero{text-align:center;flex:none;padding:clamp(28px,7vh,72px) 24px 0;position:relative}.eyebrow{font-family:var(--display);letter-spacing:.011em;color:#bf4800;margin:0 0 4px;font-size:21px;font-weight:600;line-height:1.19048}h1,.win h2{font-family:var(--display);letter-spacing:-.015em;margin:0;font-size:80px;font-weight:600;line-height:1.05}.sub{font-family:var(--display);letter-spacing:.007em;color:var(--tertiary);text-wrap:balance;margin:12px auto 0;font-size:28px;font-weight:600;line-height:1.14286}.hero-copy>*,.dock>*{opacity:0;filter:blur(8px);transition:opacity 1.2s var(--ease), transform 1.2s var(--ease), filter 1.2s var(--ease);transform:translateY(18px)}.ready .hero-copy>*,.ready .dock>*{opacity:1;filter:blur();transform:none}.ready .hero-copy>:nth-child(2){transition-delay:80ms}.ready .hero-copy>:nth-child(3){transition-delay:.18s}.ready .dock>:first-child{transition-delay:1.4s}.ready .dock>:nth-child(2){transition-delay:1.5s}.ready .dock>:nth-child(3){transition-delay:1.6s}.ready.focus .hero-copy>*,.ready.focus .dock>*{opacity:0;filter:blur(6px);pointer-events:none;transition-duration:1.6s}.ready.focus .hero-copy>*{transform:translateY(-10px)}.ready.focus .dock>*{transform:translateY(10px)}.ready.focus .hero-copy>:first-child{transition-delay:0s}.ready.focus .hero-copy>:nth-child(2){transition-delay:.25s}.ready.focus .hero-copy>:nth-child(3){transition-delay:.5s}.ready.focus .dock>:first-child{transition-delay:.75s}.ready.focus .dock>:nth-child(2){transition-delay:.9s}.ready.focus .dock>:nth-child(3){transition-delay:1.05s}.ready.focus.peek .dock>*{opacity:1;filter:blur();pointer-events:auto;transition-duration:.45s;transition-delay:0s;transform:none}.hero-copy{transition:opacity .5s var(--ease), filter .5s var(--ease), transform .6s var(--ease)}.won .hero-copy{opacity:0;filter:blur(6px);pointer-events:none;transform:scale(.97)}.win{pointer-events:none;flex-direction:column;justify-content:flex-end;align-items:center;display:flex;position:absolute;inset:0}.win>*{opacity:0;filter:blur(6px);transition:transform .9s var(--ease), opacity .6s var(--ease), filter .6s var(--ease);transform:translateY(14px)}.won .win>*{opacity:1;filter:none;transform:none}.won .win>:first-child{transition-delay:.15s}.won .win>:nth-child(2){transition-delay:.25s}.stage{flex:1;min-height:0;position:relative}#scene{touch-action:none;-webkit-user-select:none;user-select:none;opacity:0;width:100%;height:100%;transition:opacity 1.4s var(--ease);display:block;position:fixed;inset:0}.ready #scene{opacity:1}.dock{flex:none;grid-template-columns:1fr auto 1fr;align-items:center;gap:24px;width:min(1024px,100%);margin:0 auto;padding:0 22px clamp(24px,5vh,48px);display:grid}.finish{flex-direction:column;grid-column:2;align-items:center;gap:10px;display:flex}.swatches{gap:14px;display:flex}.swatch{background:linear-gradient(135deg, var(--a), var(--b));width:24px;height:24px;transition:transform .4s var(--spring);border-radius:50%;flex:none;position:relative;box-shadow:inset 0 0 0 1px #0003,inset 0 2px 3px #ffffff8c}.swatch:after{content:"";box-shadow:0 0 0 2px var(--ink);opacity:0;transition:opacity .3s var(--ease), transform .45s var(--spring);border-radius:50%;position:absolute;inset:-5px;transform:scale(.85)}.swatch:hover{transform:scale(1.08)}.swatch.active:after{opacity:1;transform:none}.swatch:focus-visible{outline:none}.swatch:focus-visible:after{opacity:1;box-shadow:0 0 0 2px var(--blue), 0 0 0 5px #0071e340;transform:none}#finish-name{letter-spacing:-.01em;color:var(--secondary);margin:0;font-size:12px;font-weight:400;line-height:1.33337}#finish-name.swap{animation:swap .5s var(--ease)}@keyframes swap{0%{opacity:0;filter:blur(3px);transform:translateY(4px)}}.dock button{pointer-events:auto}.ready.focus:not(.peek) .dock button{pointer-events:none}.actions{grid-column:3;justify-content:flex-end;align-items:center;gap:14px;display:flex}.icon-btn{background:var(--chip);width:44px;height:44px;color:var(--ink);transition:background .2s var(--ease), transform .35s var(--spring);border-radius:50%;place-items:center;display:grid}.icon-btn:hover{background:var(--chip-hover)}.icon-btn:active{transition-duration:80ms;transform:scale(.92)}.icon-btn .mute{opacity:0;transition:opacity .2s}.icon-btn .wave{transition:opacity .2s}.icon-btn.off{color:var(--tertiary)}.icon-btn.off .mute{opacity:1}.icon-btn.off .wave{opacity:0}.pill{background:var(--ink);min-width:132px;height:44px;color:var(--bg,#fff);letter-spacing:-.022em;white-space:nowrap;transition:opacity .25s var(--ease), transform .35s var(--spring), background .7s var(--ease), color .7s var(--ease);border-radius:980px;justify-content:center;align-items:center;gap:8px;padding:0 22px 0 18px;font-size:17px;font-weight:500;line-height:1;display:inline-flex}.pill svg{transition:transform .5s var(--spring);flex:none}.pill:hover{opacity:.86}.pill:hover svg{transform:rotate(-30deg)}.pill:active{transition-duration:80ms;transform:scale(.96)}.pill:focus-visible{outline-offset:2px}.pill[aria-busy=true]{cursor:default;opacity:.7}.pill[aria-busy=true] svg{animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(-360deg)}}.pill.swap span{animation:swap .4s var(--ease)}@media (width<=1068px){h1,.win h2{letter-spacing:-.009em;font-size:64px;line-height:1.0625}.sub{letter-spacing:.009em;font-size:24px;line-height:1.16667}.eyebrow{letter-spacing:.012em;font-size:19px;line-height:1.21053}}@media (width<=734px){.hero{padding-top:32px}.eyebrow{letter-spacing:-.022em;margin-bottom:2px;font-size:17px;line-height:1.23536}h1,.win h2{letter-spacing:0;white-space:nowrap;font-size:40px;line-height:1.1}.sub{letter-spacing:-.022em;margin-top:8px;font-size:17px;line-height:1.23536}.dock{grid-template-columns:1fr;row-gap:18px;padding:0 20px 20px}.finish,.actions{grid-column:auto}.actions{justify-content:center}.swatches{gap:11px}.swatch{width:22px;height:22px}}@media (height<=820px) and (width>=735px){.hero{padding-top:24px}h1,.win h2{letter-spacing:-.005em;font-size:clamp(40px,7vh,56px);line-height:1.07143}.sub{letter-spacing:.011em;margin-top:6px;font-size:clamp(17px,2.8vh,21px);line-height:1.19048}.eyebrow{font-size:17px}.dock{padding-bottom:22px}}@media (height<=520px){.hero{padding-top:10px}.eyebrow,.sub{display:none}h1,.win h2{letter-spacing:.007em;font-size:28px;line-height:1.14286}.dock{grid-template-columns:1fr auto 1fr;row-gap:0;padding-bottom:10px}.finish{grid-column:2}.actions{grid-column:3;justify-content:flex-end}#finish-name{display:none}}@media (prefers-reduced-motion:reduce){.hero-copy>*,.dock>*{transition-duration:10ms!important;transition-delay:0s!important}}.theme-cartoon{--ink:#141414;--secondary:#3b3b3b;--tertiary:#e8333f;--time-idle:#b9a66a}.theme-cartoon h1,.theme-cartoon .win h2{font-family:"Arial Rounded MT Bold", ui-rounded, "SF Pro Rounded", var(--display);color:#ffd23f;-webkit-text-stroke:3px #141414;paint-order:stroke fill;text-shadow:4px 5px #141414;letter-spacing:.01em;font-weight:900}.theme-cartoon .eyebrow,.theme-cartoon .sub,.theme-cartoon #finish-name{font-family:"Arial Rounded MT Bold", ui-rounded, "SF Pro Rounded", var(--display);font-weight:800}.theme-cartoon .eyebrow{color:#2f7df6}.theme-cartoon .pill,.theme-cartoon .icon-btn{border:3px solid #141414;font-weight:800;box-shadow:3px 4px #141414}.theme-cartoon .pill{color:#fff;background:#e8333f}.theme-cartoon .icon-btn{background:#fff}.theme-cartoon .pill:hover,.theme-cartoon .icon-btn:hover{opacity:1;transform:translate(-1px,-1px);box-shadow:4px 5px #141414}.theme-cartoon .pill:active,.theme-cartoon .icon-btn:active{transform:translate(2px,3px);box-shadow:1px 1px #141414}.theme-cartoon .swatch{box-shadow:0 0 0 2.5px #141414}.theme-cartoon .swatch:after{box-shadow:0 0 0 3px #e8333f}.theme-pixel{--secondary:#9a94c8;--tertiary:#7dff5a;--time-idle:#3b356e}.theme-pixel #scene{image-rendering:pixelated}.theme-pixel h1,.theme-pixel .win h2,.theme-pixel .eyebrow,.theme-pixel .sub,.theme-pixel #finish-name,.theme-pixel .pill{letter-spacing:0;-webkit-font-smoothing:none;font-smooth:never;font-family:"Press Start 2P",ui-monospace,monospace;font-weight:400}.theme-pixel h1,.theme-pixel .win h2{color:#7dff5a;text-shadow:4px 0 #4a3aa8,0 4px #4a3aa8,4px 4px #2a1f6b;font-size:clamp(22px,5vw,56px);line-height:1.3}.theme-pixel .sub{margin-top:16px;font-size:clamp(9px,1.3vw,15px);line-height:1.8}.theme-pixel .eyebrow{margin-bottom:14px;font-size:12px}.theme-pixel #finish-name{font-size:9px}.theme-pixel .pill{font-size:11px}.theme-pixel .eyebrow{color:#ff3fd2}.theme-pixel .pill,.theme-pixel .icon-btn{border-radius:0;box-shadow:4px 4px #4a3aa8}.theme-pixel .pill{color:#0d0b1e;background:#7dff5a}.theme-pixel .icon-btn{color:#7dff5a;background:#1d1b33}.theme-pixel .pill:active,.theme-pixel .icon-btn:active{box-shadow:none;transform:translate(4px,4px)}.theme-pixel .swatch,.theme-pixel .swatch:after{border-radius:0}.theme-pixel .swatch{box-shadow:inset -3px -3px #00000059,inset 3px 3px #ffffff4d}.theme-pixel .swatch:after{box-shadow:0 0 0 2px #7dff5a}
