:root{--muro:#12291f;--tabua:#1b3a2c;--tabua2:#24493a;--linha:#3c6452;--cal:#f3ecd8;--cal2:#b9c6b6;--placa:#f2c230;--tijolo:#d9592f;--verde:#59b56e;--display:"Bowlby One","Arial Black",Impact,sans-serif;--cond:"Barlow Condensed","Arial Narrow",Arial,sans-serif;--body:"Barlow","Segoe UI",Arial,sans-serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{margin:0}[hidden]{display:none!important}body{background:var(--muro);color:var(--cal);font-family:var(--body);padding-block:14px 40px;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px));font-size:15px;line-height:1.4}.wrap{gap:12px;max-width:1040px;margin:0 auto;display:grid}h1{font:400 clamp(26px,5vw,40px)/1 var(--display);color:var(--placa);letter-spacing:.01em;text-shadow:3px 3px #0a1a13;margin:0}h2{font:400 17px/1.1 var(--display);color:var(--cal);letter-spacing:.02em;margin:0}button{font:600 15px/1.1 var(--cond);letter-spacing:.03em;color:var(--cal);background:var(--tabua2);border:2px solid var(--linha);cursor:pointer;border-radius:3px;padding:7px 10px}button:hover:not(:disabled){border-color:var(--placa)}button:focus-visible{outline:3px solid var(--placa);outline-offset:1px}button:disabled{opacity:.45;cursor:default}button.forte{background:var(--placa);color:#1c1a0c;border-color:#b98f12}button.perigo{border-color:var(--tijolo);background:#5a2417}.topo{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.controles{flex-wrap:wrap;gap:6px;display:flex}.controles button[aria-pressed=true]{background:var(--placa);color:#1c1a0c}.placar{background:#0b1c14;border:3px solid #0a1a13;grid-template-columns:repeat(auto-fit,minmax(112px,1fr));gap:6px;padding:8px;display:grid}.placa{background:#16120d;border:1px solid #2d2a20;min-width:0;padding:5px 8px}.placa small{font:600 12px/1.1 var(--cond);letter-spacing:.09em;text-transform:uppercase;color:var(--cal2);display:block}.placa b{font:400 clamp(17px,2.6vw,23px)/1.25 var(--display);color:var(--placa);font-variant-numeric:tabular-nums;white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.campo{background:#7c4a2a;border:3px solid #0a1a13;line-height:0;position:relative}canvas{width:100%;height:auto;image-rendering:pixelated;display:block}.narra{font:500 15px/1.3 var(--cond);min-height:2.1em;color:var(--cal);background:#0b1c14;border:1px solid #0a1a13;padding:7px 10px}.grade{grid-template-columns:minmax(0,340px) minmax(0,1fr);align-items:start;gap:12px;display:grid}@media (width<=760px){.grade{grid-template-columns:minmax(0,1fr)}}.tabua{background:var(--tabua);border:2px solid var(--linha);gap:10px;min-width:0;padding:12px;display:grid}.linha{justify-content:space-between;align-items:center;gap:8px;min-width:0;display:flex}.linha>div{min-width:0}.sub{color:var(--cal2);font-size:13px}.treino{border-top:1px solid var(--linha);padding-top:8px}.treino b{font:700 16px/1.1 var(--cond);letter-spacing:.02em}.custo{white-space:nowrap;font-variant-numeric:tabular-nums}.escalado{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;display:grid}.abas{flex-wrap:wrap;gap:6px;display:flex}.abas button[aria-selected=true]{background:var(--placa);color:#1c1a0c}.bolsa{grid-template-columns:repeat(auto-fill,minmax(58px,1fr));gap:6px;display:grid}.item{aspect-ratio:1;background:#12291f;border-width:3px;place-items:center;min-width:0;max-width:100%;padding:4px;display:grid;position:relative}.item .px{width:80%;height:80%;image-rendering:pixelated}.item .nv{font:700 12px/1 var(--cond);color:var(--cal);position:absolute;bottom:2px;right:3px}.item .fg{font:700 11px/1 var(--cond);color:var(--placa);position:absolute;top:2px;left:3px}.item.ativo{outline:3px solid var(--cal)}.item.vazio .px{opacity:.32;filter:grayscale()}.detalhe{border:2px dashed var(--linha);gap:8px;min-width:0;padding:10px;display:grid}.detalhe h3{font:700 19px/1.1 var(--cond);margin:0}.stats{font-variant-numeric:tabular-nums;grid-template-columns:repeat(auto-fill,minmax(112px,1fr));gap:2px 12px;font-size:14px;display:grid}.up{color:#8fe08f}.down{color:#ff9a7f}.botoes{flex-wrap:wrap;gap:6px;display:flex}.fig{align-items:center;gap:5px;display:inline-flex}.ponto{border-radius:2px;flex:none;width:11px;height:11px;display:inline-block}.forja{gap:8px;display:grid}.grupo{border-top:1px solid var(--linha);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding-top:8px;display:flex}.modal{z-index:20;background:#000b;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.penalti{background:var(--tabua);border:3px solid var(--placa);text-align:center;gap:12px;width:min(420px,100%);padding:16px;display:grid}.gol{background:linear-gradient(#274f39,#274f39 72%,#7c4a2a 72%);border:2px solid #0a1a13;height:150px;position:relative;overflow:hidden}.trave{border:5px solid var(--cal);background:repeating-linear-gradient(90deg,#fff2 0 1px,#0000 1px 11px),repeating-linear-gradient(0deg,#fff2 0 1px,#0000 1px 11px);border-bottom:0;height:90px;position:absolute;top:18px;left:12%;right:12%}.goleiro{background:var(--tijolo);border-radius:6px 6px 2px 2px;width:26px;height:58px;margin-left:-13px;transition:transform .55s ease-out;position:absolute;top:50px;left:50%}.bola{background:var(--cal);border-radius:50%;width:20px;height:20px;margin-left:-10px;transition:transform .55s ease-in;position:absolute;bottom:6px;left:50%;box-shadow:inset -3px -3px #8a8571}.result{font:400 22px/1.1 var(--display);min-height:1.2em}@media (prefers-reduced-motion:reduce){.goleiro,.bola{transition:none}}.modal-ed{place-items:start center;padding:12px;overflow:auto}.editor{background:var(--tabua);border:3px solid var(--placa);grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;width:min(980px,100%);margin:auto;padding:14px;display:grid}@media (width<=760px){.editor{grid-template-columns:minmax(0,1fr)}}.ed-esq{align-content:start;justify-items:center;gap:8px;min-width:0;display:grid}.ed-cena{background:#0b1c14;border:3px solid #0a1a13;place-items:center;width:100%;padding:4px;line-height:0;display:grid;overflow:hidden}.ed-cena canvas{width:260px;height:300px;image-rendering:pixelated;max-width:none}.ed-legenda{text-align:center;flex-wrap:wrap;justify-content:center;align-items:center;gap:6px 10px;display:flex}.ed-legenda b{font:400 18px/1.1 var(--display);color:var(--cal);overflow-wrap:anywhere}.ed-pos{background:var(--placa);color:#1c1a0c;font:700 15px/1 var(--cond);letter-spacing:.04em;text-transform:uppercase;padding:5px 9px}.ed-pos.falta{color:var(--cal);text-transform:none;background:#5a2417}.ed-vistas{justify-content:center}.ed-dir{align-content:start;gap:10px;min-width:0;display:grid}.ed-painel{gap:12px;min-width:0;display:grid}.ed-grupo{gap:6px;min-width:0;display:grid}.ed-grupo h3{font:700 16px/1.1 var(--cond);letter-spacing:.03em;color:var(--cal);margin:0}.amostra{width:34px;height:34px;padding:0}.amostra.ativa{outline:3px solid var(--cal);outline-offset:1px}.ed-erro{color:#ff9a7f;min-height:1.3em;font-size:14px;font-weight:600}.ed-acoes button.forte{flex:150px}.posicoes{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}@media (width<=520px){.posicoes{grid-template-columns:minmax(0,1fr)}}.pos{text-align:left;font-family:var(--body);letter-spacing:0;gap:4px;padding:10px;font-size:14px;font-weight:400;line-height:1.3;display:grid}.pos b{font:400 17px/1.1 var(--display);color:var(--placa)}.pos em{color:var(--cal2);font-size:13px;font-style:normal}.pos small{font:700 13px/1 var(--cond);color:var(--placa);letter-spacing:.03em}.pos.ativa{outline:3px solid var(--placa);outline-offset:1px;background:#2f5d49}input{font:500 16px var(--body);color:var(--cal);border:2px solid var(--linha);background:#12291f;border-radius:3px;width:100%;padding:8px}input:focus-visible{outline:3px solid var(--placa)}.fim{color:var(--cal2);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;font-size:13px;display:flex}.twitch{background:#7a45d6;border-color:#a98bea}.nuvem{font:600 14px/1.1 var(--cond);color:var(--cal2);align-self:center}a{color:var(--placa)}.menu{border-bottom:2px solid var(--linha);font:600 16px/1.4 var(--cond);letter-spacing:.03em;flex-wrap:wrap;gap:4px 16px;padding-bottom:8px;display:flex}.menu a{color:var(--cal);padding:4px 0;text-decoration:none}.menu a:hover{color:var(--placa)}.menu a[aria-current=page]{color:var(--placa);box-shadow:0 2px 0 var(--placa)}a:focus-visible{outline:3px solid var(--placa);outline-offset:2px}.abertura{gap:12px;padding-block:18px 6px;display:grid}.abertura h1{font-size:clamp(44px,10vw,84px)}.chamada{max-width:38em;margin:0;font-size:clamp(17px,2.4vw,21px)}.botao{font:600 15px/1.1 var(--cond);letter-spacing:.03em;color:var(--cal);background:var(--tabua2);border:2px solid var(--linha);border-radius:3px;padding:7px 10px;text-decoration:none;display:inline-block}.botao:hover{border-color:var(--placa)}.grande{padding:12px 18px;font-size:19px}.tres{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px;display:grid}.tres p,.tabua p{margin:0}.texto{max-width:760px}.texto .tabua ul,.texto .tabua ol{gap:4px;margin:0;padding-left:20px;display:grid}.perguntas{gap:6px;display:grid}.perguntas details{background:var(--tabua);border:2px solid var(--linha);padding:10px 12px}.perguntas summary{font:700 17px/1.2 var(--cond);cursor:pointer}.perguntas p{margin:8px 0 0}.meu-link{gap:8px;display:grid}.meu-link p{margin:0}.meu-link label{font:600 15px/1.2 var(--cond)}.tabela-rolagem{overflow-x:auto}.tabela{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%}.tabela th{font:600 13px/1.2 var(--cond);letter-spacing:.08em;text-transform:uppercase;color:var(--cal2);text-align:left;border-bottom:2px solid var(--linha);white-space:nowrap;padding:6px 8px}.tabela td{border-bottom:1px solid var(--linha);padding:8px}.tabela .num{text-align:right}.tabela .lugar{font:400 15px/1 var(--display);color:var(--placa)}.tabela .forca{font:700 18px/1 var(--cond)}.tabela tr.meu td{background:#2f5d49}@media (width<=560px){.tabela .opc{display:none}.tabela td,.tabela th{padding-inline:5px}}.selo{color:var(--placa);margin-left:4px;font-size:12px}.marcar{font:600 15px/1.2 var(--cond);cursor:pointer;align-items:center;gap:8px;width:fit-content;display:flex}.marcar input{width:18px;height:18px;accent-color:var(--placa)}.no-ar{color:#8fe08f;font:700 15px/1 var(--cond);white-space:nowrap;margin-right:6px}.player{aspect-ratio:16/9;background:#000;border:3px solid #0a1a13}.player iframe{border:0;width:100%;height:100%;display:block}
