/* Tela autoritativa do sorteio do draft. */
#tela-sorteio-draft-online {
	width: min(980px, calc(100vw - 28px));
	max-width: 980px;
	padding: 26px;
	border: 1px solid rgba(148, 163, 184, 0.3);
	border-radius: 22px;
	background: radial-gradient(circle at top right, rgba(0, 217, 245, 0.12), transparent 34%), linear-gradient(145deg, #1f2b3a, #1b2634);
	box-sizing: border-box;
	color: #fff;
}

@media (max-width: 900px) {
	#tela-resultado.temporada-multiplayer-ativa {
		overflow-x: hidden !important;
	}
	#tela-resultado.temporada-multiplayer-ativa .resultado-final-layout-multiplayer {
		width: 100% !important;
		min-width: 0 !important;
	}
	#tela-resultado.temporada-multiplayer-ativa .resultado-final-principal-multiplayer {
		width: 100%;
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
	}
	.modal-ranking-sala { padding: 8px; }
	.modal-ranking-sala-conteudo { width: 100%; max-height: 94vh; }
}

.sorteio-draft-topo {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	margin-bottom: 18px;
}

.sorteio-draft-topo p { margin: 0 0 5px; color: #00f5a0; font-size: 12px; font-weight: 950; letter-spacing: 1.2px; }
.sorteio-draft-topo h2 { margin: 0; font-size: 30px; line-height: 1.1; }

.sorteio-draft-liga {
	min-width: 130px;
	padding: 10px 15px;
	border: 1px solid rgba(0, 245, 160, 0.38);
	border-radius: 14px;
	background: rgba(0, 245, 160, 0.08);
	text-align: center;
}

.sorteio-draft-liga span, .sorteio-draft-liga strong { display: block; }
.sorteio-draft-liga span { margin-bottom: 3px; color: rgba(255,255,255,.58); font-size: 10px; font-weight: 900; text-transform: uppercase; }
.sorteio-draft-liga strong { color: #00f5a0; font-size: 18px; }

.sorteio-draft-card {
	padding: 20px;
	border: 1px solid rgba(148, 163, 184, 0.24);
	border-radius: 18px;
	background: rgba(15, 23, 42, 0.58);
}

.sorteio-draft-explicacao { margin: 0 0 8px; color: rgba(255,255,255,.7); font-size: 14px; text-align: center; }
.status-sorteio-draft-online { display: block; min-height: 24px; margin-bottom: 15px; color: #facc15; font-size: 17px; text-align: center; }
.grade-sorteio-draft-online { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 9px; }

.item-sorteio-draft-online {
	display: grid;
	grid-template-columns: auto minmax(0, 1fr);
	gap: 3px 9px;
	min-width: 0;
	padding: 10px;
	border: 1px solid rgba(148, 163, 184, 0.25);
	border-radius: 12px;
	background: rgba(30, 41, 59, 0.94);
	transition: opacity .16s ease, transform .16s ease, border-color .16s ease;
}

.item-sorteio-draft-online.oculto { opacity: .16; transform: scale(.96); }
.item-sorteio-draft-online.atual { border-color: #00f5a0; box-shadow: 0 0 18px rgba(0,245,160,.16); }
.item-sorteio-draft-online.usuario { border-color: #facc15; background: rgba(250,204,21,.12); }
.item-sorteio-draft-online span { align-self: center; color: #00d9f5; font-size: 11px; font-weight: 950; }
.item-sorteio-draft-online strong { min-width: 0; overflow: hidden; align-self: center; color: #fff; font-size: 13px; text-overflow: ellipsis; white-space: nowrap; }
.item-sorteio-draft-online small { min-width: 0; overflow: hidden; color: rgba(255,255,255,.62); font-size: 10px; font-weight: 800; text-overflow: ellipsis; white-space: nowrap; }

.botao-confirmar-inicio-draft-online {
	display: block;
	width: min(320px, 100%);
	margin: 18px auto 0;
	background: linear-gradient(135deg, #00f5a0, #00d9f5);
	color: #061018;
	font-weight: 950;
}

.botao-confirmar-inicio-draft-online:disabled {
	border: 1px solid rgba(148,163,184,.25);
	background: rgba(71,85,105,.72);
	box-shadow: none;
	color: rgba(255,255,255,.62);
}

body.tema-claro #tela-sorteio-draft-online { border-color: #b9a978; background: linear-gradient(180deg, #f3efe3 0%, #e5dfd0 100%); color: #111827; }
body.tema-claro .sorteio-draft-topo h2,
body.tema-claro .sorteio-draft-liga strong,
body.tema-claro .item-sorteio-draft-online strong { color: #111827; }
body.tema-claro .sorteio-draft-card,
body.tema-claro .item-sorteio-draft-online { border-color: #c8b98c; background: #f8fafc; }
body.tema-claro .sorteio-draft-explicacao,
body.tema-claro .sorteio-draft-liga span,
body.tema-claro .item-sorteio-draft-online small { color: #475569; }
body.tema-claro .item-sorteio-draft-online.usuario { border-color: #d6a900; background: #fff8d8; }

.status-conexao-multiplayer {
	display: flex;
	align-items: center;
	gap: 9px;
	margin: 2px 0 14px;
	padding: 9px 11px;
	border: 1px solid rgba(148, 163, 184, .25);
	border-radius: 12px;
	background: rgba(15, 23, 42, .62);
	color: #dbeafe;
	font-size: 12px;
}

.ponto-status-conexao { width: 9px; height: 9px; flex: 0 0 9px; border-radius: 50%; background: #facc15; box-shadow: 0 0 10px rgba(250,204,21,.55); }
.status-conexao-multiplayer.online .ponto-status-conexao { background: #22c55e; box-shadow: 0 0 10px rgba(34,197,94,.55); }
.status-conexao-multiplayer.local .ponto-status-conexao { background: #38bdf8; box-shadow: 0 0 10px rgba(56,189,248,.55); }
.status-conexao-multiplayer.indisponivel .ponto-status-conexao,
.status-conexao-multiplayer.desconectado .ponto-status-conexao { background: #f87171; box-shadow: 0 0 10px rgba(248,113,113,.55); }
.status-conexao-multiplayer strong { flex: 1; color: inherit; font-size: 12px; }

#botao-usar-modo-local-multiplayer {
	min-height: 30px;
	margin: 0;
	padding: 5px 9px;
	border: 1px solid rgba(56,189,248,.5);
	border-radius: 9px;
	background: rgba(56,189,248,.12);
	box-shadow: none;
	color: #bae6fd;
	font-size: 11px;
	white-space: nowrap;
}

.aviso-conexao-online {
	position: fixed;
	top: 12px;
	left: 50%;
	z-index: 10020;
	width: min(520px, calc(100vw - 24px));
	padding: 11px 15px;
	transform: translateX(-50%);
	border: 1px solid rgba(248,113,113,.55);
	border-radius: 12px;
	background: rgba(69,10,10,.96);
	box-shadow: 0 12px 30px rgba(0,0,0,.28);
	box-sizing: border-box;
	color: #fee2e2;
	font-size: 13px;
	font-weight: 850;
	text-align: center;
}

.aviso-conexao-online.info { border-color: rgba(56,189,248,.55); background: rgba(8,47,73,.96); color: #e0f2fe; }
.aviso-conexao-online.sucesso { border-color: rgba(34,197,94,.55); background: rgba(5,46,22,.96); color: #dcfce7; }
body.tema-claro .status-conexao-multiplayer { border-color: #c8b98c; background: #f8fafc; color: #334155; }
body.tema-claro #botao-usar-modo-local-multiplayer { color: #075985; }

#conteudo-multiplayer-salas .lista-salas-multiplayer { margin-top: 14px; }
#multiplayer-codigo-sala { text-transform: uppercase; letter-spacing: .12em; }
.conteudo-multiplayer input.campo-invalido-multiplayer {
	border-color: #f87171 !important;
	box-shadow: 0 0 0 2px rgba(248,113,113,.18) !important;
}

/* Prioridade final para celular: cada tela rola e empilha sem sobrepor cards. */
@media (max-width: 760px) {
	.status-conexao-multiplayer { align-items: stretch; flex-wrap: wrap; }
	.status-conexao-multiplayer strong { min-width: calc(100% - 24px); }
	#botao-usar-modo-local-multiplayer { width: 100%; }
	#tela-sala-multiplayer,
	#tela-sorteio-draft-online,
	#tela-draft-online,
	#tela-elencos-multiplayer,
	#tela-jogo.temporada-multiplayer-ativa,
	#tela-resultado.temporada-multiplayer-ativa {
		width: calc(100vw - 12px) !important;
		max-width: calc(100vw - 12px) !important;
		height: auto !important;
		max-height: none !important;
		margin: 6px auto 24px !important;
		padding: 12px !important;
		box-sizing: border-box !important;
		overflow: visible !important;
	}

	.sala-multiplayer-topo,
	.draft-online-topo,
	.elencos-multiplayer-topo,
	.sorteio-draft-topo,
	#tela-jogo.temporada-multiplayer-ativa .jogo-topo { flex-direction: column !important; align-items: stretch !important; gap: 10px !important; }

	.sala-multiplayer-topo h2,
	.draft-online-topo h2,
	.elencos-multiplayer-topo h2,
	.sorteio-draft-topo h2 { font-size: 24px !important; overflow-wrap: anywhere; }

	.sala-multiplayer-acoes-topo,
	.elencos-multiplayer-acoes,
	.botoes-jogo-topo { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; width: 100% !important; gap: 7px !important; }

	.sala-multiplayer-acoes-topo button,
	.elencos-multiplayer-acoes button,
	.botoes-jogo-topo button { width: 100% !important; min-width: 0 !important; margin: 0 !important; padding-left: 8px !important; padding-right: 8px !important; }

	.sala-multiplayer-info,
	.draft-online-info { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 7px !important; }
	.sala-multiplayer-info .sala-info-card:last-child,
	.draft-online-info .draft-online-info-card:last-child { grid-column: 1 / -1; }

	.sala-multiplayer-layout,
	#tela-draft-online .draft-online-layout,
	.elencos-multiplayer-layout,
	#tela-jogo.temporada-multiplayer-ativa .jogo-layout {
		display: grid !important;
		grid-template-columns: minmax(0, 1fr) !important;
		grid-template-areas: none !important;
		height: auto !important;
		min-height: 0 !important;
		overflow: visible !important;
		gap: 10px !important;
	}

	.sala-multiplayer-card,
	.draft-online-card,
	.draft-online-lateral-card,
	.elencos-multiplayer-card,
	#tela-jogo.temporada-multiplayer-ativa .jogo-card { grid-area: auto !important; width: 100% !important; min-width: 0 !important; max-width: 100% !important; height: auto !important; min-height: 0 !important; box-sizing: border-box !important; }

	.grade-vagas-multiplayer { grid-template-columns: minmax(0, 1fr) !important; }
	.jogador-sala-item { align-items: flex-start; flex-wrap: wrap; }
	.sorteio-draft-liga { width: 100%; box-sizing: border-box; }
	.sorteio-draft-card { padding: 12px; }
	.grade-sorteio-draft-online { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 6px; }
	.item-sorteio-draft-online { padding: 8px; }

	#tela-draft-online .draft-online-campo-card,
	#tela-draft-online .draft-online-cartas-card,
	#tela-draft-online .draft-online-fila-card,
	#tela-draft-online .draft-online-historico-card { width: 100% !important; min-width: 0 !important; max-width: 100% !important; justify-self: stretch !important; }

	#tela-draft-online .cartas-draft-online { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 6px !important; }
	#tela-draft-online .corpo-carta-draft-online { grid-template-columns: 42px minmax(0, 1fr) !important; }

	#tela-draft-online .campo-draft-online,
	#tela-elencos-multiplayer .campo-elenco-multiplayer { width: 100% !important; max-width: 390px !important; height: 520px !important; min-height: 520px !important; margin-left: auto !important; margin-right: auto !important; overflow: hidden !important; }

	#tela-draft-online .campo-draft-online .posicao-campo-online,
	#tela-draft-online .campo-draft-online .posicao-campo-online.preenchida,
	#tela-elencos-multiplayer .campo-elenco-multiplayer .posicao-elenco-multiplayer,
	#tela-elencos-multiplayer .campo-elenco-multiplayer .posicao-elenco-multiplayer.preenchida,
	#tela-elencos-multiplayer .campo-elenco-multiplayer .posicao-elenco-multiplayer.vazia-online { width: 54px !important; min-width: 54px !important; max-width: 54px !important; }

	.lista-times-elencos-multiplayer,
	.elencos-multiplayer-lista { max-height: 300px !important; overflow-y: auto !important; }

	#tela-jogo.temporada-multiplayer-ativa #abas-ligas-temporada { display: flex !important; width: 100% !important; padding-bottom: 5px !important; overflow-x: auto !important; overflow-y: hidden !important; flex-wrap: nowrap !important; -webkit-overflow-scrolling: touch; }
	#tela-jogo.temporada-multiplayer-ativa #abas-ligas-temporada > * { flex: 0 0 auto !important; }
	#tela-jogo.temporada-multiplayer-ativa .placar-feed,
	#tela-jogo.temporada-multiplayer-ativa .placar-principal { min-width: 0 !important; gap: 6px !important; }
	#tela-jogo.temporada-multiplayer-ativa .placar-principal span { min-width: 0; font-size: 12px !important; overflow-wrap: anywhere; }
	#tela-jogo.temporada-multiplayer-ativa .escalacoes-times { grid-template-columns: minmax(0, 1fr) !important; height: auto !important; min-height: 0 !important; gap: 8px !important; }

	#tela-jogo.temporada-multiplayer-ativa .feed-jogo,
	#tela-jogo.temporada-multiplayer-ativa #resultados-rodada,
	#tela-jogo.temporada-multiplayer-ativa #top-artilheiros { height: 280px !important; min-height: 220px !important; max-height: 320px !important; overflow-y: auto !important; }

	#tela-jogo.temporada-multiplayer-ativa .jogo-tabela-card { overflow-x: auto !important; overflow-y: visible !important; -webkit-overflow-scrolling: touch; }
	#tela-jogo.temporada-multiplayer-ativa .jogo-tabela-card table,
	#tela-resultado.temporada-multiplayer-ativa .tabela-final-menor-multiplayer { width: 720px !important; min-width: 720px !important; }

	#tela-resultado.temporada-multiplayer-ativa { overflow-x: auto !important; overflow-y: visible !important; -webkit-overflow-scrolling: touch; }
	#tela-resultado.temporada-multiplayer-ativa > h2,
	#tela-resultado.temporada-multiplayer-ativa #campeao-texto,
	#tela-resultado.temporada-multiplayer-ativa .botoes-series-final-multiplayer,
	#tela-resultado.temporada-multiplayer-ativa #acoes-finais-multiplayer { min-width: calc(100vw - 36px); box-sizing: border-box; }
}

@media (max-width: 390px) {
	#tela-draft-online .campo-draft-online .posicao-campo-online,
	#tela-draft-online .campo-draft-online .posicao-campo-online.preenchida,
	#tela-elencos-multiplayer .campo-elenco-multiplayer .posicao-elenco-multiplayer,
	#tela-elencos-multiplayer .campo-elenco-multiplayer .posicao-elenco-multiplayer.preenchida,
	#tela-elencos-multiplayer .campo-elenco-multiplayer .posicao-elenco-multiplayer.vazia-online { width: 49px !important; min-width: 49px !important; max-width: 49px !important; padding: 3px !important; }
}

@media (max-width: 900px) {
	#tela-resultado.temporada-multiplayer-ativa { overflow-x: hidden !important; }
	#tela-resultado.temporada-multiplayer-ativa .resultado-final-layout-multiplayer { width: 100% !important; min-width: 0 !important; grid-template-columns: minmax(0,1fr) !important; }
	#tela-resultado.temporada-multiplayer-ativa .resultado-final-principal-multiplayer { width: 100%; overflow-x: hidden !important; }
	#tela-resultado.temporada-multiplayer-ativa .tabela-final-menor-multiplayer { width: 100% !important; min-width: 0 !important; }
}

@media (max-width: 700px) {
	#tela-resultado.temporada-multiplayer-ativa {
		display: block !important;
		height: auto !important;
		min-height: calc(100dvh - 84px);
		overflow-x: hidden !important;
		overflow-y: visible !important;
	}
	#tela-resultado.temporada-multiplayer-ativa .cabecalho-final-multiplayer,
	#tela-resultado.temporada-multiplayer-ativa .resultado-final-layout-multiplayer { grid-template-columns: minmax(0,1fr) !important; }
	#tela-resultado.temporada-multiplayer-ativa .cabecalho-final-multiplayer { margin-bottom: 8px; }
	#tela-resultado.temporada-multiplayer-ativa .icone-cabecalho-final-multiplayer { display: none; }
	#tela-resultado.temporada-multiplayer-ativa .cabecalho-final-multiplayer #campeao-texto { display: none; }
	#tela-resultado.temporada-multiplayer-ativa .resultado-final-principal-multiplayer { overflow-x: hidden !important; }
	#tela-resultado.temporada-multiplayer-ativa .tabela-final-menor-multiplayer { width: 100% !important; min-width: 0 !important; }
	#tela-resultado.temporada-multiplayer-ativa .tabela-final-menor-multiplayer th,
	#tela-resultado.temporada-multiplayer-ativa .tabela-final-menor-multiplayer td { padding: 2px 1px !important; font-size: 6px !important; }
}

/* Acabamento móvel: sem elementos fixos cobrindo o jogo e sem tabelas laterais. */
@media (max-width: 760px) {
	body {
		padding-bottom: 0 !important;
	}

	#app {
		min-height: 100dvh !important;
		padding-bottom: 12px !important;
		align-items: flex-start !important;
	}

	.botao-tema,
	body.tema-claro .botao-tema {
		position: static !important;
		display: block !important;
		width: max-content !important;
		max-width: calc(100vw - 16px) !important;
		min-height: 34px !important;
		margin: max(8px, env(safe-area-inset-top)) 8px 0 auto !important;
		padding: 7px 11px !important;
		font-size: 11px !important;
		box-shadow: 0 5px 16px rgba(0,0,0,.2) !important;
	}

	.rodape-fixo,
	body.tema-claro .rodape-fixo {
		position: relative !important;
		left: auto !important;
		bottom: auto !important;
		z-index: 2 !important;
		width: 100% !important;
		min-height: 0 !important;
		padding: 12px 10px calc(12px + env(safe-area-inset-bottom)) !important;
		flex-direction: column !important;
		gap: 8px !important;
		box-shadow: 0 -4px 16px rgba(0,0,0,.2) !important;
	}

	.rodape-marca-fixa,
	.rodape-mensagem-apoio,
	.rodape-acao-apoio {
		width: 100% !important;
		max-width: 420px !important;
		justify-content: center !important;
		text-align: center !important;
	}

	#tela-jogo.temporada-multiplayer-ativa {
		margin-bottom: 8px !important;
	}

	#tela-jogo.temporada-multiplayer-ativa .jogo-feed-card { order: 1; }
	#tela-jogo.temporada-multiplayer-ativa .jogo-tabela-card { order: 2; }
	#tela-jogo.temporada-multiplayer-ativa .jogo-resultados-card { order: 3; }
	#tela-jogo.temporada-multiplayer-ativa .jogo-escalacoes-card { order: 4; }
	#tela-jogo.temporada-multiplayer-ativa .jogo-artilharia-card { order: 5; }

	#tela-jogo.temporada-multiplayer-ativa .placar-feed {
		display: flex !important;
		flex-direction: column !important;
		align-items: stretch !important;
		gap: 7px !important;
	}

	#tela-jogo.temporada-multiplayer-ativa .placar-principal {
		display: grid !important;
		grid-template-columns: minmax(0,1fr) auto minmax(0,1fr) !important;
		align-items: center !important;
		width: 100% !important;
	}

	#tela-jogo.temporada-multiplayer-ativa .placar-principal span {
		white-space: normal !important;
		overflow: visible !important;
		text-overflow: clip !important;
		overflow-wrap: anywhere !important;
		line-height: 1.12 !important;
	}

	#tela-jogo.temporada-multiplayer-ativa .placar-principal strong {
		white-space: nowrap !important;
		font-size: 17px !important;
	}

	#tela-jogo.temporada-multiplayer-ativa .tempo-jogo {
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;
		width: 100% !important;
		min-width: 0 !important;
		gap: 7px !important;
		text-align: center !important;
	}

	#tela-jogo.temporada-multiplayer-ativa #jogo-tempo {
		width: auto !important;
		max-width: 90px !important;
		white-space: normal !important;
		font-size: 12px !important;
		line-height: 1.05 !important;
	}

	#tela-jogo.temporada-multiplayer-ativa .jogo-tabela-card {
		overflow-x: hidden !important;
	}

	#tela-jogo.temporada-multiplayer-ativa .jogo-tabela-card table {
		width: 100% !important;
		min-width: 0 !important;
		max-width: 100% !important;
		table-layout: fixed !important;
	}

	#tela-jogo.temporada-multiplayer-ativa .jogo-tabela-card th,
	#tela-jogo.temporada-multiplayer-ativa .jogo-tabela-card td {
		padding: 5px 2px !important;
		font-size: 9px !important;
		white-space: nowrap !important;
		overflow: hidden !important;
		text-overflow: ellipsis !important;
	}

	#tela-jogo.temporada-multiplayer-ativa .jogo-tabela-card th:nth-child(5),
	#tela-jogo.temporada-multiplayer-ativa .jogo-tabela-card td:nth-child(5),
	#tela-jogo.temporada-multiplayer-ativa .jogo-tabela-card th:nth-child(6),
	#tela-jogo.temporada-multiplayer-ativa .jogo-tabela-card td:nth-child(6),
	#tela-jogo.temporada-multiplayer-ativa .jogo-tabela-card th:nth-child(7),
	#tela-jogo.temporada-multiplayer-ativa .jogo-tabela-card td:nth-child(7),
	#tela-jogo.temporada-multiplayer-ativa .jogo-tabela-card th:nth-child(8),
	#tela-jogo.temporada-multiplayer-ativa .jogo-tabela-card td:nth-child(8) {
		display: none !important;
	}

	#tela-jogo.temporada-multiplayer-ativa .jogo-tabela-card th:nth-child(1) { width: 11% !important; }
	#tela-jogo.temporada-multiplayer-ativa .jogo-tabela-card th:nth-child(2) { width: 48% !important; }
	#tela-jogo.temporada-multiplayer-ativa .jogo-tabela-card th:nth-child(3),
	#tela-jogo.temporada-multiplayer-ativa .jogo-tabela-card th:nth-child(4),
	#tela-jogo.temporada-multiplayer-ativa .jogo-tabela-card th:nth-child(9) { width: 13.66% !important; }

	#tela-resultado.temporada-multiplayer-ativa {
		width: calc(100vw - 12px) !important;
		max-width: calc(100vw - 12px) !important;
		height: auto !important;
		min-height: 0 !important;
		margin: 6px auto 8px !important;
		padding: 8px !important;
		overflow: visible !important;
	}

	#tela-resultado.temporada-multiplayer-ativa .cabecalho-final-multiplayer {
		display: grid !important;
		grid-template-columns: minmax(0,1fr) !important;
		gap: 6px !important;
		padding: 10px !important;
		text-align: center !important;
	}

	#tela-resultado.temporada-multiplayer-ativa .cabecalho-final-multiplayer > h2 {
		font-size: 17px !important;
		text-align: center !important;
	}

	#tela-resultado.temporada-multiplayer-ativa .resultado-final-layout-multiplayer,
	#tela-resultado.temporada-multiplayer-ativa .resultado-final-principal-multiplayer,
	#tela-resultado.temporada-multiplayer-ativa .painel-final-ranking-multiplayer {
		width: 100% !important;
		min-width: 0 !important;
		height: auto !important;
		min-height: 0 !important;
		overflow: visible !important;
	}

	#tela-resultado.temporada-multiplayer-ativa .resultado-final-layout-multiplayer {
		display: grid !important;
		grid-template-columns: minmax(0,1fr) !important;
		gap: 10px !important;
	}

	#tela-resultado.temporada-multiplayer-ativa .resultado-final-principal-multiplayer {
		display: block !important;
		padding: 7px !important;
	}

	#tela-resultado.temporada-multiplayer-ativa .botoes-series-final-multiplayer {
		display: grid !important;
		grid-template-columns: minmax(0,1fr) !important;
		gap: 6px !important;
		padding: 3px 0 7px !important;
	}

	#tela-resultado.temporada-multiplayer-ativa .titulo-series-final-multiplayer,
	#tela-resultado.temporada-multiplayer-ativa .abas-series-final-multiplayer,
	#tela-resultado.temporada-multiplayer-ativa .legenda-zonas-final-multiplayer {
		grid-column: 1 !important;
		width: 100% !important;
	}

	#tela-resultado.temporada-multiplayer-ativa .titulo-series-final-multiplayer {
		grid-row: 1 !important;
		font-size: 12px !important;
		text-align: center !important;
	}

	#tela-resultado.temporada-multiplayer-ativa .abas-series-final-multiplayer {
		display: grid !important;
		grid-template-columns: repeat(4,minmax(0,1fr)) !important;
		grid-row: 2 !important;
		gap: 4px !important;
	}

	#tela-resultado.temporada-multiplayer-ativa .botao-serie-final-multiplayer {
		width: 100% !important;
		min-width: 0 !important;
		min-height: 30px !important;
		padding: 4px 2px !important;
		font-size: 8px !important;
		white-space: nowrap !important;
	}

	#tela-resultado.temporada-multiplayer-ativa .legenda-zonas-final-multiplayer {
		grid-row: 3 !important;
		justify-content: center !important;
	}

	#tela-resultado.temporada-multiplayer-ativa .tabela-final-menor-multiplayer {
		width: 100% !important;
		min-width: 0 !important;
		max-width: 100% !important;
		table-layout: fixed !important;
	}

	#tela-resultado.temporada-multiplayer-ativa .tabela-final-menor-multiplayer th,
	#tela-resultado.temporada-multiplayer-ativa .tabela-final-menor-multiplayer td {
		height: auto !important;
		padding: 4px 2px !important;
		font-size: 8px !important;
		line-height: 1.05 !important;
		white-space: nowrap !important;
		overflow: hidden !important;
		text-overflow: ellipsis !important;
	}

	#tela-resultado.temporada-multiplayer-ativa .tabela-final-menor-multiplayer th:nth-child(6),
	#tela-resultado.temporada-multiplayer-ativa .tabela-final-menor-multiplayer td:nth-child(6),
	#tela-resultado.temporada-multiplayer-ativa .tabela-final-menor-multiplayer th:nth-child(7),
	#tela-resultado.temporada-multiplayer-ativa .tabela-final-menor-multiplayer td:nth-child(7),
	#tela-resultado.temporada-multiplayer-ativa .tabela-final-menor-multiplayer th:nth-child(8),
	#tela-resultado.temporada-multiplayer-ativa .tabela-final-menor-multiplayer td:nth-child(8),
	#tela-resultado.temporada-multiplayer-ativa .tabela-final-menor-multiplayer th:nth-child(9),
	#tela-resultado.temporada-multiplayer-ativa .tabela-final-menor-multiplayer td:nth-child(9),
	#tela-resultado.temporada-multiplayer-ativa .tabela-final-menor-multiplayer th:nth-child(10),
	#tela-resultado.temporada-multiplayer-ativa .tabela-final-menor-multiplayer td:nth-child(10) {
		display: none !important;
	}

	#tela-resultado.temporada-multiplayer-ativa .tabela-final-menor-multiplayer th:nth-child(1) { width: 8% !important; }
	#tela-resultado.temporada-multiplayer-ativa .tabela-final-menor-multiplayer th:nth-child(2) { width: 31% !important; }
	#tela-resultado.temporada-multiplayer-ativa .tabela-final-menor-multiplayer th:nth-child(3) { width: 19% !important; }
	#tela-resultado.temporada-multiplayer-ativa .tabela-final-menor-multiplayer th:nth-child(4) { width: 13% !important; }
	#tela-resultado.temporada-multiplayer-ativa .tabela-final-menor-multiplayer th:nth-child(5) { width: 14% !important; }
	#tela-resultado.temporada-multiplayer-ativa .tabela-final-menor-multiplayer th:nth-child(11) { width: 15% !important; }

	#tela-resultado.temporada-multiplayer-ativa .painel-final-ranking-multiplayer {
		display: grid !important;
		gap: 8px !important;
		padding: 8px !important;
	}

	#tela-resultado.temporada-multiplayer-ativa .grade-destaques-final {
		grid-template-columns: minmax(0,1fr) !important;
	}

	#tela-resultado.temporada-multiplayer-ativa .lista-destaques-final li,
	#tela-resultado.temporada-multiplayer-ativa .lista-podio-final li {
		min-width: 0 !important;
		font-size: 9px !important;
	}

	#tela-resultado.temporada-multiplayer-ativa .lista-destaques-final span,
	#tela-resultado.temporada-multiplayer-ativa .lista-podio-final strong {
		min-width: 0 !important;
		white-space: normal !important;
		overflow-wrap: anywhere !important;
	}
}

