@import "https://fonts.googleapis.com/css2?family=Fredoka:wght@400;500;600;700&display=swap";*,:before,:after,::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border:0 solid #e5e7eb}:before,:after{--tw-content:""}html,:host{-webkit-text-size-adjust:100%;tab-size:4;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;line-height:1.5}body{line-height:inherit;margin:0}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-feature-settings:normal;font-variation-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-feature-settings:inherit;font-variation-settings:inherit;font-family:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:#0000;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{margin:0;padding:0;list-style:none}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder{opacity:1;color:#9ca3af}textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}:root{color:#263238;background:#fff7df;font-family:Fredoka,system-ui,sans-serif}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}.screen{min-height:100vh;position:relative;overflow-x:hidden}.splash{background:radial-gradient(circle at 70% 20%,#ffe785 0 12%,#0000 13%),linear-gradient(#74cbe8 0 52%,#d7ef8a 52% 70%,#d99b52 70%);place-items:center;display:grid}.sun{background:#ffd84b;border-radius:50%;width:180px;height:180px;position:absolute;top:8%;right:9%;box-shadow:0 0 0 18px #ffd84b33}.logo-card{text-align:center;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#fff9e8dd;border:5px solid #fff;border-radius:36px;padding:28px 42px;box-shadow:0 25px 60px #59351835}.logo-mascot{font-size:86px}.logo-card h1{color:#9b4d22;text-shadow:0 3px #fff;margin:0;font-size:clamp(36px,6vw,72px)}.logo-card p{margin:8px;font-size:23px}.paw-loader{justify-content:center;gap:10px;margin-top:20px;display:flex}.paw-loader span{opacity:.3;animation:1s infinite paw}.paw-loader span:nth-child(2){animation-delay:.15s}.paw-loader span:nth-child(3){animation-delay:.3s}.paw-loader span:nth-child(4){animation-delay:.45s}@keyframes paw{50%{opacity:1;transform:translateY(-8px)}}.bounce{animation:2.4s ease-in-out infinite float}@keyframes float{50%{transform:translateY(-8px)}}.profile-bg{background:linear-gradient(135deg,#fff4bf,#d9f4cc 55%,#bfe9f9);place-items:center;display:grid}.panel{text-align:center;background:#fff;border-radius:32px;width:92%;max-width:820px;padding:34px;box-shadow:0 24px 70px #3d583925}.guide{font-size:72px}.panel h1,.content h1{margin:6px 0;font-size:clamp(30px,4vw,48px)}.profile-grid{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:16px;margin:28px 0;display:grid}.profile-card{cursor:pointer;background:#fffaf0;border:3px solid #f1dfbb;border-radius:24px;min-height:150px;padding:20px;transition:all .2s}.profile-card:hover{border-color:#f0a839;transform:translateY(-5px)}.profile-card span{font-size:62px;display:block}.profile-card b{font-size:20px}.profile-card.add span{color:#ef8f2f}.primary,.play-btn{color:#5d3516;cursor:pointer;background:linear-gradient(#f9b73f,#ed8e27);border:0;border-radius:18px;align-items:center;gap:8px;padding:15px 24px;font-weight:700;display:inline-flex;box-shadow:0 6px #c66d19}.primary:active,.play-btn:active{transform:translateY(4px);box-shadow:0 2px #c66d19}.topbar{z-index:10;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff0;justify-content:space-between;align-items:center;height:74px;padding:0 4%;display:flex;position:sticky;top:0;box-shadow:0 4px 20px #26323815}.brand,.icon-btn,.back,.dock button,.sound,.text-btn{cursor:pointer;background:0 0;border:0}.brand{align-items:center;gap:8px;font-size:24px;display:flex}.brand span{font-size:34px}.stats{align-items:center;gap:24px;display:flex}.stats span{align-items:center;gap:6px;font-weight:600;display:flex}.icon-btn{background:#f4f2e8;border-radius:14px;place-items:center;width:44px;height:44px;display:grid}.map-bg{background:linear-gradient(#a7def0,#edf6b8)}.map-wrap{padding:26px 5% 120px}.map-title{text-align:center}.map-title h1{margin:0;font-size:clamp(32px,5vw,58px)}.map-title p{font-size:18px}.world-map{grid-template-columns:repeat(2,1fr);gap:20px;max-width:1120px;margin:30px auto;display:grid}.habitat{text-align:left;cursor:pointer;border:0;border-radius:30px;align-items:center;gap:20px;min-height:150px;padding:24px;transition:all .25s;display:flex;box-shadow:0 14px 30px #334b3f25}.habitat:hover:not(:disabled){transform:translateY(-5px)rotate(-.5deg)}.habitat b{font-size:24px;display:block}.habitat small{margin-top:6px;font-size:16px;display:block}.habitat-emoji{background:#ffffff8c;border-radius:24px;place-items:center;width:88px;height:88px;font-size:58px;display:grid}.savana{background:linear-gradient(135deg,#f7c854,#e9a13f)}.floresta{background:linear-gradient(135deg,#8ccc73,#4e9a62)}.oceano{background:linear-gradient(135deg,#64d9dc,#3897cf)}.fazenda{background:linear-gradient(135deg,#b6db69,#efc85b)}.polo{background:linear-gradient(135deg,#d7f4ff,#a9b8f4)}.locked{filter:grayscale(.35);opacity:.65;cursor:not-allowed}.locked .habitat-emoji{font-size:30px}.dock{z-index:9;background:#fff;border-radius:22px;gap:8px;padding:10px;display:flex;position:fixed;bottom:18px;left:50%;transform:translate(-50%);box-shadow:0 12px 30px #26323830}.dock button{border-radius:15px;align-items:center;gap:8px;padding:12px 18px;font-weight:600;display:flex}.dock button:hover{background:#f8f2df}.habitat-bg{background:linear-gradient(#89d2e2 0 28%,#f8dc83 28% 58%,#dfad65 58%)}.trail-shell{max-width:1000px;margin:auto;padding:24px}.back{align-items:center;gap:6px;padding:10px 0;font-weight:700;display:flex}.habitat-hero{background:linear-gradient(135deg,#f9cc58,#e99c3f);border-radius:30px;justify-content:space-between;align-items:center;padding:30px;display:flex;box-shadow:0 18px 40px #7746172d}.habitat-hero h1{margin:5px 0;font-size:42px}.eyebrow{letter-spacing:1px;font-weight:700}.hero-animal{font-size:100px}.trail{background:#fff9e8e8;border-radius:30px;margin-top:20px;padding:16px 24px}.phase-row{grid-template-columns:85px 1fr auto;align-items:center;gap:18px;min-height:125px;display:grid;position:relative}.phase-node{z-index:2;cursor:pointer;background:#f3b33d;border:5px solid #fff;border-radius:50%;width:76px;height:76px;font-size:36px;box-shadow:0 0 0 5px #d67d28,0 8px 15px #593b2230}.phase-node.disabled{filter:grayscale();background:#ccc}.path-line{z-index:0;background:#d7ae6d;width:8px;height:100%;position:absolute;top:50%;left:34px}.phase-info small,.phase-info b,.phase-info span{display:block}.phase-info b{font-size:22px}.phase-info span{color:#6b6b6b}.mini-stars{color:#f3ad22;margin-top:7px;display:flex}.play-btn{padding:10px 16px}.game-bg{background:linear-gradient(#83d6eb,#f6e58a 60%,#e2ad6d)}.game-head{align-items:center;gap:18px;height:74px;padding:0 5%;display:flex}.progress{background:#fff8;border-radius:20px;flex:1;height:18px;overflow:hidden}.progress i{border-radius:inherit;background:linear-gradient(90deg,#78bd47,#eec536);height:100%;transition:all .4s;display:block}.question-card{background:#fff;border-radius:32px;width:min(900px,92%);margin:20px auto 60px;padding:28px;box-shadow:0 22px 50px #4d3a2330}.mascot-talk{align-items:center;gap:16px;display:flex}.mascot-talk>span{font-size:70px}.mascot-talk div{flex:1}.mascot-talk small,.mascot-talk b{display:block}.mascot-talk b{font-size:clamp(23px,3.4vw,38px)}.sound{background:#e9f3ef;border-radius:16px;place-items:center;width:50px;height:50px;display:grid}.visual-box{text-align:center;letter-spacing:4px;background:linear-gradient(135deg,#fff4c6,#f7d986);border-radius:24px;place-items:center;min-height:150px;margin:24px 0;padding:20px;font-size:34px;display:grid}.hint{background:#e7f3ff;border-radius:16px;margin-bottom:16px;padding:14px 18px}.answers{grid-template-columns:repeat(2,1fr);gap:14px;display:grid}.answers button{cursor:pointer;background:#fffaf0;border:3px solid #e8d9ba;border-radius:20px;min-height:76px;font-size:32px;font-weight:700;box-shadow:0 6px #d8c59e}.answers button:hover{background:#fff1c9;transform:translateY(-2px)}.feedback{text-align:center;border-radius:18px;margin-top:20px;padding:16px;font-size:20px;font-weight:700}.feedback.ok{background:#daf3c7}.feedback.try{background:#e8f1ff}.modal{z-index:20;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#26323888;place-items:center;display:grid;position:fixed;inset:0}.completion{text-align:center;background:#fff9e8;border-radius:32px;width:min(480px,90%);padding:30px;box-shadow:0 30px 80px #0004}.completion h2{margin:8px;font-size:36px}.big-stars{color:#f1ae25;justify-content:center;gap:6px;display:flex}.big-stars svg{width:48px;height:48px}.reward-card{text-align:left;background:#f7df9a;border-radius:22px;align-items:center;gap:15px;margin:20px 0;padding:15px;display:flex}.reward-card>span{font-size:48px}.reward-card small,.reward-card b{display:block}.confetti{font-size:30px}.album-bg,.dashboard-bg,.settings-bg{background:linear-gradient(145deg,#fff8d9,#e8f2de)}.content{max-width:1050px;margin:auto;padding:28px}.album-grid{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:18px;margin-top:28px;display:grid}.animal-card{text-align:center;background:#fff;border-radius:24px;padding:22px;box-shadow:0 12px 25px #35453514}.animal-card>div{font-size:72px}.animal-card b{font-size:20px}.animal-card p{color:#5e625f;line-height:1.45}.hidden-animal{filter:grayscale(.8);opacity:.65}.parents-bg{background:linear-gradient(145deg,#eef5ee,#d7e8f7);place-items:center;display:grid}.parent-lock{text-align:center;background:#fff;border-radius:30px;width:min(440px,90%);padding:34px;box-shadow:0 20px 60px #34455a22}.parent-lock>div{font-size:60px}.parent-lock b{margin:15px;font-size:34px;display:block}.parent-lock input{text-align:center;border:3px solid #d9dfdf;border-radius:14px;width:120px;margin:0 auto 18px;padding:12px;font-size:28px;display:block}.text-btn{margin:18px auto;display:block}.kpis{grid-template-columns:repeat(3,1fr);gap:16px;margin:24px 0;display:grid}.kpis article{text-align:center;background:#fff;border-radius:22px;padding:22px}.kpis span,.kpis b,.kpis small{display:block}.kpis span{font-size:35px}.kpis b{font-size:32px}.dash-card{background:#fff;border-radius:24px;margin-top:18px;padding:24px}.skill{grid-template-columns:220px 1fr 55px;align-items:center;gap:12px;margin:18px 0;display:grid}.skill>div{background:#edf0ec;border-radius:20px;height:14px;overflow:hidden}.skill i{background:#78bd47;border-radius:20px;height:100%;display:block}.narrow{max-width:720px}.setting-row{background:#fff;border-radius:18px;justify-content:space-between;align-items:center;margin:12px 0;padding:18px 20px;font-size:19px;display:flex}.setting-row input{width:24px;height:24px}.contrast{filter:contrast(1.25)}.big-text{font-size:1.15em}@media (width<=760px){.stats span:nth-child(2),.stats span:nth-child(3){display:none}.world-map{grid-template-columns:1fr}.habitat{min-height:120px;padding:18px}.habitat-emoji{width:70px;height:70px}.habitat b{font-size:20px}.dock{justify-content:space-around;width:92%}.dock button{font-size:13px}.habitat-hero h1{font-size:30px}.hero-animal{font-size:65px}.phase-row{grid-template-columns:70px 1fr}.phase-node{width:60px;height:60px;font-size:28px}.path-line{left:26px}.play-btn{grid-column:2;justify-self:start;margin-bottom:14px}.answers{grid-template-columns:1fr}.question-card{padding:18px}.visual-box{font-size:26px}.mascot-talk>span{font-size:52px}.kpis{grid-template-columns:1fr}.skill{grid-template-columns:1fr 55px}.skill>span{grid-column:1/3}.profile-grid{grid-template-columns:repeat(2,1fr)}}