:root{--gramado:#0b3d1f;--gramado-claro:#13562d;--cal:#f5f5f0;--amarelo:#ffd23f;--texto-suave:#f5f5f0b8;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;-webkit-text-size-adjust:100%;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box;margin:0}html,body{min-height:100%;overflow-x:hidden}body{background:repeating-linear-gradient(180deg, var(--gramado) 0 56px, var(--gramado-claro) 56px 112px);color:var(--cal);-webkit-tap-highlight-color:transparent}.inicio{max-width:480px;min-height:100dvh;padding:calc(16px + env(safe-area-inset-top)) 20px calc(24px + env(safe-area-inset-bottom));flex-direction:column;justify-content:center;gap:28px;margin:0 auto;display:flex}@media (min-width:600px){.inicio{text-align:center;max-width:440px}}.selo{border:2px solid var(--cal);letter-spacing:.04em;text-transform:uppercase;border-radius:999px;padding:6px 12px;font-size:13px;font-weight:700;display:inline-block}.marca h1{text-transform:uppercase;letter-spacing:-.02em;font-size:clamp(48px,15vw,72px);font-weight:900;line-height:.92}.marca h1 span{color:var(--amarelo)}.frase{color:var(--texto-suave);margin-top:16px;font-size:18px;line-height:1.4}.placar{text-align:left;background:#00000059;border-radius:16px;padding:8px 16px}.linha{grid-template-columns:28px 10px 1fr auto;align-items:center;gap:12px;padding:12px 0;font-size:17px;display:grid}.linha+.linha{border-top:1px solid #ffffff1f}.pos{color:var(--texto-suave);font-weight:800}.faixa{background:linear-gradient(180deg, var(--c1) 50%, var(--c2) 50%);border-radius:3px;height:28px}.nome{font-weight:700}.pts{font-variant-numeric:tabular-nums;font-weight:900}.acoes{flex-direction:column;gap:12px;display:flex}.botao{background:var(--amarelo);color:#1a1a1a;width:100%;min-height:64px;font:inherit;text-transform:uppercase;touch-action:manipulation;border:0;border-radius:16px;flex-direction:column;align-items:center;gap:2px;padding:14px 20px;font-size:22px;font-weight:900;display:flex;box-shadow:0 6px #b8920f}.botao:active:not(:disabled){transform:translateY(4px);box-shadow:0 2px #b8920f}.botao:disabled{opacity:.85}.botao small{text-transform:none;opacity:.75;font-size:13px;font-weight:700}.nota{text-align:center;color:var(--texto-suave);font-size:14px}.tela{max-width:480px;min-height:100dvh;padding:calc(12px + env(safe-area-inset-top)) 16px calc(24px + env(safe-area-inset-bottom));flex-direction:column;gap:18px;margin:0 auto;display:flex}.cabecalho{align-items:center;gap:8px;display:flex}.cabecalho h2{font-size:24px;font-weight:900}.voltar,.mudo{width:44px;height:44px;color:var(--cal);font:inherit;touch-action:manipulation;background:#0000004d;border:0;border-radius:12px;flex:none;font-size:28px;line-height:1}.mudo{font-size:20px}.botao-sec{color:var(--cal);background:#00000059;min-height:56px;font-size:17px;box-shadow:0 4px #0006}.botao-zap{background:#25d366;justify-content:center;text-decoration:none;box-shadow:0 6px #158a41}.dupla{grid-template-columns:1fr 1fr;gap:12px;display:grid}.dupla .botao{white-space:nowrap;justify-content:center;padding:12px;font-size:16px}.time-atual{width:100%;color:var(--cal);font:inherit;text-align:left;background:#00000059;border:0;border-radius:14px;align-items:center;gap:12px;padding:10px 14px;font-size:16px;display:flex}.time-atual .faixa{flex:none;width:10px}.time-atual small{opacity:.8;margin-left:auto;text-decoration:underline}.grade-times{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.cartao-time{background:var(--c1);min-height:64px;color:var(--txt);font:inherit;touch-action:manipulation;border:3px solid #0000;border-radius:12px;padding:8px 6px;font-size:14px;font-weight:800;line-height:1.15;position:relative;overflow:hidden}.cartao-time .listras{background:repeating-linear-gradient(115deg, transparent 0 14px, var(--c2) 14px 20px, transparent 20px 34px, var(--c3) 34px 38px);opacity:.35;position:absolute;inset:0}.cartao-time .nome-time{text-shadow:0 1px 2px #00000040;position:relative}.cartao-time[aria-checked=true]{border-color:var(--amarelo);box-shadow:0 0 0 3px #ffd23f66}.campo{flex-direction:column;gap:6px;font-weight:700;display:flex}.campo small{color:var(--texto-suave);font-weight:400}.campo input{min-height:48px;color:var(--cal);font:inherit;background:#0000004d;border:2px solid #ffffff40;border-radius:12px;padding:0 14px;font-size:16px}.partida{-webkit-user-select:none;user-select:none;flex-direction:column;max-width:520px;height:100dvh;margin:0 auto;display:flex;position:relative;overflow:hidden}.hud{padding:calc(8px + env(safe-area-inset-top)) 10px 8px;background:#0000008c;align-items:center;gap:8px;display:flex}.placar-jogo{flex:1;grid-template-columns:1fr auto 1fr;align-items:center;gap:8px;min-width:0;display:grid}.placar-jogo .lado{flex-direction:column;align-items:center;gap:4px;min-width:0;display:flex}.placar-jogo .sigla{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:13px;font-weight:800;overflow:hidden}.placar-jogo .gols{font-variant-numeric:tabular-nums;font-size:28px;font-weight:900}.bolinhas{gap:4px;display:flex}.bolinhas i{background:#ffffff40;border-radius:50%;width:10px;height:10px}.bolinhas i.b-gol{background:#22c55e}.bolinhas i.b-erro{background:#ef4444}.campo-jogo{touch-action:none;flex:1;width:100%;min-height:0;display:block}.instrucao,.narrador{text-align:center;pointer-events:none;position:absolute;left:16px;right:16px}.instrucao{bottom:calc(14px + env(safe-area-inset-bottom));color:var(--texto-suave);font-size:15px;font-weight:600}.narrador{text-transform:uppercase;text-shadow:0 2px #000,0 0 12px #0009;opacity:0;font-size:22px;font-weight:900;line-height:1.15;top:38%}.narrador.pulso{animation:1.5s ease-out forwards narrar}@keyframes narrar{0%{opacity:0;transform:scale(.8)}12%{opacity:1;transform:scale(1.06)}20%{transform:scale(1)}80%{opacity:1}to{opacity:0}}.resultado .card{aspect-ratio:1080/1350;border-radius:16px;width:100%;box-shadow:0 10px 30px #0006}.pontos h2{margin-bottom:8px;font-size:22px;font-weight:900}.pontos ul{gap:4px;padding:0;list-style:none;display:grid}.pontos li{border-bottom:1px solid #ffffff1f;justify-content:space-between;padding:6px 0;display:flex}.compartilhar{flex-direction:column;gap:12px;display:flex}
