/* Escola: aulas em ordem, desenhos grandes, botões grandes */
.es-im{width:100%;height:100%;object-fit:contain;display:block;border-radius:12px;-webkit-user-drag:none;user-select:none}
.es-topo{margin-bottom:12px}
.es-hero{display:flex;align-items:center;gap:14px;width:100%;border:0;border-radius:22px;background:var(--p);color:#fff;padding:14px;margin:4px 0 18px;box-shadow:0 8px 22px rgba(0,0,0,.14);text-align:left;font:inherit;cursor:pointer}
.es-hero .es-hf{width:96px;height:96px;flex:none;background:#F6F2EA;border-radius:16px;padding:6px}
.es-hero .es-hi{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}
.es-hero small{font-size:15px;opacity:.85;display:flex;align-items:center;gap:6px}
.es-hero b{font-size:30px;line-height:1.1}
.es-hero em{font-style:normal;font-size:16px;opacity:.9}
.es-play{width:62px;height:62px;border-radius:50%;background:rgba(255,255,255,.18);display:flex;align-items:center;justify-content:center;font-size:30px;flex:none;animation:es-pul 2.4s ease-in-out infinite}
@keyframes es-pul{0%,100%{transform:scale(1)}50%{transform:scale(1.07)}}
.es-mod{display:flex;align-items:center;gap:10px;width:100%;border:0;background:none;font:inherit;font-size:19px;font-weight:700;color:var(--ink);padding:8px 2px;margin-top:6px;text-align:left}
.es-mn{width:34px;height:34px;border-radius:50%;background:var(--pl);color:var(--p);display:flex;align-items:center;justify-content:center;font-size:17px;flex:none;border:2px solid var(--line)}
.es-mc{margin-left:auto;font-size:14px;color:var(--mut);font-weight:700}
.es-aulas{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:10px}
.es-at{position:relative;border:2px solid var(--line);background:#fff;border-radius:16px;padding:8px 6px 6px;display:flex;flex-direction:column;align-items:center;gap:4px;font:inherit;box-shadow:var(--sh);cursor:pointer}
.es-at .es-af{width:100%;aspect-ratio:1;background:#F6F2EA;border-radius:12px;padding:4px}
.es-at b{font-size:20px;color:var(--p)}
.es-at.feita{border-color:var(--ok)}
.es-at.atual{border-color:var(--p);box-shadow:0 0 0 3px var(--pl),var(--sh)}
.es-at.fechada .es-af{opacity:.6;filter:grayscale(.25)}
.es-at.fechada b{color:var(--mut)}
.es-sel{position:absolute;top:6px;right:6px;width:28px;height:28px;border-radius:50%;background:var(--ok);color:#fff;display:flex;align-items:center;justify-content:center;font-size:17px;font-style:normal}
.es-at.fechada .es-sel{background:var(--mut)}
.es-aula{padding-bottom:8px}
.es-barra{height:8px;border-radius:8px;background:var(--line);overflow:hidden;margin:2px 0 14px}
.es-barra i{display:block;height:100%;width:0;background:var(--p);border-radius:8px;transition:width .4s}
.es-corpo.entra{animation:entra .28s ease-out}
.es-quadro{background:#fff;border:2px solid var(--line);border-radius:22px;padding:14px;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:14px;box-shadow:var(--sh);margin-bottom:14px}
.es-quadro.tr{padding:10px;gap:10px}
.es-letra{font-size:118px;line-height:1;font-weight:700;color:var(--p);display:flex;align-items:baseline;gap:10px}
.es-letra small{font-size:70px;opacity:.7}
.es-fig{width:min(46vw,190px);aspect-ratio:1;background:#F6F2EA;border-radius:18px;padding:8px;cursor:pointer}
.es-fig.pq{width:96px}
.es-fig .es-rel{width:100%;height:100%}
.es-icone{font-size:110px;color:var(--p)}
.es-som{width:130px;height:130px;border-radius:50%;background:var(--pl);color:var(--p);display:flex;align-items:center;justify-content:center;font-size:70px;cursor:pointer}
.es-linha{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;width:100%;margin:0 0 12px}
.es-quadro .es-linha{margin:0}
.es-chip{border:2px solid var(--line);background:#fff;border-radius:14px;min-width:62px;height:62px;padding:0 12px;font:inherit;font-size:30px;font-weight:700;color:var(--ink);display:inline-flex;align-items:center;justify-content:center;cursor:pointer}
.es-chip.falta{color:var(--p);border-style:dashed;border-color:var(--p)}
.es-chip.vazio{opacity:.5}
.es-chip.feito{background:var(--okl);border-color:var(--ok);color:var(--ok)}
.es-chip.agora{background:var(--p);border-color:var(--p);color:#fff}
.es-linha.tr .es-chip{min-width:46px;height:50px;font-size:26px}
.fal{animation:es-fal .5s}
@keyframes es-fal{0%{transform:scale(1)}40%{transform:scale(1.07)}100%{transform:scale(1)}}
.es-ler{display:flex;flex-wrap:wrap;gap:6px;justify-content:center}
.es-ler .es-chip{font-size:44px;height:84px;min-width:84px;letter-spacing:1px}
.es-ler.frase .es-chip{font-size:30px;height:64px;min-width:56px;letter-spacing:0}
.es-ajuda{border:0;background:var(--pl);color:var(--p);border-radius:14px;height:56px;padding:0 16px;font:inherit;font-weight:700;font-size:18px;display:flex;align-items:center;gap:8px;width:100%;justify-content:center}
.es-ajuda[hidden]{display:none}
.es-conta{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;width:100%}
.es-conta.n1,.es-conta.n2,.es-conta.n3{grid-template-columns:repeat(3,1fr)}
.es-conta.n4{grid-template-columns:repeat(4,1fr)}
.es-conta span{aspect-ratio:1;background:#F6F2EA;border-radius:10px;padding:3px}
.es-notas{display:flex;align-items:center;gap:8px;font-size:34px;font-weight:700;color:var(--mut)}
.es-notas .es-nota{width:min(38vw,150px)}
.es-junta{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:12px;font-size:56px;font-weight:700}
.es-junta span{min-width:84px;height:96px;border-radius:18px;background:#fff;border:2px solid var(--line);display:flex;align-items:center;justify-content:center;color:var(--p)}
.es-junta span.q{border-style:dashed;color:var(--mut)}
.es-junta b{color:var(--mut);font-size:40px}
.es-ops{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:14px}
.es-ops.n2,.es-ops.n4{grid-template-columns:repeat(2,1fr)}
.es-ops.n5,.es-ops.n6{grid-template-columns:repeat(3,1fr)}
.es-ops.notas{grid-template-columns:1fr}
.es-ops.ver.notas,.es-ops.ver.n6{grid-template-columns:repeat(2,1fr)}
.es-op{position:relative;border:3px solid var(--line);background:#fff;border-radius:18px;min-height:104px;padding:8px;font:inherit;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;cursor:pointer;box-shadow:var(--sh);transition:transform .12s,border-color .2s,background .2s;color:var(--ink)}
.es-op:active{transform:scale(.97)}
.es-ops.fig .es-op{aspect-ratio:1;padding:6px;background:#F6F2EA}
.es-op .es-rel{width:100%;height:auto}
.es-op .es-nota{width:100%;max-width:230px;height:auto}
.es-op small{font-size:18px;font-weight:700}
.es-tx{font-size:44px;font-weight:700;line-height:1}
.es-tx.let{font-size:58px}
.es-tx.val{font-size:30px}
.es-op.sel{border-color:var(--p);box-shadow:0 0 0 4px var(--pl),var(--sh);transform:translateY(-2px)}
.es-op.vista{border-color:var(--ok)}
.es-op.ok{border-color:var(--ok);background:var(--okl)}
.es-op.bad{border-color:var(--bad);background:var(--badl);animation:es-erro .35s}
.es-op.mostra{border-color:var(--gold);box-shadow:0 0 0 5px rgba(201,162,74,.35);animation:es-pul 1.2s ease-in-out infinite}
.es-op.usada{opacity:.3}
.es-ops.fim .es-op:not(.ok){opacity:.45}
@keyframes es-erro{0%,100%{transform:translateX(0)}30%{transform:translateX(-7px)}70%{transform:translateX(7px)}}
.es-slots{display:flex;gap:8px;justify-content:center;margin-bottom:14px}
.es-slot{min-width:84px;height:84px;border-radius:16px;border:3px dashed var(--p);background:var(--pl);display:flex;align-items:center;justify-content:center;font-size:38px;font-weight:700;color:var(--p)}
.es-slot.cheio{border-style:solid;background:#fff}
.es-slots.ok .es-slot{border-color:var(--ok);color:var(--ok);background:var(--okl)}
.es-cv{display:block;margin:0 auto 14px;background:#fff;border:2px solid var(--line);border-radius:22px;touch-action:none;box-shadow:var(--sh)}
.es-cv.ok{border-color:var(--ok);box-shadow:0 0 0 4px var(--okl)}
.es-acoes{display:flex;gap:10px;align-items:stretch}
.es-acoes .btn{height:76px;font-size:30px;flex:1;min-width:0}
.es-acoes .btn span{font-size:19px}
.es-acoes .es-ouvir,.es-acoes .es-apaga{flex:0 0 86px}
.es-escolher[disabled]{opacity:.35}
.es-seguir.pulsa{animation:es-pul 1.6s ease-in-out infinite}
.es-quadro.fim{flex-direction:column;padding:22px}
.es-selo{font-size:96px;color:var(--ok);line-height:1}
.es-quadro.fim>b{font-size:30px}
.es-mostra{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;width:100%}
.es-mostra span{aspect-ratio:1;background:#F6F2EA;border-radius:12px;padding:4px}
.es-rel .f{fill:#fff;stroke:var(--ink);stroke-width:2.5}
.es-rel text{font-size:9px;font-weight:700;text-anchor:middle;fill:var(--ink);font-family:Atkinson,sans-serif}
.es-rel .h{stroke:var(--ink);stroke-width:4;stroke-linecap:round}
.es-rel .m{stroke:var(--p);stroke-width:2.6;stroke-linecap:round}
.es-rel .c{fill:var(--ink)}
@media (prefers-reduced-motion:reduce){.es-play,.es-seguir.pulsa,.es-op.mostra{animation:none}}
.es-pergunta{padding:18px}
.es-topo .tile{min-height:108px}