.hex-mini{border-radius:50%;flex:0 0 17px;width:17px;height:17px}.hex-stage{aspect-ratio:1.5;background:radial-gradient(circle at 30% 15%,#ffffff80,#0000 28%),repeating-linear-gradient(15deg,#0000 0 28px,#65431e06 29px 30px),#dab272;border:1px solid #5e40203d;border-radius:4%;width:min(100%,820px);position:relative;overflow:hidden;box-shadow:inset 0 0 0 5px #744b2014,inset 0 0 42px #5733121f}.hex-stage:after{content:"";pointer-events:none;border:1px solid #ffffff59;border-radius:3%;position:absolute;inset:2%}.hex-cell{z-index:3;width:var(--hex-cell);aspect-ratio:.866025;cursor:pointer;background:0 0;border:0;padding:0;position:absolute}.hex-cell-face{clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);background:linear-gradient(145deg,#f2cf91,#c78e4b);width:100%;height:100%;display:block;position:relative;box-shadow:inset 0 0 0 1px #5332168c}.hex-cell:not(:disabled):not([aria-disabled=true]):hover .hex-cell-face{filter:brightness(1.09)}.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{border-radius:50%;display:block;position:absolute;inset:9%;box-shadow:inset 3px 3px 4px #ffffff4d,inset -4px -5px 6px #19191e4d,0 5px 7px #3928174d}.hex-stone.blue,.hex-mini.blue{background:radial-gradient(circle at 33% 26%,#71b8e8,#24699c 58%,#123b65)}.hex-stone.red,.hex-mini.red{background:radial-gradient(circle at 33% 26%,#f78e79,#ba463e 58%,#76272c)}.hex-cell.last .hex-stone:after{content:"";border:1px solid #ffffffd9;border-radius:50%;position:absolute;inset:40%}.hex-rail{z-index:2;color:#ffffffdb;font:750 clamp(7px, .8vw, 10px)/1 var(--font-app-mono), monospace;letter-spacing:.08em;text-shadow:0 1px 2px #0003;position:absolute}.hex-rail.north,.hex-rail.south{text-align:center;background:#2c6e9f;border-radius:99px;width:60%;height:8px;left:20%}.hex-rail.north{top:2.8%}.hex-rail.south{bottom:2.8%}.hex-rail.west,.hex-rail.east{writing-mode:vertical-rl;text-align:center;background:#b84942;border-radius:99px;width:8px;height:40%;top:30%}.hex-rail.west{left:2.5%}.hex-rail.east{right:2.5%}@media (width>=851px),(width>=812px) and (height<=500px){.hex-stage{width:var(--fitted-board-size);width:min(100%, calc((var(--board-vh) - clamp(12px, 2vh, 24px)) * 1.5));margin-inline:auto}}@media (width<=850px){.hex-stage{width:min(100%, 820px, calc(var(--board-fit-height) * 1.5));margin-inline:auto}}