.ag-game-dotsBoxes{--dnb-you:var(--cat);--dnb-cpu:var(--accent);--dnb-dot:clamp(16px,4.6vw,24px)}:root[data-theme=light] .ag-game-dotsBoxes{--dnb-you:#c2412b;--dnb-cpu:#0b6e8e}.ag-game-dotsBoxes .dnb-players{justify-content:center;align-items:center;gap:12px;width:min(100%,560px);display:flex}.ag-game-dotsBoxes .dnb-player{border:1px solid var(--hairline);background:var(--panel-soft);border-radius:14px;flex:1 1 0;grid-template-rows:auto auto;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;column-gap:10px;min-width:0;padding:10px 14px;transition:border-color .2s,box-shadow .2s;display:grid}.ag-game-dotsBoxes .dnb-badge{border-radius:50%;grid-row:1/3;place-items:center;width:34px;height:34px;font-size:.95rem;display:grid}.ag-game-dotsBoxes .is-you .dnb-badge{background:color-mix(in srgb,var(--dnb-you) 20%,transparent);color:var(--dnb-you)}.ag-game-dotsBoxes .is-cpu .dnb-badge{background:color-mix(in srgb,var(--dnb-cpu) 20%,transparent);color:var(--dnb-cpu)}.ag-game-dotsBoxes .dnb-pname{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--ink);font-size:.95rem;font-weight:800;overflow:hidden}.ag-game-dotsBoxes .dnb-pscore{font-family:var(--display);color:var(--ink);font-variant-numeric:tabular-nums;grid-area:1/3/3;font-size:1.6rem;font-weight:800}.ag-game-dotsBoxes .dnb-pstate{min-height:1.2em;color:var(--muted);font-size:.76rem;font-weight:650}.ag-game-dotsBoxes .dnb-player.is-active{border-color:var(--cat);box-shadow:0 0 0 1px var(--cat) inset,0 10px 30px -18px var(--cat)}.ag-game-dotsBoxes .dnb-player.is-cpu.is-active{border-color:var(--dnb-cpu);box-shadow:0 0 0 1px var(--dnb-cpu) inset,0 10px 30px -18px var(--dnb-cpu)}.ag-game-dotsBoxes .dnb-player.is-active .dnb-pstate{color:var(--ink)}.ag-game-dotsBoxes .dnb-vs{color:var(--muted);letter-spacing:.12em;text-transform:uppercase;font-size:.72rem;font-weight:800}.ag-game-dotsBoxes .dnb-grid{grid-template-columns:repeat(var(--cols),var(--dnb-dot) minmax(0,1fr)) var(--dnb-dot);grid-template-rows:repeat(var(--rows),var(--dnb-dot) auto) var(--dnb-dot);width:min(100%,var(--dnb-max,520px));background:var(--panel-soft);border:1px solid var(--hairline);touch-action:manipulation;-webkit-user-select:none;user-select:none;border-radius:18px;padding:clamp(8px,2vw,18px);display:grid}.ag-game-dotsBoxes .dnb-grid[data-size="3"]{--dnb-max:420px}.ag-game-dotsBoxes .dnb-grid[data-size="5"]{--dnb-max:560px}.ag-game-dotsBoxes .dnb-dot,.ag-game-dotsBoxes .dnb-box,.ag-game-dotsBoxes .dnb-edge{grid-row:var(--r);grid-column:var(--c)}.ag-game-dotsBoxes .dnb-dot{z-index:3;aspect-ratio:1;background:var(--ink);width:42%;box-shadow:0 0 0 3px var(--panel-soft);border-radius:50%;place-self:center}.ag-game-dotsBoxes .dnb-box{aspect-ratio:1;border-radius:6px;place-items:center;margin:2px;transition:background-color .25s;display:grid}.ag-game-dotsBoxes .dnb-mark{font-size:clamp(1rem,5vw,2rem);font-weight:800;line-height:1}.ag-game-dotsBoxes .dnb-box.is-you{background:color-mix(in srgb,var(--dnb-you) 26%,transparent);color:var(--dnb-you)}.ag-game-dotsBoxes .dnb-box.is-cpu{background:color-mix(in srgb,var(--dnb-cpu) 24%,transparent);color:var(--dnb-cpu)}.ag-game-dotsBoxes .dnb-box.is-three{background:repeating-linear-gradient(135deg,color-mix(in srgb,var(--muted) 16%,transparent) 0 6px,transparent 6px 12px)}.ag-game-dotsBoxes .dnb-box.is-new{animation:.45s cubic-bezier(.2,.9,.3,1.3) dnb-claim}@keyframes dnb-claim{0%{opacity:0;transform:scale(.4)}to{opacity:1;transform:none}}.ag-game-dotsBoxes .dnb-edge{width:100%;height:100%;min-height:var(--dnb-dot);cursor:pointer;z-index:2;background:0 0;border:0;border-radius:6px;padding:0;display:block;position:relative}.ag-game-dotsBoxes .dnb-line{background:0 0;border-radius:999px;transition:background-color .15s,box-shadow .15s;position:absolute}.ag-game-dotsBoxes .dnb-edge.is-h .dnb-line{left:calc(var(--dnb-dot) * -.5);right:calc(var(--dnb-dot) * -.5);height:6px;top:50%;transform:translateY(-50%)}.ag-game-dotsBoxes .dnb-edge.is-v .dnb-line{top:calc(var(--dnb-dot) * -.5);bottom:calc(var(--dnb-dot) * -.5);width:6px;left:50%;transform:translate(-50%)}.ag-game-dotsBoxes .dnb-edge:not(.is-drawn) .dnb-line{background:repeating-linear-gradient(90deg,color-mix(in srgb,var(--muted) 30%,transparent) 0 4px,transparent 4px 9px)}.ag-game-dotsBoxes .dnb-edge.is-v:not(.is-drawn) .dnb-line{background:repeating-linear-gradient(180deg,color-mix(in srgb,var(--muted) 30%,transparent) 0 4px,transparent 4px 9px)}.ag-game-dotsBoxes .dnb-grid:not(.is-locked) .dnb-edge:not(.is-drawn):hover .dnb-line{background:color-mix(in srgb,var(--dnb-you) 60%,transparent)}.ag-game-dotsBoxes .dnb-grid.is-locked .dnb-edge,.ag-game-dotsBoxes .dnb-edge.is-drawn{cursor:default}.ag-game-dotsBoxes .dnb-edge.by-you .dnb-line{background:var(--dnb-you)}.ag-game-dotsBoxes .dnb-edge.by-cpu .dnb-line{background:var(--dnb-cpu)}.ag-game-dotsBoxes .dnb-edge.is-last .dnb-line{box-shadow:0 0 0 3px color-mix(in srgb,var(--ink) 35%,transparent),0 0 14px 2px currentColor}.ag-game-dotsBoxes .dnb-edge.is-last.by-you{color:var(--dnb-you)}.ag-game-dotsBoxes .dnb-edge.is-last.by-cpu{color:var(--dnb-cpu)}.ag-game-dotsBoxes .dnb-edge:focus-visible{outline:3px solid var(--focus);outline-offset:-1px}@media (width<=520px){.ag-game-dotsBoxes .dnb-players{gap:8px}.ag-game-dotsBoxes .dnb-vs{display:none}.ag-game-dotsBoxes .dnb-pname{font-size:.88rem}.ag-game-dotsBoxes .dnb-player{column-gap:8px;padding:8px 10px}.ag-game-dotsBoxes .dnb-badge{width:28px;height:28px}.ag-game-dotsBoxes .dnb-pscore{font-size:1.3rem}.ag-game-dotsBoxes .dnb-edge.is-h .dnb-line{height:5px}.ag-game-dotsBoxes .dnb-edge.is-v .dnb-line{width:5px}}@media (prefers-reduced-motion:reduce){.ag-game-dotsBoxes .dnb-box.is-new{animation:none}.ag-game-dotsBoxes .dnb-line,.ag-game-dotsBoxes .dnb-box{transition:none}}@media (forced-colors:active){.ag-game-dotsBoxes .dnb-edge.is-drawn .dnb-line,.ag-game-dotsBoxes .dnb-dot{background:canvastext}}