.balance-loop-wrap{width:min(100%,780px);margin:0 auto;display:grid;gap:1rem}.balance-loop-shell{width:100%;display:grid;place-items:center;padding:clamp(.45rem,1.5vw,1rem);border:1px solid color-mix(in srgb,currentColor 13%,transparent);border-radius:1.25rem;background:radial-gradient(circle at 50% 0%,color-mix(in srgb,var(--game-accent-2,#38bdf8) 11%,transparent),transparent 45%),color-mix(in srgb,currentColor 3%,transparent)}.balance-loop-board{width:min(100%,720px);aspect-ratio:1;display:block;overflow:visible;touch-action:manipulation;user-select:none;-webkit-user-select:none}.balance-grid-dot{fill:color-mix(in srgb,currentColor 26%,transparent);pointer-events:none}.balance-edge{cursor:pointer;outline:none}.balance-edge-hit{stroke:transparent;stroke-width:20;stroke-linecap:round;pointer-events:stroke}.balance-edge-line{stroke:var(--game-accent,#2563eb);stroke-width:7;stroke-linecap:round;opacity:0;pointer-events:none;transition:opacity .12s ease,stroke-width .12s ease}.balance-edge[data-state="1"] .balance-edge-line{opacity:1}.balance-edge-x{fill:color-mix(in srgb,currentColor 55%,transparent);font:700 19px/1 system-ui,sans-serif;text-anchor:middle;dominant-baseline:central;opacity:0;pointer-events:none}.balance-edge[data-state="0"] .balance-edge-x{opacity:1}.balance-edge:focus-visible .balance-edge-line{opacity:.55;stroke:var(--game-accent-2,#38bdf8);stroke-width:9}.balance-edge[data-state="1"]:focus-visible .balance-edge-line{opacity:1}.balance-clue{pointer-events:none}.balance-clue circle{stroke:color-mix(in srgb,currentColor 86%,transparent);stroke-width:2.4}.balance-clue.is-white circle{fill:var(--surface,#fff)}.balance-clue.is-black circle{fill:color-mix(in srgb,currentColor 92%,#111)}.balance-clue text{font:800 12px/1 system-ui,sans-serif;text-anchor:middle;dominant-baseline:central}.balance-clue.is-white text{fill:currentColor}.balance-clue.is-black text{fill:var(--surface,#fff)}.balance-loop-legend{display:flex;flex-wrap:wrap;justify-content:center;gap:.55rem 1rem;color:color-mix(in srgb,currentColor 72%,transparent);font-size:.84rem}.balance-loop-legend span{display:inline-flex;align-items:center;gap:.38rem}.balance-loop-legend i{width:1rem;height:1rem;border-radius:50%;border:2px solid currentColor;display:inline-block}.balance-loop-legend i.white{background:var(--surface,#fff)}.balance-loop-legend i.black{background:currentColor}@media(max-width:640px){.balance-loop-wrap{gap:.65rem}.balance-loop-shell{padding:.2rem;border-radius:.9rem}.balance-edge-hit{stroke-width:24}}@media(prefers-reduced-motion:reduce){.balance-edge-line{transition:none}}