.animal-ink{-webkit-mask:var(--animal-image) center / contain no-repeat;mask:var(--animal-image) center / contain no-repeat;pointer-events:none;background-color:#633b27;display:block;mask-mode:alpha}#chess-game{--wood-shape:url(/images/game/animal-table/tile-hex.svg)}#animal-game{--wood-shape:url(/images/game/animal-table/tile-shogi.svg)}:is(#chess-game,#animal-game) .piece.piece{clip-path:none;filter:drop-shadow(0 2px 1px #4a342f40);background:0 0}:is(#chess-game,#animal-game) .piece.piece:before{content:"";-webkit-mask:var(--wood-shape) center / 100% 100% no-repeat;mask:var(--wood-shape) center / 100% 100% no-repeat;background:linear-gradient(135deg,#c1a075,#8c6844 70%,#765435);position:absolute;inset:0}:is(#chess-game,#animal-game) .piece.piece :is(.face,.piece-face){clip-path:none;-webkit-mask:var(--wood-shape) center / 100% 100% no-repeat;mask:var(--wood-shape) center / 100% 100% no-repeat;background:var(--animal-tint,#eee2c9);box-shadow:none;inset:1px 1px 3px}:is(#chess-game,#animal-game) .piece.piece :is(.face,.piece-face):after{content:"";pointer-events:none;background:0 0;border:0;border-radius:0;position:absolute;inset:0}#animal-game .piece .animal-ink{filter:none}#chess-game #promotion-options button{background:var(--animal-tint,#eee2c9);color:#633b27}[data-animal=lion]{--animal-tint:#ead3a8}[data-animal=owl],[data-animal=owl-promoted]{--animal-tint:#e4d8e9}[data-animal=boar]{--animal-tint:#e5d3bc}[data-animal=deer]{--animal-tint:#e1e8d4}[data-animal=wolf]{--animal-tint:#d8e2e3}[data-animal=hedgehog]{--animal-tint:#eee7d8}:is(#chess-game,#animal-game) .board-stage{min-width:0;position:relative}:is(#chess-game,#animal-game)[data-result] .result-banner[hidden]{display:none}:is(#chess-game,#animal-game)[data-result=win]{--result-accent:#e7c477;--result-panel:#30422e}:is(#chess-game,#animal-game)[data-result=loss]{--result-accent:#e5b0a5;--result-panel:#45322d}:is(#chess-game,#animal-game)[data-result=draw]{--result-accent:#cad4c2;--result-panel:#344039}:is(#chess-game,#animal-game)[data-result]:not([data-result=""]) .board{filter:grayscale(.75)brightness(.65);pointer-events:none}:is(#chess-game,#animal-game) .result-banner:not([hidden]){z-index:4;color:#fff;text-align:center;pointer-events:none;background:#111b16b8;border-radius:18px;flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:14px;display:flex;position:absolute;inset:0}:is(#chess-game,#animal-game) .result-symbol{background:var(--result-panel);border:2px solid var(--result-accent);width:54px;height:54px;color:var(--result-accent);border-radius:50%;place-items:center;font-size:30px;line-height:1;display:grid}:is(#chess-game,#animal-game) .result-title{color:var(--result-accent);text-shadow:0 2px 10px #000;font-size:clamp(20px,5cqw,34px);line-height:1.2}:is(#chess-game,#animal-game) .result-detail{color:#f1eee4;font-size:13px}:is(#chess-game,#animal-game)[data-result]:not([data-result=""]) .feedback{border-left:4px solid var(--result-accent);background:var(--result-panel);border-radius:10px;padding:14px 16px}[data-animal=bear],[data-animal=bear-promoted]{--animal-tint:#e5d3bc}[data-animal=fox],[data-animal=fox-promoted]{--animal-tint:#f2cfaa}[data-animal=hedgehog-promoted]{--animal-tint:#e4d8e9}[data-animal=penguin],[data-animal=penguin-promoted]{--animal-tint:#eee7d8}#animal-game .piece-grain{display:none}:root{--hint-selected:#ffec99;--hint-target:#d5e4b3;--hint-edge:#49602d;--hint-dot:#617b3f;--hint-last:#805f39}.board.board-hints :is(.cell,.square){position:relative}.board.board-hints :is(.cell,.square).selected{border-color:var(--hint-selected)}.board.board-hints :is(.cell,.square).target{background:var(--hint-target);border-color:var(--hint-edge)}.board.board-hints :is(.cell,.square).target:after{content:"";pointer-events:none;z-index:3;box-sizing:border-box;position:absolute}.board.board-hints :is(.cell,.square).target.empty:after{aspect-ratio:1;background:var(--hint-dot);border-radius:50%;width:14%;top:50%;left:50%;transform:translate(-50%,-50%)}.board.board-hints :is(.cell,.square).target:not(.empty):after{border:3px solid var(--hint-edge);border-radius:6px;inset:3px}.board.board-hints :is(.cell,.square).last:not(.target):not(.selected){box-shadow:inset 0 0 0 1px var(--hint-last)}:is(#animal-game,#mini-shogi) .hand button.selected{outline:2px solid var(--hint-selected);outline-offset:-2px}