.ag-game-slitherlink{--sl-line:#7eb6ff;--sl-x:#9fb0d4;--sl-bad:#ff7a90;--sl-dot:#d7e2ff}:root[data-theme=light] .ag-game-slitherlink{--sl-line:#1d4ed8;--sl-x:#4b5a7e;--sl-bad:#c3002f;--sl-dot:#1b2244}.ag-game-slitherlink .sl-campaign{width:min(100%,560px);color:var(--muted);text-align:center;margin:0;font-size:.86rem;font-weight:700}.ag-game-slitherlink .sl-tools{justify-content:center;gap:8px;margin:0;display:flex}.ag-game-slitherlink .sl-tool{min-height:44px;padding:0 14px}.ag-game-slitherlink .sl-tool.is-on{outline:2px solid var(--sl-line)}.ag-game-slitherlink .sl-board{--pad:24px;aspect-ratio:1;touch-action:manipulation;user-select:none;width:min(100%,460px,max(280px,100dvh - 360px));margin:12px auto;position:relative;overflow:hidden}.ag-game-slitherlink .sl-cell{pointer-events:none;border-radius:4px;position:absolute}.ag-game-slitherlink .sl-cell.is-cursor{background:color-mix(in srgb,var(--sl-line) 16%,transparent)}.ag-game-slitherlink .sl-board:focus{outline:none}.ag-game-slitherlink .sl-board.is-shake{animation:.32s sl-shake}@keyframes sl-shake{0%,to{transform:translate(0)}25%{transform:translate(-6px)}75%{transform:translate(6px)}}.ag-game-slitherlink .sl-dot{background:var(--sl-dot);pointer-events:none;border-radius:50%;width:8px;height:8px;position:absolute;transform:translate(-50%,-50%)}.ag-game-slitherlink .sl-dot.is-bad{background:var(--sl-bad);box-shadow:0 0 0 3px color-mix(in srgb,var(--sl-bad) 35%,transparent)}.ag-game-slitherlink .sl-clue{color:var(--ink);pointer-events:none;font-size:clamp(.9rem,3.2vw,1.15rem);font-weight:800;position:absolute;transform:translate(-50%,-50%)}.ag-game-slitherlink .sl-edge{cursor:pointer;pointer-events:none;background:0 0;border:0;min-width:0;min-height:0;margin:0;padding:0;position:absolute;transform:translate(-50%,-50%)}.ag-game-slitherlink .sl-edge.is-h{width:calc(100% / var(--c));height:44px}.ag-game-slitherlink .sl-edge.is-v{height:calc(100% / var(--r));width:44px}.ag-game-slitherlink .sl-edge.is-h{transform:translateY(-50%)}.ag-game-slitherlink .sl-edge.is-v{transform:translate(-50%)}.ag-game-slitherlink .sl-edge:before{content:"";background:var(--panel-soft);opacity:.55;border-radius:3px;position:absolute}.ag-game-slitherlink .sl-edge.is-h:before{height:3px;top:50%;left:0;right:0;transform:translateY(-50%)}.ag-game-slitherlink .sl-edge.is-v:before{width:3px;top:0;bottom:0;left:50%;transform:translate(-50%)}.ag-game-slitherlink .sl-edge.is-on:before{background:var(--sl-line);opacity:1;border-radius:4px;width:7px;height:7px}.ag-game-slitherlink .sl-edge.is-h.is-on:before{width:auto;height:7px}.ag-game-slitherlink .sl-edge.is-v.is-on:before{width:7px;height:auto}.ag-game-slitherlink .sl-edge.is-x:after{content:"×";color:var(--sl-x);place-items:center;font-size:.9rem;font-weight:800;display:grid;position:absolute;inset:0}.ag-game-slitherlink .sl-edge.is-hint{outline:2px dashed var(--sl-line);outline-offset:2px;border-radius:4px}.ag-game-slitherlink .sl-edge:focus-visible{outline:2px solid var(--sl-line);outline-offset:2px}.ag-game-slitherlink .sl-edge:disabled{cursor:default}.ag-game-slitherlink .sl-note{width:min(100%,560px)}.ag-game-slitherlink .sl-next{margin-inline:4px}
