/* Ranking em primeiro plano, preservando a identidade visual. */
.hero{min-height:0;height:108px}.hero-content{padding:16px 0}.hero .eyebrow{font-size:7px;letter-spacing:1.6px}.hero h1{font-size:37px;line-height:1.05;margin:7px 0 5px}.hero p{font-size:11px;line-height:1.4;margin:0}.hero-art{background-position:center 8%;background-image:linear-gradient(90deg,#101418eb,#101418bd 42%,#11151935 75%),linear-gradient(0deg,#10121688,transparent),url('assets/hero.webp')}
.games-section{display:flex;align-items:center;flex-wrap:wrap;gap:12px 18px;padding-top:12px}.games-section>.section-heading{order:1;margin:0;flex:none}.games-section .game-grid{order:0;flex:1;gap:10px;min-width:0}.games-section .game-card{height:42px;padding:6px 14px}.games-section .game-info{gap:0}.games-section .game-info>small{display:none}.games-section .game-wordmark{font-size:17px;letter-spacing:1px}.games-section .game-wordmark b{font-size:21px}.games-section .game-wordmark.ro{font-size:20px;letter-spacing:-.5px}.games-section .game-wordmark.mu-word{font-size:23px}.games-section .mu-word i{font-size:7px;letter-spacing:2px}.games-section .game-wordmark.wow{font-size:13px;letter-spacing:0}.games-section .game-wordmark.wow small{font-size:6px;letter-spacing:1px;margin-bottom:3px}.games-section .game-arrow{font-size:14px;bottom:11px;right:12px}.games-section .game-sigil{font-size:70px;top:-22px;right:20px}.games-section .mu .game-sigil{font-size:60px;top:-14px}.games-section .warcraft .game-sigil{font-size:57px;top:-10px}.games-section .ragnarok .game-sigil{font-size:63px;top:-14px}.games-section .text-link{font-size:10px}.games-section .more-games{order:2;flex-basis:100%;padding-top:0}
.ranking-section{padding-top:19px}.ranking-heading{margin-bottom:14px}.ranking-heading h2{font-size:28px;margin:0}.rank-tabs{height:38px}.rank-tabs button{padding-bottom:11px}.filter-bar{margin-top:12px}.results-meta{margin:11px 0}.server-list{gap:8px}.server-card{padding:14px 17px;min-height:110px}.server-description{margin:5px 0 7px}.server-title{font-size:14px}.server-overline{margin-bottom:5px}.server-emblem{width:53px;height:53px}.favorite{margin-top:0}.list-footer .text-link{color:var(--orange)}
@media(min-width:1600px){.hero{min-height:0;height:108px}.hero-content{padding:16px 0}.hero-art{background-position:center 8%}}
@media(max-width:940px){.games-section{gap:12px}.games-section .game-card{padding-inline:10px}.games-section .game-wordmark{font-size:15px}.games-section .game-wordmark.wow{font-size:11px}.games-section .game-arrow{display:none}.server-card{grid-template-columns:25px minmax(0,1fr) 67px 22px;gap:10px;padding:14px 12px}.server-emblem{width:48px;height:48px}}
@media(max-width:760px){.hero{height:98px;min-height:0}.hero-content{padding:14px 0}.hero .eyebrow{display:none}.hero h1{font-size:33px;line-height:1.08;margin:0;max-width:400px}.hero p{font-size:10px;margin-top:7px}.hero-art{background-position:65% 8%}.games-section{padding-top:10px;display:block}.games-section .section-heading{display:none}.games-section .game-grid{display:flex;gap:7px;overflow-x:auto;padding:1px 1px 4px;scrollbar-width:thin;scrollbar-color:#42464f transparent}.games-section .game-card{height:36px;flex:0 0 110px;padding:5px 10px}.games-section .game-wordmark{font-size:15px}.games-section .game-wordmark.ro{font-size:18px}.games-section .game-wordmark.mu-word{font-size:21px}.games-section .game-wordmark.wow{font-size:12px}.games-section .game-wordmark.wow small{font-size:5px;margin-bottom:2px}.games-section .game-wordmark b{font-size:18px}.ranking-section{padding-top:14px}.ranking-heading{display:flex;margin-bottom:12px;align-items:center}.ranking-heading h2{font-size:26px}.snapshot{margin-top:0;font-size:8px}.rank-tabs{height:37px}.server-card{grid-template-columns:28px 49px minmax(0,1fr) 65px 22px;min-height:110px;padding:13px 10px}.server-card>.server-emblem{display:flex}.server-title{font-size:13px}.sidebar{margin-top:4px}}
@media(max-width:480px){.hero{height:90px}.hero-content{padding:12px 0}.hero h1{font-size:32px;max-width:330px}.hero p{display:none}.ranking-heading h2{font-size:26px}.ranking-heading .snapshot{display:none}.ranking-section{padding-top:13px}.games-section .game-card{flex-basis:107px}.filter-bar{margin-top:11px;gap:7px}.results-meta{margin:10px 0}.server-card{grid-template-columns:23px minmax(0,1fr) 62px 19px;gap:8px;min-height:121px;padding:12px 10px}.server-card>.server-emblem{display:none}.server-title{font-size:13px;line-height:1.35;overflow-wrap:anywhere}.server-overline{font-size:8px}.server-description{font-size:10px}.list-footer{gap:14px}}
@media(prefers-reduced-motion:reduce){.games-section .game-card:hover{transform:none}}

.games-section .game-wordmark{white-space:nowrap}@media(max-width:760px){.games-section .lineage .game-wordmark{font-size:13px;letter-spacing:.5px}.games-section .lineage .game-wordmark b{font-size:16px}.games-section .game-wordmark.wow{font-size:11px}}

/* Descrições e banners do ranking original */
.server-card{align-items:start}.server-info{min-width:0}.server-card .rank-number,.server-card .vote-info{align-self:start;margin-top:10px}.server-card>.server-emblem{margin-top:4px}.server-description{white-space:normal;overflow-wrap:anywhere;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;text-overflow:clip;font-size:11px;line-height:1.7;margin:8px 0}.server-description.expanded{display:block;-webkit-line-clamp:unset;overflow:visible}.description-toggle{display:inline-flex;align-items:center;gap:5px;padding:0;margin:0 0 10px;font-size:10px;line-height:1.4;color:var(--orange)}.description-toggle svg{width:12px;height:12px}.description-toggle[aria-expanded=true] svg{transform:rotate(180deg)}.server-banner{display:block;width:470px;max-width:100%;margin:12px 0 9px;border:1px solid #6a5030;border-radius:5px;overflow:hidden;background:#101216;line-height:0}.server-banner img{display:block;width:100%;height:auto;aspect-ratio:468/60;object-fit:contain}.server-banner:hover{border-color:#b58e50}.modal-description{white-space:pre-line;overflow-wrap:anywhere;line-height:1.8}.modal-head{align-items:start;padding-right:16px}.modal-head>div:last-child{min-width:0}.modal-head h2{overflow-wrap:anywhere;font-size:30px;line-height:1.15;margin-top:7px}.modal-head .server-emblem{flex-shrink:0}.modal-overline{display:block}.modal-head+.server-tags{margin-bottom:15px}dialog{max-height:calc(100dvh - 36px);overflow-y:auto}#detail-content>.server-banner{margin-block:18px}
@media(max-width:760px){.server-description{font-size:11px}.server-card .rank-number,.server-card .vote-info{margin-top:4px}.modal-head h2{font-size:27px}}@media(max-width:480px){.server-description{font-size:11px;line-height:1.65;margin:8px 0}.server-card.has-banner{grid-template-columns:23px minmax(0,1fr) 62px 19px}.server-banner{margin-top:10px;margin-bottom:10px}.description-toggle{font-size:10px}.modal-head{gap:12px;padding-right:10px}.modal-head .server-emblem{width:44px;height:44px;font-size:19px}.modal-head h2{font-size:25px}.modal-overline{font-size:8px}.modal-description{font-size:13px}}

@media(max-width:480px){.server-card.has-banner{row-gap:0}.server-card.has-banner>.server-info{display:contents}.server-card.has-banner>.rank-number{grid-column:1;grid-row:1/span 2}.server-card.has-banner .server-overline{grid-column:2;grid-row:1;margin-bottom:5px}.server-card.has-banner .server-title{grid-column:2;grid-row:2;align-self:start}.server-card.has-banner>.vote-info{grid-column:3;grid-row:1/span 2}.server-card.has-banner>.favorite{grid-column:4;grid-row:1}.server-card.has-banner .server-banner{grid-column:1/-1;grid-row:3;width:100%;margin:14px 0 3px}.server-card.has-banner .server-description{grid-column:1/-1;grid-row:4}.server-card.has-banner .description-toggle{grid-column:1/-1;grid-row:5;justify-self:start}.server-card.has-banner .server-tags{grid-column:1/-1;grid-row:6}}

/* Selo dos servidores Premium */
.premium-badge{display:inline-flex;align-items:center;gap:5px;flex-shrink:0;padding:3px 7px;border:1px solid #6a5030;border-radius:4px;background:#d1aa650a;color:#d1aa65;font-size:9px;font-weight:600;letter-spacing:.25px;line-height:1.1;text-transform:none}.premium-badge svg{width:12px;height:12px;stroke-width:1.5;fill:#d1aa6514}.server-overline{flex-wrap:wrap;row-gap:5px;align-items:center}.spotlight>.eyebrow.spotlight-premium{gap:7px;color:#d5b278;font-size:11px;font-weight:600;letter-spacing:.7px;text-transform:none}.spotlight-premium svg{width:16px;height:16px;stroke-width:1.5;fill:#d1aa6514}@media(max-width:480px){.premium-badge{font-size:8px;padding:2px 5px;gap:4px}.premium-badge svg{width:11px;height:11px}.server-overline{column-gap:6px}.spotlight>.eyebrow.spotlight-premium{font-size:10px;letter-spacing:.4px}}

/* Comunidades dos servidores Premium — vetores de marca Font Awesome */
.server-meta-row{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}
.premium-socials{display:inline-flex;align-items:center;gap:7px;flex-shrink:0}
.social-link{width:33px;height:33px;display:grid;place-items:center;border:1px solid #3b3e46;border-radius:6px;background:#191c23;line-height:1;transition:border-color .18s,background .18s}
.social-link .brand-icon{display:block;width:22px;height:22px;object-fit:contain}
.social-youtube .brand-icon{width:24px}
a.social-discord:hover{border-color:#737de4;background:#5865f21a}
a.social-instagram:hover{border-color:#bc638b;background:#d16f9a17}
a.social-youtube:hover{border-color:#cf4c61;background:#ff003311}
.social-link:focus-visible{outline:2px solid #d1aa65;outline-offset:3px}
.social-link.is-unavailable{border-color:#30343c;background:transparent;cursor:help}
.social-link.is-unavailable .brand-icon{filter:grayscale(1) brightness(1.6);opacity:.6}
.spotlight-socials{margin:0 0 17px}
.spotlight-socials .premium-socials{display:flex;justify-content:center;gap:9px}
.spotlight-socials .social-link{width:35px;height:35px}
#detail-content>.premium-socials{margin:3px 0 3px}
.server-meta-row .server-tags{flex:1;min-width:0}
@media(max-width:480px){
.server-card.has-banner .server-meta-row{grid-column:1/-1;grid-row:6;align-items:center;margin-top:2px}
.server-card.has-banner .server-meta-row .server-tags{grid-column:auto;grid-row:auto}
.server-meta-row{gap:10px}
.server-meta-row .server-tags{flex-basis:110px}
.social-link{width:32px;height:32px}
.premium-socials{gap:6px}
.server-meta-row>.premium-socials{margin-top:1px}
.spotlight-socials .social-link{width:34px;height:34px}
}

/* Lista lateral Premium, conforme a estrutura do GamesTop200. */
.premium-panel{border:1px solid #6a5030;border-radius:7px;overflow:hidden;background:#191c22;min-width:0}
.premium-panel-heading{padding:16px 16px 13px;background:#d1aa650b;border-bottom:1px solid #6a503066}
.premium-panel-title{display:flex;align-items:center;gap:8px;color:#d5b278}
.premium-panel-title>svg{width:18px;height:18px;stroke-width:1.5;fill:#d1aa6514}
.premium-panel-title h3{margin:0;font-family:var(--heading);font-size:24px;line-height:1;letter-spacing:.4px;font-weight:600}
.premium-panel-count{margin-left:auto;border:1px solid #6a5030;border-radius:4px;padding:2px 6px;font-size:10px;line-height:1.3;color:#cbb187}
.premium-panel-heading p{margin:8px 0 0;font-size:10px;color:#a49b8c;line-height:1.4}
.premium-server-list{list-style:none;padding:3px 0;margin:0}
.premium-server-list li+li{border-top:1px solid #ffffff06}
.premium-server-list a{display:flex;align-items:center;gap:9px;min-height:43px;padding:10px 14px;color:#ced1d8;font-size:11px;font-weight:500;line-height:1.45;transition:background .18s,color .18s}
.premium-server-list a:hover{background:#d1aa650c;color:#e3c48d}
.premium-server-list a:focus-visible{outline:2px solid #d1aa65;outline-offset:-3px;background:#d1aa650c}
.premium-server-list a>span{flex:1;min-width:0;overflow-wrap:anywhere}
.premium-server-diamond{width:13px;height:13px;stroke-width:1.4;color:#c6a364;fill:#d1aa650a}
.premium-server-arrow{width:12px;height:12px;color:#676c76;stroke-width:1.5}
@media(max-width:1000px){.sidebar .premium-panel{grid-column:1/-1}}

/* Banners verticais: laterais externas em telas largas e coluna lateral nas demais. */
.side-advertising{display:flex;flex-wrap:wrap;justify-content:center;align-items:start;gap:18px 12px;grid-column:1/-1}
.side-advertisement{width:162px;max-width:100%;flex:none}
.advertisement-label{display:block;margin-bottom:7px;color:#858a94;font-size:8px;line-height:12px;letter-spacing:1.1px;text-align:center;text-transform:uppercase}
.vertical-ad{display:block;width:162px;max-width:100%;border:1px solid #6a5030;border-radius:5px;overflow:hidden;line-height:0;background:#14161b}
.vertical-ad:hover{border-color:#b58e50}
.vertical-ad img{display:block;width:160px;max-width:100%;height:auto;aspect-ratio:160/600}
.available-ad{height:602px;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:24px 12px 20px;text-align:center;line-height:1.4;background:radial-gradient(ellipse at 50% 37%,#a87c2422,transparent 62%),linear-gradient(160deg,#25221c,#17191e 58%,#1d1e22);color:#d1aa65}
.available-ad-brand{font-size:9px;letter-spacing:2.6px;line-height:1.2;font-weight:600;color:#a6a19a}
.available-ad-brand>span{display:block;font-size:16px;letter-spacing:.3px;font-weight:700;color:#d4c6ad}
.available-ad-brand>span>span{color:#d1aa65}
.available-ad-content{display:flex;flex-direction:column;align-items:center;gap:22px}
.available-ad-icon{display:grid;place-items:center;width:64px;height:64px;border:1px solid #6a503055;border-radius:50%;background:#d1aa6507}
.available-ad-icon svg{width:33px;height:33px;stroke-width:1;fill:#d1aa650b}
.available-ad strong{font-family:var(--heading);font-size:29px;font-weight:500;line-height:1.1;color:#e4d0aa}
.available-ad-description{font-size:11px;line-height:1.8;color:#a9a49c;max-width:126px}
.available-ad-size{font-size:9px;letter-spacing:1.5px;color:#827a6b}
.available-ad-button{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:10px 7px;border:1px solid #6a5030;border-radius:4px;font-size:10px;font-weight:600;color:#d8b77b;background:#d1aa650b}
.available-ad-button svg{width:13px;height:13px}
.available-ad:hover .available-ad-button{background:#d1aa651a}
@media(min-width:1520px) and (min-height:740px){
.side-advertising{display:contents}
.side-advertisement{position:fixed;top:max(100px,calc((100dvh - 621px)/2));z-index:3}
.side-advertisement-left{left:calc(50% - 730px)}
.side-advertisement-right{right:calc(50% - 730px)}
}

/* Ranking compacto, sem iniciais nem controles de favoritos. */
.container{max-width:1100px}
.recent-date{font-size:9px;letter-spacing:0;text-transform:none;color:#8d949f}
.rank-number>svg{width:18px;height:18px;display:block;margin:2px auto 0}
.rank-number>svg+small{font-size:7px;color:#9299a4;letter-spacing:.4px}
@media(min-width:1181px){.content-grid{grid-template-columns:minmax(0,1fr) 260px;gap:20px}.nav{gap:28px}.desktop-nav{gap:20px;font-size:12px}.nav-actions{gap:18px}}
@media(min-width:761px){.server-card{grid-template-columns:28px minmax(0,1fr) 70px;gap:10px;padding:12px 13px;min-height:0}.server-overline{margin-bottom:4px}.server-banner{margin:9px 0 7px}.server-description{margin:6px 0}.server-card .rank-number,.server-card .vote-info{margin-top:6px}}
@media(min-width:481px) and (max-width:760px){.server-card{grid-template-columns:28px minmax(0,1fr) 65px}}
@media(max-width:480px){.server-card,.server-card.has-banner{grid-template-columns:23px minmax(0,1fr) 62px}.rank-tabs{justify-content:flex-start;gap:24px}.recent-date{font-size:8px}}

/* Estatísticas e ações com largura e alinhamento compartilhados. */
.server-card .vote-info{align-self:center;justify-self:center;display:flex;flex-direction:column;gap:9px;width:87.2px;max-width:100%;margin-top:0;text-align:left}
.server-metrics{display:grid;grid-template-columns:1fr;gap:3px;width:100%;margin:0}
.server-metric{min-width:0;display:flex;align-items:baseline;justify-content:space-between;gap:8px;min-height:17px}
.server-metric strong{line-height:1.2;white-space:nowrap;text-align:right;font-variant-numeric:tabular-nums}
.server-metric span{display:block;font-size:9px;line-height:1.3;color:#8f97a3;text-align:left}
.vote-info .metric-votes strong{font-size:13.6px}
.vote-info .metric-clicks strong{font-size:12px;color:#b7bec8}
.vote-info .detail-button{display:flex;align-items:center;justify-content:center;min-height:27px;width:100%;margin:0;padding:5px 8px;font-size:9px;font-weight:500;line-height:1.2;border-radius:5px}
.vote-info>.premium-socials{display:flex;justify-content:space-between;width:100%;margin:0;gap:4px}
.social-link{width:26.4px;height:26.4px;border-radius:5px}
.social-link .brand-icon{width:17.6px;height:17.6px}
.social-youtube .brand-icon{width:19.2px}
.server-card .description-toggle{margin-bottom:0}
@media(min-width:761px){.server-card{grid-template-columns:28px minmax(0,1fr) 108px}}
@media(min-width:481px) and (max-width:760px){.server-card{grid-template-columns:28px minmax(0,1fr) 102px}}
@media(max-width:480px){
.server-card,.server-card.has-banner{grid-template-columns:23px minmax(0,1fr) 88px}
.server-card.has-banner{grid-template-rows:min-content auto}
.server-card .vote-info{align-self:start;width:83.2px;gap:8px}
.vote-info .metric-votes strong{font-size:12px}
.vote-info>.premium-socials{gap:3.2px}
.social-link{width:25.6px;height:25.6px}
}

.server-heading{min-width:0}
.server-heading .server-title{max-width:100%}
.server-title .premium-badge{margin-left:5px;vertical-align:middle;position:relative;top:-1px;font-size:8px;padding:2px 5px;gap:4px}
.server-title .premium-badge svg{width:11px;height:11px}
.server-heading>.recent-date{display:block;margin-top:4px}
@media(max-width:480px){
.server-card.has-banner{grid-template-rows:auto}
.server-card.has-banner .server-heading{grid-column:2;grid-row:1;align-self:start}
.server-card.has-banner>.rank-number{grid-row:1}
.server-card.has-banner>.vote-info{grid-row:1}
.server-card.has-banner .server-overline,.server-card.has-banner .server-title{grid-column:auto;grid-row:auto}
.server-card.has-banner .server-banner{grid-row:2}
.server-card.has-banner .server-description{grid-row:3}
.server-card.has-banner .description-toggle{grid-row:4}
}

/* Aba Premium filtra a lista principal e compartilha os controles de busca. */
.rank-tabs button{flex-shrink:0;white-space:nowrap}
.rank-tabs [data-tab="premium"].active{color:var(--gold)}
.rank-tabs [data-tab="premium"].active:after{background:var(--gold)}
@media(max-width:480px){.rank-tabs{gap:14px}}
@media(max-width:360px){.rank-tabs{gap:8px}.rank-tabs button{font-size:9.5px;gap:2px}.rank-tabs button svg{width:12px;height:12px}}