/* RIXADINHA — tela inicial (Faro, 07/10/2026). Celular em pé é a base; deitado e PC por media query.
   Sistema: uma família só, TikTok Sans (a mesma do VitrinFlu; OFL), com largura condensada nos títulos.
   Cara de cartaz de rua, não de "padrão de IA": painéis chapados, borda dura, cantos cortados; sem vidro desfocado e sem brilho.
   Cor de time só onde é time; 3 níveis de botão (JOGAR, secundário, ícone). */
@font-face{font-family:'Rixa';src:url(/src/client/fontes/tiktok-sans-var.woff2) format('woff2');font-weight:500 900;font-stretch:75% 100%;font-display:swap}

#entry{
  --tinta:#07090c;--painel:rgba(11,14,19,.9);--borda:#2c333d;--borda-forte:#59626f;--texto:#f4f1ea;--apagado:#c3c7ce;
  --vermelho:#ee3a2e;--vermelho-fundo:#b5141b;--amarelo:#ffc61a;--amarelo-fundo:#e09a00;
  --vermelho-botao:#c41f19;--amarelo-botao:#ffc61a;--time:var(--vermelho);--time-fundo:var(--vermelho-fundo);--time-botao:var(--vermelho-botao);--time-texto:#fff;
  --borda-seg:max(16px,env(safe-area-inset-left));--borda-seg-d:max(16px,env(safe-area-inset-right));
  position:fixed;inset:0;z-index:2000;display:grid;overflow:hidden auto;background:var(--tinta);color:var(--texto);
  font-family:'Rixa',system-ui,sans-serif;font-weight:600;font-stretch:100%;-webkit-tap-highlight-color:transparent;touch-action:pan-y;
}
#entry[data-time="amarelo"]{--time:var(--amarelo);--time-fundo:var(--amarelo-fundo);--time-botao:var(--amarelo-botao);--time-texto:#14100a}
body.modo-daltonico #entry{--vermelho:#38bdf8;--vermelho-fundo:#0369a1;--vermelho-botao:#0369a1;--amarelo:#fb923c;--amarelo-fundo:#c2410c;--amarelo-botao:#fb923c}
#entry .ti-logo,#entry .ti-vs,#entry .ti-lado strong,#entry .ti-jogar-rotulo,#entry .ti-folha h2,#entry .ti-entrar-sala,#entry #room{font-weight:900;font-stretch:75%}

/* Arte do próprio jogo (tela cheia) + escurecimento onde a interface fica por cima */
#entry .ti-arte{position:absolute;z-index:0;inset:0;overflow:hidden;background:#0d1219 url("data:image/webp;base64,UklGRoYAAABXRUJQVlA4IHoAAACQBACdASoQACMAPw1urlAsJiQitVgIAYAhiUAVHoigzhTiF7j704KygQ3NNoAA/uccw8xmxeqYw4jPZId1OZYntUyajRWqcSKQ1H0SlJyxk+PHFQkFnrvuudJXlQiMLSUeoaGB7viAMjNH/LiAPq9brZawJqhiNwAAAA==") 50% 40%/cover no-repeat}
#entry .ti-arte img{width:100%;height:100%;color:transparent;object-fit:cover;object-position:50% 40%;display:block;transform-origin:50% 45%;animation:ti-respira-arte 24s ease-in-out infinite alternate}
#entry::before{content:'';position:absolute;inset:0;pointer-events:none;z-index:1;
  background:linear-gradient(180deg,rgba(7,9,12,.9) 0%,rgba(7,9,12,.62) 20%,rgba(7,9,12,0) 31%,rgba(7,9,12,0) 52%,rgba(7,9,12,.45) 62%,rgba(7,9,12,.72) 80%,rgba(7,9,12,.82) 100%)}
