.compact-side .shogi-player-symbol{flex-basis:16px;width:16px;height:18px;font-size:10px}.shogi-layout{grid-template-columns:minmax(500px, 1fr) var(--game-sidebar-width)}.shogi-board-column{--shogi-board-min:350px;--shogi-stack-reserve:calc(108px + 2 * clamp(6px, 1vh, 10px));--shogi-area-pad:0px;--shogi-tray-pad:30px;--shogi-stack-width:min(100%, max(350px, calc(var(--board-vh) - var(--shogi-stack-reserve))))}.shogi-layout .shogi-board-column .shogi-square.selected .shogi-piece[data-drag-lifted],.shogi-layout .shogi-board-column .shogi-hand-piece.selected>.shogi-piece[data-drag-lifted]{filter:none;transform:none}.shogi-piece.bk-drag-ghost{z-index:1000;position:fixed;bottom:auto;right:auto}.shogi-status-heading h1{font-size:29px}.shogi-player-symbol{clip-path:polygon(50% 0,100% 21%,88% 100%,12% 100%,0 21%);width:27px;height:30px;font-family:var(--font-qi-koma-jp), "Yu Mincho", "Hiragino Mincho ProN", serif;background:#dfb675;flex:0 0 27px;place-items:center;font-size:17px;font-weight:400;display:grid}.shogi-player-symbol.gote{transform:rotate(180deg)}.shogi-engine-card{margin-top:11px}.shogi-cpu-card{margin-top:11px;margin-bottom:0}.shogi-move-list .move-row{grid-template-columns:25px minmax(0,1fr) minmax(0,1fr)}.shogi-move-list .move-row strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}@media (width>=851px) and (orientation:landscape),(width>=812px) and (height<=500px){.shogi-board-column>.shogi-board-frame,.shogi-board-column>.shogi-hand{margin-inline:auto}}@media (width<=1080px){.shogi-layout{grid-template-columns:minmax(450px, 1fr) var(--game-sidebar-width)}}@media (width<=811px),(width<=850px) and (height>=501px),(orientation:portrait){.shogi-layout{grid-template-columns:minmax(0,1fr)}.shogi-control-panel{display:block}.shogi-board-column{--shogi-stack-width:min(100%, max(16rem, calc(var(--board-fit-height) - 108px - 2 * clamp(6px, 1vh, 10px))))}.shogi-board-column>.bk-seat.shogi-seat-line,.shogi-board-column>.bk-strip{width:var(--shogi-stack-width)}}.shogi-seat-token{clip-path:polygon(50% 0,85% 17%,100% 100%,0 100%,15% 17%);background:#33291e;flex:0 0 15px;width:15px;height:17px;position:relative}.shogi-seat-token.gote:after{content:"";clip-path:polygon(50% 0,85% 17%,100% 100%,0 100%,15% 17%);background:#f3e3c3;position:absolute;inset:2px}.shogi-board-column>.bk-seat.shogi-seat-line{min-height:54px;padding:0 8px}.shogi-seat-line .bk-seat-hand{--shogi-hand-koma:clamp(24px, 8.2vw, 32px);min-width:min(44%,150px);min-height:calc(var(--shogi-hand-koma) * 37 / 34 + 17px);justify-content:flex-start;align-self:center;gap:2px;padding:8px 7px 9px}.shogi-seat-line .bk-seat-hand>:first-child{margin-left:auto}.bk-seat-hand>.shogi-hand-piece{padding:0 6px 0 1px}.bk-seat-hand>.shogi-hand-piece.is-far{padding:0 1px 0 6px}.bk-seat-hand>.shogi-hand-piece>.shogi-piece{width:var(--shogi-hand-koma)}.bk-seat-hand>.shogi-hand-piece strong{font-size:12px}@media (height<=620px) and (width<=811px){.shogi-board-column{--shogi-stack-width:min(100%, max(16rem, calc(var(--board-fit-height) - 84px - 2 * clamp(6px, 1vh, 10px))))}.shogi-layout .shogi-hand,.shogi-board-column>.bk-seat.shogi-seat-line{min-height:42px}.shogi-layout .shogi-hand{padding-block:6px 7px}.shogi-seat-line .bk-seat-hand{--shogi-hand-koma:clamp(20px, 6.6vw, 24px);min-height:calc(var(--shogi-hand-koma) * 37 / 34 + 13px);padding-block:6px 7px}.shogi-layout .shogi-hand .shogi-hand-piece>.shogi-piece{width:clamp(20px,6.6vw,24px)}}@container shogi-area (height<=500px) and ((aspect-ratio<8/7) or (width<560px)){.shogi-layout .shogi-board-frame,.shogi-layout .shogi-hand{--shogi-board-min:16rem;--shogi-stack-reserve:calc(84px + 2 * clamp(6px, 1vh, 10px))}.shogi-layout .shogi-hand{min-height:42px;padding-block:6px 7px}.shogi-layout .shogi-hand .shogi-hand-piece>.shogi-piece{width:clamp(20px,6.6vw,24px)}}.shogi-board.is-viewing .shogi-square{cursor:default}.shogi-square[data-drag-source],.shogi-hand-piece[data-drag-source]{touch-action:none}.shogi-square[data-drop-over]:before{content:"";z-index:3;pointer-events:none;border:clamp(2px,.32vw,3px) solid #c53826c7;border-radius:50%;position:absolute;inset:3%}@media (width<=811px),(width<=850px) and (height>=501px),(orientation:portrait){.shogi-board-column{--shogi-board-max:none}}