.sw{--sw-accent:#7c3aed;--sw-accent-soft:#ede9fe;--sw-good:#16a34a;--sw-mid:#d97706;--sw-off:#3f4750;gap:1rem;display:grid}:root[data-theme=dark] .sw{--sw-accent:#a78bfa;--sw-accent-soft:#2e1a5e;--sw-good:#4ade80;--sw-mid:#fbbf24;--sw-off:#151a20}.sw-tabs{gap:.5rem;display:flex}.sw-tabs button{border:1px solid var(--line);background:var(--surface);color:inherit;cursor:pointer;border-radius:.9rem;flex:1;min-height:44px;padding:.65rem;font-weight:800}.sw-tabs button[aria-selected=true]{background:var(--sw-accent);border-color:var(--sw-accent);color:#fff}.sw-controls{flex-wrap:wrap;align-items:end;gap:.6rem;display:flex}.sw-field{gap:.25rem;font-size:.85rem;font-weight:700;display:grid}.sw-field select,.sw-field input{border:1px solid var(--line);background:var(--surface);color:inherit;border-radius:.65rem;min-height:44px;padding:.55rem .7rem;font-size:1rem}.sw-btn{border:1px solid var(--line);background:var(--surface);cursor:pointer;min-height:44px;color:inherit;border-radius:.75rem;padding:.6rem 1rem;font-weight:800}.sw-btn.primary{background:var(--sw-accent);border-color:var(--sw-accent);color:#fff}.sw-btn:disabled{opacity:.5;cursor:not-allowed}.sw-mode-row{flex-wrap:wrap;gap:.5rem;display:flex}.sw-chip{border:1px solid var(--line);background:var(--surface);color:inherit;cursor:pointer;border-radius:999px;min-height:44px;padding:.5rem .9rem;font-weight:800}.sw-chip[aria-pressed=true]{background:var(--sw-accent-soft);border-color:var(--sw-accent);color:var(--sw-accent)}:root[data-theme=dark] .sw-chip[aria-pressed=true]{color:#d6c9ff}.sw-stage{background:linear-gradient(180deg, var(--sw-accent-soft), transparent 70%);border:1px solid var(--line);border-radius:1.1rem;justify-items:center;gap:.75rem;padding:1rem .75rem;display:grid}.sw-board{gap:6px;width:100%;max-width:380px;display:grid}.sw-row{gap:6px;display:grid}.sw-cell{aspect-ratio:1;text-transform:uppercase;border:2px solid var(--line);background:var(--surface);color:var(--ink);border-radius:.6rem;justify-content:center;align-items:center;min-width:0;font-size:clamp(1.3rem,7vw,1.9rem);font-weight:900;display:flex}.sw-cell.filled{border-color:var(--sw-accent)}.sw-cell.correct{background:var(--sw-good);border-color:var(--sw-good);color:#fff}.sw-cell.present{background:var(--sw-mid);border-color:var(--sw-mid);color:#fff}.sw-cell.absent{background:var(--sw-off);border-color:var(--sw-off);color:#fff}.sw-row.done .sw-cell{animation:.28s sw-pop}@keyframes sw-pop{0%{transform:scale(.85)}60%{transform:scale(1.06)}to{transform:scale(1)}}.sw-keyboard{gap:6px;width:100%;max-width:520px;display:grid}.sw-krow{justify-content:center;gap:5px;display:flex}.sw-key{border:1px solid var(--line);background:var(--surface-muted);max-width:48px;min-height:52px;color:var(--ink);cursor:pointer;border-radius:.5rem;flex:1 1 0;font-size:1rem;font-weight:900}.sw-key.wide{max-width:76px;font-size:.8rem}.sw-key.correct{background:var(--sw-good);border-color:var(--sw-good);color:#fff}.sw-key.present{background:var(--sw-mid);border-color:var(--sw-mid);color:#fff}.sw-key.absent{background:var(--sw-off);border-color:var(--sw-off);color:#fff;opacity:.75}.sw-legend{color:var(--muted);flex-wrap:wrap;justify-content:center;gap:.4rem 1rem;font-size:.85rem;display:flex}.sw-dot{vertical-align:baseline;border-radius:50%;width:.8rem;height:.8rem;margin-right:.3rem;display:inline-block}.sw-toast{min-height:1.6rem;color:var(--sw-accent);text-align:center;font-weight:800}.sw-result{text-align:center;background:var(--surface);border:1px solid var(--line);border-radius:1rem;justify-items:center;gap:.5rem;width:100%;max-width:520px;padding:1rem;display:grid}.sw-result h3{margin:0;font-size:1.3rem}.sw-result p{color:var(--muted);margin:0}.sw-answer{letter-spacing:.2rem;font-size:1.6rem;font-weight:900}.sw-share-row{flex-wrap:wrap;justify-content:center;gap:.5rem;display:flex}.sw-stats{grid-template-columns:repeat(5,1fr);gap:.5rem;width:100%;max-width:520px;display:grid}.sw-stat{background:var(--surface);border:1px solid var(--line);text-align:center;border-radius:.8rem;padding:.5rem .25rem}.sw-stat b{font-size:1.1rem;display:block}.sw-stat span{color:var(--muted);font-size:.72rem;font-weight:700}.sw-ach{gap:.4rem;width:100%;max-width:520px;display:grid}.sw-ach-item{border:1px solid var(--line);background:var(--surface);border-radius:.8rem;align-items:center;gap:.6rem;padding:.55rem .75rem;font-size:.9rem;display:flex}.sw-ach-item.locked{opacity:.45}.sw-ach-item .medal{font-size:1.2rem}.sw-ach-item b{display:block}.sw-ach-item small{color:var(--muted)}.sw-side{align-content:start;gap:.75rem;display:grid}.sw-card{background:var(--surface);border:1px solid var(--line);border-radius:1rem;gap:.5rem;padding:.9rem 1rem;display:grid}.sw-card h3{margin:0;font-size:1rem}.sw-card p{color:var(--muted);margin:0;font-size:.9rem}.sw-card ul{gap:.25rem;margin:0;padding-left:1.1rem;font-size:.9rem;display:grid}.sw-toggle{align-items:center;gap:.5rem;min-height:44px;font-size:.9rem;font-weight:700;display:flex}.sw-toggle input{width:1.3rem;height:1.3rem;accent-color:var(--sw-accent)}.sw-link-box{word-break:break-all;background:var(--surface-muted);border:1px dashed var(--sw-accent);border-radius:.7rem;padding:.6rem .75rem;font-size:.85rem}.sw-banner{background:var(--sw-accent-soft);border:1px solid var(--sw-accent);text-align:center;border-radius:.9rem;gap:.5rem;width:100%;max-width:520px;padding:.7rem .9rem;display:grid}.sw-banner p{margin:0;font-size:.9rem}.sw-layout{gap:1rem;display:grid}@media (min-width:960px){.sw-layout{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);align-items:start}}@media (prefers-reduced-motion:reduce){.sw-row.done .sw-cell{animation:none}}.sw.no-anim .sw-row.done .sw-cell{animation:none}