#entry .ti-brasas{position:absolute;inset:0 0 50% 0;pointer-events:none;z-index:1;overflow:hidden;opacity:.8;
  -webkit-mask:linear-gradient(180deg,transparent,#000 25%,#000 70%,transparent);mask:linear-gradient(180deg,transparent,#000 25%,#000 70%,transparent)}
#entry .ti-brasas::before,#entry .ti-brasas::after{content:'';position:absolute;left:0;right:0;top:0;height:200%;
  background-image:radial-gradient(2px 2px at 14% 22%,#ffb347 50%,transparent 51%),radial-gradient(1.5px 1.5px at 37% 68%,#ff6a3d 50%,transparent 51%),
    radial-gradient(2px 2px at 61% 30%,#ffd36b 50%,transparent 51%),radial-gradient(1.5px 1.5px at 86% 74%,#ff8a3d 50%,transparent 51%);
  background-size:100% 50%;animation:ti-sobe 17s linear infinite}
#entry .ti-brasas::after{animation-duration:25s;animation-delay:-11s;opacity:.55;transform:scaleX(-1)}

/* Coluna da interface */
#entry .card.ti{position:relative;z-index:2;display:flex;flex-direction:column;gap:10px;width:100%;max-width:520px;min-height:100%;margin:0 auto;
  padding:max(14px,env(safe-area-inset-top)) var(--borda-seg-d) max(10px,env(safe-area-inset-bottom)) var(--borda-seg)}
#entry .ti-marca{text-align:center}
#entry .ti-ao-vivo{display:inline-flex;align-items:center;gap:8px;margin:0;padding:4px 10px;border-radius:3px;background:#0b0e12;border:1px solid var(--borda);
  font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--texto)}
#entry .ti-marca .ti-ao-vivo{display:none}   /* em pé, a barra de ícones ocupa o topo; o "grátis" vai no JOGAR */
#entry .ti-ponto{width:8px;height:8px;border-radius:50%;background:var(--borda-forte)}
#entry.ti-tem-gente .ti-ponto{background:#ff3b30;animation:ti-pisca 1.8s steps(2,jump-none) infinite}
#entry .ti-logo{position:relative;display:inline-block;margin:8px 0 0;font-size:clamp(58px,17.5vw,82px);line-height:.9;letter-spacing:-.005em;color:#fff;
  transform:skewX(-8deg);text-shadow:0 3px 0 rgba(0,0,0,.55)}
#entry .ti-logo::before,#entry .ti-logo::after{content:'';position:absolute;bottom:-10px;height:7px;transform:skewX(-20deg)}
#entry .ti-logo::before{left:1%;width:48%;background:var(--vermelho)}
#entry .ti-logo::after{right:1%;width:48%;background:var(--amarelo)}
/* "? Como jogar" pequeno ao lado do logo (Wendel 08/10 02:31); área de toque de 44 px pelo ::after */
#entry .ti-ajuda{position:relative;vertical-align:middle;margin:0 0 0 10px;padding:4px 9px;border:1px solid #ffcf72;border-radius:999px;background:rgba(11,14,18,.72);color:#ffe1a1;font:700 11px/1.2 system-ui;letter-spacing:.02em;cursor:pointer;white-space:nowrap}
#entry .ti-ajuda::after{content:"";position:absolute;inset:-9px -4px}
#entry .ti-ajuda:focus-visible{outline:3px solid #ffcf72;outline-offset:3px}
@media (orientation:portrait){#entry .ti-ajuda{margin:18px 0 0}}   /* em pé o logo ocupa a largura: botão na linha de baixo, livre das barras */
#entry .ti-sub{display:inline-block;margin:20px auto 0;padding:3px 9px;border-radius:3px;background:rgba(7,9,12,.8);font-size:15px;font-weight:700;line-height:1.3;color:var(--texto)}

/* Em pé: três blocos sobre a arte (lado+rixa, JOGAR, apelido+secundárias); no deitado e no PC os blocos não existem */
#entry .ti-bloco{display:flex;flex-direction:column;gap:8px;padding:8px;border-radius:6px;background:rgba(11,14,18,.74);border:1px solid var(--borda)}
#entry .ti-bloco .ti-rixa{padding:0 2px;background:none;border:0}
#entry .ti-bloco .ti-lado,#entry .ti-bloco .ti-apelido,#entry .ti-bloco .ti-sec{background:rgba(7,9,12,.66)}

/* Placar da rixa do dia */
#entry .ti-rixa[hidden]{display:none}
#entry .ti-rixa{display:grid;grid-template-columns:auto 1fr;grid-template-areas:'rot placar' 'txt txt';align-items:center;gap:4px 10px;padding:7px 10px;border-radius:5px;
  background:rgba(11,14,18,.82);border:1px solid var(--borda)}
