.dou-stage{width:min(100%,calc((var(--board-vh) - 47.5px)*7/9 + 14px));gap:8px;max-width:720px;padding:7px;display:grid}.dou-board{aspect-ratio:7/9;background:#f2d37f;border:3px solid #76501f;border-radius:9px;grid-template-rows:repeat(9,minmax(0,1fr));grid-template-columns:repeat(7,minmax(0,1fr));width:100%;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 0 0 3px #fffcdf80}.dou-cell{cursor:pointer;background:linear-gradient(145deg,#ffffff38,#d2943209),#f2d37f;border:1px solid #5b441f57;border-top:0;border-left:0;place-items:center;min-width:0;min-height:0;padding:0;display:grid;position:relative}.dou-cell:nth-child(7n){border-right:0}.dou-cell:nth-child(n+57){border-bottom:0}.dou-cell.water{background:linear-gradient(135deg,#ffffff40,#0000 62%),#55c8cf}.dou-water-lines{opacity:.46;background:repeating-radial-gradient(at 50% 118%,#0000 0 8px,#e2fffcd6 9px 10px,#0000 11px 16px);border-radius:6px;position:absolute;inset:9%}.dou-cell.den,.dou-cell.trap{background:#f5d783}.dou-terrain-art{z-index:1;opacity:.82;filter:saturate(.94)brightness(1.04);background-image:url(/dou-shou-qi/terrain-atlas-v2.webp);background-repeat:no-repeat;background-size:200% 100%;border-radius:8%;display:block;position:absolute;inset:3%}.dou-terrain-art.den-art{background-position:0}.dou-terrain-art.trap-art{background-position:100%}.dou-terrain-art.jade-terrain{box-shadow:inset 0 0 0 2px #148b973d}.dou-terrain-art.cinnabar-terrain{box-shadow:inset 0 0 0 2px #dd4e3b3b}.dou-cell{container-type:inline-size}.dou-piece{z-index:3;aspect-ratio:1;width:80%;color:var(--dou-ink);background:var(--dou-face);box-shadow:inset 0 1px 0 #fffffff2,inset 0 -1px 0 #00000014,0 3px 0 var(--dou-side),0 5px 0 var(--dou-side-deep),0 6px 4px #2816084d;will-change:var(--piece-layer,auto);border-radius:10%;place-items:center;transition:transform .17s;display:grid;position:relative;overflow:hidden;translate:0 -3px}.dou-piece.jade{--dou-ink:#0f6c63;--dou-face:linear-gradient(180deg,#dcf5ef,#b6e6da);--dou-side:#4fb0a3;--dou-side-deep:#25796e}.dou-piece.cinnabar{--dou-ink:#b23a2a;--dou-face:linear-gradient(180deg,#ffe4d1,#ffcfae);--dou-side:#e07a5c;--dou-side-deep:#b84a33}.dou-rank{z-index:2;letter-spacing:-.02em;color:var(--dou-ink);text-shadow:0 1px #ffffffb3;font:800 max(11px,27cqi)/1 ui-rounded,system-ui,sans-serif;position:absolute;top:2%;left:6%}.dou-animal-art{z-index:1;background-repeat:no-repeat;background-size:400% 200%;display:block;position:absolute;inset:17% 1% 1% 17%}.dou-piece.jade .dou-animal-art{background-image:url(/dou-shou-qi/animal-atlas-jade-v3.webp)}.dou-piece.cinnabar .dou-animal-art{background-image:url(/dou-shou-qi/animal-atlas-cinnabar-v3.webp)}.dou-animal-art[data-animal=rat]{background-position:0 0}.dou-animal-art[data-animal=cat]{background-position:33.333% 0}.dou-animal-art[data-animal=dog]{background-position:66.667% 0}.dou-animal-art[data-animal=wolf]{background-position:100% 0}.dou-animal-art[data-animal=leopard]{background-position:0 100%}.dou-animal-art[data-animal=tiger]{background-position:33.333% 100%}.dou-animal-art[data-animal=lion]{background-position:66.667% 100%}.dou-animal-art[data-animal=elephant]{background-position:100% 100%}.dou-cell.selected{z-index:3}.dou-cell.selected .dou-piece{filter:brightness(1.08);transform:translateY(-4px)scale(1.05)}.dou-cell{--bk-fit-w:80cqw;--bk-fit-h:calc(80cqw + 5px);--bk-fit-cy:-.5px;--bk-fit-lift-y:-4px;--bk-fit-lift-s:1.05}.dou-cell>.bk-fit-ring{--bk-fit-radius:calc(8cqw + var(--bk-fit-g))}.dou-legal-dot{z-index:5;aspect-ratio:1;background:#28221c66;border-radius:50%;width:max(8px,20%);position:absolute}.dou-cell.last-from{box-shadow:inset 0 0 0 100vmax #28180a2b}.dou-cell.last-to{box-shadow:inset 0 0 0 100vmax #28180a52}.dou-compass{color:#77654c;letter-spacing:.08em;justify-content:space-between;align-items:center;font-size:11px;display:flex}.dou-compass strong{color:#71512f;letter-spacing:.3em;font-family:STKaiti,KaiTi,serif;font-size:17px}.dou-mini{aspect-ratio:1;border:2px solid;border-radius:22%;width:24px;box-shadow:inset 0 0 0 2px #ffffff8c}.dou-mini.jade{color:#087f91;background:#b9efe8}.dou-mini.cinnabar{color:#d8463a;background:#ffd09e}@media (width<=900px){.dou-stage{width:min(100%,92dvh)}}@media (width<=850px),(orientation:portrait){.board-column:has(.dou-board){--board-chrome:47.5px}.board-column.has-record-panel:has(.dou-board){--board-chrome:calc(47.5px + var(--bk-record-panel-h) + 6px)}.dou-board{width:min(100%, calc(var(--board-fit-height) * 7 / 9));margin-inline:auto}}.dou-stage{position:relative}.game-control-panel.dou-control-panel.record-panel>.game-control-scroll{grid-template-rows:auto minmax(76px,1fr) auto auto}.bk-seat-who>.dou-mini{border-width:1.5px;width:18px}.dou-piece.dou-tray-piece{width:18px;box-shadow:none;border-width:1px;flex:none;translate:none}.dou-piece.dou-tray-piece .dou-animal-art{inset:0}.dou-piece.far-turned .dou-animal-art{inset:1% 17% 17% 1%;transform:rotate(180deg)}.dou-piece.far-turned .dou-rank{inset:auto 6% 2% auto;rotate:180deg}.dou-board-column:has(>.dou-seat-line){row-gap:6px}html:lang(en) .dou-control-panel .bk-setup-label{width:44px}.dou-board-column .bk-seat-tray,.dou-control-panel .bk-seat-tray{gap:2px}@media (width<=811px),(width<=850px) and (height>=501px),(orientation:portrait){.dou-board-column .dou-stage{max-width:none}}