:root{--swp-c0:#d64b45;--swp-c1:#2f83bf;--swp-c2:#d99a2b;--swp-c3:#3f9a56;--swp-c4:#8f57cf}.dark{--swp-c0:#e8756f;--swp-c1:#57a6de;--swp-c2:#e6b955;--swp-c3:#5cbd76;--swp-c4:#b585e6}.swp-game{flex-direction:column;align-items:center;gap:14px;width:100%;padding-top:8px;display:flex}.swp-statbar{gap:22px;display:flex}.swp-stat{flex-direction:column;align-items:center;line-height:1;display:flex}.swp-stat-value{font-family:var(--font-mono);color:var(--text-primary);font-variant-numeric:tabular-nums;font-size:20px;font-weight:800}.swp-stat-label{letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);margin-top:3px;font-size:10px;font-weight:600}.swp-board{grid-template-columns:repeat(var(--swp-size,7), 1fr);border-radius:var(--hub-classic-radius,4px);background:var(--bg-secondary);box-sizing:border-box;gap:4px;width:100%;max-width:min(94vw,350px);padding:8px;display:grid}.swp-cell{aspect-ratio:1;cursor:pointer;border:none;border-radius:5px;padding:0;transition:box-shadow .1s,background .12s}.swp-cell:active:not(:disabled){transform:scale(.9)}.swp-cell--empty{background:var(--bg-card);box-shadow:inset 0 0 0 1px var(--border-primary);cursor:default}.swp-cell--c0{background:var(--swp-c0)}.swp-cell--c1{background:var(--swp-c1)}.swp-cell--c2{background:var(--swp-c2)}.swp-cell--c3{background:var(--swp-c3)}.swp-cell--c4{background:var(--swp-c4)}.swp-cell--sel{box-shadow:0 0 0 3px var(--bg-card), 0 0 0 5px var(--text-primary);transform:scale(.92)}.swp-cell--swap{z-index:3;transform:translate(var(--swp-tx,0), var(--swp-ty,0));transition:transform .15s ease-in-out}.swp-cell--nudge{z-index:3;animation:.26s ease-in-out swp-nudge}@keyframes swp-nudge{0%,to{transform:translate(0)}45%{transform:translate(calc(var(--swp-tx,0) * .4), calc(var(--swp-ty,0) * .4))}}.swp-cell--clearing{z-index:2;animation:.19s ease-in forwards swp-clear}@keyframes swp-clear{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.25)}}.swp-cell--fall{animation:.21s ease-out swp-fall}@keyframes swp-fall{0%{opacity:.55;transform:translateY(-26%)}to{opacity:1;transform:translateY(0)}}.swp-board--over{filter:grayscale(.3)brightness(.85);opacity:.78;transition:filter .24s,opacity .24s}.swp-board--over .swp-cell{cursor:default}@media (prefers-reduced-motion:reduce){.swp-cell,.swp-cell--swap{transition:none}.swp-cell--swap{transform:none}.swp-cell--nudge,.swp-cell--clearing,.swp-cell--fall{animation:none}.swp-cell--clearing{opacity:0}.swp-board--over{transition:none}}.swp-hint{color:var(--text-muted);text-align:center;margin:0;font-size:12px}.swp-result{flex-direction:column;align-items:center;gap:10px;width:100%;max-width:min(94vw,350px);display:flex}.swp-result-line{color:var(--text-primary);margin:0;font-size:15px;font-weight:700}.swp-full-btn{width:100%;max-width:min(94vw,350px)}