#entry .ti-rixa-rotulo{grid-area:rot;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--texto)}
#entry .ti-rixa-placar{grid-area:placar;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:8px}
#entry .ti-rixa-placar b{font-size:16px;font-weight:900;font-stretch:75%;font-variant-numeric:tabular-nums}
#entry .ti-rixa-v{color:var(--vermelho)}#entry .ti-rixa-a{color:var(--amarelo)}
#entry .ti-rixa-barra{position:relative;height:8px;background:var(--amarelo);clip-path:polygon(4px 0,100% 0,calc(100% - 4px) 100%,0 100%)}
#entry .ti-rixa-barra i{position:absolute;inset:0 auto 0 0;background:var(--vermelho-botao);border-right:2px solid #07090c;transition:width .6s}
#entry .ti-rixa{grid-template-columns:auto 1fr auto;grid-template-areas:'rot placar placar' 'txt txt mandar'}
#entry .ti-rixa-texto{grid-area:txt;font-size:12px;font-weight:700;color:var(--apagado)}
#entry .ti-rixa-mandar{grid-area:mandar;justify-self:end;display:inline-flex;align-items:center;gap:6px;min-height:44px;margin:0;padding:0 10px;border-radius:4px;
  background:#1a2028;border:1px solid var(--borda-forte);color:var(--texto);font:800 13px/1 'Rixa',sans-serif;white-space:nowrap}
#entry .ti-rixa-mandar::before{width:18px;height:18px}

/* Ação: lado → JOGAR → apelido → secundárias */
#entry .ti-acao{display:flex;flex-direction:column;gap:9px;margin-top:auto}
#entry .ti-lados{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:8px}
#entry .ti-vs{font-size:22px;color:var(--texto);transform:skewX(-8deg);text-shadow:0 2px 0 #000}
#entry .ti-lado{display:flex;align-items:center;gap:8px;min-height:50px;margin:0;padding:5px 9px;border-radius:5px;text-align:left;
  background:var(--painel);border:2px solid var(--borda);color:var(--texto);transition:border-color .15s,background-color .15s}
#entry .ti-forma{flex:none;width:26px;height:24px;background:var(--vermelho);opacity:.8}
#entry .ti-forma-tri{clip-path:polygon(50% 0,100% 100%,0 100%)}
#entry .ti-forma-circ{width:24px;border-radius:50%;background:var(--amarelo)}
#entry .ti-lado-texto{display:flex;flex-direction:column;line-height:1.05;min-width:0;white-space:nowrap}
#entry .ti-lado strong{font-size:19px;letter-spacing:.02em}
#entry .ti-lado-texto span{font-size:12px;color:var(--apagado);margin-top:2px}
#entry .ti-lado-vermelho strong{color:var(--vermelho)}#entry .ti-lado-amarelo strong{color:var(--amarelo)}
#entry .ti-lado-vermelho.selecionado{border-color:var(--vermelho);background:color-mix(in srgb,var(--vermelho-fundo) 42%,#0b0e12)}
#entry .ti-lado-amarelo.selecionado{border-color:var(--amarelo);background:color-mix(in srgb,var(--amarelo-fundo) 34%,#0b0e12)}
#entry .ti-lado.selecionado .ti-forma{opacity:1}
#entry .ti-lado.selecionado strong{color:#fff}

#entry .ti-jogar{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;min-height:76px;margin:0;padding:6px 16px 10px;border:0;border-radius:0;
  clip-path:polygon(16px 0,100% 0,100% calc(100% - 16px),calc(100% - 16px) 100%,0 100%,0 16px);
  background:var(--time-botao);color:var(--time-texto);box-shadow:inset 0 -6px 0 rgba(0,0,0,.28),inset 0 2px 0 rgba(255,255,255,.28);
  animation:ti-respira 2.8s ease-in-out infinite;transition:filter .15s}
