.board{display:block;width:100%;height:auto;border-radius:7px;background:#f7f7e9;overflow:visible}.cell.light{fill:var(--board-light,#f8f7e8)}.cell.dark{fill:var(--board-dark,#e1ebd3)}.cell{stroke:var(--board-edge,#cbdabd);stroke-width:1}.cell.finish-cell{fill:#b8d996}.board .n{font:600 23px Inter,sans-serif;fill:var(--board-ink,#416342);paint-order:stroke;stroke:var(--board-light,#f6f7e7);stroke-width:3;stroke-linejoin:round}.board .finish-number{fill:#174c3b;stroke:#b8d996}.finish-flag{fill:#174c3b;stroke:#174c3b;stroke-width:3;stroke-linejoin:round}.ladder{filter:drop-shadow(5px 8px 4px #1a230b65)}.ladder-rail,.ladder-rung{stroke:#543510;stroke-width:1.3;stroke-linejoin:round}.ladder-rung{filter:drop-shadow(1px 3px 1px #1a230b50)}.ladder-highlight{fill:#fff0b8;opacity:.55}.ladder-cap{fill:#8c6026}.ladder-cap-light{fill:#ffedac}.snake-body{stroke-width:2.2;stroke-linejoin:round}.snake-blotch{opacity:.76;stroke-width:.7}.snake-head{stroke-width:.022}.snake-head-light{fill:none;stroke-width:.02;stroke-linecap:round}.snake-eye{fill:#ffda86;stroke:#6a3018;stroke-width:.015}.snake-pupil,.snake-nostril{fill:#200e0b}.snake-glint{fill:#fff}.snake-tongue{fill:none;stroke:#e0405f;stroke-width:.04;stroke-linecap:round;stroke-linejoin:round}.snake-tongue-g{transform-origin:0 0}.snake-sway{filter:drop-shadow(3px 5px 3px #40120940);transform-box:fill-box;transform-origin:50% 50%;animation:snakeSway 11s ease-in-out infinite}.beat-1 .snake-sway{animation-duration:13.5s;animation-delay:-3s}.beat-2 .snake-sway{animation-duration:9.5s;animation-delay:-6s}.beat-3 .snake-sway{animation-duration:15s;animation-delay:-1.5s}@keyframes snakeSway{0%,100%{transform:rotate(-.85deg)}50%{transform:rotate(.85deg)}}.snake-tongue-g{transform-origin:0 0;animation:tongueFlick 6.5s steps(1,end) infinite}.beat-1 .snake-tongue-g{animation-duration:8s;animation-delay:-2s}.beat-2 .snake-tongue-g{animation-duration:5.5s;animation-delay:-4s}.beat-3 .snake-tongue-g{animation-duration:9s;animation-delay:-1s}@keyframes tongueFlick{0%,86%,100%{transform:scaleX(1)}88%,92%{transform:scaleX(.16)}90%,94%{transform:scaleX(1)}}.snake-bite{transform-origin:0 0}@keyframes snakeBite{0%{transform:translateX(0) scale(1)}16%{transform:translateX(10px) scale(.93)}40%{transform:translateX(-24px) scale(1.22)}56%{transform:translateX(-17px) scale(1.14)}72%{transform:translateX(-4px) scale(1.03)}100%{transform:translateX(0) scale(1)}}.snake.biting .snake-bite{animation:snakeBite .62s cubic-bezier(.3,1.5,.5,1) 1}@media (prefers-reduced-motion:reduce){.snake-sway,.snake-tongue-g,.snake.biting .snake-bite{animation:none}}.transport-path{fill:none;stroke:none;pointer-events:none}.tok{transition:transform .16s cubic-bezier(.2,.8,.2,1)}.tok .body,.piece{stroke:#fffdf3;stroke-width:5;fill:#387cbf}.tok.black .body,.piece.p2{fill:#8457ae}.tok.vermilion .body,.piece.p3{fill:#dd6956}.tok.brass .body{fill:#25836c}.tok .ring{fill:none;stroke:#174c3b;stroke-width:3;opacity:0}.tok.now .ring{opacity:1}.tok text{font:700 24px Inter,sans-serif;fill:white;text-anchor:middle;dominant-baseline:central;stroke:none}.tok .body{filter:drop-shadow(0 4px 3px #183f3455)}.board-frame{background:var(--green);padding:14px;border-radius:18px;box-shadow:0 18px 32px -22px #174c3b70}.board-caption{display:flex;align-items:center;justify-content:space-between;gap:12px;color:#d6e9c7;font-size:.7rem;padding:10px 2px 0;letter-spacing:.015em}.board-caption span{display:flex;align-items:center;gap:5px}.legend-line{width:14px;height:5px;background:#dfb45a;border-radius:3px;display:inline-block}.legend-line.snake-line{background:#e2937f}.board-meta{display:flex;gap:15px;justify-content:center;margin-top:16px;font-size:.75rem;color:var(--muted)}.board-meta span{display:flex;align-items:center;gap:6px}.board-meta .icon{width:15px;height:15px}
@media(max-width:700px){.board-frame{padding:10px;border-radius:13px}.board-caption{padding-top:8px;font-size:.64rem}.board .n{font-size:25px}.board-meta{gap:12px;font-size:.7rem}}