.wc-board{aspect-ratio:1;grid-template-columns:repeat(var(--n), 1fr);grid-template-rows:repeat(var(--n), 1fr);border-radius:var(--r-md);width:min(100%,100dvh - 130px,680px);box-shadow:0 0 0 6px #2a2119, 0 0 0 7px var(--line-strong), var(--shadow-lg);display:grid;position:relative;overflow:hidden;container-type:inline-size}.wc-square{cursor:pointer;border:0;place-items:center;padding:0;display:grid;position:relative}.wc-square:disabled{cursor:default}.wc-square.is-light{background:#e8dcc2}.wc-square.is-dark{background:#5b4636}.wc-square.is-last{background:#7a5c3a}.wc-square.is-selected{box-shadow:inset 0 0 0 3px var(--orange)}.wc-square.is-movable .wc-piece{box-shadow:0 0 0 2px #ffc43d8c,0 4px 8px #00000080}.wc-square.is-target:after{content:"";background:rgba(var(--accent-rgb),.75);width:28%;height:28%;box-shadow:0 0 12px rgba(var(--accent-rgb),.8);border-radius:50%;position:absolute}.wc-square.is-taken:before{content:"";border:2px dashed #ffffff40;border-radius:50%;position:absolute;inset:30%}.wc-piece{width:78%;height:78%;font-size:calc(100cqw / var(--n) * .42);transition:transform .15s var(--ease);border-radius:50%;place-items:center;line-height:1;display:grid;box-shadow:0 4px 8px #00000080}.wc-piece.is-light{color:#a0715a;background:radial-gradient(circle at 35% 30%,#fff 0,#f1e7d3 30%,#cbb994 100%);border:3px solid #d9c9a8}.wc-piece.is-dark{color:#ffd75e;background:radial-gradient(circle at 35% 30%,#ff8b5e 0,#e34c1b 35%,#8f2a0c 100%);border:3px solid #b8411a}.wc-piece.is-ghost{opacity:.55}.wc-square:hover .wc-piece{transform:translateY(-2px)}.wc-rules{color:var(--muted);gap:7px;margin:0;padding-left:18px;font-size:.82rem;line-height:1.5;display:grid}