@import"https://fonts.googleapis.com/css2?family=Fredoka:wght@400;600&display=swap";.animating-swap{transition:transform .2s ease}.animating-removal{transition:opacity .25s ease,transform .25s ease;opacity:0;transform:scale(0)!important}.animating-fall{transition:transform .25s ease-in}.animating-fill{transition:opacity .25s ease,transform .25s ease;animation:fillIn .25s ease forwards}@keyframes fillIn{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}.nutritional-character{position:relative;width:70px;height:70px;margin:0 auto;display:flex;justify-content:center;align-items:center}.character-svg{transition:transform .3s ease,opacity .3s ease;will-change:transform}.character-body{transition:fill .3s ease}.state-explosao .character-body,.state-trembling .character-body{fill:#e74c3c;filter:drop-shadow(0 0 10px red)}.state-breathing .character-body{fill:#f39c12}.state-estufado .character-body{fill:#f1c40f}.state-satisfeito .character-body{fill:#f5d76e}.state-feliz .character-body{fill:#ffdd57}@keyframes breathe{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes tremble{0%,to{transform:translate(0)}25%{transform:translate(-2px)}75%{transform:translate(2px)}}.state-breathing .character-svg{animation:breathe 1s ease-in-out infinite}.state-trembling .character-svg{animation:tremble .1s linear infinite}.explosion-effects{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:70px;height:70px;pointer-events:none;z-index:10}.star,.smoke,.confetti{position:absolute;opacity:0}.star{width:15px;height:15px;background-color:#f1c40f;clip-path:polygon(50% 0%,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%)}.confetti{width:10px;height:10px}.confetti-1{background-color:#e74c3c}.confetti-2{background-color:#3498db}.smoke{width:30px;height:30px;border-radius:50%;background-color:#bbb}.exploding .star-1{animation:shoot-star 1s ease-out forwards;top:50%;left:50%;--dx: 80px;--dy: -80px}.exploding .star-2{animation:shoot-star 1s ease-out forwards;top:50%;left:50%;--dx: -80px;--dy: -40px;animation-delay:.1s}.exploding .star-3{animation:shoot-star 1s ease-out forwards;top:50%;left:50%;--dx: 40px;--dy: 80px;animation-delay:.2s}.exploding .confetti-1{animation:shoot-star 1s ease-out forwards;top:50%;left:50%;--dx: -60px;--dy: 60px}.exploding .confetti-2{animation:shoot-star 1s ease-out forwards;top:50%;left:50%;--dx: 60px;--dy: -20px}.exploding .smoke-1{animation:puff 1s ease-out forwards;top:50%;left:50%}.exploding .smoke-2{animation:puff 1s ease-out forwards;top:40%;left:60%;animation-delay:.1s}@keyframes shoot-star{0%{transform:scale(0) translate(0) rotate(0);opacity:1}to{transform:scale(1.5) translate(var(--dx),var(--dy)) rotate(360deg);opacity:0}}@keyframes puff{0%{transform:translate(-50%,-50%) scale(.5);opacity:.8}to{transform:translate(-50%,-50%) scale(3);opacity:0}}.integrated-status-panel{display:flex;flex-direction:row;align-items:center;justify-content:space-between;background-color:#fff;border:2px solid var(--color-secondary-brown);border-radius:12px;padding:4px 8px;margin-bottom:8px;box-shadow:0 4px 6px #0000001a;gap:8px}.panel-item{display:flex;align-items:center;justify-content:center}.pool-item{flex:1.5}.timer-item,.score-item{flex:1}.character-item{flex:2;transform:scale(.75)}@media (max-width: 768px){.integrated-status-panel{flex-wrap:wrap;justify-content:center;padding:12px}.character-item{order:-1;flex:1 0 100%;margin-bottom:8px;transform:scale(.9)}.timer-item,.score-item,.pool-item{flex:1 1 30%}}:root{--color-primary-red: #E74C3C;--color-primary-orange: #F39C12;--color-primary-yellow: #F4D03F;--color-primary-green: #27AE60;--color-secondary-cream: #FFF3D6;--color-secondary-brown: #8E5E3B;--color-secondary-mint: #58D68D;--color-secondary-blue: #5DADE2;--font-family-base: "Fredoka", sans-serif}body{font-family:var(--font-family-base);background-color:var(--color-secondary-cream);color:var(--color-secondary-brown)}h1,h2,h3,h4,h5,h6{font-weight:600}.board-container{width:100%;max-width:512px;aspect-ratio:1 / 1;margin:0 auto}@keyframes pulse-hint{0%{stroke:#ffd700b3;stroke-width:4px;filter:drop-shadow(0 0 0px rgba(255,215,0,0))}50%{stroke:gold;stroke-width:8px;filter:drop-shadow(0 0 8px rgba(255,215,0,.8))}to{stroke:#ffd700b3;stroke-width:4px;filter:drop-shadow(0 0 0px rgba(255,215,0,0))}}.hint-highlight rect{animation:pulse-hint 1s infinite}@keyframes fadeInOut{0%{opacity:0;transform:translateY(10px)}20%{opacity:1;transform:translateY(0)}80%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-10px)}}