:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--bg:#f3f3f6;--surface:#fff;--fill:#ecedf2;--ink:#111116;--ink-2:#5f606d;--ink-3:#9596a3;--line:#e3e4ea;--line-2:#cbccd6;--accent:#5b4bff;--accent-2:#4234e0;--accent-soft:#ecebff;--on-accent:#fff;--hit:#0e9c62;--hit-soft:#ddf3e8;--misplaced:#c07a00;--misplaced-soft:#fbedd2;--miss:#7d7e8d;--miss-soft:#e8e8ee;--on-verdict:#fff;--s-1:4px;--s-2:6px;--s-3:10px;--s-4:14px;--s-5:20px;--s-6:28px;--r-1:10px;--r-2:16px;--r-3:24px;--r-pill:999px;--fs-1:.69rem;--fs-2:.8rem;--fs-3:.94rem;--fs-4:1.12rem;--fs-5:1.45rem;--sh-1:0 1px 2px #1111160f;--sh-2:0 8px 24px -10px #1111164d;--sh-3:0 32px 64px -24px #08081073;--scrim:#0e0e1670;--slot:45px;--slot-gap:4px;--bank-w:min(288px, 33vh)}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#0a0a0e;--surface:#15151b;--fill:#1e1e26;--ink:#f3f3f7;--ink-2:#9a9bab;--ink-3:#6b6c7c;--line:#26262f;--line-2:#3b3c48;--accent:#8b7cff;--accent-2:#a99dff;--accent-soft:#221e46;--on-accent:#0a0a0e;--hit:#35c98c;--hit-soft:#0e2c21;--misplaced:#efa53a;--misplaced-soft:#33250d;--miss:#82838f;--miss-soft:#1d1d25;--on-verdict:#0b0b10;--sh-1:0 1px 2px #0000008c;--sh-2:0 8px 24px -10px #000000b3;--sh-3:0 32px 64px -24px #000000d9;--scrim:#000000a8}}@media (height<=720px){:root{--bank-w:min(288px, 28vh);--s-1:3px;--s-2:4px;--s-3:8px}}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;overscroll-behavior:none;min-height:100dvh;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:16px}button{font:inherit;color:inherit;cursor:pointer}[hidden]{display:none!important}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.app{max-width:440px;padding:max(6px, env(safe-area-inset-top)) var(--s-4) calc(10px + env(safe-area-inset-bottom));gap:var(--s-2);flex-direction:column;min-height:100dvh;margin:0 auto;display:flex}.topbar{align-items:center;gap:var(--s-3);padding-bottom:var(--s-1);grid-template-columns:1fr auto;display:grid}.wordmark{letter-spacing:-.045em;white-space:nowrap;color:var(--ink);margin:0;font-size:1.22rem;font-weight:700}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.wordmark .lol{color:var(--accent)}.topbar-right{align-items:center;gap:var(--s-1);display:flex}.streak{height:26px;margin-right:var(--s-1);border-radius:var(--r-pill);background:var(--fill);color:var(--ink-2);font-size:var(--fs-2);font-variant-numeric:tabular-nums;align-items:center;gap:3px;padding:0 9px 0 7px;font-weight:650;display:inline-flex}.streak-icon{width:11px;height:13px;fill:var(--accent);flex:none}.icon-btn{border-radius:var(--r-pill);width:40px;height:40px;color:var(--ink-2);background:0 0;border:none;place-items:center;padding:0;transition:color .12s,background .12s,transform .12s;display:grid}.icon-btn svg{width:19px;height:19px}.icon-btn:hover{color:var(--ink);background:var(--fill)}.icon-btn:active{color:var(--ink);background:var(--fill);transform:scale(.92)}.board{gap:var(--s-2);flex-direction:column;flex:1;min-height:0;display:flex}.prompt-card{align-items:center;gap:var(--s-1);background:var(--surface);border:1px solid var(--line);border-radius:var(--r-3);padding:var(--s-3) var(--s-4) var(--s-3);text-align:center;box-shadow:var(--sh-1);flex-direction:column;display:flex}.chip{background:var(--accent-soft);color:var(--accent);border-radius:var(--r-pill);letter-spacing:.14em;vertical-align:middle;padding:3px 9px;font-size:.6rem;font-weight:750;line-height:1.4;display:inline-block}.chip.is-archive{color:var(--ink-2);box-shadow:inset 0 0 0 1.5px var(--line-2);cursor:pointer;background:0 0;border:none;font-family:inherit;transition:color .12s,box-shadow .12s}.chip.is-archive:active{color:var(--ink);box-shadow:inset 0 0 0 1.5px var(--ink-2)}.prompt{letter-spacing:-.025em;max-width:100%;margin:0;padding:2px 0;font-size:clamp(1.2rem,5.8vw,1.6rem);font-weight:700;line-height:1.3}.tagline{color:var(--ink-3);font-size:var(--fs-2);margin:0;font-weight:500}.rows{gap:var(--s-1);flex-direction:column;display:flex}.row{grid-auto-flow:column;grid-auto-columns:var(--slot);justify-content:center;gap:var(--slot-gap);width:100%;margin:0 auto;display:grid}.slot{aspect-ratio:1;border-radius:var(--r-1);border:1.5px dashed var(--line);background:0 0;place-items:center;min-width:0;font-size:clamp(1.05rem,5vw,1.35rem);line-height:1;display:grid;position:relative}.row.is-current .slot:not(.filled){border-style:solid;border-color:var(--line-2);background:var(--surface)}.row.is-current .slot:before{content:attr(data-slot);color:var(--ink-3);font-size:.5rem;font-weight:700;position:absolute;top:2px;left:5px}.slot.picked{cursor:pointer}.slot.filled{border-style:solid;border-color:var(--ink);background:var(--surface);animation:.16s ease-out pop}.slot.hit{border-color:var(--hit);background:var(--hit-soft)}.slot.misplaced{border-color:var(--misplaced);background:var(--misplaced-soft)}.slot.miss{border-color:var(--line-2);background:var(--miss-soft);opacity:.7}.slot.locked{cursor:default}.bank{gap:var(--s-2);width:100%;max-width:var(--bank-w);grid-template-columns:repeat(4,1fr);margin:0 auto;display:grid}.tile{aspect-ratio:1;border-radius:var(--r-2);border:1px solid var(--line);background:var(--surface);min-width:0;box-shadow:var(--sh-1);place-items:center;font-size:clamp(1.4rem,6.6vw,1.85rem);line-height:1;transition:transform .1s,border-color .12s,background .12s;display:grid;position:relative}.tile:active:not(:disabled){transform:scale(.94)}.tile.picked{border-color:var(--ink);box-shadow:var(--sh-2);border-width:2px;transform:translateY(-2px)}.tile.hit{border-color:var(--hit);background:var(--hit-soft)}.tile.misplaced{border-color:var(--misplaced);background:var(--misplaced-soft)}.tile.miss{border-color:var(--line);background:var(--bg);box-shadow:none;opacity:.38}.tile.locked{border-color:var(--hit);background:var(--hit-soft);cursor:default}.tile:disabled{cursor:default}.slot.hit:after,.slot.misplaced:after,.slot.miss:after,.tile.hit:after,.tile.misplaced:after,.tile.miss:after,.legend .swatch.hit:after,.legend .swatch.misplaced:after,.legend .swatch.miss:after{border-radius:var(--r-pill);width:15px;height:15px;color:var(--on-verdict);box-shadow:0 0 0 1.5px var(--bg);place-items:center;font-size:.58rem;font-weight:800;line-height:1;display:grid;position:absolute;top:-5px;right:-5px}.slot.hit:after,.tile.hit:after,.legend .swatch.hit:after{content:"✓";background:var(--hit)}.slot.misplaced:after,.tile.misplaced:after,.legend .swatch.misplaced:after{content:"⇄";background:var(--misplaced)}.slot.miss:after,.tile.miss:after,.legend .swatch.miss:after{content:"✕";background:var(--miss)}.tile.miss:after{opacity:1}.slot.locked:after,.tile.locked:after{content:"🔒";width:auto;height:auto;box-shadow:none;opacity:.65;color:inherit;background:0 0;border-radius:0;font-size:.55rem;top:1px;right:3px}.key{font-size:var(--fs-1);color:var(--ink-2);flex-wrap:wrap;justify-content:center;align-items:center;gap:4px 12px;margin:0;font-weight:550;display:flex}.key span{align-items:center;gap:5px;display:inline-flex}.key b{border-radius:var(--r-pill);width:15px;height:15px;color:var(--on-verdict);place-items:center;font-size:.58rem;display:grid}.key .k-hit b{background:var(--hit)}.key .k-misplaced b{background:var(--misplaced)}.key .k-miss b{background:var(--miss)}.submit{border-radius:var(--r-pill);font-size:var(--fs-3);letter-spacing:-.01em;background:var(--accent);color:var(--on-accent);box-shadow:var(--sh-2);border:none;margin-top:auto;padding:13px 20px;font-weight:700;transition:transform .1s,background .12s}.submit:disabled{background:var(--fill);color:var(--ink-2);box-shadow:none}.submit:not(:disabled):active{background:var(--accent-2);transform:translateY(1px)}.toast{inset-inline:0;background:var(--ink);width:fit-content;max-width:calc(100% - 32px);color:var(--bg);border-radius:var(--r-pill);font-size:var(--fs-2);box-shadow:var(--sh-2);z-index:40;margin-inline:auto;padding:10px 16px;font-weight:600;animation:.18s ease-out rise;position:fixed;bottom:88px}.modal-backdrop{background:var(--scrim);z-index:30;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.modal{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-3);padding:var(--s-5) var(--s-5) var(--s-4);width:min(400px,100%);max-height:86dvh;box-shadow:var(--sh-3);animation:.2s ease-out rise;position:relative;overflow-y:auto}.modal-close{border-radius:var(--r-pill);width:40px;height:40px;color:var(--ink-3);background:0 0;border:none;place-items:center;font-size:1.25rem;line-height:1;display:grid;position:absolute;top:8px;right:8px}.modal-close:active{background:var(--fill)}.modal h2{margin:0 0 var(--s-2);font-size:var(--fs-5);letter-spacing:-.025em;padding-right:40px;font-weight:750}.modal h3{margin:var(--s-5) 0 var(--s-2);font-size:var(--fs-1);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3);font-weight:700}.modal p{margin:var(--s-2) 0;line-height:1.45;font-size:var(--fs-3);color:var(--ink-2)}.modal .lede{color:var(--ink);font-size:var(--fs-3);margin:0 0 var(--s-4);font-weight:500}.legend{gap:var(--s-3);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.legend li{align-items:center;gap:var(--s-3);font-size:var(--fs-3);color:var(--ink-2);display:flex}.legend b{color:var(--ink);font-weight:650}.legend .swatch{border-radius:var(--r-1);border:1.5px solid var(--line-2);flex:none;place-items:center;width:38px;height:38px;font-size:1.1rem;display:grid;position:relative}.legend .swatch.hit{border-color:var(--hit);background:var(--hit-soft)}.legend .swatch.misplaced{border-color:var(--misplaced);background:var(--misplaced-soft)}.legend .swatch.miss{border-color:var(--line-2);background:var(--miss-soft)}.legend .swatch:after{box-shadow:0 0 0 1.5px var(--surface)!important}.answer-label{text-align:center;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3);font-weight:700;font-size:var(--fs-1)!important;margin:var(--s-3) 0 0!important}.answer-seq{justify-content:center;gap:var(--s-2);margin:var(--s-2) 0 var(--s-1);display:flex}.answer-seq span{border-radius:var(--r-2);border:1.5px solid var(--hit);background:var(--hit-soft);place-items:center;width:54px;height:54px;font-size:1.7rem;display:grid;position:relative}.answer-seq i{color:var(--ink-3);font-size:.55rem;font-style:normal;font-weight:700;position:absolute;top:3px;left:6px}.why{text-align:center;color:var(--ink-2);line-height:1.5;font-size:var(--fs-2)!important}.stats-grid{gap:var(--s-2);margin:var(--s-4) 0 0;text-align:center;grid-template-columns:repeat(4,1fr);display:grid}.stats-grid>div{background:var(--fill);border-radius:var(--r-1);padding:var(--s-2) 2px}.stat-value{font-size:var(--fs-4);font-variant-numeric:tabular-nums;letter-spacing:-.02em;font-weight:700}.stat-label{letter-spacing:.06em;color:var(--ink-3);text-transform:uppercase;font-size:.6rem;font-weight:600}.dist{gap:var(--s-1);flex-direction:column;margin:0;display:flex}.dist-row{align-items:center;gap:var(--s-2);font-size:var(--fs-2);color:var(--ink-3);font-variant-numeric:tabular-nums;grid-template-columns:12px 1fr;display:grid}.dist-bar{background:var(--fill);color:var(--ink-2);border-radius:var(--r-1);font-weight:650;font-size:var(--fs-2);text-align:right;min-width:28px;padding:3px 8px}.dist-bar.best{background:var(--accent);color:var(--on-accent)}.global-head{font-size:var(--fs-3);color:var(--ink);margin:0 0 2px;font-weight:650}.global-line{margin:0 0 var(--s-2);font-size:var(--fs-2);color:var(--ink-3);font-variant-numeric:tabular-nums}.dist.is-global .dist-bar{background:var(--miss-soft);color:var(--ink-3)}.dist.is-global .dist-bar.best{background:var(--accent-soft);color:var(--accent)}.share-block{background:var(--fill);border-radius:var(--r-2);padding:var(--s-3);text-align:center;letter-spacing:.06em;white-space:pre-wrap;margin:var(--s-4) 0 var(--s-3);font-size:1.05rem;line-height:1.4}.share-block .share-head{font-size:var(--fs-1);letter-spacing:.02em;color:var(--ink-3);margin-bottom:var(--s-2);font-weight:650;display:block}.share-block .share-crowd,.share-block .share-link{font-size:var(--fs-1);letter-spacing:.02em;font-variant-numeric:tabular-nums;margin-top:var(--s-2);display:block}.share-block .share-crowd{font-size:var(--fs-2);color:var(--accent);font-weight:650}.share-block .share-link{color:var(--ink-3);word-break:break-all;margin-top:2px}.share-btn{border-radius:var(--r-pill);width:100%;font-size:var(--fs-3);background:var(--ink);color:var(--bg);box-shadow:var(--sh-2);border:none;padding:14px;font-weight:700;transition:transform .1s}.share-btn:active{transform:translateY(1px)}.next-btn{border-radius:var(--r-pill);width:100%;margin-top:var(--s-2);font-size:var(--fs-3);background:var(--accent);color:var(--on-accent);box-shadow:var(--sh-2);border:none;padding:14px;font-weight:700;transition:transform .1s}.next-btn:active{transform:translateY(1px)}.countdown{text-align:center;color:var(--ink-3);font-variant-numeric:tabular-nums;font-size:var(--fs-1)!important;margin:var(--s-3) 0 0!important}@keyframes pop{0%{transform:scale(.84)}to{transform:scale(1)}}@keyframes rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}