:root{font-family:Arial,Helvetica,sans-serif;color:#183c48;background:#f4f8fb;font-size:20px}*{box-sizing:border-box}body{margin:0}header{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:24px 5%;border-bottom:1px solid #d3e1e8;background:white}.brand{color:#125463;text-decoration:none;font-weight:800;font-size:1.65rem}.brand span{color:#9d490b}.brand small{display:block;font-size:.75rem;font-weight:400;margin-top:5px}.settings{display:flex;gap:10px}button,input,select{font:inherit}button{cursor:pointer;border:2px solid #cedee6;background:white;border-radius:14px;padding:14px 22px;min-height:58px;color:#183c48;font-weight:700}button:hover{border-color:#125463;background:#e9f3f7}button:focus-visible,input:focus-visible,select:focus-visible{outline:4px solid #d18318;outline-offset:4px}button:disabled{cursor:default;opacity:.7}.primary{background:#125463;color:white;border-color:#125463}.primary:hover{background:#0b404e;color:white}.gold{background:#fbe8c6;color:#663500;border-color:#f0c681}main{max-width:1100px;margin:0 auto;padding:38px 28px;min-height:65vh}h1{font-size:2.15rem;margin:10px 0 16px;line-height:1.16;letter-spacing:-1px}h2{font-size:1.35rem}p{line-height:1.55}small,.muted{color:#48636e}.eyebrow{text-transform:uppercase;font-size:.75rem;font-weight:800;letter-spacing:2px;color:#9d490b}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.two{grid-template-columns:repeat(2,1fr)}.panel,.card{background:white;border:1px solid #d2e0e7;border-radius:24px;padding:28px}.card{display:flex;flex-direction:column;gap:10px;box-shadow:0 6px 0 #e3edf2}.card button{margin-top:auto}.icon{font-size:2.4rem}.card p{margin-top:0}.wide{max-width:760px;margin:auto}.row{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.between{justify-content:space-between}.banner{background:#125463;color:white;border-radius:24px;padding:26px 30px;margin:24px 0}.banner p{margin:8px 0}.banner .muted{color:#d3e8ed}.stat{font-size:2rem;font-weight:bold}label{display:block;font-weight:700;margin:20px 0 8px}input,select{width:100%;padding:16px;border:2px solid #b6cbd6;border-radius:12px;background:white;color:#183c48}.choice{width:100%;text-align:left;padding:24px;margin-bottom:16px}.choice.active{border:3px solid #125463;background:#eaf4f7}.choice strong{display:block;font-size:1.2rem}.choice small{display:block;margin-top:8px;font-weight:400}.message{padding:16px;background:#e7f5eb;border-radius:14px;line-height:1.5;margin-top:16px}.error{background:#fff0da}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:24px auto;max-width:650px}.memory{height:120px;background:#125463;color:white;font-size:2rem;border-color:#125463}.memory.open{background:white;color:#183c48}.memory.matched{background:#e7f5eb;border-color:#509366;color:#183c48}.options{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:22px 0}.selected{background:#e0eff5;border-color:#125463}.list{display:flex;gap:15px;flex-wrap:wrap;margin:25px 0}.item{padding:20px;background:#e9f3f7;border-radius:18px;font-size:1.2rem}.steps{display:grid;gap:12px;margin:24px 0}.steps button{text-align:left}.progress{height:12px;background:#dce8ee;border-radius:10px;overflow:hidden;margin:12px 0}.progress div{height:100%;background:#125463}footer{padding:24px 5%;text-align:center;color:#48636e;line-height:1.7;border-top:1px solid #d3e1e8;font-size:.85rem}footer small{font-size:.75rem}.topgap{margin-top:24px}.empty{padding:30px;background:#edf4f8;border-radius:18px}table{width:100%;border-collapse:collapse}td,th{text-align:left;padding:14px 8px;border-bottom:1px solid #d3e1e8}.tablewrap{overflow:auto}@media(max-width:700px){:root{font-size:18px}header{padding:18px;align-items:flex-start;flex-direction:column}.settings{width:100%}.settings button{padding:10px 16px}main{padding:24px 16px}h1{font-size:1.85rem}.grid,.two{grid-template-columns:1fr}.panel,.card{padding:22px}.cards{gap:9px}.memory{height:90px;padding:8px;font-size:1.8rem}.options{grid-template-columns:repeat(2,1fr)}.banner{padding:23px}.tablewrap{font-size:.85rem}}@media(prefers-reduced-motion:no-preference){button{transition:background .15s,border .15s}}
/* A bright, spacious invitation to play. */
body{background:#eef5fa}header{border-bottom:4px solid #e1edf4}.brand{font-weight:900}.banner{background:#125463;border-bottom:6px solid #093c49}.banner strong{font-size:1.55rem;display:block;margin-top:8px}.eyebrow.light{color:#ffda8b}.play-preferences{margin:24px 0;padding:28px;border:2px solid #c4dce8;border-radius:24px;background:white}.play-preferences h2{margin-top:0}.theme-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.theme-choice{text-align:left;padding:20px;border:2px solid #c4dce8;background:#f5f9fc;display:flex;flex-direction:column;gap:10px}.theme-choice strong{font-size:1.05rem}.theme-choice small{font-size:.8rem;font-weight:400;line-height:1.45}.theme-choice.active{background:#e1f2f7;border:3px solid #125463;box-shadow:0 4px 0 #125463}.theme-icon{font-size:2.5rem;line-height:1.3}.play-preferences select{max-width:580px}.play-preferences .muted{font-size:.85rem;margin-bottom:0}.start-pairs{width:100%;font-size:1.15rem}.game-pairs{border-top:7px solid #176878}.game-shopping{border-top:7px solid #ac570b}.game-sequence{border-top:7px solid #5447a0}.card h2{margin:3px 0 8px}.card .icon{font-size:3rem}.memory{height:146px;background:#125463;border-width:3px;border-bottom:7px solid #093c49;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:5px}.memory.open{border-bottom-color:#b9d9e5}.picture{font-size:2.8rem;line-height:1.2}.picture-label{font-size:.85rem;line-height:1.3;font-weight:700}.memory.matched{opacity:1;border-bottom-color:#39804f;background:#e8f7ed}.celebration{text-align:center;background:#fff4d9;border:2px solid #dfb553}.celebration .row{justify-content:center}.celebration-symbol{font-size:3.6rem;color:#99500b;line-height:1.2}.celebration h2{font-size:1.8rem;margin:12px 0}.celebration p{max-width:500px;margin:16px auto}.celebration .eyebrow{margin-top:12px}@media(prefers-reduced-motion:no-preference){.celebration-symbol{animation:celebrate .65s ease-out 1}@keyframes celebrate{0%{transform:scale(.6) rotate(-15deg)}65%{transform:scale(1.15) rotate(8deg)}100%{transform:scale(1) rotate(0)}}}@media(max-width:700px){.theme-grid{grid-template-columns:1fr}.theme-choice{display:grid;grid-template-columns:56px 1fr;gap:6px 12px}.theme-icon{grid-row:span 2}.theme-choice small{grid-column:2}.play-preferences{padding:20px}.cards{grid-template-columns:repeat(3,1fr)}.memory{height:125px}.picture{font-size:2.35rem}.picture-label{font-size:.8rem}.banner strong{font-size:1.3rem}}@media(max-width:360px){.cards{grid-template-columns:repeat(2,1fr)}}
.catalog-summary{border-left:6px solid #125463;padding:18px 22px;background:#e1eff7;border-radius:0 18px 18px 0;margin:28px 0}.catalog-summary strong{font-size:1.2rem}.catalog-summary p{margin:8px 0 0}.new-count{font-size:.85rem;color:#125463;font-weight:700;margin-bottom:8px}.exercise-tag{border-radius:12px;background:#e1eff7;padding:12px 16px;font-size:.9rem}.story-text{padding:20px 26px;background:white;border:2px solid #c4dce8;border-radius:18px;margin:20px 0;font-size:1.15rem;line-height:1.7}.count-board{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;background:white;padding:20px;border:2px solid #c4dce8;border-radius:18px}.count-symbol{display:block;text-align:center;font-size:2.8rem;line-height:1.6;background:#edf5fa;border-radius:12px}.game-story{border-top:7px solid #4655a0}.game-category{border-top:7px solid #1c7162}.game-words{border-top:7px solid #91488b}.game-numbers{border-top:7px solid #8a5a20}.game-attention{border-top:7px solid #3b6894}[hidden]{display:none!important}@media(max-width:700px){.count-board{gap:8px;padding:12px}.count-symbol{font-size:2.1rem}.story-text{padding:16px}}
.picture-label{max-width:100%;overflow-wrap:anywhere}.count-symbol{min-width:0}.theme-choice strong,.theme-choice small{overflow-wrap:anywhere}.options button{overflow-wrap:anywhere;min-width:0}
:root{--base-font-size:20px}.settings{flex-wrap:wrap;justify-content:flex-end;align-items:center}.size-controls{display:flex;gap:8px}.volume-control{margin:0;display:block;font-size:.8rem;min-width:155px;font-weight:700}.volume-control output{font-weight:400;margin-left:6px}.volume-control input{display:block;width:170px;max-width:100%;padding:0;border:0;height:32px;accent-color:#125463;cursor:pointer}.audio-status{flex-basis:100%;font-size:.75rem;color:#48636e;text-align:right}.audio-status:empty{display:none}header{flex-wrap:wrap}.settings button{font-size:.9rem;padding:12px 16px}.memory{min-height:146px;height:auto;padding-block:18px}.settings .volume-control{max-width:100%}@media(max-width:700px){:root{--base-font-size:18px}.settings{justify-content:flex-start}.volume-control{flex-basis:100%}.volume-control input{width:100%;max-width:280px}.audio-status{text-align:left}.memory{min-height:125px}}
.music-player{flex-basis:100%;max-width:420px;text-align:left}.music-player summary{cursor:pointer;padding:12px 0;font-size:.85rem;min-height:44px}.music-player audio{display:block;width:100%;margin:8px 0}.music-player summary:focus-visible{outline:4px solid #d18318;outline-offset:3px}
.welcome-view{background:#e3f0f6}.welcome-view header{background:transparent;border:0;justify-content:flex-end;padding-block:16px}.welcome-view header .brand{display:none}.welcome-view .settings{width:auto}.welcome-view .settings>:not(.size-controls):not(#music){display:none}.welcome-view main{max-width:1100px;padding:12px 28px 34px;min-height:0}.welcome-card{text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:65svh;padding:48px 28px;border:2px solid #bfd8e4;border-radius:36px;background:white;box-shadow:0 12px 0 #cee1eb}.welcome-label{color:#48636e;font-size:1rem}.welcome-card h1{font-size:clamp(3rem,8vw,5.5rem);font-weight:900;color:#125463;line-height:1.15;letter-spacing:-2px;margin:18px 0 24px;overflow-wrap:anywhere}.welcome-card h1 span{color:#9d490b}.welcome-purpose{font-size:1.55rem;line-height:1.4;color:#183c48;margin:0 0 18px;font-weight:700}.welcome-description{font-size:1rem;color:#48636e;margin:0 0 32px}.welcome-continue{width:280px;max-width:100%;min-height:68px;font-size:1.2rem;border-bottom:5px solid #083b48}.welcome-view footer{background:transparent;border-color:#bfd8e4}@media(max-width:700px){.welcome-view header{flex-direction:row;padding:12px 16px}.welcome-view main{padding:8px 16px 30px}.welcome-card{padding:30px 20px;min-height:65svh;border-radius:26px}.welcome-card h1{font-size:clamp(2.6rem,13vw,3.8rem);letter-spacing:-1px;margin:16px 0 24px}.welcome-purpose{font-size:1.3rem}.welcome-description{font-size:1rem}.welcome-break{display:none}.welcome-view footer{font-size:.8rem}}
.category-screen{max-width:820px;margin:auto}.category-screen h1{font-size:1.8rem}.category-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.category-tile{min-height:164px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;padding:20px;background:white;border:2px solid #bcd5e2;border-bottom:6px solid #bcd5e2}.category-tile:hover{background:#e5f2f7;border-color:#125463}.category-tile strong{font-size:1.25rem}.category-tile small{font-size:.85rem;font-weight:400}.category-icon{font-size:2.3rem}.category-bottom{margin-top:20px}.category-bottom p{font-size:.9rem}.game-list{display:grid;gap:16px;margin-top:26px}.game-choice{text-align:left;display:flex;align-items:center;gap:22px;padding:24px;border-bottom:5px solid #bfd8e4}.game-choice>span{font-size:2.3rem}.game-choice strong{display:block;font-size:1.15rem}.game-choice small{display:block;font-weight:400;font-size:.9rem;margin-top:9px;line-height:1.5}.game-choice .new-count{font-size:.8rem}.mode-options{display:grid;grid-template-columns:1fr 1fr;gap:12px}.mode-options .choice{margin:0;padding:18px;min-height:70px}.mode-options strong{font-size:1rem}.signup-screen{max-width:650px}.signup-screen h1{margin-top:16px}.signup-continue{width:100%;margin-top:6px}.sound-controls{position:relative}.sound-controls summary{list-style:none;cursor:pointer;background:white;border:2px solid #cedee6;border-radius:14px;padding:14px 18px;font-size:.9rem;font-weight:700;min-height:58px}.sound-controls summary::-webkit-details-marker{display:none}.sound-controls summary:focus-visible{outline:4px solid #d18318;outline-offset:4px}.sound-options{position:absolute;z-index:10;right:0;top:calc(100% + 10px);width:350px;max-width:calc(100vw - 32px);background:white;border:2px solid #bcd5e2;border-radius:18px;padding:20px;box-shadow:0 8px 30px #183c4820}.sound-options .volume-control{margin-top:18px}.sound-options input[type=range]{width:100%;max-width:100%}.sound-options audio{width:100%;display:block}.sound-options .audio-status{display:block;text-align:left;margin-top:12px}.sound-options .music-title{font-size:.85rem;line-height:1.4}.welcome-view .settings>:not(.size-controls):not(.sound-controls){display:none}.welcome-view .settings>.sound-controls{display:block}header{padding:16px 5%}.brand{font-size:1.35rem}.brand small{font-size:.7rem}@media(max-width:700px){header{flex-direction:row;align-items:center;gap:12px;padding:14px 16px}.brand small{display:none}.brand{font-size:1.25rem}.settings{width:auto;gap:8px;margin-left:auto}.settings button{min-height:52px;padding:10px 13px}.sound-controls summary{min-height:52px;padding:12px 14px}.category-grid{gap:12px}.category-tile{min-height:132px;padding:16px 8px}.category-tile strong{font-size:1.05rem;overflow-wrap:anywhere}.category-icon{font-size:2rem}.category-screen h1{font-size:1.6rem}.category-bottom .primary{width:100%}.game-choice{padding:20px 16px;gap:16px}.game-choice>span{font-size:2rem}.mode-options{gap:10px}.mode-options .choice{padding:14px 10px}.residence-controls .row button{font-size:.9rem}.welcome-view header{justify-content:flex-end}.sound-options{width:330px}}@media(max-width:360px){header .brand{font-size:1.1rem}.settings button{padding:10px}.sound-controls summary{padding:12px}.category-tile strong{font-size:1rem}}
.pair-guide{padding:24px;background:white;border:2px solid #c4dce8;border-radius:22px;margin-top:24px}.pair-guide h2{margin-top:0}.pair-guide>button{display:block;width:100%;margin-top:12px}.pair-example{display:flex;gap:14px;align-items:center;flex-wrap:wrap;padding:18px;background:#edf6f8;border-radius:16px;margin:18px 0}.pair-example>span{font-size:2.3rem;padding:12px;background:white;border:2px solid #b7d4df;border-radius:12px}.pair-example strong{font-size:1rem}.session-marker{display:inline-block;padding:6px 12px;background:#e1eff7;border-radius:999px;font-size:.85rem;font-weight:700;white-space:nowrap}.pause-button{margin:0}.resume-panel{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:20px;background:#fff0d2;border:2px solid #dec38e;border-radius:18px;margin:20px 0}.activity-summary{text-align:left;max-width:460px;margin:20px auto;padding:18px;background:#fffdf5;border-radius:16px}.activity-summary ul{margin:12px 0 0;padding-left:26px;line-height:1.6}.pause-screen h1{font-size:1.8rem}@media(max-width:700px){.pair-guide{padding:20px}.pair-example{gap:10px;padding:14px}.pair-example strong{flex-basis:100%}.resume-panel .primary,.pause-screen .row button{width:100%}}
.new-example{padding:18px;border-left:5px solid #125463;background:#e9f3f7;border-radius:0 12px 12px 0}.search-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:24px 0}.search-card{min-height:100px;font-size:3rem;padding:14px}.search-target{font-size:1.15rem}.search-target span{font-size:2rem}.word-tokens{display:flex;flex-wrap:wrap;gap:12px;margin:24px 0}.sentence-answer{padding:20px;background:white;border:2px solid #c4dce8;border-radius:16px;min-height:80px}.pattern-strip{display:flex;flex-wrap:wrap;align-items:center;gap:12px;background:white;border:2px solid #c4dce8;border-radius:18px;padding:20px;margin:24px 0}.pattern-strip span,.pattern-strip strong{font-size:2.2rem;padding:8px}.compare-groups{display:grid;gap:14px;margin:24px 0}.compare-choice{text-align:left;display:flex;flex-direction:column;gap:12px}.compare-choice small{font-size:.85rem;font-weight:400}.compare-symbols{display:flex;flex-wrap:wrap;gap:8px;font-size:1.8rem}.search-card.selected,.compare-choice.selected{background:#e0eff5;border:3px solid #125463}@media(max-width:700px){.search-card{font-size:2.4rem;min-height:88px}.pattern-strip{gap:6px;padding:14px}.pattern-strip span,.pattern-strip strong{font-size:1.8rem;padding:4px}}
.varied-start{width:100%;margin-top:24px;min-height:68px;font-size:1.05rem}.category-screen h2{margin-top:24px}

.category-heading{display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center}.category-heading>div{width:100%}.category-heading h1{overflow-wrap:anywhere}.category-screen>h2,.category-bottom>p,.browse-screen>.eyebrow,.browse-screen>h1,.browse-screen>p,.signup-screen>h1,.signup-screen>.eyebrow,.signup-screen>p,.wide>h1,.wide>.eyebrow,.wide>#instruction,.pause-screen>p{text-align:center}.category-bottom>.row{justify-content:center}

.signup-screen label[for="name"]{text-align:center}

.category-grid>.category-tile:last-child:nth-child(odd){grid-column:1/-1}
.puzzle-model{text-align:center}.mosaic-model{width:180px;height:180px;margin:14px auto;border:3px solid #183c48}.mosaic-grid{display:grid;grid-template-columns:repeat(3,1fr);width:min(100%,420px);aspect-ratio:1;margin:24px auto;gap:3px}.mosaic-piece{min-height:0;padding:0;border-radius:4px;background-size:300% 300%;border:2px solid #183c48}.mosaic-piece.selected{outline:5px solid #183c48;outline-offset:-7px}.mosaic-piece span{background:#fff;color:#183c48;border-radius:50%;padding:8px;display:inline-block;font-size:1rem}.difference-panels{display:grid;grid-template-columns:1fr 1fr;gap:20px}.difference-panels h2{text-align:center}.difference-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.difference-grid button,.difference-model{padding:6px;min-height:68px;font-size:2rem;display:flex;align-items:center;justify-content:center;background:white;border:2px solid #cedee6;border-radius:12px}.difference-grid .selected{background:#e0eff5;border-color:#125463}.draughts-board{display:grid;grid-template-columns:repeat(8,1fr);width:min(100%,560px);aspect-ratio:1;margin:20px auto;border:4px solid #183c48}.draughts-square{border:0;border-radius:0;min-height:0;padding:3px;display:flex;align-items:center;justify-content:center;aspect-ratio:1}.draughts-square.light{background:#e5edf1;opacity:1}.draughts-square.dark{background:#28616b}.draughts-square.chosen{box-shadow:inset 0 0 0 4px #ffc957}.draughts-square.destination{background:#9a6b14;box-shadow:inset 0 0 0 3px #ffc957}.draughts-piece{width:85%;height:85%;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.3rem;line-height:1}.draughts-piece.player{background:#fff4d5;color:#183c48;border:3px solid #c5a467}.draughts-piece.computer{background:#15333d;color:white;border:3px solid #819ba3}.move-dot{color:#fff4d5;font-size:1.1rem}.draughts-turn{text-align:center;font-weight:bold}@media(max-width:500px){.difference-panels{gap:10px}.difference-panels h2{font-size:1rem}.difference-grid{gap:3px}.difference-grid button,.difference-model{font-size:1.4rem;min-height:48px;padding:3px}.draughts-piece{font-size:1rem;border-width:2px!important}}

.chess-piece{font-size:2.1rem;line-height:1}.chess-piece.white{color:white;text-shadow:1px 1px #142f39,-1px -1px #142f39,1px -1px #142f39,-1px 1px #142f39}.chess-piece.black{color:#102932;text-shadow:1px 1px white,-1px -1px white}.sorting-list{display:grid;gap:16px;margin:24px 0}.sorting-list fieldset{border:2px solid #bdd5df;border-radius:16px;padding:18px;background:white}.sorting-list legend{font-weight:bold;padding:0 8px}.domino-table{display:flex;flex-wrap:wrap;gap:6px;background:#125463;color:white;padding:22px;border-radius:18px;min-height:110px}.domino-tile{display:inline-flex;background:#fff4d5;color:#183c48;border:2px solid #183c48;border-radius:8px;line-height:1;font-weight:bold}.domino-tile>span{padding:12px;min-width:36px;text-align:center}.domino-tile>span+span{border-left:2px solid #183c48}.domino-hand{display:flex;flex-wrap:wrap;gap:10px;margin:20px 0}.domino-hand button{padding:8px}.domino-hand .selected{border:3px solid #9d490b}@media(max-width:500px){.chess-piece{font-size:1.5rem}.sorting-list .row button{width:100%;font-size:.9rem}.domino-tile>span{padding:10px}}
.four-column-buttons,.four-board{display:grid;grid-template-columns:repeat(7,1fr);gap:7px;width:min(100%,560px);margin:16px auto}.four-column-buttons button{min-height:48px;padding:8px;border-radius:10px}.four-board{background:#125463;padding:14px;border-radius:18px}.four-cell{aspect-ratio:1;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;border:3px solid #92bdc8}.four-cell.empty{background:#e4eef3}.four-cell.player{background:#fff1bd;color:#734400;border-color:#ffc957}.four-cell.computer{background:#15333d;color:white;border-color:#93c8d7}@media(max-width:500px){.four-column-buttons,.four-board{gap:4px}.four-board{padding:8px}.four-column-buttons button{padding:6px;min-height:44px;font-size:.85rem}.four-cell{border-width:2px;font-size:1rem}}

.pending-activities h2{text-align:center}.pending-activities .resume-panel{margin:12px 0}.pending-activities .resume-panel strong{overflow-wrap:anywhere}.pending-activities{margin:24px 0}

.sound-options{max-height:calc(100dvh - 100px);overflow-y:auto}.music-playlist-note{font-size:.8rem;line-height:1.5}.sound-options select{font-size:.9rem}.sound-options .topgap button{flex:1;padding:12px;font-size:.9rem}

.game-heading-meta{gap:10px}.game-actions{align-items:stretch}.hint-rest-actions{display:flex;gap:12px;align-items:stretch}.hint-rest-actions button[hidden]{display:none}@media(max-width:700px){.game-actions>#listen{width:100%}.hint-rest-actions{width:100%;gap:10px}.hint-rest-actions button{flex:1;min-width:0;padding:12px 10px;font-size:.95rem}}

.game-actions[hidden]{display:none}.completion-result{text-align:center;font-weight:700}

/* Recognizable scenes for welcoming and visual play. */
.welcome-card{padding-top:24px;min-height:0}.welcome-garden{display:block;width:100%;max-width:320px;height:auto;aspect-ratio:1;object-fit:contain;object-position:center;border-radius:22px;margin:0 0 22px}.welcome-card h1{margin:12px 0 18px}.welcome-description{margin-bottom:22px}.mosaic-model{background-size:100% 100%;background-repeat:no-repeat;border-radius:8px}.mosaic-piece{background-repeat:no-repeat}.mosaic-piece:hover{background-size:300% 300%}
@media(max-width:700px){.welcome-card{padding:16px 16px 22px}.welcome-garden{max-width:240px;height:auto;margin-bottom:14px;border-radius:16px}.welcome-card h1{margin:10px 0 14px}.welcome-purpose{margin-bottom:12px}.welcome-description{margin-bottom:18px}.welcome-continue{min-height:58px}.welcome-view main{padding-top:0}}

/* Place instruction audio and hints beside each other at every screen width. */
.game-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.game-actions .hint-rest-actions{display:contents}.game-actions button{min-width:0;width:100%;white-space:normal}.game-actions button[hidden]{display:none}
@media(max-width:700px){.game-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.game-actions>#listen,.game-actions #hint{width:100%;padding:12px 8px;font-size:.95rem}.game-actions #pause-pairs{grid-column:1 / -1;justify-self:center;width:auto;min-width:160px}}

/* Slightly smaller matching cards; image and label remain readable. */
.cards{max-width:520px;gap:12px;margin:18px auto}.cards .memory{min-height:116px;height:auto;padding:12px 8px;gap:4px}.memory .picture{font-size:2.4rem}
@media(max-width:700px){.cards{gap:9px}.cards .memory{min-height:104px;padding:10px 6px}.memory .picture{font-size:2.1rem}}

.coordinator-screen{max-width:1000px;margin:auto;text-align:center}.coordinator-modes{display:grid;grid-template-columns:1fr 1fr;gap:20px}.coordinator-modes .panel{display:flex;flex-direction:column;align-items:stretch;gap:12px}.coordinator-modes h2,.coordinator-modes p{margin:4px 0}.participant-list{display:grid;gap:10px}.participant-button{display:flex;justify-content:space-between;align-items:center;gap:12px;text-align:left}.participant-button span{font-size:.8rem;font-weight:400}.coordinator-tools,.residence-toolbar{justify-content:center}.residence-toolbar{margin-bottom:20px}.presentation-view main{max-width:1450px}.presentation-view #instruction,.presentation-view #board h2{font-size:clamp(1.4rem,2.5vw,2.2rem);line-height:1.4}.presentation-view #board .options button{font-size:1.5rem;min-height:88px}.presentation-view .cards{max-width:780px}.presentation-view .cards .memory{min-height:160px}.presentation-view .memory .picture{font-size:3.3rem}.presentation-view .memory .picture-label{font-size:1.15rem}.presentation-view .mosaic-grid{width:min(100%,620px)}.presentation-view .mosaic-model{width:220px;height:220px}.presentation-view #board .symbol-grid,.presentation-view #board .attention-grid{font-size:2rem}.presentation-view footer{display:none}.presentation-view .game-actions button{font-size:1rem}.presentation-view h1{font-size:2.6rem}
@media(max-width:700px){.coordinator-modes{grid-template-columns:1fr}.participant-button{flex-wrap:wrap}.presentation-view .cards .memory{min-height:116px}.presentation-view .memory .picture{font-size:2.5rem}.presentation-view h1{font-size:2rem}.presentation-view #board .options button{font-size:1.2rem}.residence-toolbar button{padding:12px}}

.discovery-actions{justify-content:center;margin:22px 0 12px}.walk-screen,.album-page{text-align:center}.walk-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:24px auto}.walk-card{padding:0 0 20px;overflow:hidden;display:flex;flex-direction:column;gap:12px;text-align:center;align-items:center;background:white}.walk-card img{width:100%;height:auto;aspect-ratio:1;object-fit:contain}.walk-card strong{padding:0 12px;font-size:1.15rem}.walk-card>span{font-size:.85rem;font-weight:400}@keyframes flower-arrive{from{transform:translateY(8px);opacity:0}to{transform:translateY(0);opacity:1}}@media(prefers-reduced-motion:reduce){}@media(max-width:700px){.walk-grid{grid-template-columns:1fr}.walk-card{max-width:320px;width:100%;margin:auto}.walk-card img{max-height:200px}.discovery-actions button{flex:1;min-width:0}}

.album-page{text-align:center}.album-puzzle{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,1fr);width:min(100%,680px);margin:18px auto;border:3px solid #125463;background:#d4e2e8;overflow:hidden}.album-piece{min-width:0;min-height:0;background-size:300% 200%;background-repeat:no-repeat}.album-piece.locked{display:flex;align-items:center;justify-content:center;color:#34535e;background:#e4edf1;border:1px solid #a5bec8;font-size:1rem}.album-progress{font-weight:700}.album-collection{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin:22px 0}.album-thumb{max-width:210px;display:flex;flex-direction:column;gap:8px;padding:10px}.album-thumb img{display:block;width:100%;height:auto;object-fit:contain}.album-thumb strong{font-size:.9rem}.album-thumb span{font-size:.8rem;font-weight:400}.album-thumb[aria-pressed=true]{border:3px solid #125463}.album-reward{display:flex;align-items:center;justify-content:center;gap:14px;background:#e9f2f7;padding:12px;border-radius:14px;margin:16px 0}.album-reward p{margin:0;font-size:1rem}.reward-photo-piece{display:block;width:64px;flex-shrink:0;background-size:300% 200%;background-repeat:no-repeat;border:2px solid #125463;border-radius:5px}.photo-credits{text-align:left;font-size:.8rem;margin:22px auto;max-width:680px}.photo-credits summary{cursor:pointer;padding:12px}.photo-credits p{line-height:1.6}@media(max-width:700px){.album-reward{gap:10px}.album-reward p{font-size:.95rem}.album-thumb{max-width:150px}.album-puzzle{border-width:2px}}

.piece-placement{text-align:center;margin:16px 0}.piece-placement .album-puzzle{max-width:280px;margin:12px auto;border-width:2px}.piece-placement p{margin:10px 0;font-size:.95rem}.album-piece.new-piece{animation:place-photo-piece .9s ease-out both;outline:3px solid #d18318;outline-offset:-3px}@keyframes place-photo-piece{from{opacity:0;transform:translateY(-35%) scale(.88)}to{opacity:1;transform:translateY(0) scale(1)}}.completed-photo{text-align:center}.completed-photo h3{margin:12px 0;font-size:1.2rem}.completed-photo .album-puzzle{max-width:420px}.album-page .completed-photo .album-puzzle{max-width:680px}.memory-conversation{background:#e9f2f7;border-radius:14px;padding:14px;font-weight:700}.memory-conversation small{display:block;margin-top:8px;font-weight:400;font-size:.85rem}.photo-modal{max-width:min(1100px,94vw);max-height:94svh;padding:24px;border:2px solid #125463;border-radius:18px;background:white;overflow:auto;text-align:center}.photo-modal::backdrop{background:#102932b8}.photo-modal img{display:block;width:100%;height:auto;max-height:65svh;object-fit:contain;margin:18px auto}.photo-modal h2{font-size:1.4rem}.photo-modal small{font-size:.8rem}.photo-modal #photo-close{display:block;margin:0 0 10px auto}.photo-completion>.album-progress{color:#125463;font-size:1.15rem}@media(prefers-reduced-motion:reduce){.album-piece.new-piece{animation:none;transform:none;opacity:1}}@media(max-width:700px){.photo-modal{padding:16px}.photo-modal img{max-height:60svh}.completed-photo p{font-size:1rem}.piece-placement .album-puzzle{max-width:250px}}

.category-heading{display:grid;grid-template-columns:minmax(0,1fr);justify-items:center;text-align:center}.category-heading>div{width:100%;text-align:center}.category-heading h1,.coordinator-screen h1{text-align:center;width:100%}.game-topbar{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:center;gap:12px}.game-topbar #back{justify-self:start}.game-topbar .player-name{grid-column:2;text-align:center;overflow-wrap:anywhere}.game-topbar #game-presentation{grid-column:3}.signup-screen label[for=name]{text-align:center}
@media(max-width:700px){.game-topbar{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.game-topbar #game-presentation{grid-column:2;grid-row:1}.game-topbar .player-name{grid-column:1 / -1;grid-row:2;justify-self:center}.game-topbar #back{grid-column:1;grid-row:1;padding:12px;font-size:.9rem}}

.signup-screen #name{text-align:center}.signup-screen h1,.signup-screen label[for="name"]{text-align:center}

.completed-photo-image{display:block;width:100%;max-width:680px;height:auto;object-fit:contain;margin:18px auto;border-radius:8px}

.category-heading>.profile-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:12px;width:100%}

.memory:not(.open):not(.matched),.memory:not(.open):not(.matched):hover,.memory:not(.open):not(.matched):active{background:#125463;color:#fff;border-color:#125463;border-bottom-color:#093c49}.memory.open:hover{background:#fff;color:#183c48}.memory.matched:hover{background:#e8f7ed;color:#183c48}.memory{touch-action:manipulation}

.level-selector{max-width:420px;margin:18px auto;text-align:center}.level-selector label{margin:0 0 8px}.level-selector select{min-height:58px}.level-selector small{display:block;font-size:.8rem;line-height:1.4;margin-top:8px}

.play-menu{grid-template-columns:repeat(2,minmax(0,1fr));max-width:760px;margin:24px auto}.play-menu .category-tile{min-height:110px;justify-content:center;text-align:center;font-size:1.05rem}.category-heading>h1{text-align:center}@media(max-width:600px){.play-menu{grid-template-columns:1fr;gap:12px}.play-menu .category-tile{min-height:76px}}

/* Una única navegación, visible incluso al desplazarse. */
.global-back{position:fixed;top:max(10px,env(safe-area-inset-top));left:max(10px,env(safe-area-inset-left));z-index:1000;min-height:48px;background:#fff;border:2px solid #125463;box-shadow:0 2px 8px #0002}
.global-back:disabled{opacity:.55;cursor:default}
body{padding-top:66px}
#back-welcome,#walk-back,#album-back,#back-space,#back-categories,#back{display:none}

button{border-color:#7597a3;box-shadow:0 4px 0 #b4c9d1}
button:active:not(:disabled){background:#125463;color:#fff;box-shadow:0 1px 0 #093c49;transform:translateY(2px)}
button.selected,button.choice.active,button[aria-pressed="true"]{background:#125463;color:#fff;border-color:#093c49;box-shadow:0 3px 0 #093c49}
button.selected small,button.choice.active small,button[aria-pressed="true"] small{color:#fff}
.options,.compare-groups,.word-tokens,.play-menu{display:grid;grid-template-columns:1fr;gap:14px}
.options>button,.compare-groups>button,.word-tokens>button,.play-menu>button{width:100%;min-height:60px}
.listen-button{display:flex;align-items:center;justify-content:center;gap:12px;background:#fff2d9;border:3px solid #9d490b;box-shadow:0 4px 0 #d4ae7d}
.listen-icon{font-size:1.8rem;line-height:1}

/* Iconos contenidos y etiquetas adaptables a la anchura del botón. */
.game-actions .listen-button{gap:8px;padding:12px 10px;min-height:70px}
.listen-button .listen-icon{display:block;width:32px;height:32px;flex:0 0 32px}
.listen-button>span{min-width:0;overflow-wrap:anywhere;line-height:1.3}
.size-controls .zoom-control{display:flex;align-items:center;justify-content:center;width:62px;min-height:58px;padding:8px}
.zoom-control svg{display:block;flex-shrink:0}
.zoom-in svg{width:34px;height:34px}
.zoom-out svg{width:24px;height:24px}

/* Mantener contenido, tarjetas y tableros dentro de sus cuadros. */
main{min-width:0}main section,#board,#end,.panel,.card,.pair-guide,.play-preferences{min-width:0;max-width:100%}
main button,main input,main select,main fieldset{min-width:0;max-width:100%}
main h1,main h2,main h3,main p,main strong,main small,main legend,main button{overflow-wrap:anywhere}
main img{max-width:100%;height:auto}
.game-choice>div{min-width:0;flex:1}.game-choice>span{flex-shrink:0}
.cards,.search-grid,.count-board,.difference-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.count-board{grid-template-columns:repeat(5,minmax(0,1fr))}
.difference-panels{grid-template-columns:repeat(2,minmax(0,1fr))}
.draughts-board{grid-template-columns:repeat(8,minmax(0,1fr))}
.four-column-buttons,.four-board{grid-template-columns:repeat(7,minmax(0,1fr))}
.cards .memory,.search-card,.difference-model,.difference-grid button{min-width:0}
.draughts-square,.mosaic-piece{box-shadow:none}
.draughts-square:active:not(:disabled),.mosaic-piece:active:not(:disabled){transform:none;box-shadow:none}
.draughts-square.chosen{box-shadow:inset 0 0 0 4px #ffc957}
.draughts-square.destination{box-shadow:inset 0 0 0 3px #ffc957}
.draughts-square .chess-piece{font-size:clamp(18px,5.5vw,42px)}
.draughts-piece,.move-dot{font-size:clamp(12px,3.5vw,26px)}
.mosaic-piece{min-width:0}.mosaic-piece span{padding:4px;font-size:clamp(12px,3.5vw,20px)}
@media(min-width:701px){.cards{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:700px){
 main{padding:20px 12px}.wide,.category-screen{width:100%}
 .panel,.card,.pair-guide,.play-preferences{padding:18px 14px}
 .category-grid,.mode-options{grid-template-columns:minmax(0,1fr)}
 .game-choice{padding:16px 12px;gap:12px}
 .difference-panels{grid-template-columns:minmax(0,1fr);gap:18px}
 .difference-grid button,.difference-model{min-height:64px;font-size:1.8rem}
 .search-card{padding:10px 4px;font-size:clamp(28px,8vw,44px)}
 .count-board{gap:6px;padding:10px}.count-symbol{font-size:clamp(24px,7vw,38px)}
 .sorting-list fieldset{padding:14px 10px;margin:0}
 .sorting-list .row,.celebration>.row,#board>.row{display:grid;grid-template-columns:minmax(0,1fr);width:100%}
 .sorting-list .row>button,.celebration>.row>button,#board>.row>button{width:100%}
 .activity-summary{padding:14px 10px}.activity-summary ul{padding-left:22px}
 .four-column-buttons,.four-board{gap:4px;padding:8px;width:min(100%,560px)}
 .four-column-buttons button{padding:4px 0;box-shadow:0 2px 0 #b4c9d1;font-size:clamp(14px,4vw,20px)}
 .four-cell{min-width:0;font-size:clamp(14px,4vw,24px)}
 .sound-options{position:fixed;left:12px;right:12px;top:140px;width:auto;max-width:none;max-height:calc(100dvh - 156px)}
 .domino-table{padding:14px;gap:6px}.domino-tile>span{padding:10px;min-width:30px}
 .session-marker{white-space:normal}.pattern-strip{max-width:100%}
 .game-topbar{grid-template-columns:minmax(0,1fr)}
 .game-topbar .player-name,.game-topbar #game-presentation{grid-column:1;grid-row:auto}
}
@media(max-width:400px){.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.game-actions .listen-button{flex-direction:column;gap:5px}.settings{max-width:100%}.size-controls{gap:6px}.size-controls .zoom-control{width:56px}}

/* Keep hint and rest together on phones and desktops. */
.game-actions{grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:12px}
.game-actions .hint-rest-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;width:100%}
.game-actions #hint,.game-actions #pause-pairs{grid-column:auto;width:100%;min-width:0;min-height:70px;padding:12px 10px;white-space:normal}
.game-actions #pause-pairs[hidden]{display:none}
.completion-main-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:22px}
.completion-main-actions button{width:100%;min-height:70px}
.completion-extra-actions{justify-content:center;margin-top:18px}
.puzzle-scene{font-size:1rem;margin:10px auto;max-width:520px;line-height:1.5}
.mosaic-piece.selected{box-shadow:inset 0 0 0 5px #ffc957;border-color:#183c48}
@media(max-width:700px){
 .game-actions{grid-template-columns:minmax(0,1fr)}
 .game-actions .hint-rest-actions{gap:10px}
 .game-actions .listen-button{flex-direction:row;width:100%;font-size:1rem}
 .game-actions #hint,.game-actions #pause-pairs{grid-column:auto;justify-self:stretch;width:100%;min-width:0;font-size:1rem}
 .completion-main-actions{grid-template-columns:minmax(0,1fr)}
 .mosaic-model{width:min(70%,240px);height:auto;aspect-ratio:1}
}

/* Dos espacios identificados de publicidad, separados de las actividades. */
.advertising-spaces{margin:24px auto 0;padding-top:16px;border-top:1px solid #bfd1d9;text-align:left}
.advertising-heading{font-size:.8rem;color:#48636e;font-weight:700;margin:0 0 10px;text-align:center}
.advertising-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.advertising-card{display:flex;flex-direction:column;justify-content:space-between;gap:12px;min-width:0;padding:18px;border:2px solid #93aeb9;border-radius:16px;background:#fff;box-shadow:0 3px 0 #d4e1e7}
.advertising-card h2{font-size:1.15rem;margin:0 0 6px;line-height:1.3}.advertising-card p{font-size:.9rem;line-height:1.4;margin:0;color:#48636e}
.advertising-link{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:54px;padding:10px 14px;border:2px solid #125463;border-radius:12px;background:#125463;color:#fff;text-align:center;font-weight:700;text-decoration:none;overflow-wrap:anywhere}
.advertising-link:hover{background:#093c49}.advertising-link:focus-visible{outline:4px solid #d18318;outline-offset:4px}
.advertising-new-tab{font-size:.75rem;font-weight:400;line-height:1.3;margin-top:4px}
.advertising-reserved{background:#f6f9fb;border-style:dashed}.advertising-status{font-size:.85rem;color:#48636e;padding:12px 0;text-align:center}
@media(max-width:700px){.advertising-grid{grid-template-columns:minmax(0,1fr)}.advertising-card{padding:16px}.advertising-spaces{margin-top:20px}}

/* Publicidad en los dos costados superiores, sin superponer el tablero. */
main:has(>.play-with-ads){max-width:1400px}
.play-with-ads{display:grid;grid-template-columns:180px minmax(0,760px) 180px;grid-template-areas:"adleft content adright";gap:20px;justify-content:center;align-items:start}
.play-with-ads>.play-main{grid-area:content;min-width:0;width:100%;margin:0 auto}
.advertising-left{grid-area:adleft}.advertising-right{grid-area:adright}
.advertising-side{width:100%;gap:10px;padding:14px;text-align:center;align-self:start}
.advertising-side .advertising-heading{font-size:.75rem;margin:0;color:#48636e}
.advertising-side h2{font-size:1rem;line-height:1.35;overflow-wrap:anywhere}
.advertising-side .advertising-content p{font-size:.8rem;line-height:1.4}
.advertising-side .advertising-link{font-size:.85rem;min-height:54px;padding:10px 6px}
@media(max-width:1100px){.play-with-ads{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"adleft adright" "content content";gap:16px}.advertising-side{max-width:280px}.advertising-right{justify-self:end}}
@media(max-width:700px){.play-with-ads{gap:12px}.advertising-side{padding:12px 8px}.advertising-side h2{font-size:.9rem}.advertising-side .advertising-content p{font-size:.75rem}.advertising-side .advertising-new-tab{font-size:.7rem}.advertising-side .advertising-link{font-size:.8rem}}

/* Acercar las dos piezas al centro del espacio de juego. */
.play-with-ads{grid-template-columns:180px minmax(0,680px) 180px;gap:14px;max-width:1068px;margin-inline:auto}
.advertising-side{align-items:center;text-align:center}.advertising-side .advertising-content,.advertising-side .advertising-link{width:100%}
.advertising-art{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain;border-radius:10px}
@media(max-width:1100px){.play-with-ads{grid-template-columns:repeat(2,minmax(0,1fr));max-width:760px}.advertising-left{justify-self:end}.advertising-right{justify-self:start}.advertising-side{max-width:220px}}
@media(max-width:700px){.play-with-ads{gap:12px}.advertising-art{max-width:150px}.advertising-side{width:100%}}

@media(max-width:700px){.advertising-side .advertising-art{max-width:80px}.advertising-side .advertising-content p{display:none}.advertising-side{gap:8px}}

/* Identidades originales de los sitios institucionales. */
.advertising-logo-wrap{display:flex;align-items:center;justify-content:center;width:100%;min-height:74px;padding:12px 10px;border-radius:10px;background:#0d558d}
.advertising-brand-lareina .advertising-logo-wrap{background:#386a83}
.advertising-logo{display:block;width:100%;height:auto;max-height:58px;object-fit:contain}
.advertising-mayor{width:100%;margin:0;text-align:center}.advertising-mayor>img{display:block;width:100%;max-width:120px;height:auto;object-fit:contain;margin:0 auto 8px}
.advertising-mayor figcaption{font-size:.8rem;font-weight:700;line-height:1.35}.advertising-mayor small{display:block;font-size:.75rem;font-weight:400}
@media(max-width:700px){.advertising-logo-wrap{min-height:60px;padding:10px 6px}.advertising-mayor>img{max-width:80px}.advertising-mayor figcaption{font-size:.75rem}}