.hex-mini{border-radius:50%;flex:0 0 17px;width:17px;height:17px}.hex-room{box-sizing:border-box;width:100%;height:calc(var(--board-vh) - var(--board-chrome,0px));grid-template-rows:auto minmax(0,1fr) auto;min-height:0;display:grid}.hex-room>.bk-seat{width:var(--bk-board-width,100%);justify-self:center;max-width:100%}.hex-room>.hex-seat-line:first-child{grid-row:1}.hex-area~.hex-seat-line{grid-row:3}.hex-area{grid-row:2;place-items:center;min-height:0;display:grid;container:hex-area/size}.hex-stage{aspect-ratio:1.5;box-sizing:border-box;--bk-wood-1:#e6c995;--bk-wood-2:#dbbb83;--bk-wood-3:#cfab70;--bk-grain:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='360' height='360'%3E%3Cfilter id='a' x='0' y='0' width='100%25' height='100%25'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.7 0.008' numOctaves='4' seed='11' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0.44 0 0 0 0 0.26 0 0 0 0 0.08 1.05 0 0 0 -0.48'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23a)'/%3E%3C/svg%3E");border-radius:3%;width:min(100cqw,150cqh);position:relative;overflow:hidden;box-shadow:inset 0 0 0 clamp(6px,1.1vw,10px) #8a5b2f,0 6px 14px #462c1438}.hex-lines{z-index:2;pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.hex-grid polygon{fill:none;stroke:#8a6238;stroke-width:1.1px;stroke-linejoin:round;vector-effect:non-scaling-stroke}.hex-edge{fill:none;stroke-width:max(4px, calc(var(--bk-cell) * .1));stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.hex-edge.blue{stroke:#2f6ea6}.hex-edge.red{stroke:#b8443a}.hex-cell{z-index:3;left:calc(var(--hx) * 1%);top:calc(var(--hy) * 1%);width:var(--hex-cell);aspect-ratio:.866025;cursor:pointer;background:0 0;border:0;padding:0;position:absolute;translate:-50% -50%;container-type:size}.hex-cell-face{clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);width:100%;height:100%;display:block;position:relative}.hex-cell:not(:disabled):not([aria-disabled=true]):hover .hex-cell-face{background:#fffaec52}.hex-cell:focus-visible{box-shadow:none;outline:none}.hex-cell:focus-visible .hex-cell-face{box-shadow:inset 0 0 0 3px var(--focus-ring), inset 0 0 0 6px var(--focus-ring-halo)}.hex-stone{--hex-d:min(100cqw, 100cqh);z-index:3;left:calc(50% - var(--hex-d) * .4);top:calc(50% - var(--hex-d) * .4);width:calc(var(--hex-d) * .8);aspect-ratio:1;--bk-disc-em:calc(var(--hex-d) * .8 / .76);display:block;position:absolute}.hex-mini.blue{background:radial-gradient(circle at 33% 26%,#71b8e8,#24699c 58%,#123b65)}.hex-mini.red{background:radial-gradient(circle at 33% 26%,#f78e79,#ba463e 58%,#76272c)}.hex-cell.last .hex-stone:after{content:"";background:#fffdf4e6;border-radius:50%;position:absolute;inset:39%;box-shadow:0 0 4px 1px #fff6d099}@container hex-area (aspect-ratio<1){.hex-stage{--hex-turned:1;aspect-ratio:1/1.5;width:min(100cqw,66.6667cqh)}.hex-cell{left:calc((100 - var(--hy)) * 1%);top:calc(var(--hx) * 1%);width:calc(var(--hex-cell) * 1.5 * 1.1547);aspect-ratio:1.1547}.hex-cell-face{clip-path:polygon(0 50%,25% 0,75% 0,100% 50%,75% 100%,25% 100%)}}.game-control-panel.hex-control-panel.record-panel>.game-control-scroll{grid-template-rows:auto minmax(76px,1fr) auto auto}.bk-seat-who>.hex-mini{flex-basis:18px;width:18px;height:18px}.hex-stage[data-viewing] .hex-cell{cursor:default}.hex-room:has(>.hex-seat-line){row-gap:6px}.hex-control-panel .bk-setup-row>.select-menu{flex:1 1 0;min-width:0}html:lang(en) .hex-control-panel .bk-setup-label{width:44px}.hex-stage[data-numbers] .hex-cell.last .hex-stone:after{display:none}.hex-stone.red .bk-move-no[data-current]{color:#ffe08a}