/* Prioridade absoluta final: resolucoes menores/intermediarias nao podem cortar o multiplayer. */
@media (min-width: 761px) and (max-width: 1360px), (min-width: 761px) and (max-height: 820px) {
	body.rodadas-online-ativas,
	body.multiplayer-online-ativo {
		overflow-y: auto !important;
		overflow-x: hidden !important;
	}

	body.rodadas-online-ativas #app,
	body.multiplayer-online-ativo #app {
		height: auto !important;
		min-height: 100dvh !important;
		overflow: visible !important;
	}

	#tela-sala-multiplayer,
	#tela-sorteio-draft-online,
	#tela-draft-online,
	#tela-elencos-multiplayer,
	#tela-jogo.temporada-multiplayer-ativa,
	#tela-resultado.temporada-multiplayer-ativa {
		max-height: none !important;
		overflow: visible !important;
	}

	body.rodadas-online-ativas #tela-jogo.temporada-multiplayer-ativa.rodadas-online-dashboard,
	body.rodadas-online-ativas #tela-jogo.temporada-multiplayer-ativa.rodadas-online-dashboard.modo-streamer-esquerda,
	body.rodadas-online-ativas #tela-jogo.temporada-multiplayer-ativa.rodadas-online-dashboard.modo-streamer-direita,
	body.rodadas-online-ativas #tela-jogo.temporada-multiplayer-ativa.rodadas-online-dashboard.modo-streamer-cheia {
		width: calc(100vw - 14px) !important;
		height: auto !important;
		min-height: calc(100dvh - 14px) !important;
		max-height: none !important;
		margin: 7px auto !important;
		overflow: visible !important;
	}

	body.rodadas-online-ativas #tela-jogo.temporada-multiplayer-ativa.rodadas-online-dashboard {
		grid-template-rows: auto minmax(0, auto) !important;
	}

	body.rodadas-online-ativas #tela-jogo.temporada-multiplayer-ativa.rodadas-online-dashboard > .cabecalho-rodadas-online-v2,
	body.rodadas-online-ativas #tela-jogo.temporada-multiplayer-ativa.rodadas-online-dashboard .cabecalho-rodadas-online-v2 > .painel-status-sala-online,
	body.rodadas-online-ativas #tela-jogo.temporada-multiplayer-ativa.rodadas-online-dashboard .cabecalho-rodadas-online-v2 > .botoes-jogo-topo,
	body.rodadas-online-ativas #tela-jogo.temporada-multiplayer-ativa.rodadas-online-dashboard .cabecalho-rodadas-online-v2 > .jogo-topo {
		height: auto !important;
		max-height: none !important;
		overflow: visible !important;
	}

	body.rodadas-online-ativas #tela-jogo.temporada-multiplayer-ativa.rodadas-online-dashboard .infos-status-sala-online,
	body.rodadas-online-ativas #tela-jogo.temporada-multiplayer-ativa.rodadas-online-dashboard .cabecalho-rodadas-online-v2 > .botoes-jogo-topo {
		flex-wrap: wrap !important;
	}
}

