@font-face{font-family:Bangers;src:url('../assets/fontes/Bangers-Regular.woff2') format('woff2');font-display:swap}
@font-face{font-family:Nunito;src:url('../assets/fontes/Nunito.woff2') format('woff2');font-weight:200 1000;font-display:swap}
:root{color-scheme:dark;--ink:#141519;--paper:#f1f0e9;--muted:#b6bac2;--title:Bangers,Impact,sans-serif;--body:Nunito,system-ui,sans-serif}
*{box-sizing:border-box}body{margin:0;background:#25272c radial-gradient(#ffffff09 1px,transparent 1px);background-size:7px 7px;color:var(--paper);font:700 14px/1.4 var(--body)}
button,select{font:800 12px var(--body);color:inherit;background:#34373e;border:2px solid var(--ink);border-radius:8px;min-height:40px;padding:8px 14px}
button{cursor:pointer;transition:background .15s,transform .15s}button:hover:enabled{background:#50545e}button:disabled{opacity:.45;cursor:default}button:active:enabled{transform:translateY(2px)}
button:focus-visible,a:focus-visible,select:focus-visible,#palco:focus-visible{outline:3px solid #e4c987;outline-offset:3px}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
main{max-width:1160px;margin:0 auto;padding:98px 24px 22px}.abertura{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:14px}.abertura h1{margin:0;white-space:nowrap}.abertura .opcoes{margin-left:auto}
h1{font:42px/1 var(--title);letter-spacing:.025em;margin:4px 0 0}h2{font:38px/1 var(--title);letter-spacing:.02em;margin:10px 0 14px}.opcoes{display:flex;flex-wrap:nowrap;gap:8px;align-items:center;justify-content:flex-end}.opcoes select{min-width:120px;max-width:170px}.opcoes button{white-space:nowrap;background:transparent;border-color:#5a5e67;color:#d7dae0}.opcoes select,.opcoes button{height:40px;min-height:40px}.opcoes .icone-opcao{width:40px;flex:none;padding:0;font-size:23px;line-height:1}.opcoes #trocar{display:inline-flex;align-items:center;justify-content:center;gap:8px}.opcoes #trocar b{font-size:18px;font-weight:500}
.arena{border:3px solid var(--ink);border-radius:14px;box-shadow:7px 9px 0 #131418;overflow:hidden;background:#b3b5b9}.placar{background:#363940;padding:10px 16px;display:grid;grid-template-columns:1fr 80px 1fr;gap:18px;border-bottom:3px solid var(--ink);position:relative;z-index:2}
.lutador{display:flex;align-items:center;gap:13px;min-width:0}.lutador .retrato{width:48px;height:54px;position:relative;overflow:hidden;flex:none;border:2px solid var(--ink);border-radius:8px;background:#a7abb2}.retrato img{position:absolute;left:50%;top:-4%;width:240%;height:auto;max-width:none;transform:translateX(-50%)}
.lutador-2{flex-direction:row-reverse}.medidores{flex:1;min-width:0}.nome-linha{display:flex;align-items:baseline;justify-content:space-between;gap:8px;margin-bottom:5px}.nome-linha>span{min-width:0;overflow:hidden;text-overflow:ellipsis;font:26px/1 var(--title);white-space:nowrap;letter-spacing:.025em}.nome-linha small{color:#b9bdc5;font-size:9px;white-space:nowrap}.lutador-2 .nome-linha,.lutador-2 .decoro-linha{flex-direction:row-reverse}
.barra{overflow:hidden;border:2px solid var(--ink);border-radius:4px;background:#141519}.barra>span{display:block;width:100%;height:100%;transform-origin:left}.lutador-2 .barra>span{transform-origin:right}.vida{height:14px}.vida>span{background:repeating-linear-gradient(110deg,#e8e7df 0 18px,#d3d5d4 18px 20px)}.vida.critica>span{background:#e79081}
.decoro-linha{display:flex;justify-content:space-between;align-items:center;margin-top:2px;font-size:8px;line-height:11px;color:#c7cbd2}.decoro-linha b{color:var(--paper);font-variant-numeric:tabular-nums;margin-left:4px}.vitorias{display:inline-flex;gap:5px}.vitorias i{width:9px;height:9px;display:block;border:1px solid #a2a7b1;border-radius:50%;background:#202229}.vitorias .ganhou{background:#eed39c;border-color:#eed39c}
.energia-linha{display:flex;gap:8px;align-items:center;margin-top:4px;line-height:1;min-height:8px}.energia-linha>span{font-size:8px;text-transform:uppercase;letter-spacing:.07em;color:#b6bbc5}.energia{flex:1;height:7px;border-width:1px}.energia>span{background:#d3ba81}
.relogio{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5px}.relogio>span{font:43px/.95 var(--title);font-variant-numeric:tabular-nums}.relogio>small{font-size:8px;letter-spacing:.06em;color:#bbc0c8}
.palco{position:relative;height:clamp(190px,calc(100dvh - 462px),510px);overflow:hidden;isolation:isolate;background:radial-gradient(ellipse at 50% 25%,#e3e3de,#94989f)}.palco canvas{display:block;width:100%;height:100%;touch-action:none}.efeitos{position:absolute;inset:0;pointer-events:none;z-index:3;overflow:hidden}
.impacto{position:absolute;font:40px/1 var(--title);color:#fffce9;-webkit-text-stroke:1.1px #202127;text-shadow:3px 4px 0 #252830;white-space:nowrap;transform:translate(-50%,-50%) rotate(-9deg);animation:pancada .7s ease-out forwards}.impacto.defesa{color:#d4e5ff}
.aviso-cena{position:absolute;top:14px;left:50%;transform:translateX(-50%) rotate(-2deg);z-index:4;pointer-events:none;background:#f5f3e9;color:#23262c;border:2px solid var(--ink);border-radius:8px 8px 8px 0;box-shadow:3px 4px 0 #20212740;padding:8px 15px;font:24px/1.1 var(--title);text-align:center;max-width:90%;width:max-content}.aviso-cena:empty{display:none}
.cortina{position:absolute;inset:0;z-index:5;display:flex;align-items:center;justify-content:center;padding:15px;background:#20232a4d;backdrop-filter:blur(3px)}.cartaz{width:min(415px,100%);text-align:center;padding:18px 22px;background:#eeeee8;color:#25272b;border:3px solid #14161b;border-radius:12px;box-shadow:7px 8px 0 #15171dc0;transform:rotate(-1deg)}.cartaz>span{font-size:9px;text-transform:uppercase;letter-spacing:.08em;color:#646872}.cartaz p{font-size:12px;margin:0 auto 14px;max-width:340px;color:#50555e}.cartaz progress{display:block;width:100%;margin:0 0 18px;accent-color:#353945;height:8px}
.principal{font:26px/1 var(--title);letter-spacing:.03em;min-height:44px;padding:9px 24px;box-shadow:3px 4px 0 #101217;background:#353944;color:#f9f7ef}.acoes-cartaz{display:flex;flex-direction:column;align-items:center;gap:9px}#vamos-serio{color:#374c62;font-size:13px;text-underline-offset:4px;min-height:30px;display:inline-flex;align-items:center;gap:8px}
.resultado{position:static;padding:13px 20px;background:#eeeee8;backdrop-filter:none;border-top:2px solid var(--ink)}.resultado .cartaz{display:grid;grid-template-columns:1fr auto;column-gap:22px;align-items:center;text-align:left;width:100%;max-width:none;padding:0;border:0;box-shadow:none;transform:none;background:transparent}
.resultado .cartaz>span,.resultado h2,.resultado p{grid-column:1}.resultado h2{font-size:30px;margin:5px 0}.resultado p{margin:0;max-width:none;font-size:11px}.resultado .acoes-cartaz{grid-column:2;grid-row:1/4}.resultado .principal{font-size:24px}
.controles-simples{display:grid;grid-template-columns:210px 230px 1fr auto;align-items:center;gap:22px;margin-top:15px;user-select:none;-webkit-user-select:none}
.controles button{min-height:48px;touch-action:none;user-select:none;-webkit-user-select:none;box-shadow:3px 4px 0 #101217;display:flex;align-items:center;justify-content:center;gap:8px;padding:6px 10px}.controles b{font:25px/1 var(--title)}.controles small{font-size:9px;color:#c3c9d3}.controles kbd,.guia-rapido kbd{font:800 10px var(--body);color:#c4cbd8}
.controles .ativo{background:#e5e4dc;color:#242830;transform:translateY(2px);box-shadow:1px 1px 0 #101217}.controles .ativo small,.controles .ativo kbd{color:#414954}
.direcional{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(2,48px);gap:6px}.direcional [data-input=up]{grid-column:2;grid-row:1}.direcional [data-input=left]{grid-column:1;grid-row:2}.direcional [data-input=down]{grid-column:2;grid-row:2}.direcional [data-input=right]{grid-column:3;grid-row:2}.direcional button{flex-direction:column;gap:2px}.direcional b{font:800 24px/1 var(--body)}.direcional small{font-size:8px}
.teclas-acao{display:flex;flex-direction:column;gap:8px}.controles .tecla-espaco{background:#e5e4dc;color:#252c36;min-height:54px;flex-direction:column;gap:4px}.tecla-espaco small{color:#535f6e}.controles .tecla-espaco:hover:enabled{background:#fff}.controles .tecla-provocar{min-height:40px}.tecla-provocar b{font-size:21px}
.guia-rapido{display:flex;flex-direction:column;gap:10px;font-size:11px;color:#b9c0cb}.guia-rapido kbd{display:inline-block;min-width:118px;color:#e9e8e0}
dialog{width:min(510px,calc(100vw - 32px));padding:28px;border:3px solid #0e1118;border-radius:12px;background:#eeeee8;color:#343943;box-shadow:7px 8px 0 #14171c;max-height:90dvh}dialog::backdrop{background:#13171dc7}dialog h2{font-size:35px;padding-right:25px}dialog p{font-size:13px}dialog dl{display:grid;grid-template-columns:120px 1fr;gap:13px 10px;padding:15px 0;border-top:1px solid #b7bbc2;border-bottom:1px solid #b7bbc2}dialog dt{font-weight:950;font-size:12px}dialog dd{margin:0;font-size:12px;color:#616671}.fechar{position:absolute;right:12px;top:12px;font-size:23px;min-height:32px;padding:2px 9px;background:#dbdde0;color:#313640}.teclas-extra{color:#686e79}.palco.parado .impacto{animation-play-state:paused}
@keyframes pancada{0%{opacity:0;scale:.65}12%{opacity:1;scale:1.18}35%{scale:1}100%{opacity:0;translate:0 -40px}}
@media(min-width:781px) and (max-height:800px){.cortina{padding:8px}.cartaz{padding:10px 18px}.cartaz h2{font-size:30px;margin:8px 0}.cartaz p{font-size:11px;margin-bottom:10px}.principal{min-height:38px;font-size:23px;padding:7px 20px}}
@media(max-width:1050px) and (min-width:781px){.abertura h1{font-size:36px}.opcoes{justify-content:flex-end}.controles-simples{grid-template-columns:190px 210px 1fr auto;gap:16px}.guia-rapido{font-size:10px}.guia-rapido kbd{min-width:105px}}
@media(max-width:780px){
  main{padding:83px 13px 18px}.abertura{display:block;margin-bottom:12px}.abertura h1{font-size:32px;margin:0 0 8px}
  .opcoes{display:grid;grid-template-columns:minmax(0,1fr) auto 38px 38px;gap:6px}.opcoes select{width:100%;max-width:none;min-width:0;font-size:11px;padding:6px}.opcoes select,.opcoes button{height:38px;min-height:38px}.opcoes #trocar{font-size:11px;padding:6px 8px;gap:4px}.opcoes .icone-opcao{width:38px}
  .placar{grid-template-columns:1fr 48px 1fr;padding:9px 10px;gap:8px}.retrato{display:none}.nome-linha{display:block}.nome-linha>span{display:block;font-size:22px}.nome-linha>span.nome-longo{font-size:18px}.nome-linha small{display:block;margin-top:3px;font-size:8px}.lutador-2 .nome-linha{text-align:right}.decoro-linha{font-size:8px}.energia-linha>span{font-size:7px}
  .vitorias{gap:4px}.vitorias i{width:7px;height:7px}.relogio>small{font-size:7px;white-space:nowrap}.relogio>span{font-size:35px}
  .palco{height:clamp(180px,calc(100dvh - 474px),360px)}
  .controles-simples{grid-template-columns:minmax(140px,1fr) minmax(120px,1fr);gap:16px;margin-top:13px}.guia-rapido{display:none}.controles button{padding:5px}.controles b{font-size:23px}.tecla-provocar b{font-size:20px}
  .cartaz{padding:14px 18px}.cartaz h2{font-size:31px}.cartaz p{font-size:11px;margin-bottom:12px}.cartaz>span{font-size:8px}.principal{font-size:25px;min-height:43px}
  .resultado{padding:12px}.resultado .cartaz{display:block}.resultado h2{font-size:27px}.resultado p{margin-bottom:9px;font-size:10px}.resultado .acoes-cartaz{flex-direction:row;flex-wrap:wrap;justify-content:center;gap:8px 15px}.resultado .principal{font-size:22px;min-height:40px;padding:8px 13px}#vamos-serio{font-size:12px}
  dialog{padding:23px}dialog dl{grid-template-columns:105px 1fr}.aviso-cena{font-size:21px}.impacto{font-size:30px}
}
@media(max-width:370px){.opcoes #trocar b{display:none}.controles-simples{gap:10px;grid-template-columns:minmax(134px,1fr) minmax(118px,1fr)}.nome-linha>span{font-size:20px}.nome-linha>span.nome-longo{font-size:16px}}
@media(max-width:780px) and (max-height:650px) and (orientation:portrait){
  body.site-layout-arena main{padding-top:calc(var(--site-header-height) + 8px)}.abertura{margin-bottom:6px}.abertura h1{font-size:27px;margin-bottom:5px}
  .placar{padding-top:6px;padding-bottom:6px}.nome-linha small{display:none}.palco{height:max(144px,calc(100dvh - 392px))}.direcional{grid-template-rows:repeat(2,44px)}.controles button{min-height:44px}.teclas-acao{gap:4px}.controles .tecla-espaco{min-height:46px}.controles .tecla-provocar{min-height:44px}.controles-simples{margin-top:7px}.cortina{padding:8px}.cartaz{padding:8px 12px;transform:none}.cartaz>span{font-size:7px;letter-spacing:.03em}.cartaz h2{font-size:26px;margin:5px 0}.cartaz p{font-size:10px;line-height:1.25;margin-bottom:7px}.principal{min-height:36px;font-size:23px;padding:7px 20px}
}
@media(max-height:560px) and (orientation:landscape){.palco{height:270px}}
@media(prefers-reduced-motion:reduce){button{transition:none}.impacto{animation:none}.cartaz{transform:none}.aviso-cena{transform:translateX(-50%)}}

#escolher-personagens{width:min(560px,calc(100vw - 24px));text-align:center}
#escolher-personagens h2{font-size:32px;margin-top:4px}
.dupla-escolha{display:grid;grid-template-columns:minmax(0,1fr) 28px minmax(0,1fr);align-items:center;gap:12px;margin:20px 0}
.escolha-lado{min-width:0;display:flex;flex-direction:column;align-items:center;gap:10px;font-size:12px;color:#555d67}
.escolha-lado select{width:100%;min-width:0;padding:8px;font-size:12px;color:#f1f0e9;background:#34373e}
.retrato-escolha{position:relative;width:104px;height:110px;overflow:hidden;border:2px solid #34373e;border-radius:12px;background:#a7abb2}
.retrato-escolha img{position:absolute;left:50%;top:-4%;width:240%;height:auto;max-width:none;transform:translateX(-50%)}
.versus{font:27px Bangers,Impact,sans-serif;color:#6f7780}
@media(max-width:500px){#escolher-personagens{padding:20px 12px}#escolher-personagens h2{font-size:26px}.dupla-escolha{gap:6px;grid-template-columns:minmax(0,1fr) 22px minmax(0,1fr)}.escolha-lado select{font-size:11px;padding:6px}.retrato-escolha{width:88px;height:96px}}

.controles .ajuda-controles{align-self:end;justify-self:end;min-height:40px;border:0;background:transparent;box-shadow:none;padding:0 2px;font:800 11px Nunito,system-ui,sans-serif;color:#c4cad2;white-space:nowrap;touch-action:manipulation}
.ajuda-controles span{display:inline-block;border:1px solid #868d99;border-radius:50%;width:19px;height:19px;line-height:17px;text-align:center}
@media(max-width:1050px) and (min-width:781px){.guia-rapido{display:none}.controles-simples{grid-template-columns:190px 210px 1fr}}
@media(max-width:780px){.teclas-acao{display:contents}.direcional{grid-column:1;grid-row:1}.tecla-espaco{grid-column:2;grid-row:1;align-self:stretch}.tecla-provocar{grid-column:1;grid-row:2}.controles .ajuda-controles{grid-column:2;grid-row:2;min-height:40px}.controles-simples{row-gap:10px}.tecla-espaco small{max-width:110px;line-height:1.5;text-align:center}.controles .tecla-provocar{min-height:40px}}

/* Orbiting stars mark a comic knockout, anchored to the animated head. */
.tonturas{position:absolute;inset:0;z-index:3;pointer-events:none;overflow:hidden}
.tontura{position:absolute;width:100px;height:42px;transform:translate(-50%,-100%)}
.anel-tontura{position:absolute;top:12px;left:12px;width:76px;height:20px;border:2px solid #f4daa37d;border-radius:50%;transform:rotate(-9deg)}
.estrela-tonta{position:absolute;left:38px;top:7px;width:24px;text-align:center;font:27px/1 Georgia,serif;color:#ffe3a3;-webkit-text-stroke:1px #484034;text-shadow:1px 2px 0 #17191d}