[data-theme=dark]{--cc-cell: var(--surface);--cc-cell-2: var(--surface-2);--cc-grid: color-mix(in srgb, var(--text) 16%, transparent);--cc-link: #7C82F7;--cc-rail: color-mix(in srgb, var(--text) 22%, transparent)}[data-theme=light]{--cc-cell: #FFFFFF;--cc-cell-2: #FFFFFF;--cc-grid: color-mix(in srgb, var(--text) 18%, transparent);--cc-link: #4A4FD0;--cc-rail: color-mix(in srgb, var(--text) 22%, transparent)}.cc-wrap{display:grid;gap:clamp(1rem,3vw,1.5rem);justify-items:center;width:100%}.cc-ladder{display:flex;flex-direction:column;gap:.5rem;width:100%;max-width:560px;touch-action:manipulation}.cc-ladder[aria-busy=true]{pointer-events:none}.cc-slot{position:relative;display:grid;grid-template-columns:auto 1fr;grid-template-areas:"handle link" "handle cells" "handle clue";align-items:center;column-gap:.7rem;row-gap:.3rem;padding:.55rem .7rem;border-radius:var(--radius-card);border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow-raised);transition:border-color .16s ease,box-shadow .16s ease,opacity .16s ease}.cc-slot.is-dragging{opacity:.9;box-shadow:var(--shadow-hover);border-color:color-mix(in srgb,var(--accent) 50%,var(--border));z-index:5}.cc-slot.drop-target{border-color:color-mix(in srgb,var(--accent) 55%,var(--border))}.cc-slot--mystery{background:radial-gradient(120% 140% at 0% 0%,color-mix(in srgb,var(--ink-gold) 8%,transparent),transparent 60%),var(--surface);border-color:color-mix(in srgb,var(--ink-gold) 30%,var(--border))}.cc-slot--mystery.is-locked{opacity:.72}.cc-handle{grid-area:handle;display:grid;grid-auto-flow:row;align-items:center;justify-items:center;gap:2px}.cc-move{width:30px;height:26px;border-radius:8px;display:grid;place-items:center;background:var(--surface);border:1px solid var(--border);color:var(--muted);box-shadow:var(--shadow-raised);transition:box-shadow .14s ease,color .14s ease,border-color .14s ease}.cc-move .ico{width:15px;height:15px}.cc-move:disabled{opacity:.4;box-shadow:none;cursor:not-allowed}.cc-move:not(:disabled):active{box-shadow:var(--shadow-pressed)}.cc-grip{width:30px;height:22px;display:grid;place-items:center;color:var(--cc-rail);cursor:grab;touch-action:none}.cc-grip:active{cursor:grabbing}.cc-grip .ico{width:16px;height:16px}.cc-slot--mystery .cc-handle{visibility:hidden}@media(hover:hover)and (pointer:fine){.cc-move:not(:disabled):hover{color:var(--text);border-color:color-mix(in srgb,var(--accent) 40%,var(--border));box-shadow:var(--shadow-hover)}.cc-grip:hover{color:var(--text)}}.cc-link{grid-area:link;position:relative;height:16px;display:flex;align-items:center;justify-content:center;margin-top:-2px}.cc-slot--cap .cc-link{visibility:hidden}.cc-link .cc-link-rail{width:2px;height:100%;background:var(--cc-rail);border-radius:2px;transition:background-color .16s ease}.cc-link-ico{position:absolute;width:14px;height:14px;display:none;padding:1px;border-radius:50%;background:var(--surface)}.cc-slot.linked .cc-link-rail{background:var(--cc-link)}.cc-slot.linked .cc-ico-link{display:block;color:var(--cc-link)}.cc-slot.broken .cc-link-rail{background:var(--danger)}.cc-slot.broken .cc-ico-break{display:block;color:var(--danger)}.cc-cells{grid-area:cells;display:grid;grid-auto-flow:column;justify-content:start;gap:clamp(.3rem,1.4vw,.5rem)}.cc-cell{--cc-size: min(54px, 12vw);width:var(--cc-size);height:var(--cc-size);border-radius:10px;padding:0;text-align:center;font-family:var(--font-display);font-weight:600;font-variation-settings:"opsz" 40,"wght" 600;font-size:calc(var(--cc-size) * .46);text-transform:uppercase;color:var(--text);background:var(--cc-cell);border:1px solid var(--cc-grid);box-shadow:var(--shadow-keycap);text-shadow:0 1px 0 var(--highlight),0 -1px 1px var(--recess);caret-color:var(--accent);transition:border-color .14s ease,box-shadow .12s ease,background-color .14s ease;-webkit-tap-highlight-color:transparent;appearance:none;-webkit-appearance:none}.cc-cell::placeholder{color:transparent}.cc-cell:focus-visible{outline:3px solid var(--accent);outline-offset:2px;z-index:2}.cc-cell.filled{border-color:color-mix(in srgb,var(--accent) 38%,var(--cc-grid));background:var(--cc-cell-2)}.cc-cell:disabled{opacity:.9;cursor:default;color:var(--muted)}.cc-cell.diff{border-color:var(--cc-link);box-shadow:var(--shadow-keycap),inset 0 0 0 2px var(--cc-link);color:var(--cc-link)}[data-theme=light] .cc-cell.diff{color:var(--accent)}.cc-slot.solved .cc-cell{border-color:color-mix(in srgb,var(--ink-gold) 45%,var(--cc-grid))}.cc-clue{grid-area:clue;font-size:.86rem;line-height:1.45;color:var(--muted);max-width:46ch}.cc-slot--mystery .cc-clue{color:color-mix(in srgb,var(--ink-gold) 70%,var(--muted))}.cc-clue .cc-tag{font-family:var(--font-mono);font-size:.6rem;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-gold);margin-right:.45rem}.cc-lock{display:inline-flex;align-items:center;gap:.35rem}.cc-lock .ico{width:13px;height:13px;color:var(--muted)}@media(min-width:700px){.cc-slot{grid-template-columns:auto auto 1fr;grid-template-areas:"handle link  ." "handle cells clue";column-gap:1rem}.cc-clue{align-self:center}}.cc-status{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.5rem 1rem;width:100%;max-width:560px;font-family:var(--font-mono);font-size:.76rem;letter-spacing:.03em;color:var(--muted);text-align:center}.cc-status .cc-pair{display:inline-flex;align-items:center;gap:.35rem}.cc-status b{font-weight:500;color:var(--text);font-variant-numeric:tabular-nums}.cc-status .ok{color:var(--correct)}.cc-status .bad{color:var(--danger)}.cc-status .cc-sep{color:var(--ink-gold);opacity:.7}.cc-controls{display:flex;flex-wrap:wrap;gap:.55rem;justify-content:center;width:100%;max-width:560px}.cc-btn{display:inline-flex;align-items:center;gap:.45rem;min-height:46px;padding:0 1rem;border-radius:11px;font-family:var(--font-ui);font-weight:600;font-size:.9rem;background:var(--surface);color:var(--text);border:1px solid var(--border);box-shadow:var(--shadow-raised);transition:box-shadow .16s ease,border-color .16s ease,color .16s ease}.cc-btn .ico{width:17px;height:17px;color:var(--accent)}.cc-btn:active{transform:translateY(1px);box-shadow:var(--shadow-pressed)}.cc-btn:disabled{opacity:.6}@media(hover:hover)and (pointer:fine){.cc-btn:hover{box-shadow:var(--shadow-hover);border-color:color-mix(in srgb,var(--accent) 40%,var(--border))}.cc-btn:hover .ico{color:var(--accent)}}.cc-mode{width:100%;max-width:560px;text-align:center;font-family:var(--font-mono);font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.cc-mode b{color:var(--ink-gold);font-weight:500}.cc-today{font:inherit;color:var(--accent-hover);text-transform:uppercase;letter-spacing:.08em;margin-left:.5rem;min-height:36px;padding:0 .2rem;border-bottom:1px solid color-mix(in srgb,var(--accent) 40%,var(--border))}[data-theme=light] .cc-today{color:var(--accent)}.cc-today:hover,.cc-today:focus-visible{color:var(--text)}.cc-share{font-family:var(--font-mono);font-size:.92rem;line-height:1.5;letter-spacing:.01em;color:var(--text);white-space:pre-wrap;text-align:left;padding:.9rem 1.1rem;border-radius:10px;background:var(--bg);border:1px solid var(--border);box-shadow:inset 0 2px 6px var(--recess),inset 0 -1px 0 var(--highlight);max-width:320px;margin-inline:auto}.ccsolution-wrap{display:grid;justify-items:center;gap:.9rem;width:100%}.ccsolution{display:flex;flex-direction:column;gap:.4rem;width:100%;max-width:360px}.ccrow{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:.55rem .8rem}.ccrow-rail{width:2.1rem;text-align:right;font-family:var(--font-mono);font-size:.62rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.ccrow--mystery .ccrow-rail{color:var(--ink-gold)}.ccrow-cells{display:grid;grid-auto-flow:column;justify-content:start;gap:clamp(.3rem,1.4vw,.45rem)}.cccell{--cc-size: min(46px, 11vw);width:var(--cc-size);height:var(--cc-size);border-radius:9px;display:grid;place-items:center;font-family:var(--font-display);font-weight:600;font-variation-settings:"opsz" 40,"wght" 600;font-size:calc(var(--cc-size) * .46);text-transform:uppercase;color:var(--text);background:var(--cc-cell);border:1px solid var(--cc-grid);box-shadow:var(--shadow-keycap);text-shadow:0 1px 0 var(--highlight),0 -1px 1px var(--recess)}.ccrow--mystery .cccell{border-color:color-mix(in srgb,var(--ink-gold) 45%,var(--cc-grid))}.cccell.diff{border-color:var(--cc-link);box-shadow:var(--shadow-keycap),inset 0 0 0 2px var(--cc-link);color:var(--cc-link)}[data-theme=light] .cccell.diff{color:var(--accent)}.ccsolution-cap{font-size:.9rem;color:var(--muted);max-width:54ch;text-align:center}.ccsolution-cap strong{color:var(--text);font-weight:600}@media(max-width:640px){.cc-cell{--cc-size: min(54px, 12vw, calc((100dvh - 300px) / 7))}.cccell{--cc-size: min(46px, 11vw, calc((100dvh - 300px) / 7))}}@media(prefers-reduced-motion:reduce){.cc-slot,.cc-cell,.cc-move{transition:none!important}}