@font-face{font-family:FeiraDisplay;src:url(bricolage.woff2) format("woff2");font-weight:200 800;font-display:swap}
@font-face{font-family:FeiraText;src:url(nunito.woff2) format("woff2");font-weight:200 900;font-display:swap}
#englishClub[hidden],.english-entry[hidden],#englishClub [hidden]{display:none!important}
.english-entry{background:#fff9e9;border:2px solid #243759;color:#223456;display:flex;align-items:center;gap:16px;text-decoration:none;border-radius:20px;margin:15px 0;overflow:hidden;font-family:FeiraText,system-ui,sans-serif;box-shadow:0 3px 0 #d7a86d}
.english-entry img{width:clamp(90px,23%,160px);aspect-ratio:1.75;object-fit:cover;object-position:70% 40%}.english-entry strong{display:block;font:800 clamp(20px,4vw,30px)/1.12 FeiraDisplay,system-ui}.english-entry small{display:block;margin-top:3px;font-size:14px;color:#49475a}
body.in-english{background:#fff8e9;color:#223452}
body.in-english>header,body.in-english>.dock{display:none}
body.in-english main{padding:0;max-width:none;margin:0}
#englishClub{font:700 16px/1.3 FeiraText,"Trebuchet MS",system-ui,sans-serif;color:#202f50}
#englishClub button,#englishClub a{font-family:inherit;touch-action:manipulation}
#englishClub button:focus-visible,#englishClub a:focus-visible{outline:3px solid #1558ca;outline-offset:3px}
.en-shell{max-width:960px;margin:auto;padding: max(10px,env(safe-area-inset-top)) max(14px,env(safe-area-inset-right)) max(18px,env(safe-area-inset-bottom)) max(14px,env(safe-area-inset-left))}
.en-nav,.en-title,.en-prompt,.en-actions,.en-places,.en-words{display:flex;align-items:center}
.en-nav{justify-content:space-between;gap:8px;padding-bottom:10px;border-bottom:1px solid #e5d9c4}.en-nav a,.en-print{display:inline-flex;align-items:center;gap:5px;color:#283753;text-decoration:none;min-height:44px;font-size:14px;font-weight:900}
.en-nav strong{font:800 clamp(15px,3vw,22px) FeiraDisplay,system-ui}.en-nav>span{border-radius:18px;background:#ffdda0;color:#4b3519;padding:5px 10px;font-size:13px;font-weight:900}
.en-places{gap:6px;margin:16px 0}.en-places button,.en-words button{display:flex;align-items:center;justify-content:center;gap:6px;color:#263752;background:#fffcf6;border:1px solid #d4c8b3;min-height:44px;border-radius:14px;padding:4px 12px;font-weight:900}
.en-places button img{width:27px;height:27px;object-fit:contain}.en-places button[aria-current=true]{background:#253454;color:white;border-color:#253454}
.en-board{display:grid;grid-template-columns:minmax(0,1.24fr) minmax(0,1fr);gap:clamp(16px,3vw,34px);align-items:center}
.en-title{justify-content:space-between;margin:0 0 10px;gap:8px}.en-title h1{font:800 clamp(30px,4vw,48px)/1.02 FeiraDisplay,system-ui;letter-spacing:-.045em;margin:0;color:#252f50}.en-title span{font-size:13px;color:#5d5663;white-space:nowrap}
.en-scene{position:relative;isolation:isolate;overflow:hidden;border:2px solid #26334b;border-radius:20px;background:#87d7ee;box-shadow:0 4px 0 #e4c28c}
.en-scene canvas{width:100%;height:auto;aspect-ratio:625/416;display:block}
#enQuestion{display:flex;align-items:center;gap:6px;position:absolute;top:7%;left:3%;max-width:44%;font:800 clamp(15px,2.2vw,21px)/1.08 FeiraDisplay,system-ui;text-align:left;border:2px solid #28364e;border-radius:15px 15px 4px 15px;background:#fffef3;padding:8px 10px;color:#253353;box-shadow:0 2px 0 #25335344}
.en-speaker{display:inline-block;flex:none;width:23px;height:23px;background:url(../corrida/controles.webp) 0 0/300% 200% no-repeat}
#enGift{position:absolute;width:16%;height:23%;object-fit:contain;bottom:5%;left:9%;filter:drop-shadow(0 2px 1px #31251675);animation:en-arrive .38s ease-out}
@keyframes en-arrive{from{transform:translate(70%,-48%) scale(.5);opacity:.3}}
.en-words{gap:6px;margin-top:12px}.en-words button{flex:1;padding:5px;font-size:15px}.en-words img{width:25px;height:26px;object-fit:contain}.en-words button[aria-current=true]{background:#faf0cf;border:2px solid #9c6a22}
.en-practice{border:1px solid #dbceb6;background:#fffdf8;border-radius:21px;padding:clamp(15px,2.5vw,23px);box-shadow:0 3px 0 #e5d8c2}
.en-prompt{gap:10px}.en-prompt>img{width:45px;height:45px;object-fit:contain}.en-label{font-size:13px;color:#14675a;font-weight:900}.en-prompt h2{font:800 clamp(18px,2.1vw,24px)/1.12 FeiraDisplay,system-ui;margin:1px 0 0;color:#233450}.en-prompt #enGuide{margin-left:auto;border:1px solid #dfd2bd;border-radius:50%;min-width:44px;height:44px;background:#fff8e7;padding:5px;display:grid;place-items:center}
.en-answer{margin:15px 0}.en-answer #enPhrase{margin:0;font:800 clamp(31px,4.5vw,53px)/1.09 FeiraDisplay,system-ui;letter-spacing:-.045em;color:#203f58}.en-answer #enPhrase span.on{background:#ffdb54;border-radius:7px;color:#1b3043}.en-answer #enMeaning{margin:5px 0 7px;color:#685b53}
#enListen,.en-print,#enPlayback,#enFinish{border:0;background:transparent;color:#155b56;min-height:44px;font-size:15px;font-weight:900;padding:6px 4px}#enListen{display:inline-flex;align-items:center;gap:8px}
.en-actions{flex-wrap:wrap;gap:5px 10px}.en-actions #enRecord{width:100%;display:flex;gap:9px;align-items:center;justify-content:center;padding:8px 14px;min-height:50px;font-size:18px;font-weight:900;border:2px solid #173d42;border-radius:15px;color:white;background:#12736a;box-shadow:0 3px 0 #164e48}
#enRecord img{width:26px;height:29px;object-fit:contain}#enRecord.recording{background:#9e392c}.en-actions #enFinish{margin-left:auto;text-decoration:underline;text-underline-offset:3px}
#enStatus{font-size:13px;color:#495467;margin:7px 0 0}#enStatus:empty{display:none}.en-print{margin-top:12px}.en-print img{object-fit:contain}
#enPaper{display:none}
@media(max-width:680px) and (orientation:portrait){.en-board{grid-template-columns:1fr;gap:12px}.en-places{margin:9px 0;gap:5px}.en-places button{flex:1;padding:3px;font-size:14px}.en-title{margin-bottom:7px}.en-words{margin-top:9px}.en-answer{margin:10px 0 5px}.en-practice{padding:13px}.en-nav a{font-size:13px}}
@media(orientation:landscape) and (max-height:500px){.en-shell{max-width:850px;padding-top:3px}.en-places{margin:3px 0}.en-board{align-items:start;gap:14px}.en-scene{max-width: min(100%,69dvh);margin:auto}.en-title h1{font-size:25px}.en-practice{padding:10px}.en-answer{margin:6px 0}.en-prompt h2{font-size:17px}.en-answer #enPhrase{font-size:30px}.en-words{margin-top:6px}}
@media(prefers-reduced-motion:reduce){#enGift{animation:none}}
@media print{
 body.in-english,body.in-english main,body.in-english #englishClub{background:white!important;margin:0!important;padding:0!important;display:block!important;width:auto!important;height:auto!important}
 body.in-english main>:not(#englishClub),body.in-english>header,body.in-english>.dock,.in-english .en-shell{display:none!important}
 body.in-english #enPaper{display:block!important;margin:12mm auto;max-width:175mm;font:14pt FeiraText,system-ui;color:#152c42}
 #enPaper h1{font:800 26pt FeiraDisplay,system-ui}#enPaper section{display:flex;align-items:center;gap:9mm;border:1px dashed #656565;padding:5mm;margin:3mm 0;break-inside:avoid}
 #enPaper section img{width:21mm;height:21mm;object-fit:contain}#enPaper strong{font-size:21pt;display:block}#enPaper footer{display:block!important;margin:5mm 0;padding:0;color:#25374a}#enPaper footer img{width:40mm;vertical-align:middle;margin-right:6mm}
}
#enSound{display:inline-flex;margin-left:auto;padding:0;background:none}#enSound .game-sound{font-size:0;padding:5px;width:44px;height:44px;border:1px solid #d6c9b4;background:#fffaf1;border-radius:14px}
#enSound .game-sound::before{content:"";display:block;margin:auto;width:29px;height:29px;background:url(../corrida/controles.webp) 0 0/300% 200%}
#enSound [aria-pressed=false]::before{background-position:50% 0}
.en-practice h2{margin:3px 0 14px;font:800 clamp(22px,3vw,32px)/1.1 FeiraDisplay,system-ui;color:#23344e;letter-spacing:-.025em}
#enSample{display:flex;align-items:center;gap:13px;padding:9px 12px;border-radius:16px;background:#fff3d4}
#enObject{width:clamp(66px,19vw,100px);height:clamp(68px,19vw,100px);object-fit:contain}
#enSample .en-answer{margin:0}#enMeaning:empty{display:none}
#enSample.en-question-word{padding:0;background:none}
#enChoices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin:12px 0}
#enChoices button{min-height:70px;padding:7px;border:2px solid #dfcc9e;border-radius:14px;background:#fff8e6;box-shadow:0 3px #e5d4b2}
#enChoices button:active{transform:translateY(2px);box-shadow:none}#enChoices img{width:100%;height:clamp(50px,14vw,80px);object-fit:contain}
#enHint{display:flex;align-items:center;gap:8px;background:#f0f4e7;color:#2e513e;border-radius:12px;padding:7px;margin:8px 0;font-size:15px}#enHint img{width:39px;height:39px;object-fit:contain}
.en-controls{display:flex;align-items:center;justify-content:space-between;gap:6px;margin:5px 0}
#enPrevious{background:none;color:#505e68;border:0;font-size:13px;font-weight:800;text-decoration:underline;text-underline-offset:2px;min-height:44px}
.en-actions .en-next{width:100%;display:flex;gap:9px;align-items:center;justify-content:center;padding:8px 13px;min-height:48px;font-size:17px;font-weight:900;border:2px solid #16463f;border-radius:15px;color:white;background:#137467;box-shadow:0 3px 0 #164e48}
.en-next img{width:24px;height:24px;object-fit:contain}.en-next:disabled,.en-actions #enRecord:disabled{opacity:.65}
.en-actions #enRecord{font-size:15px;min-height:44px;background:#fffaeb;color:#185950;border:1px solid #b7c5ae;box-shadow:none}
.en-actions #enRecord.recording{background:#923929;color:white}
@media(orientation:landscape) and (max-height:500px){#enObject{width:56px;height:56px}.en-practice h2{margin-bottom:5px;font-size:19px}#enChoices{margin:4px 0}#enChoices img{height:40px}#enChoices button{min-height:50px}.en-controls{margin:0}.en-actions #enRecord{width:auto;flex:1}.en-actions #enNext{flex:1}.en-controls button{font-size:13px}}
.en-modes{display:flex;align-items:center;gap:8px;margin-top:12px;flex-wrap:wrap}
.en-modes nav{display:flex;gap:4px;padding:3px;background:#efe4cd;border-radius:14px}
.en-modes a,#enSpeed{display:inline-flex;align-items:center;justify-content:center;gap:6px;font-weight:900;font-size:14px;text-decoration:none;color:#27443d;min-height:43px;padding:5px 10px;border-radius:11px}
.en-modes a[aria-current=true]{background:#fffdf6;box-shadow:0 2px 0 #cdbfa5}
.en-modes img{width:25px;height:25px;object-fit:contain}#enSpeed{margin-left:auto;background:#f9f2db;border:1px solid #caba95}#enSpeed[aria-pressed=true]{background:#d7edcc;border-color:#73946c}
.echo-heading,.echo-model,.echo-tools,#echoCollection{display:flex;align-items:center}.echo-heading{justify-content:space-between;gap:8px}#echoCollection{gap:4px}
#echoCollection img{width:27px;height:27px;object-fit:contain;opacity:.38;filter:grayscale(1)}#echoCollection .earned{opacity:1;filter:none}
.echo-model{gap:14px;padding:12px;background:#fff0cd;border-radius:16px}.echo-model>img{width:clamp(56px,14vw,88px);height:clamp(56px,14vw,88px);object-fit:contain}
.echo-model strong{font:800 clamp(30px,4.5vw,50px)/1.06 FeiraDisplay,system-ui;letter-spacing:-.035em;color:#243d55}.echo-model span{display:block;margin-top:4px}
#echoDetail{font-size:15px;font-weight:750;margin:10px 0}#echoDetail:empty{display:none}
#echoTalk,#echoAdvance{margin-top:12px;width:100%;display:flex;align-items:center;justify-content:center;gap:8px;padding:9px;min-height:52px;background:#14766c;color:white;border:2px solid #164b47;border-radius:15px;box-shadow:0 3px 0 #154c46;font-size:18px;font-weight:900}
#echoTalk:disabled{opacity:.68}#echoTalk img{width:28px;height:28px;object-fit:contain}#echoPanel[data-state=listening] #echoTalk{background:#913b47;border-color:#662934}
#echoPanel[data-state=correct] .echo-model,#echoPanel[data-state=finished] .echo-model{background:#def2ca}
.echo-tools{justify-content:space-between;gap:8px}.echo-tools button{display:inline-flex;align-items:center;gap:4px;color:#185c56;border:0;background:transparent;padding:4px;min-height:44px;font-size:14px;font-weight:900}
#echoPack{display:block;color:#6b6257;font-size:12px}
@media(max-width:600px){.en-modes{gap:4px}.en-modes nav{flex:1}.en-modes a{flex:1;font-size:13px;line-height:1.1;padding:4px}.en-modes img{width:22px;height:22px}#enSpeed{flex-direction:column;gap:0;font-size:11px;padding:2px 6px}}
#englishClub .en-pronounce{width:100%;margin:5px 0 2px;min-height:48px;padding:6px 11px;display:flex;align-items:center;justify-content:space-between;gap:10px;border:1px solid #d3dccb;border-radius:12px;background:#f2f7ec;color:#254e47;text-align:left}
.en-pronounce small{display:block;font-weight:800;font-size:12px;line-height:1.2}.en-reading{display:block;font-size:18px;line-height:1.35;font-weight:650}.en-reading strong{font-weight:950;color:#12493e}
#englishClub .echo-missing{border-radius:5px;background:#ffda77;text-decoration:underline;text-decoration-color:#b47915;text-underline-offset:4px}
