:root{--co-c0: #e5484d;--co-c1: #f28b2c;--co-c2: #f5c542;--co-c3: #3aa45b;--co-c4: #3b73d9;--co-c5: #8b5cf6;--co-c6: #ec6fad;--co-hole: #e3e5df;--co-row: var(--surface);--co-exact: #2f9e55;--co-partial: #e3a008}html.dark{--co-hole: #2a3243;--co-row: var(--surface);--co-exact: #4fbf6e;--co-partial: #f0b429}main.co-main{padding:10px 12px 16px;gap:8px;--peg: clamp(30px, calc((100vw - 150px) / var(--pegs)), 38px)}.co-bar{display:flex;justify-content:space-between;align-items:baseline;padding:0 4px}.co-bar>div{display:flex;gap:6px;align-items:baseline}.co-lbl{color:var(--muted);font-size:.82rem;font-weight:700}.co-bar b{font-weight:900;font-size:1.05rem;font-variant-numeric:tabular-nums}.co-peg{width:var(--peg);height:var(--peg);border-radius:50%;display:inline-grid;place-items:center;flex:0 0 auto;color:#fff;box-shadow:inset 0 -2px #00000024,inset 0 2px #ffffff2e}.co-peg svg{width:62%;height:62%;display:block}.co-peg[data-c="0"]{background:var(--co-c0)}.co-peg[data-c="1"]{background:var(--co-c1);color:#4a2400}.co-peg[data-c="2"]{background:var(--co-c2);color:#4a3800}.co-peg[data-c="3"]{background:var(--co-c3)}.co-peg[data-c="4"]{background:var(--co-c4)}.co-peg[data-c="5"]{background:var(--co-c5)}.co-peg[data-c="6"]{background:var(--co-c6);color:#4d0f2c}.co-peg.empty{background:var(--co-hole);box-shadow:inset 0 2px 3px #0000001a;transform:scale(.82)}.co-peg.pop{animation:co-pop .24s var(--ease-bounce)}@keyframes co-pop{0%{transform:scale(.6)}70%{transform:scale(1.08)}to{transform:none}}.co-secret{display:flex;justify-content:center;gap:8px;padding:6px;border-radius:12px;background:var(--surface-2);margin:0 auto}.co-secret .co-peg.hidden{background:var(--surface-3);color:var(--muted);font-weight:900;font-size:1rem;box-shadow:none}.co-secret.open{background:var(--accent-soft)}.co-secret .reveal{animation:co-flip .45s var(--ease) both;animation-delay:calc(var(--i) * .11s)}@keyframes co-flip{0%{transform:rotateY(90deg)}to{transform:none}}.co-board{display:grid;gap:4px}.co-row{display:grid;grid-template-columns:18px 1fr auto;align-items:center;gap:8px;padding:3px 10px 3px 8px;border-radius:12px;min-height:calc(var(--peg) + 6px)}.co-row.active{background:var(--co-row);box-shadow:var(--shadow)}.co-row:not(.active):not(.done) .co-pegs{opacity:.55}.co-row.shake{animation:sh-shake .45s}.co-row.win .co-peg{animation:co-hop .5s var(--ease)}.co-row.win .co-slot:nth-child(2) .co-peg{animation-delay:60ms}.co-row.win .co-slot:nth-child(3) .co-peg{animation-delay:.12s}.co-row.win .co-slot:nth-child(4) .co-peg{animation-delay:.18s}.co-row.win .co-slot:nth-child(5) .co-peg{animation-delay:.24s}@keyframes co-hop{40%{transform:translateY(-8px)}to{transform:none}}.co-n{color:var(--muted);font-size:.75rem;font-weight:800;text-align:center;opacity:.7}.co-row.active .co-n{color:var(--accent);opacity:1}.co-pegs{display:flex;justify-content:center;gap:8px}.co-slot{display:inline-grid;border-radius:50%}button.co-slot:disabled{cursor:default}button.co-slot{position:relative}button.co-slot:after{content:"";position:absolute;inset:-4px;border-radius:50%}.co-keys{display:grid;grid-template-columns:repeat(var(--kc),10px);grid-auto-rows:10px;gap:4px;width:38px;justify-content:center}.co-row:not(.done) .co-keys{opacity:.45}.co-k{width:10px;height:10px;border-radius:50%;display:inline-block;background:var(--co-hole);transform:scale(.6);vertical-align:middle}.co-k.off{transform:none}.co-k.exact{background:var(--co-exact);transform:none}.co-k.partial{background:none;box-shadow:inset 0 0 0 3px var(--co-partial);transform:none}.co-row.reveal .co-k{animation:co-key .3s var(--ease) both;animation-delay:calc(var(--i) * .14s)}@keyframes co-key{0%{scale:0}70%{scale:1.3}to{scale:1}}.co-status{min-height:1.4em;text-align:center;font-weight:700;font-size:.9rem;color:var(--muted)}.co-status[data-tone=bad]{color:var(--bad)}.co-status.in{animation:co-in .25s var(--ease)}@keyframes co-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}.co-controls{display:grid;gap:10px}.co-palette{display:flex;justify-content:center;gap:4px}.co-color{--peg: 44px;transition:transform .12s var(--ease),opacity .15s}.co-color:active{transform:scale(.92)}.co-color:disabled{opacity:.28;cursor:default;transform:none}.co-color:focus-visible{border-radius:50%}.co-actions{display:flex;justify-content:center;gap:10px}.co-actions .sh-btn{min-width:132px}.co-toggle{display:inline-flex;align-items:center;gap:10px;margin:0 auto;min-height:44px;padding:0 10px;color:var(--muted);font-size:.86rem;font-weight:700;border-radius:999px}.co-switch{width:34px;height:20px;border-radius:999px;background:var(--surface-3);position:relative;transition:background .2s}.co-switch:after{content:"";position:absolute;top:3px;left:3px;width:14px;height:14px;border-radius:50%;background:#fff;transition:transform .2s var(--ease);box-shadow:0 1px 2px #00000040}.co-toggle[aria-pressed=true] .co-switch{background:var(--accent)}.co-toggle[aria-pressed=true] .co-switch:after{transform:translate(14px)}.co-end{text-align:center;display:grid;gap:10px;justify-items:center}.co-result{display:grid;gap:12px;justify-items:center;margin:4px 0 8px}.co-stars{font-size:2rem;letter-spacing:4px;color:var(--warn);line-height:1}.co-stars span{color:var(--surface-3)}.co-grid{display:grid;gap:2px;font-size:1.05rem;line-height:1.1;letter-spacing:1px;text-align:center}.co-reveal-row{display:flex;gap:8px;--peg: 40px}.sh-modal-body .co-k{margin:0 2px}.co-trains{color:var(--muted);font-weight:700}@media(max-height:760px){main.co-main{--peg: clamp(28px, calc((100vw - 150px) / var(--pegs)), 32px);gap:6px}.co-board{gap:2px}.co-controls{gap:6px}.co-secret{padding:4px}.co-row{min-height:calc(var(--peg) + 4px);padding-block:2px}}