.sw-wrap{display:grid;gap:clamp(.9rem,2.6vw,1.4rem);justify-items:center;width:100%}.sw-mode{width:100%;max-width:520px;text-align:center;font-family:var(--font-mono);font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.sw-mode b{color:var(--ink-gold);font-weight:500}.sw-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] .sw-today{color:var(--accent)}.sw-today:hover,.sw-today:focus-visible{color:var(--text)}.sw-status{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.5rem 1rem;width:100%;max-width:520px;font-family:var(--font-mono);font-size:.76rem;letter-spacing:.03em;color:var(--muted);text-align:center}.sw-status .sw-pair{display:inline-flex;align-items:center;gap:.35rem}.sw-status b{font-weight:500;color:var(--text);font-variant-numeric:tabular-nums}.sw-status .ok{color:var(--correct)}.sw-status .sw-sep{color:var(--ink-gold);opacity:.7}.sw-board{--swcell: min(60px, 15.5vw);--swgap: clamp(5px, 1.4vw, 9px);display:grid;grid-template-columns:repeat(5,var(--swcell));grid-template-rows:repeat(5,var(--swcell));gap:var(--swgap);padding:clamp(.5rem,1.6vw,.8rem);border-radius:var(--radius-card);background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-raised)}.sw-board[aria-busy=true]{pointer-events:none}.swcell{position:relative;width:var(--swcell);height:var(--swcell);display:grid;place-items:center;border-radius:var(--radius-tile);background:var(--surface);color:var(--text);border:1px solid var(--border);box-shadow:var(--shadow-keycap);transition:background-color .14s ease,border-color .12s ease,box-shadow .12s ease,color .14s ease}.sw-input{width:100%;height:100%;padding:0;margin:0;border:0;background:transparent;color:inherit;text-align:center;text-transform:uppercase;font-family:var(--font-display);font-weight:600;font-variation-settings:"opsz" 60,"wght" 600;font-size:calc(var(--swcell) * .46);line-height:1;text-shadow:0 1px 0 var(--highlight),0 -1px 1px var(--recess);caret-color:var(--accent);-webkit-tap-highlight-color:transparent;border-radius:var(--radius-tile)}.sw-input:focus{outline:none}.swcell:focus-within{z-index:3}.swcell:focus-within{outline:3px solid var(--accent);outline-offset:2px}.swcell.is-filled{border-color:color-mix(in srgb,var(--accent) 40%,var(--border))}.swcell.is-filled .sw-input{animation:sw-pop .14s ease}@keyframes sw-pop{0%{transform:scale(1)}45%{transform:scale(1.07)}to{transform:scale(1)}}.swcell.is-correct{background:var(--correct);border-color:transparent;color:var(--ink-on-color);text-shadow:none}.swcell.is-present{background:var(--present);border-color:transparent;color:var(--ink-on-color);text-shadow:none}.swcell.is-absent{background:var(--absent);border-color:color-mix(in srgb,var(--absent) 60%,var(--border));color:var(--text);text-shadow:none}.swcell.is-correct .sw-input,.swcell.is-present .sw-input,.swcell.is-absent .sw-input{text-shadow:none}.swcell.is-locked .sw-input{cursor:default}.swcell.is-locked{box-shadow:var(--shadow-keycap),inset 0 0 0 2px color-mix(in srgb,var(--ink-on-color) 22%,transparent)}.sw-glyph{position:absolute;top:3px;right:3px;width:14px;height:14px;display:none;place-items:center;pointer-events:none}.swcell.is-correct .sw-glyph,.swcell.is-present .sw-glyph,.swcell.is-absent .sw-glyph{display:grid}.sw-glyph .ico{width:100%;height:100%;stroke:currentColor;stroke-width:2.6;fill:none;stroke-linecap:round;stroke-linejoin:round}.swcell.is-correct .sw-glyph,.swcell.is-present .sw-glyph{color:var(--ink-on-color)}.swcell.is-absent .sw-glyph{color:color-mix(in srgb,var(--text) 78%,transparent)}@media(hover:hover)and (pointer:fine){.swcell:hover{border-color:color-mix(in srgb,var(--accent) 40%,var(--border));box-shadow:var(--shadow-hover)}}.sw-submit-row{display:flex;justify-content:center;width:100%;margin-top:clamp(.7rem,2vw,1rem)}.sw-submit{display:inline-flex;align-items:center;gap:.5rem;min-height:48px;padding:0 1.4rem;border-radius:11px;font-family:var(--font-ui);font-weight:600;font-size:.95rem;background:var(--accent-strong);color:#fff;box-shadow:inset 0 1px color-mix(in srgb,#fff 30%,transparent),inset 0 -2px color-mix(in srgb,#000 28%,transparent),0 2px 4px var(--sh-1)}.sw-submit .ico{width:18px;height:18px;stroke:currentColor;stroke-width:2.4;fill:none;stroke-linecap:round;stroke-linejoin:round}.sw-submit:active{transform:translateY(1px);box-shadow:inset 0 2px 6px color-mix(in srgb,#000 42%,transparent)}@media(hover:hover)and (pointer:fine){.sw-submit:hover{background:color-mix(in srgb,var(--accent-strong) 90%,#fff)}}.sw-controls{display:flex;flex-wrap:wrap;gap:.55rem;justify-content:center;width:100%;max-width:520px}.sw-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}.sw-btn .ico{width:17px;height:17px;color:var(--accent);stroke:currentColor;stroke-width:1.7;fill:none;stroke-linecap:round;stroke-linejoin:round}.sw-btn:active{transform:translateY(1px);box-shadow:var(--shadow-pressed)}@media(hover:hover)and (pointer:fine){.sw-btn:hover{box-shadow:var(--shadow-hover);border-color:color-mix(in srgb,var(--accent) 40%,var(--border))}.sw-btn:hover .ico{color:var(--accent)}}.sw-legend{display:grid;gap:.55rem}.sw-leg{display:flex;align-items:center;gap:.6rem;font-size:.9rem;color:var(--muted)}.sw-leg strong{color:var(--text);font-weight:600}.sw-swatch{width:22px;height:22px;flex:none;border-radius:6px;border:1px solid var(--border)}.sw-swatch.is-correct{background:var(--correct);border-color:transparent}.sw-swatch.is-present{background:var(--present);border-color:transparent}.sw-swatch.is-absent{background:var(--absent)}.sw-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}.swsolution-wrap{display:grid;justify-items:center;gap:1rem}.sw-board.swsolution{--swcell: min(52px, 12.5vw)}.sw-board.swsolution .swcell{cursor:default}.sw-board.swsolution .sw-letter{font-family:var(--font-display);font-weight:600;font-variation-settings:"opsz" 60,"wght" 600;font-size:calc(var(--swcell) * .46);line-height:1;text-transform:uppercase}.sw-answer-list{display:grid;gap:.4rem;width:100%;max-width:320px;list-style:none;padding:0;margin:0}.sw-answer-list li{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;padding:.5rem .85rem;border-radius:9px;background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-raised)}.sw-answer-list .sw-row-no{font-family:var(--font-mono);font-size:.62rem;text-transform:uppercase;letter-spacing:.14em;color:var(--muted)}.sw-answer-list .sw-row-word{font-family:var(--font-mono);font-size:1.02rem;letter-spacing:.22em;color:var(--text);font-weight:500}.swsolution-cap{font-size:.9rem;color:var(--muted);max-width:54ch;text-align:center}.swsolution-cap strong{color:var(--text);font-weight:600;letter-spacing:.04em}@media(max-width:640px){.sw-board{--swcell: min(60px, 15.5vw, calc((100dvh - 340px)/5) )}}@media(prefers-reduced-motion:reduce){.swcell{transition:none!important}.swcell.is-filled .sw-input{animation:none!important}.sw-submit:active,.sw-btn:active{transform:none}}