@layer components{.sw-stage{touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;background:radial-gradient(80% 60% at 50% 30%,#1d1429 0%,#07050b 72%);padding:0}.sw-hud{pointer-events:none;justify-content:space-between;align-items:center;display:flex;position:absolute;top:14px;left:20px;right:20px}.sw-left{letter-spacing:-.03em;align-items:center;gap:8px;font-size:22px;font-weight:600;display:inline-flex}.sw-left svg{width:20px;height:20px;color:var(--on-dark-dim)}.sw-clock{letter-spacing:-.04em;font-size:34px;font-weight:600;line-height:1;position:relative}.sw-clock.is-done{color:var(--rn)}.sw-plus{letter-spacing:0;color:#ff8a66;animation:sw-plus 1.2s var(--ease-out) both;margin-top:4px;font-size:14px;position:absolute;top:100%;right:0}@keyframes sw-plus{0%{opacity:0;transform:translateY(-6px)}15%{opacity:1;transform:none}75%{opacity:1}to{opacity:0}}.sw-area{place-items:center;display:grid;position:absolute;inset:62px 14px 88px;container-type:size}.sw-board{isolation:isolate;grid-template:repeat(var(--rows), minmax(0, 1fr)) / repeat(var(--cols), minmax(0, 1fr));width:min(100cqw, calc(100cqh * var(--cols) / var(--rows)));aspect-ratio:var(--cols) / var(--rows);gap:2px;display:grid;position:relative;container-type:inline-size}.sw-board:before{content:"";z-index:-1;background:#ffffff09;border-radius:14px;position:absolute;inset:-7px;box-shadow:inset 0 0 0 1px #ffffff0f,0 20px 60px -20px #000c}.sw-cell{min-width:0;min-height:0;font-size:calc(100cqw / var(--cols) * .5);color:#fff;transition:background .12s ease, transform .16s var(--ease-spring);background:linear-gradient(#41355a 0%,#2c2440 100%);border-radius:18%;place-items:center;font-weight:700;line-height:1;display:grid;position:relative;box-shadow:inset 0 1px #ffffff21,inset 0 -2px #00000052}@media (hover:hover){.sw-cell:not(.is-open):hover{background:linear-gradient(#4f4169 0%,#372d4c 100%)}}.sw-cell:not(.is-open):active{transform:scale(.93)}.sw-cell:focus-visible{z-index:2;outline:2px solid var(--rn);outline-offset:1px}.sw-cell svg{width:62%;height:62%}.sw-cell:not(.is-open) svg{color:var(--rn)}.sw-cell.is-open{box-shadow:none;animation:sw-open .2s var(--ease-out) both;background:#ffffff0d}.sw-cell.is-boom,.sw-cell.is-boom:hover{box-shadow:none;background:#ff5b3a}.sw-cell.is-boom svg{color:#1a0703}@keyframes sw-open{0%{opacity:.3;transform:scale(.8)}}.sw-board.is-won .sw-cell{animation:sw-won .52s var(--ease-out) var(--d,0s) both}@keyframes sw-won{35%{filter:brightness(1.6);transform:scale(1.12)}}@media (prefers-reduced-motion:reduce){.sw-board.is-won .sw-cell,.sw-cell.is-open{animation:none}}.sw-n1{color:#63d6fa}.sw-n2{color:#b8ef72}.sw-n3{color:#ff8a66}.sw-n4{color:#a592ff}.sw-n5{color:#ffb255}.sw-n6{color:#6eedc8}.sw-n7{color:#ff93c6}.sw-n8{color:#f4f4f1}.sw-foot{left:24px;right:24px;bottom:max(22px, calc(env(safe-area-inset-bottom) + 12px));color:var(--on-dark-dim);justify-content:space-between;align-items:center;gap:12px;font-size:14px;display:flex;position:absolute}.sw-foot .key svg{color:currentColor}.sw-mini{flex:none;gap:1px;width:132px;display:grid}.sw-mini i{aspect-ratio:1;background:var(--stage-line);border-radius:1px}.sw-mini i.is-mine{background:var(--stage-ink)}.sw-mini i.is-boom{background:#ff5b3a}}