#entry .ti-jogar-rotulo{font-size:48px;line-height:.95;letter-spacing:.03em;transform:skewX(-8deg)}
#entry .ti-jogar-sub{margin-top:3px;font-size:13px;font-weight:700}
#entry .ti-jogar:hover{filter:brightness(1.07)}#entry .ti-jogar:active{filter:brightness(.92)}

#entry .ti-apelido{display:flex;align-items:center;gap:8px;min-height:50px;padding:2px 2px 2px 12px;border-radius:5px;background:var(--painel);border:1px solid var(--borda)}
#entry .ti-apelido label{font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--apagado);flex:none}
#entry .ti-apelido input{flex:1;min-width:0;min-height:44px;margin:0;padding:8px 4px;border:0;background:transparent;color:#fff;font:800 17px/1.2 'Rixa',system-ui,sans-serif;outline:none}
#entry .ti-apelido:focus-within{border-color:var(--borda-forte)}
#entry .ti-dado{flex:none;width:44px;height:44px;margin:0;padding:0;border-radius:4px;background:#1a2028;color:#fff}

#entry .ti-secundarias{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
#entry .ti-sec{display:flex;align-items:center;justify-content:center;gap:7px;min-height:48px;margin:0;padding:6px 8px;border-radius:5px;
  background:var(--painel);border:1px solid var(--borda);color:var(--texto);font:700 14px/1.15 'Rixa',system-ui,sans-serif;text-align:center;transition:border-color .15s,background-color .15s}
#entry .ti-sec:hover,#entry .ti-ico:hover,#entry .ti-dado:hover{border-color:var(--borda-forte);background:#1a2028}

/* Ícones de traço (máscara: sobrevivem quando o motor troca o texto do botão) */
#entry [class*='ti-i-']::before,#entry .ti-dado::before{content:'';flex:none;width:20px;height:20px;background:currentColor;
  -webkit-mask:var(--ic) center/contain no-repeat;mask:var(--ic) center/contain no-repeat}
#entry .ti-dado::before{display:block;margin:auto;width:22px;height:22px}
#entry .ti-i-treinar{--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='4' y='8' width='16' height='12' rx='3'/%3E%3Cpath d='M12 8V4M9 13h.01M15 13h.01M9 17h6'/%3E%3C/svg%3E")}
#entry .ti-i-amigo{--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='9' cy='8' r='4'/%3E%3Cpath d='M2 21c0-4 3-6 7-6s7 2 7 6M19 8v6M16 11h6'/%3E%3C/svg%3E")}
#entry .ti-i-assistir{--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 12s3.6-7 10-7 10 7 10 7-3.6 7-10 7S2 12 2 12z'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3C/svg%3E")}
#entry .ti-dado{--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='3' width='18' height='18' rx='4'/%3E%3Cpath d='M8 8h.01M16 8h.01M12 12h.01M8 16h.01M16 16h.01'/%3E%3C/svg%3E")}

/* Menu em ícones (barra de baixo no celular) */
#entry .ti-menu{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:4px;padding:4px;border-radius:6px;background:rgba(11,14,18,.86);border:1px solid var(--borda)}
#entry .ti-ico{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-height:52px;margin:0;padding:4px 2px;border-radius:4px;
  background:transparent;border:1px solid transparent;color:var(--texto);font:700 12px/1 'Rixa',system-ui,sans-serif}
