.dou-stage{width:min(100%,calc((var(--board-vh) - 38px)*7/9));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-piece{z-index:3;aspect-ratio:1;border:2px solid;border-radius:21%;place-items:center;width:88%;transition:transform .17s;display:grid;position:relative;overflow:hidden;box-shadow:0 2px 4px #30190924}.dou-piece:after{content:"";z-index:0;pointer-events:none;border:1px solid #ffffff9e;border-radius:17%;position:absolute;inset:2px}.dou-piece.jade{color:#087f91;background:linear-gradient(145deg,#effffc,#b9efe8)}.dou-piece.cinnabar{color:#d8463a;background:linear-gradient(145deg,#fff7dc,#ffd09e)}.dou-animal-art{--animal-x:0%;--animal-y:0%;z-index:1;transform:translate(var(--animal-x),var(--animal-y)) scale(1.02);transform-origin:50%;background-repeat:no-repeat;background-size:400% 200%;display:block;position:absolute;inset:0}.dou-piece.jade .dou-animal-art{background-image:url(/dou-shou-qi/animal-atlas-jade-v2.webp)}.dou-piece.cinnabar .dou-animal-art{background-image:url(/dou-shou-qi/animal-atlas-cinnabar-v2.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-piece.jade .dou-animal-art[data-animal=rat]{--animal-x:-4.6%;--animal-y:-3.3%}.dou-piece.jade .dou-animal-art[data-animal=cat]{--animal-x:-2.3%;--animal-y:-3.1%}.dou-piece.jade .dou-animal-art[data-animal=dog]{--animal-x:0.9%;--animal-y:-5.5%}.dou-piece.jade .dou-animal-art[data-animal=wolf]{--animal-x:3.3%;--animal-y:-3.6%}.dou-piece.jade .dou-animal-art[data-animal=leopard]{--animal-x:-3%;--animal-y:1.9%}.dou-piece.jade .dou-animal-art[data-animal=tiger]{--animal-x:-0.6%;--animal-y:1.9%}.dou-piece.jade .dou-animal-art[data-animal=lion]{--animal-x:-1.8%;--animal-y:2.4%}.dou-piece.jade .dou-animal-art[data-animal=elephant]{--animal-x:2.3%;--animal-y:-0.5%}.dou-piece.cinnabar .dou-animal-art[data-animal=rat]{--animal-x:-5.7%;--animal-y:-3.2%}.dou-piece.cinnabar .dou-animal-art[data-animal=cat]{--animal-x:4%;--animal-y:-3.5%}.dou-piece.cinnabar .dou-animal-art[data-animal=dog]{--animal-x:0.8%;--animal-y:-6.1%}.dou-piece.cinnabar .dou-animal-art[data-animal=wolf]{--animal-x:2.5%;--animal-y:-4.6%}.dou-piece.cinnabar .dou-animal-art[data-animal=leopard]{--animal-x:-4.2%;--animal-y:3.4%}.dou-piece.cinnabar .dou-animal-art[data-animal=tiger]{--animal-x:0.1%;--animal-y:2.7%}.dou-piece.cinnabar .dou-animal-art[data-animal=lion]{--animal-x:1%;--animal-y:2.7%}.dou-piece.cinnabar .dou-animal-art[data-animal=elephant]{--animal-x:2.4%;--animal-y:0.5%}.dou-cell.selected .dou-piece{filter:brightness(1.08);transform:translateY(-4px)scale(1.05)}.dou-cell.selected{box-shadow:inset 0 0 0 4px #fff08fe6}.dou-cell.legal{box-shadow:inset 0 0 0 3px #2c836ba6}.dou-legal-dot{z-index:5;aspect-ratio:1;background:#f8e17e;border-radius:50%;width:18%;position:absolute;box-shadow:0 0 0 4px #36765e47,0 1px 4px #0000004d}.dou-cell.last:after{content:"";z-index:2;pointer-events:none;border:2px solid #ffe064e0;border-radius:9px;position:absolute;inset:5%;box-shadow:0 0 14px #ffcf4b8c}.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){.board-column:has(.dou-board){--board-chrome:4.5rem}.dou-board{width:min(100%, calc(var(--board-fit-height) * 7 / 9));margin-inline:auto}}