/* Sr. Beterraba: illuminated tabletop and realistic 3D companion. */
.country-flag{background:#fff}.album-flag{display:block;width:43px;height:30px;border:1px solid #9cb88d;border-radius:5px;box-shadow:0 2px 5px #35512625}
.country-flag.flag-brazil:before{inset:12px 25px!important;background:#ffdf4f!important;transform:none!important;clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%)}.country-flag.flag-brazil:after{width:52px!important;height:52px!important;top:29px!important;left:64px!important;background:linear-gradient(171deg,transparent 43%,#fff 44% 49%,transparent 50%),#2859ad!important;box-shadow:none!important}
.country-flag{position:relative;display:block;width:180px;height:120px;margin:12px auto 20px;overflow:hidden;border:5px solid #fff;border-radius:12px;box-shadow:0 12px 24px #35512635,0 0 0 1px #70925955}.country-flag.flag-brazil{background:#23964c}.country-flag.flag-brazil:before{content:'';position:absolute;inset:18px 34px;background:#f2d24c;transform:rotate(45deg)}.country-flag.flag-brazil:after{content:'';position:absolute;width:47px;height:47px;top:31px;left:61px;border-radius:50%;background:#285aaf;box-shadow:inset 0 -5px #fff3}.country-flag.flag-japan{background:#fff}.country-flag.flag-japan:after{content:'';position:absolute;width:57px;height:57px;top:27px;left:57px;border-radius:50%;background:#cf3442}.country-flag.flag-canada{background:linear-gradient(90deg,#d52d36 0 25%,#fff 25% 75%,#d52d36 75%)}.country-flag.flag-canada:after{content:'';position:absolute;width:54px;height:63px;top:27px;left:58px;background:#d52d36;clip-path:polygon(50% 0,58% 25%,74% 15%,69% 35%,91% 38%,70% 52%,80% 72%,58% 67%,50% 100%,42% 67%,20% 72%,30% 52%,9% 38%,31% 35%,26% 15%,42% 25%)}.country-flag.flag-egypt{background:linear-gradient(#cf353e 0 33.33%,#fff 33.33% 66.66%,#222 66.66%)}.country-flag.flag-egypt:after{content:'';position:absolute;width:18px;height:27px;top:45px;left:81px;border-radius:0 0 9px 9px;background:#d6ad47;box-shadow:0 -4px #d6ad47}.country-flag.flag-italy{background:linear-gradient(90deg,#299a57 0 33.33%,#fff 33.33% 66.66%,#d53b42 66.66%)}.album-flag.country-flag{width:43px;height:30px;margin:0;border-width:1px;border-radius:5px;box-shadow:0 2px 5px #35512625}.album-flag.country-flag.flag-brazil:before{inset:5px 10px}.album-flag.country-flag.flag-brazil:after{width:12px;height:12px;top:8px;left:14px}.album-flag.country-flag.flag-japan:after{width:14px;height:14px;top:7px;left:14px}.album-flag.country-flag.flag-canada:after{width:13px;height:16px;top:7px;left:14px}.album-flag.country-flag.flag-egypt:after{width:5px;height:8px;top:11px;left:19px;box-shadow:0 -1px #d6ad47}
.sound-toggle{min-height:38px;border:1px solid #91ad7470;border-radius:10px;background:#fff;color:#304029;padding:8px 11px;font:700 12px 'DM Sans',sans-serif;cursor:pointer;white-space:nowrap}.sound-toggle:hover{background:#eef8e6}.sound-toggle:focus-visible{outline:3px solid #8ecb63;outline-offset:2px}.sound-toggle[aria-pressed="false"]{color:#60705d;background:#f3f5f0}@media(max-width:760px){.sound-toggle{font-size:11px;padding:7px 8px}}
body{background:radial-gradient(ellipse at 72% 20%,#49314888,transparent 48%),radial-gradient(ellipse at 10% 70%,#364b2633,transparent 50%),#100d13}
header{max-width:1380px;border-color:#d5af7330;background:linear-gradient(180deg,#ffffff06,transparent)}
.wrap{max-width:1380px;padding-top:30px}.topline{margin-bottom:26px}h1{font-size:clamp(2.1rem,4.2vw,3.45rem)}.eyebrow{color:#e2c08b}.sub{color:#bfafbe}
.layout{grid-template-columns:minmax(0,1.65fr) minmax(320px,1fr);gap:24px;align-items:start}
.panel{border:1px solid #b8976740;background:linear-gradient(135deg,#342737,#211a27 60%);box-shadow:inset 0 1px 0 #fff2,0 20px 45px #0006,0 2px 4px #0008;border-radius:22px}
.game{padding:30px;min-height:565px;position:relative}.cardhead h2{color:#f6e9d2}.tag{background:#1b2818;color:#b9e697;border-color:#688457;box-shadow:inset 0 2px 6px #0005}
.playarea{grid-template-columns:180px minmax(0,1fr);gap:20px;margin:27px 0}.drawing{height:220px;border:6px solid #49362c;outline:1px solid #bda07866;box-shadow:inset 0 0 30px #000a,0 5px 9px #0008;background:radial-gradient(ellipse at 50% 25%,#3a493c,#17211c);border-radius:10px}.drawing svg{width:155px;height:190px;filter:drop-shadow(1px 3px 2px #0008)}.hang{stroke:#eed6a7}.word{font-size:clamp(1.35rem,2.65vw,2.25rem);letter-spacing:.14em;text-shadow:0 3px 5px #0008}.category{color:#dcbb8e}.key{border:1px solid #8b758b;background:linear-gradient(#55455b,#322839);box-shadow:inset 0 1px 0 #fff3,0 4px 0 #17111c,0 5px 5px #0006;transition:transform .15s,background .15s}.key:active:not(:disabled){transform:translateY(3px);box-shadow:inset 0 1px 0 #fff3,0 1px 0 #17111c}.key.good{background:linear-gradient(#567943,#2e4425);border-color:#83ae61;opacity:.85}.key.bad{background:#261d2b;opacity:.45}.primary{background:linear-gradient(#c1f582,#94d450);border:1px solid #d3f8a9;box-shadow:inset 0 1px 0 #fff6,0 4px 0 #4c772a,0 7px 12px #0006}.gamefoot{padding-top:12px}.cost{max-width:250px;line-height:1.6}
.side{gap:16px}.mascot-panel{overflow:hidden;padding:22px 24px 24px;background:radial-gradient(ellipse at 50% 30%,#633849 0,#302331 50%,#221b27 90%)}.mascot-heading{display:flex;justify-content:space-between;align-items:center;gap:8px}.mascot-heading h2{font:700 23px 'Space Grotesk',sans-serif;margin:0;color:#f4e6ce}.mascot-heading span{font-size:12px;letter-spacing:.08em;color:#c6d4af;text-transform:uppercase}.mascot-portrait{display:block;width:100%;height:245px;object-fit:contain;filter:drop-shadow(0 15px 12px #0006);margin:5px auto 0;transition:transform .3s}.mascot-panel.speaking .mascot-portrait{transform:translateY(-5px) rotate(-2deg)}.speech{background:linear-gradient(#f7ecda,#e8d6bb);border:1px solid #fff7;color:#39263b;border-radius:14px;padding:14px 16px;box-shadow:0 5px 10px #0004;min-height:73px;line-height:1.5;font-size:15px;margin:0 0 15px}.hint-button{display:flex;width:100%;justify-content:space-between;gap:10px;align-items:center;border:1px solid #d8b881;background:linear-gradient(#765b37,#4b3924);box-shadow:inset 0 1px 0 #fff3,0 4px 0 #251b10;color:#fff0d6;border-radius:12px;padding:14px 16px;font-weight:800}.hint-button:hover:not(:disabled){background:linear-gradient(#8b6c42,#59432b)}.hint-button:disabled{opacity:.5}.hint-meta{display:flex;justify-content:space-between;gap:8px;font-size:12px;color:#bfb0be;margin:12px 0 0}.hero{min-height:0;padding:19px 23px;background:linear-gradient(120deg,#622c49,#352234)}.hero:after{display:none}.hero small{font-size:12px;color:#e2b0c9}.hero h2{font-size:22px;margin:8px 0}.hero p{font-size:14px}.hero button{margin-top:13px;border:1px solid #c57e9d66;background:#231724}.info{padding:21px}.info h3{font-size:18px;margin-bottom:13px}.steps{gap:9px}.step{font-size:14px}.step strong{width:25px;height:25px}.fine{font-size:12px}.modal{background:linear-gradient(135deg,#3a2b3d,#211825);border-color:#d3ac7055}.balance{background:linear-gradient(#3f482c,#25301e);border:1px solid #87966255;color:#ddf3a8}.logo i{font-size:24px}.modalback{backdrop-filter:blur(8px)}
@media(max-width:1000px){.layout{grid-template-columns:minmax(0,1.4fr) minmax(290px,1fr)}.playarea{grid-template-columns:1fr}.drawing{height:170px}.drawing svg{height:145px}.game{padding:24px}.mascot-portrait{height:260px}.side{display:flex}.word{font-size:1.8rem}.key{width:38px;height:42px}}
@media(max-width:760px){.layout{grid-template-columns:1fr}.game{min-height:0;padding:21px}.playarea{grid-template-columns:135px minmax(0,1fr);gap:16px}.drawing{height:170px}.drawing svg{width:120px}.mascot-panel{display:grid;grid-template-columns:130px minmax(0,1fr);gap:10px 16px;padding:20px}.mascot-heading{grid-column:1/-1}.mascot-portrait{grid-row:2/5;grid-column:1;height:210px;align-self:center}.speech{grid-column:2;min-height:0;margin:0;font-size:14px}.hint-button{grid-column:2;align-self:center;padding:12px;flex-wrap:wrap;font-size:14px}.hint-meta{grid-column:2;flex-direction:column;margin:0}.gamefoot{flex-direction:row;align-items:center}.gamefoot .primary{width:auto;flex-shrink:0}.cost{font-size:12px}.info{display:none}}
@media(max-width:430px){.playarea{grid-template-columns:1fr}.drawing{height:150px}.drawing svg{height:130px}.word{font-size:1.7rem}.mascot-panel{grid-template-columns:100px minmax(0,1fr);gap:10px}.mascot-portrait{height:180px}.mascot-heading h2{font-size:21px}.mascot-heading span{font-size:11px}.gamefoot{flex-direction:column;align-items:stretch}.gamefoot .primary{width:100%}.cost{max-width:none}.key{width:36px}header{flex-wrap:wrap;height:auto;min-height:76px;padding-top:12px;padding-bottom:12px;gap:10px}.logo{font-size:20px}nav{margin-left:auto}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important}}
.game-controls{display:flex;align-items:center;gap:10px}.topic-picker{display:flex;align-items:center;gap:7px;color:#c6d4af;font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.topic-picker select{appearance:none;border:1px solid #8eaf745e;border-radius:9px;background:#1e291b;color:#e7f4d7;padding:8px 28px 8px 10px;font:700 13px 'DM Sans',sans-serif;letter-spacing:0;text-transform:none;cursor:pointer;background-image:linear-gradient(45deg,transparent 50%,#c6d4af 50%),linear-gradient(135deg,#c6d4af 50%,transparent 50%);background-position:calc(100% - 13px) 52%,calc(100% - 9px) 52%;background-size:4px 4px,4px 4px;background-repeat:no-repeat}.topic-picker select:focus{outline:2px solid #c1f582;outline-offset:2px}.topic-picker select:disabled{opacity:.55;cursor:not-allowed}.animal-reveal{text-align:center}.animal-emoji{display:grid;place-items:center;width:150px;height:150px;margin:4px auto 10px;border:1px solid #e6cb8a88;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff9,transparent 28%),linear-gradient(145deg,#51653d,#283720);box-shadow:inset 0 2px 12px #fff3,0 12px 24px #0006;font-size:86px;animation:animal-arrival .7s cubic-bezier(.18,.89,.32,1.28) both}.animal-kicker{margin:8px 0 2px!important;color:#c6d4af!important;font-size:12px;font-weight:800;letter-spacing:.13em}.animal-reveal h3{margin:0;color:#f6e9d2;font:700 32px 'Space Grotesk',sans-serif}.animal-facts{display:grid;gap:9px;text-align:left;margin:20px 0}.animal-facts div{padding:11px 13px;border:1px solid #d9b67742;border-radius:12px;background:#ffffff09}.animal-facts dt{color:#d9bb87;font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.animal-facts dd{margin:4px 0 0;color:#eaddea;line-height:1.4}@keyframes animal-arrival{0%{opacity:0;transform:scale(.35) rotate(-12deg)}70%{transform:scale(1.08) rotate(4deg)}100%{opacity:1;transform:scale(1) rotate(0)}}@media(max-width:550px){.cardhead{align-items:flex-start}.game-controls{align-items:flex-end;flex-direction:column;gap:7px}.topic-picker{align-items:flex-end;flex-direction:column;gap:3px}.animal-emoji{width:126px;height:126px;font-size:72px}}
.album-modal{text-align:center}.album-progress{margin:0 0 16px!important}.album-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.album-animal{display:grid;gap:4px;place-items:center;min-height:92px;padding:8px 4px;border:1px dashed #d9b6776b;border-radius:12px;background:#ffffff08;color:#b8acb8}.album-animal span{font-size:34px;filter:grayscale(1);opacity:.55}.album-animal small{font-size:10px;font-weight:800}.album-animal.found{border-style:solid;border-color:#a9df7370;background:#4b6a3738;color:#f6e9d2}.album-animal.found span{filter:none;opacity:1}.album-rules{display:grid;gap:5px;margin:17px 0;text-align:left;padding:13px;border-radius:12px;background:#ffffff0a;color:#e9ddea}.album-rules strong{color:#d9bb87}.album-rules span{font-size:13px}.giraffe-motion{animation:animal-arrival .7s cubic-bezier(.18,.89,.32,1.28) both,giraffe-sway 2.7s ease-in-out .7s infinite}.elephant-motion{animation:animal-arrival .7s cubic-bezier(.18,.89,.32,1.28) both,elephant-sway 2.2s ease-in-out .7s infinite}.lion-motion{animation:animal-arrival .7s cubic-bezier(.18,.89,.32,1.28) both,lion-bounce 1.8s ease-in-out .7s infinite}.penguin-motion{animation:animal-arrival .7s cubic-bezier(.18,.89,.32,1.28) both,penguin-waddle 1.5s ease-in-out .7s infinite}.turtle-motion{animation:animal-arrival .7s cubic-bezier(.18,.89,.32,1.28) both,turtle-nod 2.4s ease-in-out .7s infinite}@keyframes giraffe-sway{0%,100%{transform:rotate(-3deg) translateY(0)}50%{transform:rotate(3deg) translateY(-7px)}}@keyframes elephant-sway{0%,100%{transform:translateX(-5px) rotate(-2deg)}50%{transform:translateX(5px) rotate(2deg)}}@keyframes lion-bounce{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-9px) scale(1.04)}}@keyframes penguin-waddle{0%,100%{transform:rotate(-5deg) translateX(-4px)}50%{transform:rotate(5deg) translateX(4px)}}@keyframes turtle-nod{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(5px) rotate(3deg)}}
.album-group{margin:16px 0;text-align:left}.album-group h3{display:flex;justify-content:space-between;margin:0 0 8px;color:#3b5630;font:700 15px 'Space Grotesk',sans-serif}.album-group h3 span{color:#69865c;font:700 12px 'DM Sans',sans-serif}.flag-motion{animation:animal-arrival .7s cubic-bezier(.18,.89,.32,1.28) both,flag-wave 1.8s ease-in-out .7s infinite}.vegetable-motion{animation:animal-arrival .7s cubic-bezier(.18,.89,.32,1.28) both,vegetable-bounce 2s ease-in-out .7s infinite}@keyframes flag-wave{0%,100%{transform:rotate(-5deg) translateX(-3px)}50%{transform:rotate(5deg) translateX(3px)}}@keyframes vegetable-bounce{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-7px) rotate(2deg)}}
:root{color:#263126;background:#edf5e7}body{background:radial-gradient(circle at 82% 4%,#ffd8e833 0,transparent 29%),radial-gradient(circle at 8% 72%,#b9ea9a55 0,transparent 34%),#edf5e7}header{border-color:#7b9a5a4d;background:#fffffff0;box-shadow:0 2px 12px #47613612}.logo{color:#273321}.logo b{color:#5c9b36}nav button,.secondary{border-color:#91ad7470;background:#fff;color:#304029}.balance{background:#e8f6d7;border-color:#9bbb79;color:#315c21}.panel{background:linear-gradient(145deg,#fff,#f7fbf2);border-color:#a6c38d8a;box-shadow:inset 0 1px 0 #fff,0 14px 30px #4f70421f,0 2px 4px #4f70421c}.cardhead h2,.mascot-heading h2{color:#2d4227}.eyebrow{color:#8d5b34}.sub,.status,.cost{color:#506047}.pill{background:#ffffffc7;border-color:#b2c99a;color:#526347}.tag{background:#e6f7d6;color:#3d6a2d;border-color:#8ab56b;box-shadow:none}.word{color:#2d3c2b;text-shadow:none}.category{color:#7b5433}.drawing{background:radial-gradient(ellipse at 50% 25%,#55714e,#2d4931);border-color:#8d7353;outline-color:#b8a272}.key{border-color:#a9bc9e;background:linear-gradient(#fff,#eef5e9);box-shadow:inset 0 1px 0 #fff,0 3px 0 #b2c5a8,0 5px 5px #50624823;color:#30402d}.key.good{background:linear-gradient(#bde88e,#87c75b);border-color:#75ae4c;opacity:1}.key.bad{background:#e6dfe6;color:#7a6879;opacity:.8}.mascot-panel{background:radial-gradient(ellipse at 50% 30%,#f9d7e3,#f4edf5 57%,#e6f3de)}.mascot-heading span{color:#5c774f}.speech{background:#fffdf7;border-color:#fff;color:#3b4a36;box-shadow:0 5px 10px #49623220}.hint-button{background:linear-gradient(#8db967,#649344);border-color:#79a75a;box-shadow:inset 0 1px 0 #fff6,0 3px 0 #46712e;color:#fff}.hint-button:hover:not(:disabled){background:linear-gradient(#a7cf7e,#75a952)}.hint-meta{color:#5e705a}.hero{background:linear-gradient(125deg,#f6b9cf,#f5d3a6);color:#422d39}.hero small{color:#76536a}.hero h2,.hero p{color:#422d39}.hero button{background:#503449;border-color:#6e4b6570}.info{background:linear-gradient(145deg,#fff,#f7fbf2)}.step{color:#3d4e38}.step strong{background:#e9f7dc;color:#4b7b33}.fine{color:#61705d}.modal{background:linear-gradient(145deg,#fffdf9,#f1f7eb);border-color:#a9c58f;color:#31402d}.modal p{color:#52604d}.modal h2{color:#2c4027}.close{color:#3a4935}.modal input{background:#fff;color:#253526;border-color:#a9c298}.animal-reveal h3{color:#2d4227}.animal-facts div,.album-rules{background:#f0f7e9;border-color:#c2d6b3}.animal-facts dd,.album-rules{color:#4a5944}.animal-facts dt,.album-rules strong{color:#7c5634}.animal-kicker{color:#65834f!important}.album-animal{background:#f2f6ef;color:#7a8877;border-color:#a8bd9c}.album-animal.found{background:#e3f4d3;color:#324a28;border-color:#85b96b}

/* Sr. Bê flutuante: aparece sempre que o painel grande está fora da tela (celular ou rolagem no computador). */
.mobile-helper{position:fixed;display:none;align-items:center;gap:4px;right:16px;bottom:16px;z-index:4;padding:5px 12px 5px 5px;border:1px solid #96ba80;border-radius:999px;background:#fffdf9;color:#30452c;font:800 12px 'DM Sans',sans-serif;box-shadow:0 7px 22px #38502b45;cursor:pointer;animation:helper-in .25s ease-out}
.mobile-helper img{width:45px;height:45px;object-fit:contain;filter:drop-shadow(0 3px 3px #40523555)}
.mobile-helper:hover{background:#f2f9e6}
.mobile-helper:focus-visible{outline:3px solid #8ecb63;outline-offset:2px}
body.helper-offscreen .mobile-helper{display:flex}
body.helper-offscreen .site-footer{padding-bottom:70px}
@keyframes helper-in{from{opacity:0;transform:translateY(10px) scale(.9)}to{opacity:1;transform:none}}
.mobile-helper-dialog{text-align:center}.mobile-helper-dialog img{display:block;width:150px;height:150px;object-fit:contain;margin:0 auto -10px;filter:drop-shadow(0 10px 8px #40523535)}
@media(max-width:700px){
  .wrap{padding:22px 12px 96px}.topline{margin-bottom:16px}.topline h1{font-size:clamp(1.8rem,8vw,2.4rem)}
  .game{padding:18px 12px}.cardhead{align-items:flex-start}.playarea{grid-template-columns:126px minmax(0,1fr)!important;gap:12px;margin:18px 0 16px}.drawing{height:148px}.drawing svg{width:112px;height:128px}
  .wordbox{min-width:0}.category{font-size:12px;line-height:1.35}.word{white-space:nowrap;overflow-x:auto;overflow-y:hidden;max-width:100%;margin:13px 0;font-size:clamp(1.25rem,7.4vw,1.75rem);letter-spacing:.11em;scrollbar-width:thin}.status{font-size:14px;min-height:58px}
  .keypad{gap:7px}.key{width:calc((100vw - 68px)/8);max-width:42px;height:42px}.gamefoot{margin-top:18px}.cost{font-size:12px}.gamefoot .primary{padding:12px 13px}
  .side{display:block}.side > .mascot-panel{display:none}.side .hero{margin-top:14px}.info{display:none}.mobile-helper{right:13px;bottom:13px}
}
/* Celular: a palavra ganha a largura toda, abaixo da forca e da dica. */
@media(max-width:700px){
  .playarea{grid-template-areas:"draw cat" "draw status" "word word";grid-template-rows:auto 1fr auto;row-gap:6px}
  .wordbox{display:contents}
  .drawing{grid-area:draw}
  .category{grid-area:cat;align-self:end;text-align:left}
  .status{grid-area:status;align-self:start;text-align:left;min-height:0}
  .word{grid-area:word;text-align:center;margin:8px 0 0!important;overflow-x:hidden!important}
}
@media(max-width:390px){.playarea{grid-template-columns:112px minmax(0,1fr)!important}.drawing{height:135px}.drawing svg{width:102px;height:116px}.word{font-size:1.18rem;letter-spacing:.08em}.key{width:calc((100vw - 60px)/8);height:39px}.game-controls{gap:5px}.topic-picker select{max-width:130px}.tag{font-size:12px;padding:6px 8px}}

/* Rodapé discreto: só o aviso do protótipo. */
.site-footer{margin:40px auto 30px;padding:18px 30px 0;max-width:1380px;border-top:1px dashed #a5c08c88}
.footer-grid{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px}
.footer-note{margin:0;font-size:12px;line-height:1.5;color:#61705d;max-width:640px}
@media(max-width:700px){.site-footer{padding:16px 14px 0;margin:24px auto 90px}}

/* Entrar como responsável ou administrador: no topo, visível sem rolar. */
.login-links{display:flex;gap:6px;padding-right:10px;margin-right:4px;border-right:1px solid #91ad7455}
nav .login-link{border:1px solid #a5c08c;background:#fff;color:#3d5230;font:700 12px 'DM Sans',sans-serif;padding:8px 13px;border-radius:999px;letter-spacing:.03em;white-space:nowrap}
nav .login-link:hover{background:#e9f4dc}
nav .login-link:focus-visible{outline:3px solid #8ecb63;outline-offset:2px}
@media(max-width:860px){.login-links{order:-1;width:100%;justify-content:flex-end;border-right:0;padding-right:0;margin-right:0}}
@media(max-width:650px){nav .login-link{padding:7px 10px;font-size:11px}}

nav .add-beets{border:1px solid #6ba448;background:#e6f5cf;color:#2f5a1e;font-weight:800;white-space:nowrap}
nav .add-beets:hover{background:#d4eeb6}
@media(max-width:860px){header{flex-wrap:wrap;height:auto;min-height:70px;padding-top:10px;padding-bottom:10px;gap:8px}nav{flex-wrap:wrap;justify-content:flex-end;margin-left:auto;row-gap:6px}}
@media(max-width:650px){nav .add-beets{padding:9px 8px;font-size:11px}}

/* Área dos pais e administrador — modais compartilham a modal base. */
.parent-plans{display:grid;gap:8px;margin:10px 0 4px}
.parent-plan{display:flex;justify-content:space-between;align-items:center;text-align:left;padding:12px 14px;border-radius:12px;border:1px solid #b7cca4;background:#fbfef4;color:#31402d;font:700 14px 'DM Sans',sans-serif;cursor:pointer;transition:transform .1s,border-color .1s,background .1s}
.parent-plan:hover{background:#f2f9e6}
.parent-plan.selected{border:2px solid #6ba448;background:#e6f5cf;padding:11px 13px}
.parent-plan small{display:block;color:#5b7250;font-weight:600;font-size:12px;margin-top:2px}
.parent-plan .price{color:#5b7f34;font-size:15px}
.parent-total{display:flex;justify-content:space-between;align-items:center;padding:12px 0 4px;border-top:1px solid #c2d6b3;margin-top:14px;font-weight:800;color:#324a28}
.parent-history{margin-top:16px;padding:12px 14px;background:#f6faf0;border:1px solid #c9dcb8;border-radius:12px}
.parent-history strong{display:block;color:#3b5630;font-size:13px;margin-bottom:6px}
.parent-history ul{margin:0;padding-left:18px;color:#4a5944;font-size:13px;line-height:1.55}
.parent-history li{margin:3px 0}
.parent-history li.fine{list-style:none;margin-left:-18px;color:#7a8877}
.parent-actions{margin-top:14px;display:grid;gap:8px}
.parent-actions .primary{width:100%}
.parent-actions .secondary{width:100%;background:#fff;color:#31402d;border:1px solid #a9c298;font-weight:800;padding:11px;border-radius:11px}
.parent-actions .secondary:hover{background:#eef8e6}

/* Área do administrador. */
.admin-word-list{margin-top:14px;padding:12px 14px;background:#f6faf0;border:1px solid #c9dcb8;border-radius:12px;color:#3d4e38;font-size:13px;line-height:1.55;max-height:220px;overflow-y:auto}
.admin-word-list strong{display:block;color:#3b5630;margin-bottom:6px}
.admin-word-list div{padding:2px 0}
.admin-word-list small{color:#61705d}

.admin-word{display:flex;align-items:baseline;gap:6px}
.admin-word small{flex:1}
.admin-word .link-button{margin:0;font-size:12px;color:#9a3b50}

/* Conta do responsável: jogadores, aviso, caixa de seleção e links. */
.modal .notice{background:#eef6e6;border:1px solid #c9dcb8;color:#3d4e38;margin:0 0 12px}
.modal .success{color:#2f6a1c!important}.modal .error{color:#b3264a!important}
.parent-section{margin:20px 0 8px;color:#2c4027;font:700 16px 'Space Grotesk',sans-serif}
.child-list{display:grid;gap:8px;margin:8px 0}
.child-card{display:flex;justify-content:space-between;align-items:center;gap:10px;text-align:left;padding:11px 14px;border:1px solid #b7cca4;border-radius:12px;background:#fbfef4;color:#31402d;cursor:pointer}
.child-card:hover{background:#f2f9e6}
.child-card.active{border:2px solid #6ba448;background:#e6f5cf;padding:10px 13px}
.child-card strong{display:block;font-size:15px}
.child-card small{display:block;color:#5b7250;font-size:12px;margin-top:2px}
.child-card em{font-style:normal;font-weight:800;font-size:12px;color:#4b7b33;white-space:nowrap}
.check-row{display:flex;align-items:flex-start;gap:9px;font-weight:600;font-size:13px;line-height:1.45;color:#3d4e38;cursor:pointer}
.check-row input{width:18px;height:18px;flex:none;margin:1px 0 0;accent-color:#5c9b36}
.link-button{display:block;margin:12px auto 0;border:0;background:none;color:#3f7a24;font:700 13px 'DM Sans',sans-serif;text-decoration:underline;cursor:pointer;padding:4px}
.link-button:hover{color:#2c5a18}

/* Painel do administrador: contas de responsável e jogadores, edição e exclusão. */
.admin-account{margin-top:12px;padding:12px 14px;background:#f6faf0;border:1px solid #c9dcb8;border-radius:12px}
.admin-account-head{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;flex-wrap:wrap}
.admin-account-head strong{display:block;color:#2c4027;font-size:14px}
.admin-account-head small{display:block;color:#61705d;font-size:12px;margin-top:2px}
.admin-account-actions,.admin-child-actions{display:flex;gap:6px;flex:none}
.admin-children{margin-top:10px;display:grid;gap:6px}
.admin-child{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap;padding:8px 10px;background:#fbfef4;border:1px solid #dbe8cc;border-radius:10px;font-size:13px;color:#3d4e38}
.admin-mini-btn{border:1px solid #6ba448;background:#eaf5da;color:#355c22;font:700 12px 'DM Sans',sans-serif;border-radius:8px;padding:5px 10px;cursor:pointer}
.admin-mini-btn:hover{background:#dcefc4}
.admin-mini-btn.danger{border-color:#c9576f;background:#fbe9ed;color:#9a3b50}
.admin-mini-btn.danger:hover{background:#f6d3da}
.admin-inline-form{margin:10px 0;padding:10px 12px;background:#fff;border:1px dashed #b7cca4;border-radius:10px;display:grid;gap:6px}
.admin-inline-form label{font-size:12px;font-weight:700;color:#3d4e38}
.admin-inline-form input{padding:8px 10px;border:1px solid #b7cca4;border-radius:8px;font-size:13px}
.admin-inline-actions{display:flex;gap:8px;margin-top:4px}
.admin-inline-actions button{flex:1}

/* Movimentos das novas descobertas. */
.fly-motion{animation:animal-arrival .7s cubic-bezier(.18,.89,.32,1.28) both,fly-flutter 1.6s ease-in-out .7s infinite}
.swim-motion{animation:animal-arrival .7s cubic-bezier(.18,.89,.32,1.28) both,swim-glide 2.4s ease-in-out .7s infinite}
@keyframes fly-flutter{0%,100%{transform:translateY(0) rotate(-4deg)}25%{transform:translateY(-10px) rotate(3deg)}50%{transform:translateY(-4px) rotate(-2deg)}75%{transform:translateY(-12px) rotate(4deg)}}
@keyframes swim-glide{0%,100%{transform:translateX(-8px) rotate(-3deg)}50%{transform:translateX(8px) rotate(3deg)}}

/* Select de escolha do filho na área dos pais herda o input padrão do modal. */
.modal select{width:100%;border:1px solid #a9c298;border-radius:11px;background:#fff;color:#253526;padding:11px 13px;font:inherit;margin-bottom:4px}
.modal select:focus{border-color:#6ba448;outline:none}