:root{--bg:#efe8dc;--bg-elev:#f7f1e8;--ink:#1c1914;--muted:#6b645a;--line:#d9d0c3;--accent:#c45c26;--shadow:0 18px 40px #1c191414;--sans:"Outfit", system-ui, sans-serif;--display:"Fraunces", Georgia, serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=dark]{--bg:#141210;--bg-elev:#1d1a16;--ink:#f3eee6;--muted:#b5ada2;--line:#3a342c;--accent:#e08b57;--shadow:0 18px 40px #00000059;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}html,body,#root{min-height:100%}body{font-family:var(--sans);background:radial-gradient(1200px 500px at 10% -10%, color-mix(in srgb, var(--accent) 14%, transparent), transparent), var(--bg);color:var(--ink);margin:0}a{color:inherit;text-decoration:none}button,input{font:inherit}.app-shell{flex-direction:column;min-height:100svh;display:flex}.site-header{justify-content:space-between;align-items:center;padding:1.15rem 1.6rem;display:flex}.brand{font-family:var(--display);letter-spacing:-.03em;font-size:1.55rem;font-weight:650}.site-header__controls{align-items:center;gap:.75rem;display:flex}.language-select{align-items:center;display:inline-flex;position:relative}.language-select:after{content:"";width:.4rem;height:.4rem;color:var(--muted);pointer-events:none;border-bottom:1.5px solid;border-right:1.5px solid;position:absolute;right:.7rem;transform:translateY(-25%)rotate(45deg)}.language-select__control{appearance:none;border:1px solid var(--line);background:var(--bg-elev);color:var(--ink);font-family:var(--sans);cursor:pointer;border-radius:999px;padding:.35rem 1.8rem .35rem .7rem;font-size:.82rem;line-height:1.2;transition:border-color .14s}.language-select__control:hover,.language-select__control:focus-visible{border-color:color-mix(in srgb, var(--accent) 55%, var(--line))}.language-select:hover:after{color:var(--ink)}.theme-toggle{cursor:pointer;background:0 0;border:0;padding:0}.theme-toggle__track{background:var(--line);border-radius:999px;width:52px;height:28px;transition:background .16s;display:block;position:relative}.theme-toggle__track[data-mode=dark]{background:#3d3429}.theme-toggle__knob{background:#f6ead2;border-radius:50%;width:22px;height:22px;transition:transform .18s,background .18s;position:absolute;top:3px;left:3px;box-shadow:inset 0 0 0 2px #e0c48a}.theme-toggle__track[data-mode=dark] .theme-toggle__knob{background:#1a1612;transform:translate(24px);box-shadow:inset -4px -2px #f0d9a8}.site-footer{justify-content:center;padding:1.25rem 1.5rem 1.75rem;display:none}.site-footer__link{color:var(--muted);font-size:.7rem;transition:color .14s}.site-footer__link:hover,.site-footer__link:focus-visible{color:var(--ink)}.legal{flex:1;width:min(38rem,100%);margin:0 auto;padding:1rem 1.5rem 3rem}.legal__title{font-family:var(--display);letter-spacing:-.02em;margin:0 0 1rem;font-size:clamp(1.7rem,5vw,2.3rem);font-weight:650}.legal__notice{border:1px solid var(--line);background:var(--bg-elev);color:var(--muted);border-radius:1rem;margin:0 0 2rem;padding:.9rem 1.1rem;line-height:1.5}.legal__section{margin-bottom:1.6rem}.legal__heading{letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin:0 0 .4rem;font-size:.74rem;font-weight:650}.legal__body{margin:0;line-height:1.5}.home{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:2.5rem;padding:2rem 1.5rem 4rem;display:flex}.home__intro{max-width:80vw}.home__title{font-family:var(--display);letter-spacing:-.03em;margin:0 0 .6rem;font-size:clamp(2rem,7vw,3.1rem);font-weight:650;line-height:1.05}.home__sub{max-width:34rem;color:var(--muted);margin:0 auto}.game-section{width:fit-content;max-width:min(720px,100%)}.game-grid{flex-wrap:wrap;justify-content:center;gap:1.25rem;margin:0;padding:0;list-style:none;display:flex}.game-grid>li{flex:0 180px}.game-card{aspect-ratio:1;text-align:left;border:1px solid var(--line);background:var(--bg-elev);box-shadow:var(--shadow);border-radius:1.35rem;flex-direction:column;justify-content:flex-end;gap:.25rem;padding:1.1rem;transition:transform .16s,border-color .16s,box-shadow .16s;display:flex}.game-card:hover,.game-card:focus-visible{border-color:color-mix(in srgb, var(--accent) 55%, var(--line));box-shadow:0 22px 44px color-mix(in srgb, var(--accent) 18%, transparent);transform:translateY(-4px)}.game-card:hover .game-card__icon span{transform:scale(1.08)}.game-card__icon{grid-template-columns:repeat(3,1fr);gap:.35rem;width:3.4rem;margin-bottom:auto;display:grid}.game-card__icon span{aspect-ratio:1;border-radius:.45rem;transition:transform .18s}.game-card__name{font-family:var(--display);font-size:1.45rem;font-weight:650}.game-card__blurb{color:var(--muted);font-size:.86rem;line-height:1.3}.game-page{flex-direction:column;flex:1;align-items:center;padding:0 1.5rem 3rem;display:flex}.game-kicker{letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin:0;font-size:.74rem}.round-dots{gap:.4rem;margin:0;padding:0;list-style:none;display:flex}.round-dots li{background:var(--line);border-radius:50%;width:.55rem;height:.55rem}.round-dots li.current{background:var(--accent)}.round-dots li.done{background:var(--ink)}.game-status,.game-hint,.game-delta{color:var(--muted);text-align:center}.hues__reveal,.hues__play,.game-result,.game-panel{flex-direction:column;align-items:center;gap:1rem;width:min(420px,100%);animation:.26s both rise;display:flex}.game-card-box{border:1px solid var(--line);background:var(--bg-elev);box-shadow:var(--shadow);text-align:center;border-radius:1.35rem;padding:1.75rem 1.5rem}.game-lead{font-family:var(--display);margin:0;font-size:1.35rem;font-weight:650}.game-error{color:var(--ink);margin:0}.game-back{color:var(--muted);font-size:.88rem;text-decoration:underline}.hues__swatch{aspect-ratio:1;width:min(320px,72vw);box-shadow:var(--shadow);border:1px solid var(--line);border-radius:1.6rem;place-items:center;animation:.32s both rise;display:grid}.hues__timer{font-family:var(--display);color:#fff;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0000006b;border-radius:999px;padding:.45rem 1.1rem;font-size:2.4rem;line-height:1}.hues__progress{background:var(--line);border-radius:999px;width:min(320px,72vw);height:6px;overflow:hidden}.hues__progress span{background:var(--accent);transform-origin:0;height:100%;display:block}.game-score{font-family:var(--display);margin:0;font-size:4.2rem;line-height:1}.game-score span{color:var(--muted);font-size:1.1rem}.game-label{margin:0;font-size:1.2rem}.compare{width:100%;color:var(--muted);grid-template-columns:1fr 1fr;gap:.8rem;font-size:.85rem;display:grid}.compare div{flex-direction:column;align-items:center;gap:.4rem;display:flex}.compare__chip{border:1px solid var(--line);border-radius:.8rem;width:100%;height:64px}.game-rounds{flex-direction:column;gap:.55rem;width:100%;margin:0;padding:0;list-style:none;display:flex}.game-rounds li{border:1px solid var(--line);background:var(--bg-elev);border-radius:.7rem;grid-template-columns:1fr auto 3ch;align-items:center;gap:.8rem;padding:.55rem .7rem;display:grid}.game-rounds strong{text-align:right;font-variant-numeric:tabular-nums}.compare__pair{gap:.25rem;display:flex}.compare__pair i{border:1px solid var(--line);border-radius:.3rem;width:1.3rem;height:1.3rem}.btn{background:var(--ink);color:var(--bg);cursor:pointer;border:0;border-radius:999px;padding:.75rem 1.4rem;font-weight:500;transition:transform .14s,opacity .14s;display:inline-block}.btn:hover{transform:translateY(-2px)}.btn:active{opacity:.85;transform:translateY(0)}:where(a,button,input,[tabindex]):focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:.4rem}.picker{flex-direction:column;gap:.75rem;width:100%;display:flex}.picker__plane{aspect-ratio:1.35;touch-action:none;cursor:crosshair;border:1px solid var(--line);background-image:linear-gradient(#0000,#000),linear-gradient(90deg,#fff,#0000);border-radius:1rem;width:100%;position:relative;overflow:hidden}.picker__cursor{pointer-events:none;border:2px solid #fff;border-radius:50%;width:14px;height:14px;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #0006}.picker__hue input{appearance:none;cursor:pointer;background:linear-gradient(90deg,red,#ff0,#0f0,#0ff,#00f,#f0f,red);border-radius:999px;width:100%;height:18px;display:block}.picker__hue input::-webkit-slider-thumb{appearance:none;background:#fff;border:1px solid #0004;border-radius:50%;width:22px;height:22px;box-shadow:0 1px 3px #0005}.picker__hue input::-moz-range-thumb{background:#fff;border:1px solid #0004;border-radius:50%;width:22px;height:22px;box-shadow:0 1px 3px #0005}.picker__meta{align-items:center;gap:.65rem;display:flex}.picker__swatch{border:1px solid var(--line);border-radius:.5rem;width:2rem;height:2rem}.picker__hex{border:1px solid var(--line);background:var(--bg-elev);color:var(--ink);border-radius:.55rem;flex:1;padding:.45rem .65rem}.sr-only{clip:rect(0, 0, 0, 0);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@keyframes rise{0%{opacity:0;transform:translateY(10px)}}@media (width<=480px){.site-header{padding:1rem 1.1rem}.hues{padding:0 1.1rem 2.5rem}.game-score{font-size:3.4rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}.game-bar{justify-content:space-between;align-items:center;gap:.75rem;width:min(560px,100%);margin-bottom:1.5rem;display:flex}.game-bar__title{align-items:center;gap:.5rem;min-width:0;display:flex}.game-bar__name{margin:0;font-size:.74rem;font-weight:500}.game-bar__date{color:var(--muted);white-space:nowrap;font-size:.78rem}.icon-btn{border:1px solid var(--line);background:var(--bg-elev);width:1.5rem;height:1.5rem;color:var(--muted);cursor:pointer;border-radius:50%;place-items:center;padding:0;font-size:.82rem;line-height:1;transition:color .14s,border-color .14s;display:grid}.icon-btn:hover{color:var(--ink);border-color:color-mix(in srgb, var(--accent) 55%, var(--line))}.modal{width:100%;max-width:min(30rem,100vw - 2rem);color:var(--ink);background:0 0;border:0;margin:auto;padding:0}.modal::backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0c0a088c}.modal__panel{border:1px solid var(--line);background:var(--bg-elev);box-shadow:var(--shadow);border-radius:1.2rem;max-height:min(80vh,40rem);padding:1.4rem;overflow-y:auto}.modal__head{justify-content:space-between;align-items:baseline;gap:1rem;margin-bottom:.9rem;display:flex}.modal__title{font-family:var(--display);letter-spacing:-.02em;margin:0;font-size:1.35rem;font-weight:650}.modal__close{color:var(--muted);cursor:pointer;background:0 0;border:0;padding:0 .2rem;font-size:1.5rem;line-height:1}.modal__close:hover{color:var(--ink)}.modal__lead{color:var(--muted);margin:0 0 1rem}.modal__subhead{letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin:1.2rem 0 .5rem;font-size:.74rem}.modal__steps,.modal__list{flex-direction:column;gap:.5rem;margin:0;padding-left:1.2rem;font-size:.92rem;line-height:1.45;display:flex}.modal__muted{color:var(--muted);margin:0}.modal__error{margin:0 0 .5rem}.archive{flex-direction:column;gap:.4rem;margin:0;padding:0;list-style:none;display:flex}.archive__day{border:1px solid var(--line);background:var(--bg);width:100%;color:var(--ink);text-align:left;cursor:pointer;border-radius:.7rem;justify-content:space-between;align-items:center;gap:.75rem;padding:.6rem .75rem;transition:border-color .14s,transform .14s;display:flex}.archive__day:hover{border-color:color-mix(in srgb, var(--accent) 55%, var(--line));transform:translate(2px)}.archive__day[aria-current=true]{border-color:var(--accent)}.archive__date{align-items:center;gap:.5rem;display:flex}.archive__tag{background:color-mix(in srgb, var(--accent) 18%, transparent);color:var(--accent);letter-spacing:.06em;text-transform:uppercase;border-radius:999px;padding:.1rem .45rem;font-size:.68rem}.archive__score{font-variant-numeric:tabular-nums;white-space:nowrap;font-size:.86rem}.archive__score--new{color:var(--muted)}@media (width<=480px){.game-bar{flex-wrap:wrap;gap:.6rem}.modal__panel{padding:1.15rem}}.lyrical{flex-direction:column;align-items:center;gap:1rem;width:min(560px,100%);animation:.26s both rise;display:flex}.lyrical__passages{overscroll-behavior:contain;border:1px solid var(--line);background:var(--bg-elev);width:100%;max-height:min(42vh,26rem);box-shadow:var(--shadow);border-radius:1.35rem;flex-direction:column;gap:1rem;margin:0;padding:1.25rem 1.35rem;list-style:none;display:flex;overflow-y:auto}.lyrical__passage{white-space:pre-wrap;font-family:var(--display);color:var(--muted);flex:none;font-size:1.1rem;line-height:1.5}.lyrical__passage.is-latest{color:var(--ink)}.lyrical__actions{flex-wrap:wrap;justify-content:center;gap:.6rem;display:flex}.btn--quiet{color:var(--muted);border:1px solid var(--line);background:0 0}.btn--quiet:hover:not(:disabled){color:var(--ink);border-color:color-mix(in srgb, var(--accent) 55%, var(--line))}.lyrical__answer{flex-direction:column;gap:.15rem;margin:0;display:flex}.game-rounds li.lyrical__row{grid-template-columns:auto 1fr 3ch}.lyrical__mark{color:var(--accent)}.lyrical__attempt{text-align:right;min-width:0;color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:.85rem;overflow:hidden}.song-search{width:100%;position:relative}.song-search__input{border:1px solid var(--line);background:var(--bg-elev);width:100%;color:var(--ink);font-family:var(--sans);border-radius:.9rem;padding:.7rem .9rem;font-size:.95rem}.song-search__input:focus-visible{border-color:color-mix(in srgb, var(--accent) 55%, var(--line));outline:none}.song-search__status{color:var(--muted);text-align:center;margin:.5rem 0 0;font-size:.85rem}.song-search__results{border:1px solid var(--line);background:var(--bg-elev);max-height:15rem;box-shadow:var(--shadow);border-radius:.9rem;margin:.4rem 0 0;padding:.3rem;list-style:none;overflow-y:auto}.song-search__result{width:100%;color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:.6rem;flex-direction:column;gap:.1rem;padding:.5rem .6rem;display:flex}.song-search__result.is-highlighted{background:color-mix(in srgb, var(--accent) 14%, transparent)}.song-search__chosen{border:1px solid color-mix(in srgb, var(--accent) 55%, var(--line));background:var(--bg-elev);border-radius:.9rem;align-items:center;gap:.7rem;padding:.6rem .7rem .6rem .9rem;display:flex}.song-search__chosen .song-search__title{flex:1}.song-search__title{font-weight:600}.song-search__artist{color:var(--muted);font-size:.85rem}.blend__play{width:min(560px,100%)}.blend{flex-direction:column;gap:.5rem;width:100%;display:flex}.blend__strip{border:1px solid var(--line);width:100%;height:clamp(150px,34vw,220px);box-shadow:var(--shadow);touch-action:none;border-radius:1.1rem;animation:.26s both rise;position:relative;overflow:hidden}.blend__strip[data-interactive]{cursor:ew-resize}.blend__mark{pointer-events:none;border-left:2px solid #fff;width:0;position:absolute;top:0;bottom:0;transform:translate(-1px);box-shadow:0 0 0 1px #00000073}.blend__strip[data-interactive] .blend__mark:after{content:"";-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000040;border:2px solid #fff;border-radius:50%;width:1.6rem;height:1.6rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #00000059}.blend__mark--answer{border-left-style:dashed;border-left-color:#fff}.blend__mark--guess{border-left-color:#000000bf;box-shadow:0 0 0 1px #ffffff80}.blend__flag{color:#fff;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;background:#0000008c;border-radius:999px;padding:.15rem .45rem;font-size:.66rem;position:absolute;top:.5rem;left:.35rem}.blend__mark--guess .blend__flag{top:auto;bottom:.5rem}.blend__ends{grid-template-columns:1fr 1fr;gap:.5rem;display:grid}.blend__ends span{border-radius:999px;height:.4rem}.blend__miss{color:var(--muted);font-variant-numeric:tabular-nums;font-size:.82rem}