/* Prioridade absoluta final: a sigla sempre respeita a cor escolhida da bandeira, tambem no modo claro. */
#app #tela-sala-multiplayer .badge-time-multiplayer,
#app #tela-draft-online .badge-time-multiplayer,
#app #tela-elencos-multiplayer .badge-time-multiplayer,
#app #tela-jogo .badge-time-multiplayer,
#app #tela-resultado .badge-time-multiplayer,
#app .modal-ranking-sala .badge-time-multiplayer,
body.tema-claro #app #tela-sala-multiplayer .badge-time-multiplayer,
body.tema-claro #app #tela-draft-online .badge-time-multiplayer,
body.tema-claro #app #tela-elencos-multiplayer .badge-time-multiplayer,
body.tema-claro #app #tela-jogo .badge-time-multiplayer,
body.tema-claro #app #tela-jogo tr.time-usuario-multiplayer td .badge-time-multiplayer,
body.tema-claro #app #tela-resultado .badge-time-multiplayer,
body.tema-claro #app .modal-ranking-sala .badge-time-multiplayer {
	background: var(--cor-bandeira-time, #14b8a6) !important;
	border-color: color-mix(in srgb, var(--cor-bandeira-time, #14b8a6) 70%, #000 30%) !important;
	color: var(--cor-letra-bandeira-time, #ffffff) !important;
	text-shadow: none !important;
}

#app #tela-sala-multiplayer .badge-time-multiplayer *,
#app #tela-draft-online .badge-time-multiplayer *,
#app #tela-elencos-multiplayer .badge-time-multiplayer *,
#app #tela-jogo .badge-time-multiplayer *,
#app #tela-resultado .badge-time-multiplayer *,
#app .modal-ranking-sala .badge-time-multiplayer *,
body.tema-claro #app #tela-sala-multiplayer .badge-time-multiplayer *,
body.tema-claro #app #tela-draft-online .badge-time-multiplayer *,
body.tema-claro #app #tela-elencos-multiplayer .badge-time-multiplayer *,
body.tema-claro #app #tela-jogo .badge-time-multiplayer *,
body.tema-claro #app #tela-jogo tr.time-usuario-multiplayer td .badge-time-multiplayer *,
body.tema-claro #app #tela-resultado .badge-time-multiplayer *,
body.tema-claro #app .modal-ranking-sala .badge-time-multiplayer * {
	color: var(--cor-letra-bandeira-time, #ffffff) !important;
	text-shadow: none !important;
}

/* Landscape pequeno: libera rolagem para não cortar telas em resoluções menores. */
@media (orientation: landscape) and (max-height: 820px), (min-width: 761px) and (max-width: 1360px), (min-width: 761px) and (max-height: 820px) {
	html {
		overflow-y: auto !important;
	}

	body.multiplayer-online-ativo,
	body.rodadas-online-ativas {
		height: auto !important;
		min-height: 100dvh !important;
		overflow-y: auto !important;
		overflow-x: hidden !important;
	}

	body.multiplayer-online-ativo #app,
	body.rodadas-online-ativas #app {
		height: auto !important;
		min-height: 100dvh !important;
		max-height: none !important;
		overflow: visible !important;
		align-items: flex-start !important;
		justify-content: flex-start !important;
	}

	body.multiplayer-online-ativo #tela-sala-multiplayer,
	body.multiplayer-online-ativo #tela-sorteio-draft-online,
	body.multiplayer-online-ativo #tela-draft-online,
	body.multiplayer-online-ativo #tela-elencos-multiplayer,
	body.rodadas-online-ativas #tela-jogo.temporada-multiplayer-ativa,
	body.multiplayer-online-ativo #tela-resultado.temporada-multiplayer-ativa {
		height: auto !important;
		max-height: none !important;
		overflow: visible !important;
	}

	body.rodadas-online-ativas #tela-jogo.ativa.temporada-multiplayer-ativa.rodadas-online-dashboard,
	body.rodadas-online-ativas #tela-jogo.temporada-multiplayer-ativa.rodadas-online-dashboard,
	body.rodadas-online-ativas #tela-jogo.temporada-multiplayer-ativa.rodadas-online-dashboard.modo-streamer-esquerda,
	body.rodadas-online-ativas #tela-jogo.temporada-multiplayer-ativa.rodadas-online-dashboard.modo-streamer-direita,
	body.rodadas-online-ativas #tela-jogo.temporada-multiplayer-ativa.rodadas-online-dashboard.modo-streamer-cheia {
		height: auto !important;
		min-height: calc(100dvh - 14px) !important;
		max-height: none !important;
		margin-top: 7px !important;
		margin-bottom: 7px !important;
		overflow: visible !important;
	}

	body.rodadas-online-ativas #tela-jogo.temporada-multiplayer-ativa.rodadas-online-dashboard .layout-rodadas-online-v2 {
		min-height: 620px !important;
	}
}