.playtime-collections{max-width:650px}.playtime-collections .category-card{display:block}.playtime-card{background:#e6f7d8}.play-link{display:inline-block;margin-top:14px;font-weight:800;color:#6a38bd}.playtime-pencil{display:none!important}.difference-game{padding:clamp(16px,2.5vw,28px);background:#fff;border:1px solid #e6daf3;border-radius:24px;box-shadow:0 12px 35px #45236712}.game-toolbar{display:flex;justify-content:space-between;align-items:center;gap:18px;flex-wrap:wrap}.game-eyebrow{font:700 11px/1.5 'Trebuchet MS',sans-serif;letter-spacing:1.3px;color:#7b658d}.game-count{margin:7px 0 10px;font-size:22px;color:#68409b}.game-count strong{font-size:32px;color:#d43484}.game-controls{display:flex;flex-wrap:wrap;gap:10px}.game-controls button{cursor:pointer;font:700 15px/1.4 'Trebuchet MS',sans-serif;min-height:44px}.difference-game progress{display:block;width:100%;height:12px;appearance:none;border:0;border-radius:20px;overflow:hidden;background:#eee6f8}.difference-game progress::-webkit-progress-bar{background:#eee6f8;border-radius:20px}.difference-game progress::-webkit-progress-value{background:linear-gradient(90deg,#ed4b9d,#9559dc,#33b6bf);border-radius:20px;transition:width .3s}.difference-game progress::-moz-progress-bar{background:#9559dc}.game-help{line-height:1.6;color:#625171;margin:15px 0 4px}.picture-pair{display:grid;grid-template-columns:1fr 1fr;gap:18px}.picture-panel{min-width:0}.picture-panel h2{margin:15px 0 9px;font-size:15px;letter-spacing:.4px;color:#6f548b}.game-picture{position:relative;isolation:isolate;aspect-ratio:3/2;border:2px solid #e4d7ef;border-radius:14px;overflow:hidden;touch-action:manipulation;user-select:none;background:#f8f3ff;cursor:crosshair}.game-picture>img,.detail-art{display:block;width:100%;height:100%;position:absolute;inset:0;object-fit:cover}.detail-art{pointer-events:none;z-index:1}.spot-target{position:absolute;width:8.8%;aspect-ratio:1;transform:translate(-50%,-50%);border:3px solid transparent;border-radius:50%;background:transparent;padding:0;cursor:crosshair;z-index:2;touch-action:manipulation}.spot-target:focus-visible{outline:3px dashed #6438bb;outline-offset:3px;background:#ffffff35}.spot-target.found{border-color:#d82d64;box-shadow:0 0 0 2px #fff,0 0 0 4px #d82d6450;cursor:default;animation:found-pop .28s ease-out}.spot-target.hint{outline:4px dashed #ffc000;outline-offset:3px;background:#fff07733;animation:hint-pulse .65s ease-in-out 5}.found-mark{display:none;position:absolute;top:-9px;right:-9px;line-height:18px;width:18px;height:18px;border-radius:50%;background:#d82d64;color:white;font-size:12px;font-weight:bold}.found .found-mark{display:block}.game-feedback{min-height:30px;margin:22px 0 0;font-size:17px;font-weight:700;line-height:1.6;color:#704090}.game-complete{text-align:center;background:linear-gradient(135deg,#fff0b7,#f8dfff,#dbf9e8);border-radius:18px;margin-top:20px;padding:25px}.game-complete[hidden]{display:none}.game-complete>span{font-size:38px}.game-complete h2{color:#6a38bd;margin:12px 0 8px}.game-complete p{line-height:1.6}.game-complete .btn{margin:8px}.game-controls .btn:disabled{opacity:.55;cursor:default}.game-picture.miss{animation:gentle-glow .4s}.difference-game a:focus-visible,.difference-game button:focus-visible{outline:3px solid #6634b1;outline-offset:4px}@keyframes found-pop{from{scale:.7}to{scale:1}}@keyframes hint-pulse{50%{outline-color:#ed7d26}}@keyframes gentle-glow{50%{border-color:#a67ae0}}
@media(min-width:1500px){body:has(.difference-game) .content-shell{max-width:1500px}}
@media(max-width:760px){.picture-pair{grid-template-columns:1fr;gap:4px}.game-count{font-size:20px}.game-count strong{font-size:28px}.game-eyebrow{font-size:10px}.game-toolbar{gap:8px}.game-controls{width:100%}.game-controls .btn{flex:1}.difference-game{padding:15px}.game-feedback{font-size:16px}.spot-target{border-width:2px}.picture-panel h2{margin:12px 0 7px}.game-help{font-size:14px}.found-mark{width:16px;height:16px;line-height:16px;font-size:10px;top:-7px;right:-7px}}
@media(prefers-reduced-motion:reduce){.difference-game *{animation:none!important;transition:none!important}}
.spot-target{min-width:30px;min-height:30px}.game-complete:focus{outline:3px solid #6a38bd;outline-offset:4px}

.picture-pair.large-pictures{grid-template-columns:1fr}.picture-pair.large-pictures .game-picture{max-width:960px;margin:auto}.picture-pair.large-pictures .picture-panel h2{max-width:960px;margin-left:auto;margin-right:auto}
@media(max-width:760px){#size-button{display:none}}

.playtime-collections .category-card img,.playtime-scenes .category-card img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover}

/* Game pages keep a compact, non-sticky header so the artwork stays visible. */
.game-page .site-header{position:static;backdrop-filter:none}
.game-page .site-header .header-inner{flex-direction:row;align-items:center;gap:12px;padding:8px 24px;max-width:1200px}
.game-page .brand.wonderland-brand{width:min(42%,360px);max-width:360px;flex:0 1 360px;margin:0;text-align:left}
.game-page .wonderland-brand small{display:none}
.game-page .site-header .nav{align-self:center;margin-left:auto;flex-shrink:0}
.game-page .nav a{padding:8px 12px;font-size:13px}
.game-page .category-hero{padding:18px 24px}
.game-page .category-hero .school-decoration{display:none}
.game-page .category-hero h1{font-size:clamp(27px,3vw,35px);line-height:1.2}
.game-page .category-hero p{font-size:15px;line-height:1.55}
.game-page .crumb{font-size:12px;margin-bottom:8px}
.game-page .content-shell{padding-top:22px}
.game-page .collection-toolbar{margin-bottom:14px}
.game-page .difference-game,.game-page .online-memory{scroll-margin-top:16px}
@media(min-width:761px){.game-page .memory-board{max-width:clamp(540px,calc(160svh - 340px),900px);width:100%;gap:10px}.game-page .memory-card{aspect-ratio:3/2}}
@media(max-width:640px){.game-page .site-header .header-inner{flex-direction:column;gap:4px;padding:7px 12px}.game-page .brand.wonderland-brand{width:230px;max-width:230px;flex:auto;margin:0 auto}.game-page .site-header .nav{margin:0;align-self:center}.game-page .nav a{padding:7px 12px;font-size:12px}.game-page .category-hero{padding:16px}.game-page .category-hero h1{font-size:28px}.game-page .content-shell{padding-top:18px}}