:root{--bg: #EAF5EF;--surface: #FFFFFF;--surface-2: #F3F9F5;--ink: #133029;--ink-soft: #2C4A40;--folha: #14875A;--ipe: #F4B02A;--tucano: #ED6A34;--arara: #2C6DAF;--line: #CFE4D8;--atencao: #E8912A;--font-display: "Bricolage Grotesque", system-ui, sans-serif;--font-ui: "Hanken Grotesk", system-ui, sans-serif;--font-word: "Hanken Grotesk", system-ui, sans-serif;--fs-word: clamp(28px, 6vw, 40px);--fs-h1: clamp(28px, 5vw, 44px);--fs-h2: 24px;--fs-body: 16px;--fs-label: 12px;--radius: 16px;--radius-lg: 20px;--shadow: 0 18px 40px -22px rgba(19, 48, 41, .35);--grad-progresso: linear-gradient(90deg, var(--ipe), var(--tucano))}.tela-professora{--bg: #133029;--surface: #1E4237;--surface-2: #24503F;--ink: #CFE4D8;--ink-soft: #9FC2B3;--line: #2C5648}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:var(--font-ui);color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased}.app{display:grid;grid-template-columns:1fr minmax(280px,340px);min-height:100%}@media(max-width:820px){.app{grid-template-columns:1fr}}.aluno{position:relative;display:flex;flex-direction:column;align-items:center;padding:0 24px 40px;background:radial-gradient(1200px 500px at 50% -160px,#fff 0%,var(--bg) 60%)}.aluno__palco{width:100%;max-width:640px;margin-top:24px;display:flex;flex-direction:column;align-items:center;gap:28px}.bicho{margin-top:8px}.bicho__emoji{width:132px;height:132px;display:grid;place-items:center;border-radius:28px;background:var(--surface);border:3px solid var(--line);box-shadow:var(--shadow);transition:transform .25s ease,border-color .25s ease}.bicho__emoji--aberto{border-color:var(--arara);transform:scale(1.04)}.bicho__figura{font-size:76px;line-height:1}.bicho__ouvir{width:132px;height:132px;display:grid;place-items:center;font-size:60px;border-radius:28px;background:color-mix(in srgb,var(--arara) 12%,var(--surface));border:3px solid var(--line)}.opcoes{width:100%;display:grid;gap:16px}.opcoes--leitura{grid-template-columns:1fr}.opcoes--escuta{grid-template-columns:repeat(3,1fr)}.opcao{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;border:3px solid var(--line);background:var(--surface);border-radius:var(--radius);padding:22px 20px;transition:transform .12s ease,border-color .15s ease,background .2s ease;box-shadow:var(--shadow)}.opcao:hover:not(:disabled),.opcao:focus-visible{transform:translateY(-2px);border-color:var(--ipe);outline:none}.opcao:focus-visible{outline:3px solid var(--arara);outline-offset:2px}.opcao:disabled{cursor:default}.opcao__palavra{font-family:var(--font-word);font-weight:700;font-size:var(--fs-word);letter-spacing:.01em;color:var(--ink)}.opcao__emoji{font-size:52px}.opcao--certa{border-color:var(--folha);background:color-mix(in srgb,var(--folha) 14%,var(--surface))}.opcao--certa .opcao__palavra{color:var(--folha)}.opcao--errada{border-color:var(--atencao);background:color-mix(in srgb,var(--atencao) 8%,var(--surface));opacity:.6;animation:balanca .4s ease}.opcao--apagada{opacity:.45}@keyframes balanca{0%,to{transform:translate(0)}20%{transform:translate(-6px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}@media(prefers-reduced-motion:reduce){.opcao--errada{animation:none}.opcao:hover:not(:disabled){transform:none}}.feedback{min-height:32px;text-align:center}.feedback__ok{color:var(--folha);font-weight:700;font-size:20px;margin:0}.feedback__quase{color:var(--atencao);font-weight:600;margin:0}.feedback__elogio{color:var(--ink-soft);margin:6px 0 0}.guirlanda{width:100%;max-width:720px;padding-top:10px}.guirlanda__fio{height:2px;background:repeating-linear-gradient(90deg,var(--line) 0 8px,transparent 8px 16px)}.guirlanda__bandeiras{display:flex;justify-content:space-around;flex-wrap:wrap;margin-top:-2px}.bandeira{width:34px;height:30px;display:grid;place-items:center;font-size:18px;clip-path:polygon(0 0,100% 0,50% 100%);background:var(--surface-2);border:1px solid var(--line);border-top:none}.bandeira--cheia:nth-child(4n+1){background:color-mix(in srgb,var(--folha) 22%,#fff)}.bandeira--cheia:nth-child(4n+2){background:color-mix(in srgb,var(--ipe) 30%,#fff)}.bandeira--cheia:nth-child(4n+3){background:color-mix(in srgb,var(--tucano) 26%,#fff)}.bandeira--cheia:nth-child(4n){background:color-mix(in srgb,var(--arara) 22%,#fff)}.bancada{background:var(--bg);color:var(--ink);padding:18px 18px 24px;display:flex;flex-direction:column;gap:14px;border-left:1px solid var(--line);font-family:var(--font-ui)}.bancada__topo{display:flex;justify-content:space-between;align-items:baseline}.bancada__titulo{font-family:var(--font-display);font-size:18px;letter-spacing:.04em;text-transform:lowercase}.bancada__placar{font-size:12px;color:var(--ink-soft)}.bancada__alvo{font-size:14px;background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:10px 12px;display:flex;align-items:center;flex-wrap:wrap;gap:6px}.bancada__tag{font-size:11px;padding:2px 8px;border-radius:999px;margin-left:auto}.bancada__tag--ok{background:var(--folha);color:#fff}.bancada__tag--erro{background:var(--atencao);color:#133029}.bancada__linha{display:flex;align-items:center;gap:10px}.bancada__rotulo{font-size:var(--fs-label);text-transform:uppercase;letter-spacing:.16em;color:var(--ink-soft);width:44px}.segmentado{display:flex;gap:4px;background:var(--surface);border-radius:10px;padding:3px;flex:1}.seg{flex:1;cursor:pointer;border:none;background:transparent;color:var(--ink-soft);font-size:13px;padding:7px 4px;border-radius:8px;text-transform:lowercase;font-family:var(--font-ui)}.seg--on{background:var(--surface-2);color:var(--ink);font-weight:700}.bancada__acoes{display:grid;grid-template-columns:1fr 1fr;gap:8px}.btn{cursor:pointer;border:none;border-radius:12px;padding:12px 10px;font-size:14px;font-family:var(--font-ui);font-weight:600;background:var(--surface);color:var(--ink)}.btn:disabled{opacity:.4;cursor:default}.btn:hover:not(:disabled){filter:brightness(1.08)}.btn--proxima{background:var(--tucano);color:#fff;font-size:17px;font-weight:700;padding:15px}.btn--som{background:var(--arara);color:#fff}.bancada__escolher{font-size:13px;color:var(--ink-soft)}.bancada__escolher summary{cursor:pointer;padding:4px 0}.bancada__grade{display:grid;grid-template-columns:repeat(6,1fr);gap:6px;margin-top:8px}.mini{cursor:pointer;border:1px solid var(--line);background:var(--surface);border-radius:8px;padding:6px;font-size:20px}.mini:hover{border-color:var(--ipe)}.lobby{min-height:100%;display:grid;place-items:center;padding:24px;background:radial-gradient(1000px 500px at 50% -160px,#fff 0%,var(--bg) 60%)}.lobby__card{width:100%;max-width:520px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow);padding:32px}.lobby__titulo{font-family:var(--font-display);font-size:var(--fs-h1);margin:0 0 4px;color:var(--ink)}.lobby__sub{color:var(--ink-soft);margin:0 0 20px}.lobby__aviso{background:color-mix(in srgb,var(--atencao) 12%,var(--surface));border:1px solid var(--atencao);border-radius:12px;padding:10px 12px;font-size:13px;color:var(--ink);margin:0 0 20px}.lobby__aviso a,.lobby__local a{color:var(--tucano);font-weight:700}.lobby__passos{display:flex;flex-direction:column;gap:20px}.lobby__passo{display:grid;grid-template-columns:32px 1fr;gap:12px;align-items:start}.lobby__num{width:32px;height:32px;display:grid;place-items:center;background:var(--folha);color:#fff;border-radius:999px;font-weight:700}.lobby__link{display:flex;gap:8px;margin-top:8px}.lobby__link input{flex:1;font-size:13px;padding:10px;border:1px solid var(--line);border-radius:10px;background:var(--surface-2);color:var(--ink-soft)}.lobby__dica{font-size:13px;color:var(--ink-soft);margin:4px 0 8px}.lobby__local{margin:24px 0 0;font-size:13px;color:var(--ink-soft);text-align:center}.aviso-passos{color:var(--ink-soft);line-height:1.7;padding-left:20px}.aviso-passos code,.lobby__aviso code{background:var(--surface-2);padding:1px 5px;border-radius:5px;font-size:.9em}.profe-layout{min-height:100%;background:var(--bg);color:var(--ink);padding:16px;display:flex;flex-direction:column;gap:16px}.profe-topo{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}.profe-titulo{font-family:var(--font-display);font-size:20px;letter-spacing:.04em;text-transform:lowercase;margin-right:12px}.presenca{font-size:13px;color:var(--ink-soft)}.presenca--on{color:var(--folha);font-weight:700}.profe-linkbox{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--ink-soft)}.profe-linkbox input{width:260px;max-width:40vw;font-size:12px;padding:6px 8px;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--ink)}.profe-corpo{display:grid;grid-template-columns:1fr minmax(300px,360px);gap:16px;align-items:start}@media(max-width:860px){.profe-corpo{grid-template-columns:1fr}}.profe-status{text-align:center;color:var(--ink-soft);font-size:13px}.espelho__rotulo{display:block;font-size:var(--fs-label);text-transform:uppercase;letter-spacing:.16em;color:var(--ink-soft);margin-bottom:6px}.espelho__moldura{border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;background:#eaf5ef;--bg: #EAF5EF;--surface: #FFFFFF;--surface-2: #F3F9F5;--ink: #133029;--ink-soft: #2C4A40;--line: #CFE4D8}.espelho__moldura .aluno{padding:12px}.espelho__moldura .aluno__palco{margin-top:8px;gap:16px}.espelho__moldura .bicho__emoji,.espelho__moldura .bicho__ouvir{width:88px;height:88px}.espelho__moldura .bicho__figura{font-size:48px}.espelho__moldura .opcao{padding:14px}.espelho__moldura .opcao__palavra{font-size:24px}.aluno-fullscreen{min-height:100%;display:flex;flex-direction:column}.aluno-fullscreen .aluno{flex:1}.comecar{min-height:100%;flex:1;display:grid;place-items:center;padding:24px;background:radial-gradient(1000px 500px at 50% -160px,#fff 0%,var(--bg) 60%)}.comecar__card{text-align:center;max-width:420px}.comecar__emoji{font-size:56px;margin-bottom:8px}.comecar__card h1{font-family:var(--font-display);font-size:var(--fs-h1);color:var(--ink);margin:0 0 6px}.comecar__card p{color:var(--ink-soft)}.comecar__btn{font-size:22px;padding:18px 28px;margin:16px 0}.comecar__conx{font-size:13px}