:root{color-scheme:dark;--bg: #0f1115;--panel: #171a21;--panel-2: #1e222b;--fg: #f4f4f5;--muted: #9aa0aa;--line: #2a2f3a;--accent: #6ee7b7;--green: #2f9e54;--yellow: #c2922e;--grey: #353b46;--red: #c0473f;--h-cold: #353b46;--h-warm: #c2922e;--h-hot: #d9742e;--h-close: #d23b3b;--h-correct: #2f9e54;--h-fail: #5b2420}*{box-sizing:border-box}html,body{margin:0}body{background:var(--bg);color:var(--fg);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5;padding:1.25rem 1rem 3rem}main{max-width:32rem;margin:0 auto}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.masthead{text-align:center;margin-bottom:1.25rem}.kicker{text-transform:uppercase;letter-spacing:.16em;font-size:.78rem;color:var(--accent);margin:0 0 .4rem;font-weight:600}.puzzle-no{color:var(--muted);margin-left:.35rem}h1{font-size:1.7rem;margin:0;letter-spacing:-.01em}.tagline{color:var(--muted);margin:.35rem 0 0;font-size:.95rem}.over{display:flex;justify-content:center;gap:.5rem;margin:0 0 1.5rem}.ball{width:2.6rem;height:2.6rem;border-radius:50%;display:grid;place-items:center;font-weight:700;font-size:1.05rem;font-variant-numeric:tabular-nums;border:2px solid var(--line);background:var(--panel);transition:transform .12s ease}.ball[data-state=empty]{color:transparent}.ball[data-state=cold]{background:var(--h-cold);border-color:var(--h-cold);color:var(--muted)}.ball[data-state=warm]{background:var(--h-warm);border-color:var(--h-warm);color:#1a1300}.ball[data-state=hot]{background:var(--h-hot);border-color:var(--h-hot);color:#1a0c00}.ball[data-state=close]{background:var(--h-close);border-color:var(--h-close);color:#fff}.ball[data-state=correct]{background:var(--h-correct);border-color:var(--h-correct);color:#fff}.ball[data-state=fail]{background:var(--h-fail);border-color:var(--h-fail);color:#fff}.ball--lg{width:3rem;height:3rem;font-size:1.2rem;animation:pop .32s ease both}.hint{max-width:26rem;margin:0 auto .8rem;padding:.5rem .9rem;text-align:center;font-size:.9rem;color:var(--fg);background:var(--panel);border:1px solid var(--line);border-radius:.7rem}.hint[hidden]{display:none}.status{text-align:center;margin:0 0 .7rem;font-size:.9rem;min-height:1.2em;color:var(--muted);transition:color .2s ease}.status[data-tone=warn]{color:#e7a14b;font-weight:600}.legend{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem .9rem;margin:0 0 1.25rem;font-size:.76rem;color:var(--muted)}.legend .key{display:inline-flex;align-items:center;gap:.32rem}.legend .sw{width:.8rem;height:.8rem;border-radius:.25rem;display:inline-block}.legend .sw[data-h=correct]{background:var(--h-correct)}.legend .sw[data-h=warm]{background:var(--h-warm)}.legend .sw[data-h=cold]{background:var(--h-cold)}.legend .key--arrows{opacity:.85}@keyframes pop{0%{transform:scale(.4);opacity:0}70%{transform:scale(1.08)}to{transform:scale(1);opacity:1}}@keyframes drop{0%{transform:translateY(-14px) scale(.6);opacity:0}60%{transform:translateY(2px) scale(1.06)}to{transform:translateY(0) scale(1);opacity:1}}.ball.drop{animation:drop .42s cubic-bezier(.2,.8,.3,1) both}@media(prefers-reduced-motion:reduce){.ball.drop,.ball--lg,.result,.guess.shake{animation:none!important}}@keyframes shake{10%,90%{transform:translate(-1px)}20%,80%{transform:translate(2px)}30%,50%,70%{transform:translate(-5px)}40%,60%{transform:translate(5px)}}.guess.shake{animation:shake .4s cubic-bezier(.36,.07,.19,.97) both}.grid{display:flex;flex-direction:column;gap:.5rem}.guess{background:var(--panel);border:1px solid var(--line);border-radius:.7rem;padding:.55rem .65rem}.guess.is-correct{border-color:var(--green);box-shadow:0 0 0 1px var(--green) inset}.who{display:flex;align-items:center;gap:.5rem;margin-bottom:.45rem}.pip{width:.7rem;height:.7rem;border-radius:50%;flex:0 0 auto;background:var(--h-cold)}.pip[data-state=warm]{background:var(--h-warm)}.pip[data-state=hot]{background:var(--h-hot)}.pip[data-state=close]{background:var(--h-close)}.pip[data-state=correct]{background:var(--h-correct)}.pip[data-state=fail]{background:var(--h-fail)}.who-name{font-weight:650;font-size:.95rem}.who-tag{margin-left:auto;font-size:.68rem;text-transform:uppercase;letter-spacing:.05em;color:var(--muted)}.guess.is-correct .who-tag{color:var(--accent);font-weight:700}.cells{display:grid;grid-template-columns:repeat(4,1fr);gap:.35rem}.cell{border-radius:.45rem;padding:.35rem .3rem;min-width:0;display:flex;flex-direction:column;align-items:center;gap:.1rem;text-align:center}.cell.green{background:var(--green)}.cell.yellow{background:var(--yellow);color:#1a1300}.cell.grey{background:var(--grey)}.cap{font-size:.56rem;text-transform:uppercase;letter-spacing:.06em;opacity:.8}.val{font-size:.78rem;font-weight:600;line-height:1.15;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.arrow{margin-left:.15rem;font-size:.7rem}.search{position:relative;margin-top:.85rem}#guess{width:100%;padding:.8rem .9rem;font-size:1rem;background:var(--panel-2);color:var(--fg);border:1px solid var(--line);border-radius:.7rem;outline:none}#guess:focus{border-color:var(--accent)}.suggestions{list-style:none;margin:.3rem 0 0;padding:.25rem;position:absolute;left:0;right:0;z-index:10;background:var(--panel-2);border:1px solid var(--line);border-radius:.7rem;max-height:17rem;overflow-y:auto;box-shadow:0 10px 30px #0006}.suggestion{display:flex;justify-content:space-between;align-items:center;gap:.5rem;padding:.55rem .6rem;border-radius:.5rem;cursor:pointer}.suggestion.active,.suggestion:hover{background:var(--panel)}.sg-name{font-weight:600}.sg-meta{color:var(--muted);font-size:.8rem;white-space:nowrap}.remaining{color:var(--muted);font-size:.85rem;text-align:center;margin:.6rem 0 0}.result{margin-top:1.4rem;padding:1.5rem 1.25rem;text-align:center;background:radial-gradient(120% 80% at 50% -10%,rgba(110,231,183,.12),transparent 60%),var(--panel);border:1px solid var(--line);border-radius:1rem;animation:pop .35s ease both}.result[data-outcome=won]{border-color:#6ee7b780}.result[data-outcome=lost]{background:radial-gradient(120% 80% at 50% -10%,rgba(192,71,63,.12),transparent 60%),var(--panel)}.r-kicker{text-transform:uppercase;letter-spacing:.16em;font-size:.8rem;font-weight:700;color:var(--accent);margin:0 0 .2rem}.result[data-outcome=lost] .r-kicker{color:#e07b72}.r-headline{font-size:1.55rem;font-weight:800;margin:0;letter-spacing:-.01em}.r-reveal{color:var(--muted);font-size:.95rem;margin:.35rem 0 1.1rem}.r-reveal strong{color:var(--fg)}.r-over{display:flex;justify-content:center;gap:.45rem;margin:0 0 1.2rem;flex-wrap:wrap}.r-preview{font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:1.05rem;line-height:1.45;white-space:pre-wrap;background:var(--bg);border:1px solid var(--line);border-radius:.6rem;padding:.8rem;margin:0 auto 1.1rem;max-width:18rem;color:var(--fg)}.share-btn{appearance:none;border:0;cursor:pointer;width:100%;max-width:18rem;background:var(--accent);color:#08291d;font-weight:800;font-size:1.05rem;padding:.85rem 1.6rem;border-radius:.7rem;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;transition:transform .1s ease,filter .15s ease}.share-btn:hover{filter:brightness(1.05)}.share-btn:active{transform:translateY(1px)}.share-ic{font-size:1.1rem}.toast{display:block;height:1.1rem;margin-top:.55rem;color:var(--accent);opacity:0;transition:opacity .2s ease;font-size:.9rem;font-weight:600}.toast.show{opacity:1}.save-link{appearance:none;background:none;border:0;cursor:pointer;color:var(--muted);font-size:.82rem;text-decoration:underline;text-underline-offset:2px;padding:.3rem;margin-top:.2rem}.save-link:hover{color:var(--fg)}.r-note{color:var(--muted);font-size:.82rem;margin:.7rem 0 0}.r-stats{margin:1.25rem auto 0;max-width:22rem;padding-top:1.1rem;border-top:1px solid var(--line);text-align:left}.r-stats-title{font-size:.7rem;text-transform:uppercase;letter-spacing:.14em;color:var(--muted);margin:0 0 .7rem;text-align:center;font-weight:700}.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:.4rem;margin:0 0 1.1rem}.kpi{display:flex;flex-direction:column;align-items:center;gap:.1rem}.kpi-v{font-size:1.45rem;font-weight:800;line-height:1;font-variant-numeric:tabular-nums;color:var(--fg)}.kpi-l{font-size:.62rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-weight:600}.dist-label{font-size:.7rem;text-transform:uppercase;letter-spacing:.14em;color:var(--muted);margin:0 0 .5rem;text-align:center;font-weight:700}.dist{display:flex;flex-direction:column;gap:.28rem}.dist-row{display:flex;align-items:center;gap:.5rem}.dist-i{width:.85rem;text-align:right;color:var(--muted);font-size:.78rem;font-variant-numeric:tabular-nums;font-weight:600}.dist-bar{position:relative;display:inline-flex;align-items:center;justify-content:flex-end;background:var(--grey);border-radius:.25rem;height:1.25rem;padding:0 .4rem;min-width:1.6rem;transition:width .4s cubic-bezier(.2,.8,.3,1)}.dist-row.is-current .dist-bar{background:var(--h-correct)}.dist-n{color:var(--fg);font-size:.72rem;font-weight:700;font-variant-numeric:tabular-nums}.dist-row.is-current .dist-n{color:#fff}.site-foot{margin-top:2.5rem;text-align:center;color:var(--muted);font-size:.8rem}.site-foot p{margin:.3rem 0}.site-foot a{color:var(--muted)}.site-foot a:hover{color:var(--fg)}.archive-head{text-align:center;margin-bottom:1.5rem}.archive-head .tagline{margin-top:.45rem}.arc-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.4rem}.arc-row{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:.8rem;padding:.7rem .9rem;background:var(--panel);border:1px solid var(--line);border-radius:.7rem;color:var(--fg);text-decoration:none;transition:border-color .15s ease,transform .05s ease}.arc-row:hover{border-color:var(--accent)}.arc-row:active{transform:translateY(1px)}.arc-no{font-weight:800;font-size:1.05rem;color:var(--accent);font-variant-numeric:tabular-nums;min-width:2.5rem}.arc-date{color:var(--muted);font-size:.85rem;font-variant-numeric:tabular-nums}.arc-badge{font-size:.72rem;font-weight:700;padding:.2rem .55rem;border-radius:.5rem;background:var(--panel-2);color:var(--muted);white-space:nowrap}.arc-badge[data-st=solved]{background:var(--h-correct);color:#fff}.arc-badge[data-st=failed]{background:var(--h-fail);color:#fff}@media(max-width:360px){.ball{width:2.3rem;height:2.3rem}.cap{font-size:.5rem}.val{font-size:.72rem}}