.ch74{position:fixed;inset:0;z-index:25500;display:flex;align-items:center;justify-content:center;padding:12px;background:#0b2a22cc;animation:ch74In .25s ease;font-family:system-ui,sans-serif}
.ch74-caixa{width:min(100%,460px);max-height:100%;overflow:auto;background:#fff8e6;border:4px solid #6b3f1d;border-radius:22px;box-shadow:0 8px 0 #6b3f1d,0 20px 40px #0006;color:#2a1c0a;padding:12px}
.ch74-caixa header{display:flex;justify-content:space-between;align-items:center;font-weight:900;font-size:14px;color:#1c8058;margin-bottom:8px}
.ch74-caixa header button{border:0;background:#0001;border-radius:50%;width:34px;height:34px;font-size:16px;cursor:pointer}
.ch74-cena{position:relative;height:200px;border-radius:16px;overflow:hidden}
.ch74-dia{background:linear-gradient(#8fd3ff 0 55%,#8cc66a 55%)}
.ch74-tarde{background:linear-gradient(#ffb46b,#f58f6b 55%,#7da85a 55%)}
.ch74-lagoa{background:linear-gradient(#8fd3ff 0 45%,#8cc66a 45% 60%,#3d8fc8 60%)}
.ch74-e{position:absolute;transform:translate(-50%,-50%);line-height:1;filter:drop-shadow(0 3px 2px #0003)}
.ch74-treme{animation:ch74Treme 1.4s ease-in-out infinite}.ch74-pula{animation:ch74Pula 1.2s ease-in-out infinite}.ch74-gira{animation:ch74Gira 10s linear infinite}.ch74-anda{animation:ch74Anda 4s ease-in-out infinite alternate}
.ch74-dog{position:absolute;left:50%;bottom:4px;width:130px;height:138px;margin-left:-65px;background:url('../pets/caramelo-brasil-v61.png') 0 50%/400% 100% no-repeat;filter:drop-shadow(0 5px 4px #0004);transform-origin:50% 100%}
.ch74-d-feliz{background-position:0 50%;animation:ch74Pula .9s ease-in-out infinite}
.ch74-d-senta{background-position:33.333% 50%;animation:ch74Resp 2.6s ease-in-out infinite}
.ch74-d-cheira{background-position:66.667% 50%;animation:ch74Cheira 1.6s ease-in-out infinite}
.ch74-pontos{display:flex;gap:6px;justify-content:center;margin:8px 0}.ch74-pontos i{width:10px;height:10px;border-radius:50%;background:#d6c7a5}.ch74-pontos i.on{background:#f0b400;transform:scale(1.3)}.ch74-pontos i.ok{background:#1c8058}
.ch74-fala{font-size:18px;font-weight:800;text-align:center;margin:4px 6px 10px}
.ch74-ops{display:grid;gap:8px}
.ch74-ops button,.ch74-menu button,.ch74-prim{border:3px solid #6b3f1d;background:#fff;border-radius:14px;padding:12px;font:800 16px system-ui;color:#2a1c0a;box-shadow:0 4px 0 #6b3f1d;cursor:pointer;text-align:left}
.ch74-ops button.certa{background:#d6f5dc;border-color:#1c8058;box-shadow:0 4px 0 #1c8058}
.ch74-ops button.errada{background:#ffe1de;border-color:#c0392b;box-shadow:none;opacity:.8}
.ch74-ret{min-height:22px;margin:10px 4px 2px;font-weight:700;font-size:15px}.ch74-ret.ok{color:#1c8058}.ch74-ret.nao{color:#c0392b}
.ch74-fim{text-align:center}.ch74-fim h3{margin:10px 0 4px;font-size:22px}.ch74-nota{font-weight:800;color:#1c8058}.ch74-prim{background:#1c8058;color:#fff;border-color:#13583c;box-shadow:0 4px 0 #13583c;width:100%;text-align:center}
.ch74-menu{display:grid;gap:10px}.ch74-menu button{display:grid;grid-template-columns:48px 1fr;align-items:center;column-gap:10px}.ch74-menu span{grid-row:span 2;font-size:36px}.ch74-menu small{color:#5a4426;font-weight:700}
@keyframes ch74In{from{opacity:0}}
@keyframes ch74Treme{0%,100%{transform:translate(-50%,-50%) rotate(0)}25%{transform:translate(-50%,-50%) rotate(-8deg)}75%{transform:translate(-50%,-50%) rotate(8deg)}}
@keyframes ch74Pula{0%,100%{translate:0 0}50%{translate:0 -8px}}
@keyframes ch74Gira{to{rotate:360deg}}
@keyframes ch74Anda{from{translate:-20px 0}to{translate:20px 0}}
@keyframes ch74Resp{0%,100%{scale:1}50%{scale:1.02 1.03}}
@keyframes ch74Cheira{0%,100%{rotate:0deg}50%{rotate:-6deg}}