.visual-game{max-width:720px;margin:0 auto;padding-bottom:12px}.visual-game .visual-scene-title{text-align:center;color:var(--ink,#204b50);font-size:1.04rem;font-weight:650;margin:6px 0 12px}.visual-game .game-status{font-size:.95rem;margin:10px 0 14px}.visual-game .action-row{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin:18px 0}.visual-game .btn{min-height:44px}.visual-game .game-note{text-align:center;font-size:.9rem;line-height:1.55}.visual-game .board{border:1px solid #d7dfd2;border-radius:20px;background:#fffdfa;overflow:hidden;box-shadow:0 5px 16px #254d4710}.puzzle-game .tile-board{display:grid;grid-template-columns:repeat(var(--puzzle-cols),1fr);gap:3px;padding:5px;background:#e2e6dc;aspect-ratio:var(--puzzle-ratio);max-width:660px;margin:0 auto}.puzzle-game .puzzle-tile{display:block;width:100%;min-width:0;min-height:0;border:0;padding:0;position:relative;background:#eff5eb;cursor:pointer;border-radius:3px;overflow:hidden;touch-action:manipulation}.puzzle-game .puzzle-tile svg{display:block;width:100%;height:100%;pointer-events:none}.puzzle-game .puzzle-tile.is-selected{outline:4px solid #b5543c;outline-offset:-4px;z-index:1;filter:brightness(1.06)}.puzzle-game .puzzle-tile:focus-visible{outline:4px solid #194e54;outline-offset:-4px;z-index:2}.puzzle-game .puzzle-tile.is-complete{cursor:default}.puzzle-game .puzzle-preview{max-width:340px;margin:12px auto 0;border:4px solid #fff;border-radius:16px;overflow:hidden;box-shadow:0 3px 12px #133c4014}.puzzle-game .puzzle-preview[hidden]{display:none}.puzzle-game .puzzle-preview svg{display:block;width:100%;height:auto}.coloring-game{max-width:580px;text-align:center}.coloring-game .coloring-canvas{max-width:500px;margin:auto;background:#fffdf7}.coloring-game .coloring-canvas svg{width:100%;height:auto;display:block}.coloring-game .coloring-canvas path[role=button]{cursor:pointer;transition:fill .12s;touch-action:manipulation}.coloring-game .coloring-canvas path[role=button]:focus-visible{outline:none;stroke:#d37550;stroke-width:5}.coloring-game .color-palette{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin:22px 0 6px}.coloring-game .color-swatch{width:44px;height:44px;padding:0;flex:0 0 44px;border-radius:50%;background:var(--swatch);border:3px solid #fff;box-shadow:0 0 0 1px #d4ddd2;cursor:pointer;position:relative}.coloring-game .color-swatch.is-selected{box-shadow:0 0 0 3px #173d45}.coloring-game .color-swatch.is-selected:after{content:'✓';color:#173d45;font-weight:bold;font-size:22px;position:absolute;inset:3px;display:grid;place-items:center;text-shadow:0 1px 1px #fff8}.coloring-game .color-swatch:focus-visible{outline:3px solid #173d45;outline-offset:4px}.coloring-game>.primary{margin:0 auto;min-width:210px}.differences-game .difference-pair{display:grid;grid-template-columns:1fr;gap:14px;max-width:560px;margin:0 auto}.differences-game .difference-figure{margin:0;min-width:0}.differences-game figcaption{font-size:.82rem;letter-spacing:.04em;color:#526865;font-weight:650;margin-bottom:6px}.differences-game .difference-scroll{border:1px solid #d7dfd2;border-radius:16px;overflow:auto;width:100%;aspect-ratio:360/250;background:#eff5eb;box-shadow:0 3px 12px #133c4010}.differences-game .difference-scroll svg{display:block;width:100%;height:auto;touch-action:pan-y;cursor:crosshair}.differences-game .difference-scroll.is-zoomed svg{width:200%;max-width:none;touch-action:pan-x pan-y}.differences-game .difference-scroll svg:focus-visible{outline:3px solid #174f52;outline-offset:-4px}.differences-game .difference-scroll:focus-visible{outline:3px solid #174f52;outline-offset:3px}@media(min-width:760px){.differences-game{max-width:1000px}.differences-game .difference-pair{grid-template-columns:1fr 1fr;max-width:none;gap:18px}}@media(prefers-reduced-motion:reduce){.visual-game *{transition:none!important}}
/* Photographic adult scenes retain generous image space on phones and tablets. */
.differences-game .difference-scroll{aspect-ratio:var(--difference-ratio,360/250)}
.differences-game .difference-scroll svg image{pointer-events:none}
.differences-game .difference-scroll svg{touch-action:pan-y pinch-zoom}
.differences-game .difference-scroll.is-zoomed svg{touch-action:pan-x pan-y pinch-zoom}
.differences-game .difference-scroll.is-zoomed svg{cursor:grab}
.differences-game .difference-scroll.is-zoomed svg:active{cursor:grabbing}
.differences-game .difference-image-notice{max-width:620px;margin:14px auto;padding:16px 20px;border:1px solid #c9ddd7;border-radius:14px;background:var(--mint,#eef5ee);text-align:center;color:var(--ink,#204b50)}
.differences-game .difference-image-notice[hidden]{display:none}
.differences-game .difference-image-notice p{margin:0 0 10px;line-height:1.5}
.differences-game .difference-pair.images-unavailable{visibility:hidden;max-height:0;overflow:hidden}
.photo-differences-game .difference-pair{max-width:660px;gap:18px}
.photo-differences-game .difference-scroll{background:#e9e7dd;border-radius:14px}
.photo-differences-game figcaption{text-transform:none;letter-spacing:0;font-size:.9rem}
@media(min-width:760px){.photo-differences-game{max-width:1080px}.photo-differences-game .difference-pair{max-width:none;gap:22px}}