:root{--ground:#191b1f;--ground-lift:#212429;--edge:#2f343d;--ash:#757c89;--chalk:#e9ebee;--ink:#757c89;--gutter:clamp(1rem, 4vw, 2.5rem);--display:"Archivo", "Helvetica Neue", Arial, sans-serif;--data:"JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace}*,:before,:after{box-sizing:border-box}html,body{height:100%}body{background:var(--ground);min-height:100svh;color:var(--chalk);font-family:var(--display);-webkit-tap-highlight-color:transparent;grid-template-rows:auto 1fr;margin:0;display:grid;overflow:hidden}body:after{content:"";pointer-events:none;z-index:5;opacity:0;background:radial-gradient(circle at 50% 45%, var(--flash,var(--ink)) 0%, transparent 62%);transition:opacity .42s ease-out;position:fixed;inset:0}body.is-correct:after{opacity:.34;transition-duration:90ms}body.is-wrong{animation:.24s ease-in-out jolt}@keyframes jolt{0%,to{transform:translate(0)}25%{transform:translate(-9px)}75%{transform:translate(9px)}}.clock{background:var(--ground-lift);z-index:4;height:7px;position:fixed;inset:0 0 auto}.clock__fill{transform-origin:0;width:100%;height:100%;transform:scaleX(var(--fill,1));background:var(--chalk);transition:transform .12s linear,background-color .2s}.clock--urgent .clock__fill{background:#ff3b3b;animation:.6s ease-in-out infinite throb}@keyframes throb{50%{opacity:.45}}.masthead{padding:calc(var(--gutter) * .9) var(--gutter) 0;justify-content:space-between;align-items:baseline;display:flex}.masthead nav{line-height:1}.wordmark{color:var(--ash);text-decoration:none;transition:color .16s}.wordmark:hover,.wordmark:focus-visible{color:var(--chalk)}.wordmark h1{font-variation-settings:"wdth" 108;letter-spacing:.34em;text-transform:uppercase;margin:0;font-size:1rem;font-weight:800}.tally{font-family:var(--data);color:var(--ash);font-variant-numeric:tabular-nums;margin:0;font-size:1rem}.tally__score{color:var(--chalk);font-weight:700}.field{padding:0 var(--gutter) var(--gutter);flex-direction:column;justify-content:center;align-items:center;gap:clamp(1.75rem,5vh,3.5rem);min-height:0;display:flex}.stage{background:var(--panel,transparent);border-radius:20px;padding:.06em .3em;transition:background-color .22s;position:relative}.stage--drift{animation:5.5s ease-in-out infinite drift}.stage--strobe{animation:.5s step-end infinite strobe}@keyframes strobe{0%,49%{background-color:var(--panel);box-shadow:0 0 0 0 var(--panel-alt,var(--panel));border-radius:20px}50%,to{background-color:var(--panel-alt,var(--panel));box-shadow:0 0 0 16px var(--panel);border-radius:4px}}.stage--drift.stage--strobe{animation:5.5s ease-in-out infinite drift,.5s step-end infinite strobe}@keyframes drift{0%,to{transform:translate(0)rotate(0)}25%{transform:translate(-15px,7px)rotate(-.9deg)}50%{transform:translate(11px,-9px)rotate(.7deg)}75%{transform:translate(-7px,-5px)rotate(-.4deg)}}.word{color:var(--ink);font-variation-settings:"wdth" 118;letter-spacing:-.02em;text-transform:uppercase;text-align:center;-webkit-user-select:none;user-select:none;margin:0;font-size:clamp(3.5rem,19vw,12rem);font-weight:900;line-height:.9;transition:color 90ms}.word .gone{visibility:hidden}.word--glitch{animation:.22s step-end glitch}@keyframes glitch{0%{clip-path:inset(0);transform:translate(0)}14%{clip-path:inset(16% 0 64%);transform:translate(-11px)}28%{clip-path:inset(56% 0 20%);transform:translate(13px)}42%{clip-path:inset(6% 0 82%);transform:translate(-7px)}56%{clip-path:inset(72% 0 6%);transform:translate(9px)}70%{clip-path:inset(34% 0 46%);transform:translate(-5px)}84%{clip-path:inset(48% 0 34%);transform:translate(4px)}to{clip-path:inset(0);transform:translate(0)}}.records{top:50%;right:var(--gutter);z-index:7;position:fixed;transform:translateY(-50%)}.records[hidden]{display:none}.records__list{text-align:right;font-family:var(--data);font-variant-numeric:tabular-nums;color:var(--ash);gap:.4rem;margin:0;padding:0;list-style:none;display:grid}.records__list li{opacity:.5;font-size:1rem}.records__list li:first-child{color:var(--chalk);opacity:1;font-size:1.6rem;font-weight:700}.swatches{flex-wrap:nowrap;justify-content:center;align-items:flex-start;gap:clamp(.6rem,2.4vw,1.4rem);width:100%;max-width:46rem;display:flex}.swatch{cursor:pointer;min-width:0;font:inherit;color:var(--ash);background:0 0;border:0;flex-direction:column;flex:1 1 0;align-items:center;gap:.7rem;padding:0;display:flex}.swatch__chip{aspect-ratio:5/3;background:var(--chip);width:100%;box-shadow:0 0 0 0 color-mix(in srgb, var(--chip) 70%, transparent);border-radius:14px;transition:transform .14s cubic-bezier(.34,1.4,.64,1),box-shadow .2s}.swatch:hover .swatch__chip,.swatch:focus-visible .swatch__chip{box-shadow:0 0 0 6px color-mix(in srgb, var(--chip) 26%, transparent);transform:translateY(-6px)}.swatch:active .swatch__chip{transform:translateY(-1px)scale(.97)}.swatch:focus-visible{outline:none}.swatch:focus-visible .swatch__chip{outline:2px solid var(--chalk);outline-offset:6px}.swatch__key{font-family:var(--data);letter-spacing:.1em;opacity:.55;font-size:.8rem}@media (pointer:coarse){.swatch__key{display:none}.swatch__chip{aspect-ratio:1;border-radius:18px}}body.is-ready .swatch__chip{animation:2.4s ease-in-out infinite breathe;animation-delay:var(--beat,0s)}@keyframes breathe{0%,to{opacity:.62;transform:translateY(0)}50%{opacity:1;transform:translateY(-10px)}}body.is-ready .swatch--hint .swatch__chip{box-shadow:0 0 0 8px color-mix(in srgb, var(--chip) 30%, transparent);animation-duration:1s}.verdict{z-index:6;background:color-mix(in srgb, var(--ground) 88%, transparent);-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);place-content:center;justify-items:center;gap:2rem;animation:.42s ease-out settle;display:grid;position:fixed;inset:0}.verdict[hidden]{display:none}@keyframes settle{0%{opacity:0}}.verdict__score{font-family:var(--data);font-variant-numeric:tabular-nums;color:var(--chalk);margin:0;font-size:clamp(5rem,24vw,13rem);font-weight:700;line-height:1}.verdict__again{border:1px solid var(--edge);background:var(--ground-lift);width:4.5rem;height:4.5rem;color:var(--ash);cursor:pointer;border-radius:50%;place-items:center;transition:transform .16s,color .16s,border-color .16s;display:grid}.verdict__again svg{width:1.6rem;height:1.6rem}.verdict__again:hover,.verdict__again:focus-visible{color:var(--chalk);border-color:var(--chalk);transform:rotate(-40deg)}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}body.is-ready .swatch__chip{opacity:1;box-shadow:0 0 0 5px color-mix(in srgb, var(--chip) 26%, transparent)}.word--glitch{opacity:.72;animation:none}.stage--drift{animation:none;transform:translate(-9px,5px)rotate(-.8deg)}.stage--strobe,.stage--drift.stage--strobe{background-color:var(--panel-alt,var(--panel));animation:none}}@media (width<=34rem){.field{padding-bottom:max(calc(var(--gutter) * 1.2), env(safe-area-inset-bottom,0px));justify-content:flex-end;gap:clamp(1.5rem,6vh,3rem)}.word{font-size:min(7rem, calc(92vw / (var(--len,6) * .78 + .6)));font-variation-settings:"wdth" 92}.swatch__key{display:none}.swatches{width:auto;margin-inline:calc(var(--gutter) * -1);flex-direction:column;align-self:stretch;gap:.45rem;max-width:none}.swatch{flex:none;width:100%}.swatch__chip{aspect-ratio:auto;border-radius:0;height:clamp(4.5rem,12vh,6.5rem)}.swatch:focus-visible .swatch__chip{outline-offset:-6px}.swatch:hover .swatch__chip,.swatch:focus-visible .swatch__chip{transform:translateY(-3px)}@keyframes drift{0%,to{transform:translate(0)rotate(0)}25%{transform:translate(-6px,5px)rotate(-.9deg)}50%{transform:translate(5px,-6px)rotate(.7deg)}75%{transform:translate(-3px,-3px)rotate(-.4deg)}}.records{top:3.3rem;right:var(--gutter);transform:none}.records__list{grid-auto-flow:column;align-items:baseline;gap:.55rem}.records__list li{font-size:.85rem}.records__list li:first-child{font-size:1.15rem}}