.pb{transition:box-shadow .5s var(--ease);background:linear-gradient(150deg,#1d1f22 0%,#121315 55%,#17181a 100%);border-radius:18px;padding:14px 14px 32px 32px;position:relative;box-shadow:0 0 0 1px #f4f1ea1a,inset 0 1px #ffffff12,0 60px 100px -40px #000,0 20px 40px -20px #000c}.pb:has(.is-my-turn){box-shadow:0 0 0 1px var(--accent-line), 0 1px 0 #ffffff12 inset, 0 0 60px -10px #c9a96e38, 0 60px 100px -40px #000}.pb__ranks,.pb__files{font-family:var(--font-mono);color:var(--dim);pointer-events:none;font-size:11px;display:flex;position:absolute}.pb__ranks{flex-direction:column;width:32px;top:14px;bottom:32px;left:0}.pb__ranks span{flex:1;place-items:center;padding-right:2px;display:grid}.pb__files{height:32px;bottom:0;left:32px;right:14px}.pb__files span{flex:1;place-items:center;padding-top:2px;display:grid}.playboard{touch-action:none;cursor:default;border-radius:4px;overflow:hidden;box-shadow:0 0 0 1px #0009,inset 0 0 30px #0000008c}.playboard.is-my-turn{cursor:pointer}.playboard.is-dragging{cursor:grabbing}.playboard .board__piece{will-change:transform}.playboard .board__piece.is-drag{filter:drop-shadow(0 16px 14px #0009)}.playboard .board__piece.is-drag .board__piece-in{animation:none;transform:scale(1.16)}.playboard__hover{box-shadow:inset 0 0 0 2px #f4f1ea2e}.playboard__promo{z-index:8;background:var(--surface-2);border:1px solid var(--accent-line);border-radius:8px;width:12.5%;animation:.2s markIn;display:grid;position:absolute;overflow:hidden;box-shadow:0 20px 50px #000c}.playboard__promo button{aspect-ratio:1;padding:4%;transition:background .2s;display:block}.playboard__promo button:hover,.playboard__promo button:focus-visible{background:var(--accent-soft)}@media (max-width:520px){.pb{border-radius:14px;padding:8px 8px 24px 22px}.pb__ranks{width:22px;font-size:10px;top:8px;bottom:24px}.pb__files{height:24px;font-size:10px;left:22px;right:8px}}