.room-chess{--room-color:#e9e3d6;--stage-ink:#403c34}.room-chess .room-game{width:min(100%,100dvh - 280px)}.room-chess.room-focused .room-game{width:min(100%,100dvh - 176px)}.chess-toolbar{justify-content:space-between;align-items:center;gap:12px;min-height:44px;margin-bottom:8px;font-size:14px;display:flex}.chess-toolbar button{background:#faf7ed;border:1px solid #a59c87;border-radius:9px;flex-shrink:0;min-height:44px;padding:0 12px}.chess-board-wrap{width:100%;margin:auto;position:relative;container-type:inline-size}.chess-board{aspect-ratio:1;border:2px solid #645d4f;border-radius:6px;grid-template-columns:repeat(8,minmax(0,1fr));display:grid;overflow:hidden}.chess-square{aspect-ratio:1;touch-action:manipulation;place-items:center;min-width:0;padding:0;display:grid;position:relative}.chess-square.light{background:#f1e6ce}.chess-square.dark{background:#93a48a}.chess-square.previous{box-shadow:inset 0 0 0 50px #e9c75c55}.chess-square[aria-pressed=true]{background:#d9bc66}.chess-piece{z-index:1;font-family:Georgia,Times New Roman,serif;font-size:clamp(27px,8.5cqw,76px);line-height:1}.chess-piece.w{color:#fffdf4;-webkit-text-stroke:1px #453e30;text-shadow:0 1px 1px #453e30}.chess-piece.b{color:#242a25}.chess-square small{color:#394236;font-size:9px;line-height:1;position:absolute}.chess-rank{top:2px;left:2px}.chess-file{bottom:2px;right:2px}.chess-square.legal i{background:#244f37aa;border-radius:50%;width:25%;height:25%;position:absolute}.chess-square.legal:has(.chess-piece) i{background:0 0;border:3px solid #244f37;width:88%;height:88%}.chess-hint{text-align:center;min-height:24px;padding-top:6px;font-size:12px}.chess-game button:focus-visible{outline-offset:-3px;z-index:2;outline:3px solid #b8481e}.chess-promotion{z-index:3;background:#f7f2e8ed;flex-wrap:wrap;place-content:center;gap:10px;display:flex;position:absolute;inset:0}.chess-promotion p{text-align:center;width:100%;font-weight:700}.chess-promotion button{text-transform:capitalize;background:#fff;border:1px solid #7d846d;border-radius:8px;min-height:48px;padding:8px 12px}.room-chess.room-focused .chess-board-wrap{width:min(100%,100dvh - 176px)}@media (orientation:landscape) and (max-height:600px){.room-chess .room-game,.room-chess.room-focused .room-game{width:100%}.chess-game{grid-template-columns:minmax(130px,1fr) minmax(0,2fr);align-items:center;gap:8px 20px;display:grid}.chess-toolbar{flex-direction:column;grid-area:1/1;align-items:stretch}.chess-hint{grid-area:2/1;align-self:start}.chess-board-wrap{grid-area:1/2/3;width:min(100%,100dvh - 100px)}.chess-piece{font-size:clamp(25px,7dvh,45px)}.room-chess.room-focused .chess-board-wrap{grid-area:1/2/-1;width:min(100%,100dvh - 24px)}.room-chess.room-focused .chess-toolbar{grid-area:2/1}.room-chess.room-focused .chess-hint{grid-area:3/1}}