.wb .gt-center:before,.wb .gt-felt:before{display:none}.wb .gt-center{padding:0 0 clamp(8px,2.2cqh,16px);container-type:size}@container gt (orientation:landscape) and (width>=600px){.wb .gt-felt{grid-template-rows:auto minmax(0,1fr);grid-template-areas:"seats""center";row-gap:8px;padding:0}.wb .gt-seat-row{pointer-events:auto;grid-area:seats;justify-content:center;gap:10px;display:flex;position:static}.wb .gt-seat-row>li{position:relative;inset:auto;transform:none}}.wb-board{--n:8;--size:min(100cqw, 100cqh);--frame:calc(var(--size) * .03);width:var(--size);height:var(--size);padding:var(--frame);border-radius:calc(var(--size) * .02);box-shadow:inset 0 0 0 1px #ffe6be40, 0 calc(var(--size) * .015) 0 #3d2514, 0 calc(var(--size) * .04) calc(var(--size) * .05) #00000080;background:linear-gradient(135deg,#8a5a32 0%,#6e4426 50%,#5a361d 100%);position:relative}.wb-grid{grid-template-columns:repeat(var(--n), minmax(0, 1fr));grid-template-rows:repeat(var(--n), minmax(0, 1fr));width:100%;height:100%;display:grid;box-shadow:0 0 0 1px #00000059}.wb-sq{min-width:0;min-height:0;font:inherit;color:inherit;-webkit-tap-highlight-color:transparent;border:0;margin:0;padding:0;display:block;position:relative}.wb-light{background:linear-gradient(135deg,#f0d9b0,#e4c592)}.wb-dark{cursor:default;background:linear-gradient(135deg,#a86f42,#93592f)}.wb-dark.is-active{cursor:pointer}.wb-dark:focus-visible{outline-offset:-3px;z-index:3;outline:3px solid #1d4ed8}.wb-sq.is-last:before{content:"";background:#f2b63261;position:absolute;inset:0}.wb-sq.is-selected:before{content:"";background:#1d5a3f8c;position:absolute;inset:0}.wb-coord{font-size:max(8px, calc(var(--size) / var(--n) * .2));color:#3c1e0a99;pointer-events:none;z-index:1;font-weight:800;line-height:1;position:absolute}.wb-dark .wb-coord{color:#ffeccdb3}.wb-coord.is-file{bottom:5%;right:6%}.wb-coord.is-rank{top:5%;left:6%}.wb-piece{pointer-events:none;z-index:2;place-items:center;display:grid;position:absolute;inset:0}.wb-disc{border-radius:50%;place-items:center;width:78%;height:78%;display:grid;position:relative}.wb-disc.is-white{box-shadow:inset 0 0 0 calc(var(--size) / var(--n) * .06) #a0875f59, 0 calc(var(--size) / var(--n) * .05) 0 #9c8a68, 0 calc(var(--size) / var(--n) * .08) calc(var(--size) / var(--n) * .1) #00000073;background:radial-gradient(circle at 38% 32%,#fff 0%,#f3ead8 45%,#d6c7a8 100%)}.wb-disc.is-black{box-shadow:inset 0 0 0 calc(var(--size) / var(--n) * .06) #ffffff14, 0 calc(var(--size) / var(--n) * .05) 0 #000, 0 calc(var(--size) / var(--n) * .08) calc(var(--size) / var(--n) * .1) #00000080;background:radial-gradient(circle at 38% 32%,#5b5450 0%,#2b2522 50%,#141110 100%)}.wb-disc>svg{width:58%;height:58%}.wb-sq.can-move .wb-disc{outline:calc(var(--size) / var(--n) * .05) solid #ffffffbf;outline-offset:1px}.wb-sq.must-capture .wb-disc{outline:calc(var(--size) / var(--n) * .06) solid #f2b632;outline-offset:1px;animation:1.2s ease-in-out infinite wb-pulse}.wb-sq.is-selected .wb-disc{outline:calc(var(--size) / var(--n) * .07) solid #f2b632;outline-offset:1px;animation:none;transform:translateY(-4%)scale(1.05)}@keyframes wb-pulse{50%{outline-color:#f2b63259}}.wb-sq.will-capture .wb-disc:after{content:"";border:calc(var(--size) / var(--n) * .06) dashed #ff6b5a;border-radius:50%;position:absolute;inset:-6%}.wb-target{pointer-events:none;z-index:2;place-items:center;display:grid;position:absolute;inset:0}.wb-target:after{content:"";background:#f2b632f2;border-radius:50%;width:34%;height:34%;box-shadow:0 0 0 3px #fffc}.wb-target.is-hop:after{background:0 0;width:26%;height:26%;box-shadow:0 0 0 3px #f2b632,0 0 0 5px #ffffffb3}.wb-piece.is-arriving{z-index:4;animation:.32s cubic-bezier(.2,.8,.3,1) wb-arrive}@keyframes wb-arrive{0%{transform:translate(calc(var(--dx) * 100%), calc(var(--dy) * 100%))}}.wb-piece.is-ghost{animation:.5s forwards wb-fade}@keyframes wb-fade{0%{opacity:.95}to{opacity:0;transform:scale(.6)}}.wb-shake{animation:.42s wb-shake}@keyframes wb-shake{20%{translate:-6%}40%{translate:5%}60%{translate:-3%}80%{translate:2%}}@container gt (orientation:landscape) and (height<=460px){.wb-end{grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);align-items:center;gap:8px 20px;max-width:640px;padding:12px 20px;display:grid}.wb-end>:first-child{grid-row:1/span 4}.wb-end>:not(:first-child){grid-column:2}}.wb-mini{vertical-align:-2px;border-radius:50%;width:14px;height:14px;display:inline-block}.wb-mini.is-white{background:radial-gradient(circle at 38% 32%,#fff,#d6c7a8);box-shadow:0 1px #9c8a68}.wb-mini.is-black{background:radial-gradient(circle at 38% 32%,#5b5450,#141110);box-shadow:0 1px #000,0 0 0 1px #ffffff59}@media (prefers-reduced-motion:reduce){.wb-piece.is-arriving,.wb-piece.is-ghost,.wb-sq.must-capture .wb-disc,.wb-shake{animation:none}.wb-piece.is-ghost{opacity:0}}