.masyu-game{max-width:580px;margin:auto;min-width:0}.masyu-rules,.masyu-selection{padding:.6rem;border-left:4px solid var(--accent);background:var(--soft);line-height:1.7}.masyu-tools{display:flex;flex-wrap:wrap;gap:.45rem;margin:.65rem 0}.masyu-tools .btn,.masyu-notice .btn{min-height:44px}.masyu-tools [aria-pressed=true]{background:#dcebdc;outline:2px solid #57856a}.masyu-viewport{max-width:100%;overflow:auto;padding:4px;overscroll-behavior:contain;scrollbar-width:thin}.masyu-board{position:relative;min-width:0;max-width:none;margin:auto;border:1px solid #8d9f87;background:#fbfaed}.masyu-board>svg{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:1}.masyu-cells{position:relative;z-index:2;display:grid;grid-template-columns:repeat(var(--masyu-size),minmax(0,1fr))}.masyu-cell{appearance:none;position:relative;display:block;min-width:0;min-height:0;aspect-ratio:1;border:1px solid #b9c4ad66;padding:0;background:transparent;cursor:pointer;touch-action:pan-x pan-y;color:#39584a}.masyu-cell:disabled{opacity:1;cursor:default}.masyu-cell[data-anchor=true]{box-shadow:inset 0 0 0 3px #b29038;background:#cfb36722}.masyu-cell[data-bad=true]{box-shadow:inset 0 0 0 2px #ac553d}.masyu-cell:focus-visible{outline:3px solid #397797;outline-offset:-3px;background:#72aacc11}.masyu-coordinate{position:absolute;right:2px;bottom:1px;font-size:9px;line-height:1;opacity:0}.masyu-cell:focus .masyu-coordinate,.masyu-cell[data-anchor=true] .masyu-coordinate{opacity:1}.masyu-board[data-zoom=true] .masyu-cell{width:48px;height:48px;min-width:48px;min-height:48px}.masyu-notice{line-height:1.7;max-width:680px;margin:.7rem auto}.masyu-notice .btn{margin:.4rem 0}.masyu-progress{font-weight:700}.masyu-tip{line-height:1.7;font-size:.85rem}@media(max-width:360px){.masyu-tools .btn{font-size:.8rem;padding:.5rem .6rem}.masyu-coordinate{font-size:8px}}