/* Ajustes incrementais: preserva as classes, cores e layout Svelte do Futemax original. */
:root { color-scheme: dark; }
html { scroll-behavior: smooth; overflow-x: clip; }
*, *::before, *::after { box-sizing: border-box; }
img, video, iframe, svg { max-width: 100%; }
img { height: auto; }
body { overflow-x: clip; }
#content, #content > main, .container { min-width: 0; max-width: 100%; }
#player iframe { width: 100% !important; height: auto !important; aspect-ratio: 16 / 9; min-height: 210px; }
.fmapi-widget { max-width: 100%; scroll-margin-top: 85px; }
.fmapi-grid { display: grid !important; grid-template-columns: repeat(auto-fill,minmax(min(100%,270px),1fr)) !important; gap: 12px !important; align-items: stretch; }
.fmapi-card { display: flex; flex-direction: column; min-width: 0; gap: 10px; padding: 14px; border: 1px solid #2a2e33; border-radius: 12px; background: #191b1f; color: #fff; text-decoration: none; transition: border-color .15s, transform .15s; }
.fmapi-card:hover, .fmapi-card:focus-visible { border-color: #d2ff00; transform: translateY(-2px); color: #fff; }
.fmapi-top { display: flex; gap: 10px; justify-content: space-between; align-items: center; color: #bdc0c1; font-size: 12px; }
.fmapi-top time { color: #d2ff00; white-space: nowrap; }
.fmapi-teams { display: grid; grid-template-columns: minmax(0,1fr) auto minmax(0,1fr); gap: 10px; align-items: center; min-height: 92px; }
.fmapi-team { display: flex; align-items: center; flex-direction: column; gap: 6px; text-align: center; min-width: 0; line-height: 1.25; }
.fmapi-team img { width: 44px; height: 44px; object-fit: contain; }
.fmapi-team b { font-size: 14px; overflow-wrap: anywhere; }
.fmapi-vs { color: #d2ff00; font-weight: 800; }
.fmapi-watch { margin-top: auto; font-weight: 700; font-size: 13px; color: #d2ff00; text-align: right; }
.fmapi-empty { grid-column: 1/-1; color: #c2c2c2; padding: 16px; font-size: 14px; }
#nav.open { overflow-y: auto; max-height: calc(100dvh - 60px); }
#search.open { z-index: 30; }
@media (max-width: 767px) {
  #hd .container { padding-left: 12px; padding-right: 12px; }
  #hd #logo svg { width: min(96px, 22vw); height: auto; }
  .fmapi-grid { grid-template-columns: 1fr 1fr !important; gap: 8px !important; padding: 8px !important; }
  .fmapi-card { padding: 10px; }
  .fmapi-teams { gap: 6px; }
  .fmapi-team b { font-size: 12px; }
  .fmapi-team img { width: 34px; height: 34px; }
  .fmapi-top { flex-wrap: wrap; }
  #player iframe { min-height: 190px; }
  .options_iframe a { min-height: 42px; }
}
@media (max-width: 390px) { .fmapi-grid { grid-template-columns: 1fr !important; } }
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } .fmapi-card { transition: none; } }

/* Miniaturas dos jogos sem imagem destacada, apenas para novos posts importados */
.fmapi-post-cover { aspect-ratio: 16/9; display: flex; justify-content: center; align-items: center; gap: 12px; text-align: center; padding: 12px; background: radial-gradient(circle at 50% 60%,#303631,#151b1b); color: #fff; }
.fmapi-post-cover img { width: 48px !important; height: 48px !important; flex: 0 0 48px; object-fit: contain; }
.fmapi-post-cover strong { font-size: clamp(12px,1.4vw,17px); overflow-wrap: anywhere; line-height: 1.3; }
.fmapi-post-cover strong span { color: #d2ff00; }
.options_iframe a.fmapi-selected { outline: 2px solid #fff; outline-offset: 1px; }

/* Caminho da imagem do banner corrigido sem editar o CSS original */
#channels.svelte-1aaesut.svelte-1aaesut { background-image: url('../images/bg-channels.webp'); }
@media (hover: none) { .slide.svelte-3kovbb .car-button.svelte-3kovbb { opacity: .9; width: 38px; } }