#entry .ti-ico svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
#entry [data-musica-mudo][data-mudo="1"] .ti-som-on,#entry [data-musica-mudo][data-mudo="0"] .ti-som-off{display:none}
#entry .ti-selo{position:absolute;top:3px;right:calc(50% - 22px);min-width:18px;height:18px;padding:0 5px;border-radius:3px;background:var(--vermelho-botao);color:#fff;font:800 12px/18px 'Rixa',sans-serif}
#entry .ti-moedas{position:absolute;top:2px;right:calc(50% - 30px);min-width:20px;height:18px;padding:0 5px 0 17px;border-radius:3px;background:#0b0e12;border:1px solid var(--amarelo);color:var(--texto);font:800 12px/16px 'Rixa',sans-serif;
  background-image:radial-gradient(circle at 8px 8px,var(--amarelo) 4.5px,transparent 5px)}
#entry .ti-moedas[hidden]{display:none}
#entry .ti-selo[hidden]{display:none}

#entry #entry-error{margin:0;text-align:center;font-size:13px;font-weight:700;color:#ffb4ab}
#entry #entry-error:empty{display:none}
#entry .ti-rodape{display:flex;flex-direction:column;align-items:center;gap:0;text-align:center;font-size:12px;line-height:1.35;color:var(--apagado)}
#entry .ti-rodape>span{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;column-gap:6px}
#entry .ti-rodape>span>span:first-child{flex-basis:100%}
#entry .ti-controles{display:none;font-size:12px}
#entry .ti-link{display:inline-flex;align-items:center;min-height:44px;margin:0;padding:0 4px;background:none;border:0;border-radius:3px;color:var(--texto);font:inherit;
  text-decoration:underline;text-underline-offset:3px}

/* Folhas (sala com amigos, missões) */
#entry .ti-folha{width:min(440px,calc(100vw - 32px));max-height:calc(100dvh - 32px);overflow:auto;margin:auto;padding:22px 18px 18px;border-radius:6px;
  border:1px solid var(--borda-forte);background:#0f1318;color:var(--texto);box-shadow:0 24px 60px rgba(0,0,0,.7)}
#entry .ti-folha::backdrop{background:rgba(4,6,9,.78)}
#entry .ti-folha h2{margin:0 52px 6px 0;font-size:32px;line-height:1;letter-spacing:.01em;transform:skewX(-8deg);transform-origin:left}
#entry .ti-folha p{margin:0 0 14px;font-size:14px;color:var(--apagado)}
#entry .ti-folha label{display:block;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--apagado)}
#entry #room{margin:6px 0 14px;padding:12px;border-radius:5px;border:1px solid var(--borda-forte);background:#07090c;color:#fff;
  font-size:32px;line-height:1;letter-spacing:.28em;text-transform:uppercase;text-align:center;font-family:'Rixa',system-ui,sans-serif}
#entry #room::placeholder{color:#8b929d;letter-spacing:.08em;font-size:22px}
#entry .ti-folha-botoes{display:grid;grid-template-columns:1.4fr 1fr;gap:8px}
#entry .ti-entrar-sala{min-height:50px;margin:0;border-radius:0;clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px);
  background:var(--time-botao);color:var(--time-texto);font-size:24px;letter-spacing:.03em;box-shadow:inset 0 -4px 0 rgba(0,0,0,.28)}
#entry .ti-fechar{position:absolute;top:12px;right:12px;width:44px;height:44px;margin:0;padding:0;border-radius:4px;background:#1a2028;color:#fff}
#entry .ti-fechar::before,#entry .ti-fechar::after{content:'';position:absolute;left:13px;right:13px;top:21px;height:2px;background:currentColor;transform:rotate(45deg)}
#entry .ti-fechar::after{transform:rotate(-45deg)}
#entry .ti-erro{margin:-6px 0 12px;font-size:14px;font-weight:700;color:#ffb4ab}
#entry .ti-erro:empty{display:none}
#entry .ti-passos{margin:8px 0 0;padding-left:22px;font-size:15px;line-height:1.5;color:var(--texto)}
#entry .ti-passos b{font-weight:800}
#entry .ti-app{display:inline-flex;align-items:center}
#entry .ti-app:empty{display:none}
#entry .ti-app .app-mode-actions{display:inline-flex;margin:0;gap:6px}
#entry .app-mode-status:empty{display:none}
#entry .ti-app .app-mode-actions[hidden]{display:none}
#entry #app-fullscreen,#entry #btn-ti-iphone{display:inline-flex;align-items:center;gap:6px;min-height:44px;margin:0 0 0 2px;padding:0 4px;background:none;border:0;color:var(--texto);
  font:inherit;text-decoration:underline;text-underline-offset:3px}
