@font-face{font-family:Fredoka;src:url(/assets/fonts/Fredoka.ttf)format("truetype");font-weight:300 700;font-display:swap}@font-face{font-family:Atkinson Hyperlegible;src:url(/assets/fonts/Atkinson-Regular.ttf)format("truetype");font-weight:400;font-display:swap}@font-face{font-family:Atkinson Hyperlegible;src:url(/assets/fonts/Atkinson-Bold.ttf)format("truetype");font-weight:700;font-display:swap}:root{--orange:#ff8200;--orange-hover:#ffa333;--orange-border:#9f4508;--green:#22b965;--nav:#166628;--success-bg:#eaf7ec;--canvas:#fff7e8;--surface:#fff;--text:#171717;--text-2:#605d69;--border:#ddd5c8;--control:#81796b;--peach:#ffe0b8;--tile-warm:#fff1de;--thumb-warm:#ffe9cc;--thumb-quiet:#f2eee7;--r-ctl:8px;--r-card:12px;--s1:4px;--s2:8px;--s3:12px;--s4:16px;--s5:20px;--s6:24px;--s8:32px;--s10:40px;--s12:48px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body{margin:0}body{background:var(--canvas);color:var(--text);-webkit-tap-highlight-color:transparent;font-family:Atkinson Hyperlegible,system-ui,sans-serif;font-size:17px;line-height:1.5;overflow-x:clip}h1,h2,h3{margin:0;font-family:Fredoka,system-ui,sans-serif;font-weight:600;line-height:1.15}a{color:var(--nav)}button{font:inherit;color:inherit}img{max-width:100%}::selection{background:var(--peach);color:var(--text)}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip{left:var(--s4);top:var(--s4);z-index:20;background:var(--surface);color:var(--text);border:2px solid var(--nav);border-radius:var(--r-ctl);padding:var(--s2) var(--s4);align-items:center;min-height:44px;font-weight:700;text-decoration:none;display:inline-flex;position:fixed;transform:translateY(-160%)}.skip:focus{transform:none}.wrap{max-width:1080px;padding:0 var(--s5);margin:0 auto}html[data-view=hub] #jogo,html[data-view=jogo] #hub{display:none}header{background:var(--surface);border-bottom:1px solid var(--border);z-index:5;position:sticky;top:0}header .wrap{align-items:center;gap:var(--s3);min-height:68px;display:flex}.brand{border-radius:var(--r-ctl);align-items:center;display:flex}.brand img{width:auto;height:44px;display:block}.product{color:var(--surface);background:var(--nav);border-radius:var(--r-ctl);padding:var(--s1) var(--s3);font-family:Fredoka,system-ui,sans-serif;font-size:18px;font-weight:600}header nav{gap:var(--s2);margin-left:auto;display:flex}.link-btn{font:inherit;color:var(--nav);padding:var(--s2) var(--s3);border-radius:var(--r-ctl);cursor:pointer;white-space:nowrap;background:0 0;border:0;align-items:center;min-height:44px;font-weight:700;text-decoration:none;display:inline-flex}.link-btn:hover{background:var(--success-bg)}.btn{justify-content:center;align-items:center;gap:var(--s2);min-height:44px;padding:var(--s2) var(--s5);border-radius:var(--r-ctl);font:inherit;cursor:pointer;text-align:center;font-weight:700;text-decoration:none;transition:background .15s,transform .1s,border-color .15s;display:inline-flex}.btn:active{transform:translateY(1px)}.btn-primary,.btn-primary:hover,.btn-primary:focus-visible,.speaker[aria-pressed=true]{color:var(--text)}.btn-primary{background:var(--orange);border:2px solid var(--orange-border)}.btn-primary:hover,.speaker[aria-pressed=true]{background:var(--orange-hover)}.btn-secondary{background:var(--surface);color:var(--text);border:2px solid var(--control)}.btn-secondary:hover{border-color:var(--text)}.btn:disabled{opacity:.6;cursor:not-allowed}.btn:focus-visible,.tile:focus-visible,.slot:focus-visible,.link-btn:focus-visible,.brand:focus-visible,.skip:focus-visible{outline:3px solid var(--nav);outline-offset:2px}.hero{gap:var(--s8);padding:var(--s12) 0 var(--s8);grid-template-columns:1.3fr .7fr;align-items:center;display:grid}.eyebrow{color:var(--nav);background:var(--success-bg);padding:var(--s1) var(--s3);margin-bottom:var(--s4);border-radius:999px;font-size:14px;font-weight:700;display:inline-block}.hero h1{font-size:clamp(32px,5vw,48px)}.hero h1 em{color:var(--orange-border);font-style:normal}.hero p{color:var(--text-2);max-width:34em;margin:var(--s4) 0 var(--s6);font-size:19px}.hero .actions{gap:var(--s3);flex-wrap:wrap;display:flex}.mascot{justify-self:center;position:relative}.mascot:before{content:"";aspect-ratio:1;background:var(--peach);z-index:0;border-radius:50%;width:300px;max-width:110%;height:300px;position:absolute;bottom:4%;left:50%;transform:translate(-50%)}.mascot img{z-index:1;filter:drop-shadow(0 10px 14px #9f45082e);width:min(260px,60vw);height:auto;display:block;position:relative}.bubble{z-index:2;background:var(--surface);border:2px solid var(--border);border-radius:var(--r-card);padding:var(--s2) var(--s3);white-space:nowrap;box-shadow:0 4px 0 var(--border);font-size:15px;font-weight:700;position:absolute;top:4%;left:-30%}#jogos,#impresso{scroll-margin-top:88px}.section-title{justify-content:space-between;align-items:baseline;gap:var(--s4);margin:var(--s4) 0 var(--s5);display:flex}.section-title h2{font-size:28px}.section-title span{color:var(--text-2);font-size:15px}.grid{gap:var(--s5);grid-template-columns:repeat(3,1fr);display:grid}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-card);flex-direction:column;min-width:0;transition:transform .15s,box-shadow .15s;display:flex;overflow:hidden}.card.live:hover{transform:translateY(-3px);box-shadow:0 10px 24px #17171714}.thumb{justify-content:center;align-items:center;gap:var(--s2);height:160px;display:flex;position:relative}.thumb.t1{background:var(--thumb-warm)}.thumb.t2{background:var(--success-bg)}.thumb.t3{background:var(--thumb-quiet)}.mini-tile{border-radius:var(--r-ctl);background:var(--surface);border:2px solid var(--orange-border);width:44px;height:52px;box-shadow:0 4px 0 var(--orange-border);color:var(--text);justify-content:center;align-items:center;font-family:Fredoka,system-ui,sans-serif;font-size:28px;font-weight:600;display:flex}.mini-tile.g{border-color:var(--nav);box-shadow:0 4px 0 var(--nav)}.card-body{padding:var(--s5);gap:var(--s2);flex-direction:column;flex:1;display:flex}.card h3{font-size:22px}.card p{color:var(--text-2);flex:1;margin:0;font-size:16px}.badge{top:var(--s3);left:var(--s3);padding:2px var(--s3);border:1px solid;border-radius:999px;font-size:13px;font-weight:700;position:absolute}.badge.play{background:var(--orange);color:var(--text);border-color:var(--orange-border)}.badge.tablet{background:var(--surface);color:var(--nav);border-color:var(--nav)}.badge.soon{background:var(--surface);color:var(--text-2);border-color:var(--border)}.tags{gap:var(--s1);margin:var(--s1) 0 var(--s2);flex-wrap:wrap;display:flex}.tag{color:var(--text-2);border:1px solid var(--border);padding:0 var(--s2);border-radius:999px;font-size:13px}.card.soon{opacity:.75}.card .btn{width:100%}.print-note{margin:var(--s10) 0 var(--s8);align-items:center;gap:var(--s5);background:var(--surface);border:1px dashed var(--control);border-radius:var(--r-card);padding:var(--s5) var(--s6);display:flex}.print-note img{width:56px;height:56px}.print-note p{color:var(--text-2);margin:0}.print-note strong{color:var(--text)}footer{border-top:1px solid var(--border);padding:var(--s5) 0 var(--s8);color:var(--text-2);font-size:14px}footer .wrap{justify-content:space-between;gap:var(--s4);flex-wrap:wrap;display:flex}.site-label{letter-spacing:.02em;color:var(--control);border:1px solid var(--border);padding:2px var(--s3);background:var(--surface);border-radius:999px;font-size:12px}.snail{width:120px;height:90px;position:relative}.snail .shell{background:repeating-conic-gradient(from 0deg, var(--green) 0 30deg, #7ad6a0 30deg 60deg);border:3px solid var(--nav);border-radius:50%;width:78px;height:78px;position:absolute;top:0;right:6px}.snail .shell:after{content:"A";background:var(--surface);border:3px solid var(--nav);color:var(--nav);border-radius:50%;justify-content:center;align-items:center;font-family:Fredoka,system-ui,sans-serif;font-size:20px;font-weight:600;display:flex;position:absolute;inset:22px}.snail .body{border:3px solid var(--orange-border);background:#ffc680;border-radius:14px 14px 10px 10px;width:112px;height:26px;position:absolute;bottom:0;left:0}.snail .body:before{content:"";background:var(--orange-border);width:3px;height:22px;box-shadow:12px 0 0 var(--orange-border);position:absolute;top:-22px;left:8px}.game{padding:var(--s8) 0 var(--s12)}.game-top{align-items:center;gap:var(--s3);margin-bottom:var(--s6);flex-wrap:wrap;display:flex}.game-top h1{margin-right:auto;font-size:32px}.game-top h1:focus{outline:none}.stage{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-card);padding:var(--s8) var(--s6);gap:var(--s8);grid-template-columns:180px 1fr;align-items:center;display:grid}.stage .side{text-align:center}.stage .side img{width:150px;height:auto}.picture{margin-bottom:var(--s2);font-size:72px;line-height:1}.prompt{color:var(--text-2);margin:0 0 var(--s4);text-align:center}.prompt strong{color:var(--text);font-family:Fredoka,system-ui,sans-serif;font-size:22px;font-weight:600}.slots,.tray{gap:var(--s3);flex-wrap:wrap;justify-content:center;display:flex}.slots{padding:var(--s4);background:var(--canvas);border-radius:var(--r-card);border:2px dashed var(--border);margin-bottom:var(--s6);align-items:center;min-height:104px}.slot{border-radius:var(--r-ctl);border:2px dashed var(--control);background:var(--surface);justify-content:center;align-items:center;width:60px;height:72px;transition:background .15s,border-color .15s;display:flex}.slot.hint{border-color:var(--orange);background:var(--tile-warm);border-style:solid}.slot.filled{background:0 0;border:0}.tile{border-radius:var(--r-ctl);background:var(--surface);border:2px solid var(--orange-border);width:60px;height:72px;box-shadow:0 5px 0 var(--orange-border);color:var(--text);cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none;justify-content:center;align-items:center;margin:0;padding:0;font-family:Fredoka,system-ui,sans-serif;font-size:38px;font-weight:600;transition:transform .12s;display:flex}.tile:hover{background:var(--tile-warm)}.tile.dragging{cursor:grabbing;z-index:50;pointer-events:none;margin:0;position:fixed;transform:scale(1.08)rotate(-3deg)}.tile.placed{border-color:var(--nav);box-shadow:0 5px 0 var(--nav);cursor:default;background:var(--success-bg);color:var(--text)}.tile.ghost{visibility:hidden}.tile.shake{animation:.35s shake}@keyframes shake{25%{transform:translate(-6px)}50%{transform:translate(6px)}75%{transform:translate(-3px)}}.feedback{margin-top:var(--s6);border-radius:var(--r-card);padding:var(--s4) var(--s5);align-items:center;gap:var(--s4);background:var(--success-bg);color:var(--nav);border:2px solid var(--green);display:none}.feedback.show{animation:.35s pop;display:flex}.feedback h2{font-size:24px}.feedback p{color:var(--nav);margin:0}.feedback .btn{margin-left:auto}.star{font-size:40px;line-height:1}@keyframes pop{0%{opacity:0;transform:scale(.95)}}.tip,.tts-note{color:var(--text-2);text-align:center}.tip{margin:var(--s4) 0 0;font-size:15px}.tts-note{margin:var(--s2) 0 0;font-size:13px}dialog{border:1px solid var(--border);border-radius:var(--r-card);width:min(440px,100% - 32px);max-height:calc(100vh - 32px);padding:var(--s6);background:var(--surface);color:var(--text);overflow:auto;box-shadow:0 16px 40px #17171729}dialog::backdrop{background:#17171773}dialog h2{font-size:28px}#caracol-copy{color:var(--text-2);margin:0 0 var(--s5)}.preview-stage{background:var(--success-bg);border-radius:var(--r-card);min-height:180px;margin-bottom:var(--s5);place-items:center;display:grid}.snail-frame{place-items:center;width:204px;height:154px;display:grid}.snail-frame .snail{transform:scale(1.7)}.preview-actions{gap:var(--s3);flex-direction:column;display:flex}.preview-actions .btn{width:100%}@media (width<=860px){.grid{grid-template-columns:1fr 1fr}.hero{text-align:center;padding-top:var(--s8);grid-template-columns:1fr}.hero p{margin-left:auto;margin-right:auto}.hero .actions{justify-content:center}.bubble{left:auto;right:-10%}.stage{grid-template-columns:1fr}.stage .side img{display:none}.mascot img{width:170px}.mascot:before{width:220px;height:220px}.bubble{right:-60%}}@media (width<=640px){.game-top h1{order:-1;width:100%;margin-right:0}.game-top .speaker{margin-left:auto}}@media (width<=370px){header .wrap{padding-top:var(--s2);padding-bottom:var(--s1);flex-wrap:wrap;row-gap:0}header nav{flex:1 0 100%;justify-content:flex-end;margin-left:0}.bubble{right:0}}@media (width<=560px){.grid{grid-template-columns:1fr}header nav .hide-sm{display:none}.brand img{height:36px}.tile,.slot{width:46px;height:58px;font-size:30px}.slots,.tray{gap:var(--s2)}.print-note,.feedback{text-align:center;flex-direction:column}.feedback .btn{margin:0}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}