:root{font-family:'Trebuchet MS',Arial,sans-serif;color:#343b27;background:#faf8ee;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;border:1px solid #dcdccb;border-radius:14px;background:#fffdf6;color:inherit;padding:12px 17px;font-weight:bold}button:hover{background:#fff1b9;transform:translateY(-1px)}button:focus-visible,a:focus-visible{outline:3px solid #347d6a;outline-offset:4px}header{max-width:1240px;margin:auto;padding:27px 32px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e4e3d5}.brand{text-decoration:none;color:inherit;font-size:29px;font-weight:900;display:flex;align-items:center;gap:10px}.brand span{font-size:9px;letter-spacing:1.8px;max-width:150px;line-height:1.6;margin-left:15px;color:#73785d}main{max-width:1200px;margin:auto;padding:34px 32px}.intro{max-width:760px}.eyebrow{font-size:10px;font-weight:900;letter-spacing:2px;color:#76805d}h1{font-size:clamp(35px,5vw,58px);letter-spacing:-2px;margin:13px 0 14px;line-height:1.06}h1 em{color:#b7791d;font-style:normal}.intro p{font-size:16px;line-height:1.65;color:#757a66;max-width:620px}nav{display:flex;gap:10px;margin:28px 0 20px;flex-wrap:wrap}nav button{border-radius:30px;font-size:13px;padding:12px 20px;background:transparent}nav button.active{background:#354b38;color:#fff;border-color:#354b38}.game{display:grid;grid-template-columns:1.4fr 1fr;min-height:430px;border:1px solid #e2e1cd;border-radius:26px;overflow:hidden;background:#fffdf6}.world{background:#edf0d9;position:relative;overflow:hidden;min-height:430px;padding:22px}.world-top{display:flex;justify-content:space-between;font-size:10px;letter-spacing:1.8px;color:#657353;font-weight:bold}.sun{font-size:40px;color:#dab34d}#scene{position:relative;min-height:305px;display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap;padding:20px 0 45px}.hive{display:grid;grid-template-columns:repeat(3,100px);justify-content:center;gap:3px;filter:drop-shadow(0 9px 0 #bd812d22)}.cell{width:100px;height:108px;clip-path:polygon(25% 3%,75% 3%,100% 50%,75% 97%,25% 97%,0 50%);border:0;border-radius:0;background:#e9ad42;padding:12px 5px;font-size:30px;display:flex;flex-direction:column;align-items:center;justify-content:center}.cell:nth-child(even){background:#f2c45e}.cell small{font-size:10px;margin-top:5px}.cell:hover{background:#ffd77a}.garden{position:absolute;bottom:-15px;left:0;right:0;font-size:65px;letter-spacing:15px;color:#d39f52;text-align:center;white-space:nowrap}.garden span{color:#a8b77b;font-size:85px}aside{padding:35px 32px;border-left:1px solid #e6e5d5}h2{font-size:29px;letter-spacing:-.7px;margin:14px 0}aside p{font-size:15px;line-height:1.7;color:#747965}#choices{display:grid;gap:8px;margin-top:20px}#choices button{text-align:left;font-size:14px}#feedback{font-size:14px;line-height:1.65;margin-top:18px;color:#486545;min-height:24px}.primary{background:#eeb94a;border:0;margin-top:15px;width:100%}.bottom{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:17px 0;font-size:12px;color:#717963}.bottom button{font-size:12px;background:transparent}footer{border-top:1px solid #e4e3d5;padding-top:18px;display:flex;justify-content:space-between;gap:15px;color:#858976;font-size:11px}.bee{font-size:100px;animation:float 3s ease-in-out infinite}.flower{font-size:65px;border:0;background:transparent;padding:8px}.flower:disabled{opacity:.4;cursor:default}.big{font-size:100px;text-align:center}.diagram{display:flex;gap:12px;align-items:center;font-size:40px;flex-wrap:wrap;justify-content:center}.diagram span{display:block;text-align:center}.diagram small{display:block;font-size:12px;margin-top:12px}.done{text-align:center}.done strong{display:block;font-size:25px;margin:12px}.tag{background:#ffefb9;padding:12px;border-radius:14px;font-size:13px;text-align:center}.cycle{display:grid;grid-template-columns:1fr 1fr;gap:15px}.cycle div{background:#fff4ce;padding:18px;border-radius:20px;text-align:center;font-size:36px}.cycle small{display:block;font-size:13px;margin-top:10px}@keyframes float{50%{transform:translateY(-12px) rotate(4deg)}}@media(max-width:760px){header{padding:20px}.brand span{display:none}header button{font-size:11px;padding:10px}main{padding:26px 18px}.game{grid-template-columns:1fr}.world{min-height:340px}#scene{min-height:265px}aside{border-left:0;border-top:1px solid #e6e5d5;padding:25px}nav{gap:7px}nav button{font-size:11px;padding:10px}.bottom{align-items:flex-start}footer{line-height:1.6}.cell{width:85px;height:92px}.hive{grid-template-columns:repeat(3,85px)}}@media(prefers-reduced-motion:reduce){*{animation:none!important;scroll-behavior:auto!important}}
.welcome{position:fixed;inset:0;z-index:10;background:#faf8eef5;display:grid;place-items:center;text-align:center;padding:24px}.welcome[hidden]{display:none}.welcome>div{max-width:520px}.welcome-bee{font-size:100px}.welcome h1{font-size:42px}.welcome p{line-height:1.7}.welcome button{display:flex;flex-direction:column;align-items:center;margin:25px auto;background:#efbd4f;font-size:70px;padding:25px 55px;border-radius:35px}.welcome button span{font-size:22px}.audio-controls{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}.audio-controls button{min-height:48px;min-width:48px}.tab-icon{display:block;font-size:30px;margin-bottom:5px}.choice-row{display:flex;gap:8px}.choice-row .answer{flex:1;display:flex;align-items:center;gap:15px;min-height:75px}.choice-icon{font-size:36px;min-width:80px;text-align:center}.listen-choice{font-size:25px;min-width:60px}.next-icon{font-size:45px;display:block}.primary{background:#f2bd40}.primary span:last-child{display:block}.garden{pointer-events:none}button:disabled{cursor:default;opacity:.6}.cell{font-size:36px}@media(max-width:760px){.audio-controls{max-width:210px}.audio-controls button{padding:8px}nav button{flex:1;min-width:120px}.choice-icon{font-size:32px}}
/* Figuras grandes e alvos de toque para crianças pequenas. */
.game{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr)}
.world{min-height:560px}
#scene{min-height:430px;gap:18px;padding-bottom:65px}
.hive{grid-template-columns:repeat(3,150px);gap:5px}
.cell{width:150px;height:164px;font-size:64px}
.cell small{font-size:13px;margin-top:6px}
.bee{font-size:180px}
#flowers{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;width:100%}
.flower{font-size:110px;padding:12px;min-width:130px;min-height:140px}
.diagram{font-size:72px;gap:16px}
.diagram small{font-size:15px}
.cycle{width:100%;gap:18px}
.cycle div{font-size:88px;padding:22px 12px}
.cycle small{font-size:16px}
.tab-icon{font-size:48px}
.choice-row .answer{min-width:0;min-height:130px;flex-direction:column;justify-content:center;gap:8px;padding:14px 8px;text-align:center}
.choice-icon{font-size:64px;min-width:0;line-height:1.3}
#choices .listen-choice{font-size:32px;min-width:64px;padding:10px}
.next-icon{font-size:64px}
.welcome{overflow:auto}
.welcome-bee{font-size:150px}
.welcome button{font-size:100px}
@media(min-width:761px) and (max-width:1100px){.hive{grid-template-columns:repeat(2,150px)}}
@media(max-width:760px){
 .world{min-height:490px;padding:16px}
 #scene{min-height:380px}
 .hive{grid-template-columns:repeat(2,min(150px,36vw));gap:6px}
 .cell{width:min(150px,36vw);height:min(164px,40vw);font-size:clamp(48px,15vw,64px)}
 .bee{font-size:150px}
 .flower{font-size:90px;min-width:105px;min-height:120px;padding:8px}
 .choice-icon{font-size:64px}
 .tab-icon{font-size:44px}
 .cycle div{font-size:72px}
 .diagram{font-size:64px}
}
.real-photo{margin:18px 0 8px;background:#fffdf6;border-radius:22px;overflow:hidden;border:3px solid #fffdf6}
.real-photo img{display:block;width:100%;height:auto;max-height:430px;object-fit:contain;background:#e5e8d0}
.real-photo figcaption{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 16px;font-weight:bold;font-size:15px}
.real-photo button{font-size:30px;min-width:64px;min-height:60px;background:#ffe299}
.credits{margin-top:24px;color:#747965;font-size:12px;line-height:1.7}.credits a{color:inherit}
@media(max-width:760px){.real-photo img{max-height:none}.real-photo figcaption{font-size:13px}}