#entry .ti-app:not(:empty)::before{content:'·';margin:0 2px 0 4px;color:var(--apagado)}   /* separador fora do botão: não herda o sublinhado */
#entry .app-mode-status{font-size:12px;color:var(--apagado)}
#entry #ti-missoes .card-desafios-primeira-tela{margin:8px 0 0;padding:0;background:none;border:0;box-shadow:none}
#entry #ti-missoes .desafios-titulo-grupo,#entry #ti-missoes .desafio-icone,#entry #ti-missoes .desafio-xp-em-breve{display:none}
#entry #ti-missoes .desafios-header-linha{margin:0 0 10px;justify-content:flex-start}
#entry #ti-missoes .desafios-renovacao-relogio{padding:0;background:none;border:0;font-size:13px;font-weight:700;color:var(--apagado)}
#entry #ti-missoes .desafios-lista-compacta{display:flex;flex-direction:column;gap:8px}
#entry #ti-missoes .desafio-item{padding:10px 12px;border-radius:5px;background:#0b0e12;border:1px solid var(--borda);box-shadow:none}
#entry #ti-missoes .desafio-item.concluido{border-color:var(--amarelo)}
#entry #ti-missoes .desafio-titulo{font:800 16px/1.2 'Rixa',sans-serif;color:var(--texto)}
#entry #ti-missoes .desafio-desc{font:600 13px/1.35 'Rixa',sans-serif;color:var(--apagado);white-space:normal;overflow:visible;text-overflow:clip;display:block}
#entry #ti-missoes .tag-desafio-contagem,#entry #ti-missoes .tag-desafio-concluido{border-radius:3px;background:#1a2028;border:1px solid var(--borda-forte);color:var(--texto);font:800 12px/1 'Rixa',sans-serif;padding:4px 6px}
#entry #ti-missoes .desafio-barra-progresso-trilho{height:4px;margin:8px 0 6px;border-radius:0;background:#1a2028}
#entry #ti-missoes .desafio-barra-preenchimento{border-radius:0;background:var(--amarelo);box-shadow:none}
#entry #ti-missoes .desafio-item-rodape{justify-content:flex-end}
#entry #ti-missoes .desafio-xp-valor{font:800 13px/1 'Rixa',sans-serif;color:var(--amarelo)}
@media (orientation:landscape) and (max-height:540px){
  #entry #ti-missoes{width:min(800px,calc(100vw - 32px));padding:14px 16px}
  #entry #ti-missoes .desafios-lista-compacta{flex-direction:row}
  #entry #ti-missoes .desafio-item{flex:1;min-width:0}
}

#entry button:focus-visible,#entry input:focus-visible{outline:3px solid #fff;outline-offset:2px}

