:root{color-scheme:light;--paper:#fbf8ef;--ink:#252d25;--muted:#545b50;--line:#dedfd0;--purple:#5737a0;--purple-dark:#462682;--mint:#e2edcd;--lilac:#ece3f8;--apricot:#fae5ca;--white:#fffdf7;--body:"Trebuchet MS",system-ui,sans-serif;--display:Georgia,serif}
*,*::before,*::after{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--body);line-height:1.55}button,input{font:inherit;color:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}img{display:block;max-width:100%;height:auto}h1,h2,h3,p{margin:0}h1,h2,h3{line-height:1.07;text-wrap:balance}button:focus-visible,a:focus-visible,input:focus-visible,[tabindex="-1"]:focus-visible{outline:3px solid #7249c1;outline-offset:4px}[hidden]{display:none!important}.shell{width:min(1180px,calc(100% - 72px));margin-inline:auto}.skip{position:fixed;top:8px;left:8px;z-index:5;transform:translateY(-160%);background:var(--white);padding:10px 15px}.skip:focus-visible{transform:none}
.topo{border-bottom:1px solid var(--line)}.top-inner{min-height:79px;display:flex;align-items:center;justify-content:space-between;gap:24px}.logo{display:inline-flex;align-items:center;gap:10px;font-family:var(--display);font-weight:bold;white-space:nowrap;font-size:23px;letter-spacing:-.06em}.logo b{color:#416442}.top-inner nav{display:flex;gap:clamp(20px,3vw,42px);font-weight:bold;font-size:14px}.top-inner nav a:hover,.footer a:last-child:hover{text-decoration:underline;text-underline-offset:5px}.top-actions{display:flex;gap:8px}.top-actions button{min-height:42px;min-width:42px;display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid var(--line);border-radius:12px;background:var(--white);font-weight:bold;font-size:13px;padding:0 11px}.top-actions button:hover,.top-actions button[aria-pressed=true]{background:var(--lilac);color:var(--purple-dark)}.icon{width:20px;height:20px;display:inline-block;vertical-align:middle;flex:none}.hero{display:grid;grid-template-columns:1fr 1.08fr;align-items:center;gap:34px;padding-block:46px 44px}.hero-copy{padding-left:3px}.hero-note{display:flex;align-items:center;gap:8px;color:#405a3e;font-size:14px;font-weight:bold;margin-bottom:17px}.hero-note span{width:9px;height:9px;background:#79a15c;border-radius:50%}.hero h1{font-family:var(--display);font-size:clamp(52px,6.35vw,97px);letter-spacing:-.078em;line-height:.98;max-width:570px}.hero h1 em{font-style:normal;color:#416944}.hero-copy>p:not(.hero-note){font-size:17px;max-width:420px;margin-top:22px;color:var(--muted)}.hero-picture{align-self:center}.hero-picture img{width:100%;border-radius:34px}.hero-actions{display:flex;gap:16px;flex-wrap:wrap;margin-top:25px;align-items:center}.primary,.secondary{display:inline-flex;align-items:center;justify-content:center;gap:12px;border:0;border-radius:13px;background:var(--purple);color:white;padding:13px 19px;font-weight:bold;min-height:48px;white-space:nowrap}.primary:hover{background:var(--purple-dark)}.secondary{color:var(--purple-dark);background:var(--white);border:1px solid #bfb0dc}.secondary:hover{background:#f5eefc}.text-button{display:inline-flex;align-items:center;gap:8px;min-height:48px;background:transparent;border:0;color:var(--purple-dark);font-weight:bold;padding:0 4px}.text-button:hover{text-decoration:underline}.arrow::after{content:"";width:8px;height:8px;border-top:2px solid currentColor;border-right:2px solid currentColor;transform:rotate(45deg);margin-right:3px}.hero-details{display:flex;flex-wrap:wrap;gap:7px 17px;margin-top:21px;font-size:13px;color:#495447;font-weight:bold}.hero-details span{display:inline-flex;gap:5px;align-items:center}.hero-details span::before{content:"";width:8px;height:5px;border:solid #51764c;border-width:0 0 2px 2px;transform:rotate(-45deg);margin-bottom:3px}
.age-section{background:#f3f1e4;border-block:1px solid #e5e3d6;scroll-margin-top:16px}.age-inner{display:grid;grid-template-columns:220px 1fr;align-items:center;gap:18px;padding-block:24px}.age-intro h2,.games h2,.family h2{font-family:var(--display);letter-spacing:-.055em}.age-intro h2{font-size:30px}.age-intro p,.games-heading p,.family p{color:var(--muted);margin-top:6px}.age-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.age-btn{border:1px solid #cfd7bb;text-align:left;border-radius:15px;display:flex;align-items:center;gap:12px;padding:12px;background:var(--mint);min-height:67px;line-height:1.25}.age-btn.lilac{background:var(--lilac);border-color:#dbcee9}.age-btn.apricot{background:var(--apricot);border-color:#ead4b5}.age-btn:hover,.age-btn[aria-pressed=true]{border-color:var(--purple);box-shadow:0 0 0 2px var(--purple)}.age-btn strong,.age-btn small{display:block}.age-btn small{margin-top:3px;color:#464a42;font-size:12px}.age-icon,.family-emblem{width:37px;height:37px;display:grid;place-items:center;background:#ffffff85;border-radius:11px;color:#426448;flex:none}.lilac .age-icon{color:#704da5}.apricot .age-icon{color:#98592e}
.games{padding-block:56px 54px;scroll-margin-top:14px}.games-heading{display:flex;justify-content:space-between;align-items:end;gap:16px;margin-bottom:22px}.games h2{font-size:clamp(37px,5vw,55px)}.search{display:flex;align-items:center;gap:9px;border:1px solid #d8d7cc;border-radius:12px;background:var(--white);padding:0 12px;min-height:44px;width:min(100%,250px);color:#505b4f}.search input{width:100%;min-width:0;border:0;background:transparent;padding:9px 0;outline:none}.search:focus-within{outline:2px solid var(--purple);outline-offset:2px}.search input:focus-visible{outline:none}.topics{display:flex;flex-wrap:wrap;gap:8px}.topic{border:1px solid #dedbd0;border-radius:99px;padding:8px 13px;background:var(--white);min-height:40px;font-weight:bold;font-size:13px;white-space:nowrap}.topic:hover{border-color:var(--purple)}.topic[aria-pressed=true]{background:var(--purple);border-color:var(--purple);color:white}.result-line{min-height:47px;display:flex;align-items:center;gap:14px;font-size:13px;color:var(--muted)}.clear{border:0;background:transparent;color:var(--purple-dark);font-weight:bold;text-decoration:underline;padding:6px}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.card{display:flex;flex-direction:column;border:1px solid #dedfd1;border-radius:19px;background:var(--white);overflow:hidden}.card-art{aspect-ratio:2.2;position:relative;display:grid;place-items:center;overflow:hidden;background:var(--card-color)}.card-art>svg{width:100%;height:100%;position:absolute;inset:0}.favorite{position:absolute;top:10px;right:10px;display:grid;place-items:center;width:40px;height:40px;border:1px solid #0002;border-radius:50%;background:var(--white);color:#664484}.favorite[aria-pressed=true] .icon{fill:#b14f73;stroke:#96365b}.favorite:hover{background:#f4eafa}.card-body{padding:15px 16px 16px;display:flex;flex-direction:column;flex:1}.card-meta{display:flex;flex-wrap:wrap;gap:7px;align-items:center;margin-bottom:8px;font-size:11px;font-weight:bold}.tag{background:#f0eddf;padding:3px 7px;border-radius:6px}.tag.done{background:#e6efd2;color:#365337}.card h3{font-family:var(--display);font-size:26px;letter-spacing:-.04em}.card p{margin:6px 0 12px;font-size:14px;color:var(--muted)}.card-play{align-self:start;margin-top:auto;min-height:40px;padding:7px 11px;display:inline-flex;align-items:center;gap:7px;border:0;border-radius:9px;background:#eee6f7;color:var(--purple-dark);font-size:14px;font-weight:bold}.card-play:hover{background:#e4d4f3}.card-play .icon{width:15px;height:15px}.empty{grid-column:1/-1;padding:28px;border:1px dashed #c7c8b9;border-radius:15px;text-align:center;color:var(--muted)}
.family{display:flex;align-items:center;gap:20px;border-radius:22px;background:#eae3f4;padding:25px;margin-bottom:38px;scroll-margin-top:18px}.family-emblem{width:58px;height:58px;color:var(--purple-dark)}.family-emblem .icon{width:27px;height:27px}.family h2{font-size:clamp(26px,4vw,39px)}.family .secondary{margin-left:auto}.footer{display:flex;align-items:center;justify-content:space-between;gap:14px;padding-block:20px 27px;border-top:1px solid var(--line);font-size:13px;color:var(--muted)}.footer .logo{color:var(--ink);font-size:20px}
dialog{width:min(700px,calc(100% - 26px));max-height:calc(100% - 28px);padding:0;border:1px solid var(--line);border-radius:22px;color:var(--ink);background:var(--paper);box-shadow:0 24px 70px #24213444}dialog::backdrop{background:#24213499}body:has(dialog[open]){overflow:hidden}.dialog-inner{padding:clamp(14px,3.6vw,26px)}.dialog-bar{display:flex;gap:10px;justify-content:space-between;align-items:center;margin-bottom:9px}.dialog-bar h2{font-family:var(--display);font-size:clamp(28px,5vw,40px);letter-spacing:-.045em}.close{display:grid;place-items:center;width:43px;height:43px;border:1px solid var(--line);border-radius:50%;background:var(--white);font-size:27px;line-height:1}.close:hover{background:var(--lilac)}.game-intro{color:var(--muted);margin-bottom:14px}.game-note{min-height:27px;color:#3e5140;font-weight:bold;margin-top:12px}.game-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:12px}.game-actions button,.answer,.robot-controls button{border:1px solid #cfc9db;border-radius:12px;background:var(--white);min-height:44px;padding:8px 13px;font-weight:bold}.game-actions button:hover,.answer:hover,.robot-controls button:hover{background:var(--lilac)}.game-actions .next{background:var(--purple);color:white;border-color:var(--purple)}.game-actions .next:hover{background:var(--purple-dark)}.answer:disabled,.robot-controls button:disabled{cursor:default}.answer.correct{background:var(--mint);border-color:#82a16d}.answer.incorrect{background:#f7e4dc;border-color:#b47e70}.round{font-size:13px;font-weight:bold;color:var(--muted);margin-bottom:7px}.quiz-panel,.win{background:#eeeadb;border-radius:15px;padding:17px;text-align:center;min-height:100px;display:grid;place-content:center;gap:10px}.quiz-panel h3,.win h3{font-size:clamp(25px,5vw,39px);font-family:var(--display)}.answers{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:10px}.answer{min-height:54px;overflow-wrap:anywhere}.answer .shape{display:block;margin-inline:auto}.shape{display:inline-block;width:36px;height:36px;background:var(--shape,#6546a3)}.shape.circle{border-radius:50%}.shape.triangle{clip-path:polygon(50% 0,100% 100%,0 100%)}.shape.square{border-radius:4px}.berries{display:flex;gap:5px;justify-content:center;flex-wrap:wrap;max-width:260px;margin-inline:auto}.berry{width:19px;height:21px;border-radius:54% 54% 65% 65%;background:#b6556b;box-shadow:inset -4px -3px #91364d44;position:relative}.berry::before{content:"";position:absolute;left:8px;top:-3px;width:8px;height:5px;background:#41663e;border-radius:70% 0}
.bubble-field{display:grid;grid-template-columns:repeat(3,1fr);justify-items:center;align-items:center;gap:9px;min-height:233px;background:#e3f3ee;border-radius:15px;padding:16px}.bubble{width:clamp(51px,11vw,77px);aspect-ratio:1;border:2px solid #385e7177;border-radius:50%;background:radial-gradient(circle at 31% 27%,#fff9 0 11%,transparent 12%),var(--bubble);color:#263c45;font-weight:bold;box-shadow:inset -7px -8px #506b8622}.bubble:hover{transform:scale(1.07)}.bubble.popped{visibility:hidden}.memory-board{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.memory-card{aspect-ratio:1.18;border:1px solid #b8a3d9;border-radius:12px;background:#e9dff7;color:#594189;display:grid;place-items:center;font-size:24px;font-weight:bold}.memory-card.open{background:var(--white)}.memory-card.matched{background:var(--mint);border-color:#94af75}.memory-card .shape{width:clamp(19px,6vw,38px);height:clamp(19px,6vw,38px)}
.pixel-grid{display:grid;grid-template-columns:repeat(8,1fr);width:min(100%,390px);margin:10px auto;gap:2px;background:#d1cebf;border:3px solid #d1cebf;border-radius:7px}.pixel{aspect-ratio:1;background:var(--pixel,#fffdf7);border:0;padding:0}.pixel:hover{box-shadow:inset 0 0 0 2px #4e3a6a}.pixel:focus-visible{outline-offset:-3px}.palette{display:flex;justify-content:center;flex-wrap:wrap;gap:7px}.swatch{width:39px;height:39px;border-radius:50%;border:1px solid #3a343e66;background:var(--swatch);color:#231c2b;font-weight:bold}.swatch[aria-pressed=true]{outline:2px solid #49336e;outline-offset:2px}.robot-grid{width:min(100%,350px);margin:10px auto;display:grid;grid-template-columns:repeat(5,1fr);gap:4px}.robot-cell{aspect-ratio:1;background:#ebeddb;border-radius:8px;display:grid;place-items:center;color:#594584}.robot-cell.rock{background:#d3cbbb;color:#67584a}.robot-cell.goal{background:#f7dea0;color:#745019}.robot-controls{display:flex;flex-wrap:wrap;justify-content:center;gap:5px}.queue{text-align:center;min-height:32px;margin:10px 0;font-weight:bold;overflow-wrap:anywhere}
@media(max-width:960px){.shell{width:calc(100% - 46px)}.hero{gap:20px}.age-inner{grid-template-columns:174px 1fr}.age-btn{gap:7px;padding:9px}.age-icon{width:33px;height:33px}}
@media(max-width:740px){.shell{width:calc(100% - 32px)}.top-inner{min-height:64px;gap:8px}.top-inner nav{display:none}.hero{grid-template-columns:1fr;gap:20px;padding-block:33px 21px}.hero h1{max-width:590px;font-size:clamp(49px,11vw,74px)}.hero-picture{width:min(100%,530px);margin-inline:auto}.hero-picture img{max-height:370px;object-fit:contain}.age-inner{grid-template-columns:1fr;gap:12px;padding-block:17px}.games{padding-block:38px}.cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.card-body{padding:12px}.family{flex-wrap:wrap;gap:12px;padding:18px}.family>div:nth-child(2){flex:1;min-width:170px}.family .secondary{margin-left:0}.footer{flex-wrap:wrap}}
@media(max-width:430px){.top-actions button{padding-inline:7px}.logo{font-size:20px;gap:6px}.topo .logo img{width:36px}.age-options{gap:6px}.age-btn{display:grid;gap:6px;padding:8px;min-height:95px}.age-btn small{font-size:11px}.games-heading{align-items:start;flex-direction:column;gap:10px}.search{width:100%}.card h3{font-size:22px}.card p{font-size:13px}.card-meta{gap:4px}.tag{padding-inline:4px}.favorite{width:35px;height:35px;right:6px;top:6px}.answer{padding-inline:5px;font-size:14px}}
@media(prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}.card-play,.age-btn,.primary,.bubble{transition:background .18s ease,transform .18s ease,box-shadow .18s ease}}

/* Atividades de pintura e exploração */
.tag.new{background:#efe6fa;color:#573786}
.coloring-palette{margin-bottom:12px}
.coloring-scene{display:block;width:100%;max-height:355px;margin-inline:auto;border-radius:12px;background:#f1ecdb}
.coloring-scene [data-region]{cursor:pointer}
.coloring-scene [data-region]:hover,.coloring-scene [data-region]:focus-visible{stroke:#633e9f;stroke-width:5;outline:none}
.exp-glyph{display:block;width:clamp(28px,7vw,54px);height:auto;aspect-ratio:1;flex:none}
.dig-board{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;padding:12px;background:#e8d3b8;border-radius:14px}
.dig-cell{display:grid;place-items:center;min-height:52px;aspect-ratio:1.4;border:2px solid #875e43;border-radius:11px;background:#bd8c67;color:#65432e;padding:4px}
.dig-cell:hover{background:#c59876}
.dig-cell span:not(.dig-empty){width:45%;height:24%;border:solid #9e7151;border-width:0 0 3px 0;border-radius:50%;transform:rotate(-11deg)}
.dig-cell.excavated{background:#f6ead5;border-color:#baa280;cursor:default}
.dig-empty{font-size:28px;line-height:1}
.growth-line,.pattern-line{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:5px;min-height:78px;background:#ebefdc;border-radius:14px;padding:10px}
.growth-slot{display:grid;place-items:center;width:clamp(39px,10vw,62px);aspect-ratio:1;border:1px dashed #8a9378;border-radius:9px}
.growth-slot.filled{background:#d7e7bc;border-style:solid}
.pattern-line .exp-glyph{width:clamp(22px,6vw,51px)}
.pattern-line strong{display:grid;place-items:center;width:clamp(25px,7vw,53px);aspect-ratio:1;border:1px dashed #9c8a75;border-radius:8px;font-size:clamp(18px,4vw,28px);color:#644b35}
.choice-glyphs{display:flex;justify-content:center;flex-wrap:wrap;gap:7px;margin-top:12px}
.glyph-button{min-width:68px;min-height:56px;display:grid;place-items:center;gap:3px;background:var(--white);color:var(--ink);border:1px solid #cfc9db;border-radius:12px;padding:7px 9px;font-size:14px;font-weight:bold}
.glyph-button:not(:disabled):not([aria-disabled=true]):hover{background:var(--lilac)}
.glyph-button[aria-disabled=true],.glyph-button.correct{background:var(--mint);border-color:#9daf85;cursor:default}
.glyph-button:disabled:not(.correct){opacity:.62;cursor:default}
.orchestra-hint{min-height:78px;display:grid;place-items:center;background:#eee7f4;border-radius:14px;font-weight:bold}
.tile-layout{display:flex;align-items:start;justify-content:center;gap:12px;flex-wrap:wrap}
.tile-board{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;width:min(100%,340px)}
.tile-piece{position:relative;display:grid;place-items:center;aspect-ratio:1;min-width:0;background:#e9edd4;border:2px solid #8a9d7a;border-radius:8px;padding:0;overflow:hidden}
.tile-piece[aria-pressed=true]{border-color:var(--purple);box-shadow:0 0 0 2px var(--purple);z-index:1}
.tile-piece svg{display:block;width:100%;height:100%}
.tile-piece span{position:absolute;left:5px;bottom:5px;background:var(--white);padding:1px 6px;border-radius:5px;font-weight:bold}
.tile-reference{width:min(100%,210px);font-size:14px;color:var(--purple-dark)}
.tile-reference summary{cursor:pointer;padding:9px 0;font-weight:bold}
.tile-reference svg{display:block;width:100%;border-radius:8px}
.treasure-board{display:grid;grid-template-columns:22px repeat(5,1fr);gap:4px;width:min(100%,346px);margin:10px auto;text-align:center}
.treasure-board strong{display:grid;place-items:center}
.treasure-cell{min-width:0;aspect-ratio:1;border:1px solid #b7a480;border-radius:8px;background:#f3e9cc;color:#80521b;display:grid;place-items:center;padding:0}
.treasure-cell:not(:disabled):hover{background:#e5dfbd}
.treasure-cell.miss{background:#e6dfd2;border-color:#ad9a88}
.treasure-cell.found{background:#f6dc91;border-color:#a98537;opacity:1}
.treasure-cell:disabled{cursor:default}
@media(max-width:430px){.coloring-palette{gap:5px}.coloring-palette .swatch{width:36px;height:36px}.growth-line,.pattern-line{gap:3px;padding-inline:5px}.glyph-button{min-width:57px;padding-inline:6px}.tile-reference{width:100%}.tile-reference svg{max-width:160px}}