.ag-game-masyu{--mz-line:#7eb6ff;--mz-x:#9fb0d4;--mz-dot:#d7e2ff;--mz-white:#f4f7ff;--mz-black:#0d1020}:root[data-theme=light] .ag-game-masyu{--mz-line:#1d4ed8;--mz-x:#4b5a7e;--mz-dot:#1b2244;--mz-white:#fff;--mz-black:#1b2244}.ag-game-masyu .mz-campaign{width:min(100%,560px);color:var(--muted);text-align:center;margin:0;font-size:.86rem;font-weight:700}.ag-game-masyu .mz-tools{justify-content:center;gap:8px;margin:0;display:flex}.ag-game-masyu .mz-tool{min-height:44px;padding:0 14px}.ag-game-masyu .mz-tool.is-on{outline:2px solid var(--mz-line)}.ag-game-masyu .mz-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-masyu .mz-board:focus{outline:none}.ag-game-masyu .mz-board.is-shake{animation:.32s mz-shake}@keyframes mz-shake{0%,to{transform:translate(0)}25%{transform:translate(-6px)}75%{transform:translate(6px)}}.ag-game-masyu .mz-dot{background:var(--mz-dot);opacity:.45;pointer-events:none;border-radius:50%;width:6px;height:6px;position:absolute;transform:translate(-50%,-50%)}.ag-game-masyu .mz-dot.is-on{opacity:1}.ag-game-masyu .mz-pearl{box-sizing:border-box;width:clamp(14px,calc(.5 * (100% - 2 * var(--pad)) / var(--s)),26px);aspect-ratio:1;pointer-events:none;z-index:2;border-radius:50%;position:absolute;transform:translate(-50%,-50%)}.ag-game-masyu .mz-pearl.is-white{background:var(--mz-white);border:2px solid var(--mz-line)}.ag-game-masyu .mz-pearl.is-black{background:var(--mz-black);border:2px solid var(--mz-black);box-shadow:0 0 0 1px var(--mz-line)}.ag-game-masyu .mz-edge{cursor:pointer;pointer-events:none;z-index:1;background:0 0;border:0;min-width:0;min-height:0;margin:0;padding:0;position:absolute}.ag-game-masyu .mz-edge.is-h{height:44px;transform:translateY(-50%)}.ag-game-masyu .mz-edge.is-v{width:44px;transform:translate(-50%)}.ag-game-masyu .mz-edge:before{content:"";background:var(--panel-soft);opacity:.55;border-radius:3px;position:absolute}.ag-game-masyu .mz-edge.is-h:before{height:3px;top:50%;left:0;right:0;transform:translateY(-50%)}.ag-game-masyu .mz-edge.is-v:before{width:3px;top:0;bottom:0;left:50%;transform:translate(-50%)}.ag-game-masyu .mz-edge.is-on:before{background:var(--mz-line);opacity:1;border-radius:4px;width:7px;height:7px}.ag-game-masyu .mz-edge.is-h.is-on:before{width:auto;height:7px}.ag-game-masyu .mz-edge.is-v.is-on:before{width:7px;height:auto}.ag-game-masyu .mz-edge.is-x:after{content:"×";color:var(--mz-x);place-items:center;font-size:.9rem;font-weight:800;display:grid;position:absolute;inset:0}.ag-game-masyu .mz-edge.is-hint{outline:2px dashed var(--mz-line);outline-offset:2px;border-radius:4px}.ag-game-masyu .mz-edge:focus-visible{outline:2px solid var(--mz-line);outline-offset:2px}.ag-game-masyu .mz-edge:disabled{cursor:default}.ag-game-masyu .mz-note{width:min(100%,560px)}.ag-game-masyu .mz-next{margin-inline:4px}