/* Celular deitado: lado e JOGAR à esquerda, a arte respira à direita */
@media (orientation:landscape) and (max-height:540px){
  #entry .ti-arte{background-image:url("data:image/webp;base64,UklGRmQAAABXRUJQVlA4IFgAAACQAwCdASogAA8ALtGIxGIkLCwsDADQSgC2yEK4ZHWhS1WH+8ZQAP71c+21aiReEwJKJRHkFzKbqXv33ihTYnzEIxYxuFowo1DyG7BzNyFnLQ9eaxwPKAAA");background-position:50% 50%}
  #entry .ti-arte img{object-position:50% 50%}
  #entry::before{background:linear-gradient(90deg,rgba(7,9,12,.94) 0%,rgba(7,9,12,.84) 38%,rgba(7,9,12,.2) 60%,rgba(7,9,12,0) 74%),
    linear-gradient(0deg,rgba(7,9,12,.9) 0%,rgba(7,9,12,0) 18%)}
  #entry .ti-brasas{inset:0 0 0 50%}
  #entry .card.ti{max-width:none;margin:0;display:grid;grid-template-columns:minmax(300px,420px) 1fr;grid-template-rows:auto auto 1fr auto auto auto auto;column-gap:22px;row-gap:6px;
    padding:max(10px,env(safe-area-inset-top)) var(--borda-seg-d) max(4px,env(safe-area-inset-bottom)) var(--borda-seg)}
  #entry .ti-marca{grid-column:1;grid-row:1;text-align:left}
  #entry .ti-logo{margin:0;font-size:40px}
  #entry .ti-logo::before,#entry .ti-logo::after{bottom:-6px;height:5px}
  #entry .ti-sub{margin:10px 0 0;padding:2px 7px;font-size:13px}
  #entry .ti-acao{display:contents}
  #entry .ti-bloco{display:contents}
  #entry .ti-rixa{grid-column:1;grid-row:2;grid-template-columns:auto 1fr;grid-template-areas:'rot placar';padding:5px 9px}
  #entry .ti-rixa-mandar{display:none}
  #entry .ti-rixa-texto{display:none}
  #entry .ti-lados,#entry .ti-jogar,#entry .ti-apelido,#entry .ti-secundarias{grid-column:1}
  #entry .ti-lados{grid-row:3;align-self:end}
  #entry .ti-lado{min-height:44px;padding:2px 8px}
  #entry .ti-forma{width:22px;height:20px}
  #entry .ti-forma-circ{width:20px}
  #entry .ti-lado strong{font-size:17px}
  #entry .ti-lado-texto span{margin-top:1px}
  #entry .ti-jogar{grid-row:4;min-height:54px;padding:3px 16px 7px}
  #entry .ti-jogar-rotulo{font-size:34px}
  #entry .ti-jogar-sub{font-size:12px;margin-top:1px}
  #entry .ti-apelido{grid-row:5;min-height:46px}
  #entry .ti-secundarias{grid-row:6}
  #entry .ti-sec{min-height:44px;font-size:13px}
  #entry .ti-menu{grid-column:2;grid-row:5 / 7;justify-self:end;align-self:end;grid-template-columns:repeat(6,58px);background:rgba(11,14,18,.86)}
  #entry .ti-ico{min-height:48px}
  #entry #entry-error{grid-column:2;grid-row:5;align-self:end}
  #entry .ti-rodape{grid-column:1 / -1;grid-row:7;align-items:flex-start;text-align:left}
  #entry .ti-rodape>span{justify-content:flex-start;column-gap:4px}
  #entry .ti-rodape>span>span:first-child{flex-basis:auto}
}

