/* Tema UFC · "Corre, Moicano!" — sobrepõe o visual padrão (src/style.css).
   Paleta: preto de arena, vermelho de octógono e dourado de cinturão, em tons suaves (menos saturados). */
:root{--ufc-black:#0b0c10;--ufc-panel:#15171e;--ufc-panel2:#1d2029;--ufc-line:#2c303b;--ufc-red:#c0474e;--ufc-red2:#7e3036;--ufc-gold:#d8b56e;--ufc-gold2:#b08a4a;--ufc-white:#f4f5f7;--ufc-mute:#9aa0aa;color:var(--ufc-white);background:var(--ufc-black)}
body{background:radial-gradient(ellipse at 50% -10%,#1f1a1c,#0b0c10 60%) fixed,var(--ufc-black)}
.arena{background:#0b0c12;border-color:#23252e;box-shadow:0 8px #050507}
.scene-shade{background:linear-gradient(#0000,transparent 40%,#000a)}

/* Cabeçalho e botões redondos */
header>a{text-shadow:0 2px #000}
.brand-icon{background:var(--ufc-red);border-color:#5a2a2e;color:#fff;box-shadow:0 4px #3a1d20}
.icon{background:linear-gradient(#2b2e38,#1a1c23);border-color:#3b3f4b;box-shadow:inset 0 2px #444a58,0 4px #07080b;color:var(--ufc-white)}
.mute-mark{color:var(--ufc-red)}

/* Tela de entrada */
.registration{background:linear-gradient(110deg,#0b0c10f2,#15131acc);backdrop-filter:blur(6px)}
.entry-home{color:var(--ufc-white)}
.eyebrow{color:var(--ufc-gold);text-shadow:0 2px 2px #000}
.home-title{filter:drop-shadow(0 6px 0 #000)}
.home-title span,.home-title strong{-webkit-text-stroke:2px #000;text-shadow:3px 4px 0 var(--ufc-red2);font-style:italic}
.home-title span{color:var(--ufc-white)}
.home-title strong{color:var(--ufc-red)}
.home-tagline{color:#e9e9ee;letter-spacing:.5px}
.primary,.secondary{border-color:#000;border-radius:10px;color:#fff;background:linear-gradient(#c65258,#9a3a40);box-shadow:inset 0 3px #d9787d,inset 0 -3px #6a2a2e,0 5px #3a1d20,0 8px #000;text-shadow:0 2px #5a2a2e}
.secondary{background:linear-gradient(#2f333f,#1b1d25);box-shadow:inset 0 3px #4b5160,inset 0 -3px #0d0e12,0 5px #000,0 8px #000;text-shadow:0 2px #000}
.home-actions .primary{background:linear-gradient(#e0c27a,#c2a060);color:#241603;text-shadow:0 1px #f2e2b8;box-shadow:inset 0 3px #f2e2b8,inset 0 -3px #8a6a3a,0 5px #4a3a20,0 8px #000}
.home-actions .secondary{background:linear-gradient(#c65258,#9a3a40);color:#fff}
.home-hint,.home-mobile{color:var(--ufc-mute)}
.entry-products{background:radial-gradient(ellipse,#c0474e33,transparent 70%)}
.entry-products img{filter:drop-shadow(0 6px 10px #000c)}
.event-ranking{background:linear-gradient(160deg,#171a22,#101218);border-color:#2e2a24;color:var(--ufc-white)}
.event-ranking h3{color:var(--ufc-gold)}
.event-ranking li.current{background:var(--ufc-gold);color:#1b1203}

/* Cartaz "VS" com as fotos */
.vs-poster{position:relative;display:flex;align-items:flex-end;justify-content:center;height:190px;margin:-10px 0 4px}
.vs-poster img{height:100%;width:auto;object-fit:contain;filter:drop-shadow(0 10px 14px #000)}
.vs-poster img:first-child{transform:translateX(18px)}
.vs-poster img:last-child{transform:translateX(-18px)}
.vs-poster .vs{position:relative;z-index:2;align-self:center;font:italic 1000 44px 'Arial Black',Arial,sans-serif;color:var(--ufc-gold);-webkit-text-stroke:2px #000;text-shadow:3px 4px 0 var(--ufc-red2);margin:0 -6px}
.vs-poster small{position:absolute;bottom:-4px;font:900 9px Arial;letter-spacing:2px;color:#fff;background:var(--ufc-red);padding:3px 8px;border-radius:4px}
.vs-poster small.left{left:18%}.vs-poster small.right{right:18%}

/* Formulários */
.lead-form,.registration .lead-form{background:linear-gradient(150deg,#1b1e27,#12141a);color:var(--ufc-white);border-color:#000;box-shadow:inset 0 3px #2c303b,0 8px #000,0 12px #15131a}
.lead-form h2{color:var(--ufc-white)}
.lead-form .eyebrow{color:var(--ufc-gold)}
.lead-form input{background:#0e1015;color:#fff;border-color:#3a3f4c;color-scheme:dark}
.lead-form input:focus{border-color:var(--ufc-gold)}
.lead-form input::placeholder{color:#6f7582}
.nick-link,.mobile-link a{color:var(--ufc-gold)}

/* Menu e card do lutador */
.menu{background:radial-gradient(ellipse at center,#0b0c1026 10%,#0b0c10a8 100%)}
.menu p,legend,.menu-record{color:#eceef3;text-shadow:0 2px #000}
/* O galpão é claro: frases soltas do menu ganham uma tarja escura para continuar legíveis. */
#player-greeting,.menu legend{display:inline-block;background:#0b0c10c4;padding:4px 12px;border-radius:999px;text-shadow:none}
.character{background:linear-gradient(150deg,#262a35,#14161c);border-color:#000;color:#fff;box-shadow:inset 0 3px #3a3f4c,0 6px #000;transform:none}
.character.selected{border-color:var(--ufc-gold);background:linear-gradient(150deg,#3a1117,#16181f);box-shadow:inset 0 3px #6b1a22,0 6px #000,0 0 30px #d8b56e44}
.check,.selected .check{background:var(--ufc-gold);border-color:#6b4a0a;color:#1b1203}
.missions{background:#101218d9;border-color:#d8b56e66}

/* HUD */
.place{background:linear-gradient(#1e212a,#121419);border-color:#000;box-shadow:inset 0 2px #333846,0 4px #000;color:#fff}
.place small{color:var(--ufc-gold)}
.place-icon{color:var(--ufc-red)}
.score{color:#fff;text-shadow:2px 3px #000,-1px -1px #000,1px -1px #000,-1px 1px #000}
.feed-icon{color:#d99a4e;font-weight:900;text-shadow:0 0 6px #d99a4e88;font-size:15px}
.run-stats>span{background:#15171ee6;border-color:#000;box-shadow:0 3px #000;color:#fff}
.goal{background:#15171ed9;border-color:var(--ufc-gold);color:#fff}
.chip{background:#0c0d12e6;color:#fff}
.chase{width:215px;background:linear-gradient(#2a0c10,#15060a);border-color:#000;box-shadow:inset 0 2px #5a1a20,0 4px #000;color:#fff;padding-left:74px}
.chase b{white-space:nowrap}
.chase-face{position:absolute;left:-6px;bottom:-4px;height:92px;width:auto;filter:drop-shadow(0 4px 6px #000);pointer-events:none}
.chase-track{background:#00000080}
.chase.danger .chase-track i{background:var(--ufc-red)}
.banner{background:linear-gradient(#1f222b,#121419);border-color:var(--ufc-gold);color:#fff;box-shadow:0 5px #000}
.toast{background:#101218f2;color:#fff;border-color:var(--ufc-red);box-shadow:0 5px #000}
.countdown{background:#0006;color:#fff;text-shadow:4px 6px #000,-2px -2px #000}
.countdown small{color:var(--ufc-gold)}
.power-reveal{background:linear-gradient(110deg,#0d0f14f5,#171a22e0)}

/* Diálogos (pausa, ajuda, fim de luta) */
.dialog-card{background:linear-gradient(150deg,#1b1e27,#0f1116);border-color:#000;color:#e8e9ee;box-shadow:inset 0 3px #2c303b,0 10px #000,0 14px #3a0a10}
.dialog h2{color:#fff}
.dialog .eyebrow{color:var(--ufc-gold)}
.results>div{background:#0c0d12;border-color:#2c303b;color:#fff}
.results small{color:var(--ufc-gold)}
.new-record{color:var(--ufc-gold)}

/* Área abaixo do jogo */
.guide{color:#e6e7ec}
.guide-title>span{color:var(--ufc-gold)}
.bonus{background:#15171e}
.organizer{border-color:#2c303b}
footer{color:#7d838f}
kbd{background:#1d2029;color:#fff;border-color:#3a3f4c}
.attract{background:linear-gradient(transparent 55%,#000c)}
.tutorial-caption{text-shadow:0 2px 5px #000}
@media(max-width:650px){.vs-poster{height:130px}.vs-poster .vs{font-size:32px}.chase{width:170px;padding-left:58px}.chase-face{height:70px}}

/* Abertura (entrevista antes da corrida): a contagem vira um aviso pequeno de "toque para pular". */
.countdown.abertura{inset:auto 0 22px 0;justify-content:flex-end;align-items:center;background:none;text-shadow:none}
.countdown.abertura strong{display:none}
.countdown.abertura small{max-width:none;font-size:11px;letter-spacing:2px;color:#fff;background:#0b0c10b3;padding:7px 14px;border-radius:999px;animation:pisca 1.2s ease-in-out infinite alternate}
@keyframes pisca{from{opacity:.55}to{opacity:1}}

/* Cadastro com prêmio: campos em grade (tamanho e Instagram lado a lado), seleção, aviso de sem spam. */
.lead-form .campos{display:grid;grid-template-columns:1fr 1fr;column-gap:10px}
.lead-form .campos label{grid-column:1/-1;margin:7px 0}
.lead-form .campos label.meia{grid-column:auto}
.lead-form label small{font-weight:400;color:#9aa0ab;font-size:10px}
.lead-form select{display:block;width:100%;font:16px 'Trebuchet MS',Arial,sans-serif;background:#0e1015;color:#fff;border:2px solid #3a3f4c;border-radius:9px;min-height:42px;padding:9px 10px;margin-top:5px;outline:none;color-scheme:dark}
.lead-form select:focus{border-color:var(--ufc-gold)}
.lead-form .no-spam{font-size:11px;line-height:1.5;color:#b8c0cc;background:#0e1015;border:1px dashed #3a3f4c;border-radius:9px;padding:8px 10px;margin:10px 0 4px}
/* Prêmio e botão do grupo de lançamento (WhatsApp). */
.home-prize{font-size:14px;line-height:1.5;color:#fff4d6;background:#0e1015cc;border:1px solid var(--ufc-gold);border-radius:12px;padding:9px 12px;margin:10px 0 4px}
.home-prize b{color:var(--ufc-gold)}
.group-cta{display:flex;align-items:center;justify-content:center;gap:8px;text-decoration:none;font:900 13px/1.25 Arial,sans-serif;letter-spacing:.3px;color:#fff;background:#1f9d55;border:2px solid #0b0c10;border-radius:12px;padding:12px 14px;box-shadow:0 4px #0b5f31;text-align:center}
.group-cta:hover,.group-cta:focus-visible{background:#22b060}
.group-cta:active{transform:translateY(3px);box-shadow:0 1px #0b5f31}
.group-note{font-size:11px;line-height:1.45;color:#cfd5de;margin:6px 2px 0;text-align:center}
.home-group{margin:10px 0 2px}
.menu-group{margin:16px auto 0;max-width:360px}
@media(max-width:650px){.home-prize{font-size:12px;padding:7px 10px}.group-cta{font-size:12px;padding:10px 12px}.lead-form .campos label{margin:5px 0}}