.dots-board{aspect-ratio:1;color:#315740;touch-action:manipulation;background:#f7f1df;border:1px solid #ded6be;border-radius:18px;gap:0;max-width:480px;margin:18px auto;padding:18px;display:grid;box-shadow:0 9px 24px #283f2b16}.dots-point{z-index:1;pointer-events:none;background:#284f3a;border-radius:50%;place-self:center;width:11px;height:11px}.dots-edge{cursor:pointer;background:0 0;border:0;place-items:center;min-width:0;min-height:0;padding:0;display:grid;position:relative}.dots-edge span{background:#d7ddcb;border-radius:6px;width:100%;height:8px;transition:background .15s}.dots-edge.vertical span{width:8px;height:100%}.dots-edge.owner-0 span{background:#3b7958}.dots-edge.owner-1 span{background:#b56c3d}.dots-edge:not([aria-disabled=true]):hover span,.dots-edge:focus-visible span{background:#95b397}.dots-edge:focus-visible{outline-offset:-2px;z-index:2;outline:3px solid #4577a1}.dots-box{border-radius:5px;place-items:center;margin:3px;font-size:clamp(22px,5vw,40px);display:grid}.dots-box.owner-0{color:#30634a;background:#d7e7c9}.dots-box.owner-1{color:#98542c;background:#f0d9b8}.dots-edge:disabled{cursor:default}.dots-score{justify-content:space-between;gap:12px;font-weight:650;display:flex}.dots-score span:last-child{color:#98542c}@media (prefers-reduced-motion:reduce){.dots-edge span{transition:none}}