/* PC e tablet deitado: painel à esquerda, arte cheia */
@media (min-width:1000px) and (min-height:541px){
  #entry .ti-arte{background-image:url("data:image/webp;base64,UklGRpAAAABXRUJQVlA4IIQAAADQBACdASogABIAPxF2sVAsJ6SisAgBgCIJYwCw7BugsYy0RKesESyd3ehTGFpnAAD+6/8+lDF/5JhUrvSnym5szlp6XJucTHkp7N45ogaWQCjHphKkqdedcXc0ZYMDtDd+gWknzQACuiJgtJTNcfUG6qUw+vlReoWZMEycPhxXwiUAAAA=");background-position:70% 42%}
  #entry .ti-arte img{object-position:70% 42%}
  #entry::before{background:linear-gradient(90deg,rgba(7,9,12,.95) 0%,rgba(7,9,12,.86) 30%,rgba(7,9,12,.25) 50%,rgba(7,9,12,0) 62%),
    linear-gradient(0deg,rgba(7,9,12,.96) 0%,rgba(7,9,12,.7) 9%,rgba(7,9,12,0) 24%),linear-gradient(180deg,rgba(7,9,12,.6) 0%,rgba(7,9,12,0) 16%)}
  #entry .ti-brasas{inset:0 0 15% 40%}
  #entry .card.ti{max-width:none;margin:0;display:grid;grid-template-columns:minmax(400px,500px) 1fr;grid-template-rows:auto 1fr auto;column-gap:40px;row-gap:14px;
    padding:clamp(24px,4.5vh,48px) clamp(24px,4vw,64px) 22px}
  #entry .ti-marca{grid-column:1;grid-row:1;text-align:left;align-self:start}
  #entry .ti-marca .ti-ao-vivo{display:inline-flex}
  /* PC: ao lado do logo encostaria na faixa e no semáforo da arte → "? Como jogar" na linha do subtítulo, logo abaixo do logo */
  #entry .ti-marca{display:grid;grid-template-columns:auto 1fr;align-items:center;column-gap:12px}
  #entry .ti-marca .ti-ao-vivo,#entry .ti-marca .ti-logo{grid-column:1 / -1;justify-self:start}
  #entry .ti-marca .ti-sub{grid-row:3;grid-column:1}
  #entry .ti-ajuda{grid-row:3;grid-column:2;justify-self:start;margin:0;padding:6px 13px;font-size:13px}
  #entry .ti-logo{font-size:clamp(84px,9vw,132px);margin-top:16px}
  #entry .ti-sub{margin:28px 0 0;font-size:18px}
  #entry .ti-acao{grid-column:1;grid-row:2;align-self:center;margin:0;gap:14px}
  #entry .ti-bloco{display:contents}
  #entry .ti-lado{min-height:72px;padding:10px 14px}
  #entry .ti-rixa{padding:10px 12px}
  #entry .ti-rixa-placar b{font-size:20px}
  #entry .ti-forma{width:32px;height:28px}
  #entry .ti-forma-circ{width:28px}
  #entry .ti-lado strong{font-size:22px}
  #entry .ti-lado-texto span{font-size:13px}
  #entry .ti-vs{font-size:26px}
  #entry .ti-jogar{min-height:118px}
  #entry .ti-jogar-rotulo{font-size:76px}
  #entry .ti-jogar-sub{font-size:15px}
  #entry .ti-sec{min-height:60px;font-size:16px}
  #entry .ti-apelido{min-height:58px}
  #entry .ti-menu{grid-column:2;grid-row:1;justify-self:end;align-self:start;grid-template-columns:repeat(6,76px);background:rgba(11,14,18,.86)}
  #entry .ti-ico{min-height:64px;font-size:13px}
  #entry .ti-ico svg{width:24px;height:24px}
  #entry #entry-error{grid-column:1;grid-row:3}
  #entry .ti-rodape{grid-column:1 / -1;grid-row:3;flex-direction:row;justify-content:space-between;align-items:center;text-align:left;font-size:12px}
  #entry .ti-rodape>span>span:first-child{flex-basis:auto}
  #entry .ti-controles{display:block}
}

/* Aparelhos estreitos (< 360 px): nada vaza; o texto do lado e das secundárias pode quebrar */
@media (max-width:359px){
  #entry .ti-lado-texto{white-space:normal}
  #entry .ti-lado{gap:6px;padding:5px 6px}
  #entry .ti-lado strong{font-size:17px}
  #entry .ti-sec{gap:5px;padding:6px 4px;font-size:13px}
  #entry .ti-ico{font-size:12px}
  #entry .ti-logo{font-size:52px}
  #entry .ti-sub{font-size:12px;white-space:nowrap}
}

@keyframes ti-respira-arte{from{transform:scale(1)}to{transform:scale(1.06) translate3d(-1%,-.6%,0)}}
@keyframes ti-sobe{from{transform:translate3d(0,0,0)}to{transform:translate3d(0,-50%,0)}}
@keyframes ti-pisca{0%{opacity:1}50%{opacity:.25}}
@keyframes ti-respira{0%,100%{transform:scale(1)}50%{transform:scale(1.018)}}
@media (prefers-reduced-motion:reduce){
  #entry *,#entry *::before,#entry *::after,#entry::before{animation:none!important;transition:none!important}
  #entry .ti-brasas{display:none}
}

/* Ranking aberto pelo ícone próprio: só o ranking, sem as abas da loja (modal do Anti, só neste modo) */
.ti-so-ranking .visual-abas-nav{display:none!important}