:root{--blue:#266ea2;--orange:#f15b24;--green:#20865d;--ink:#121820;--muted:#69758a;--line:#e1e6ea;--soft:#f4f6f8}
*{box-sizing:border-box;letter-spacing:0}body{margin:0;color:var(--ink);background:#050b14 url('../images/background3.jpg') center top/auto 1000px fixed no-repeat;font:13px Inter,Arial,sans-serif}a{color:inherit;text-decoration:none}.server-shell{width:min(100%,1122px);margin:190px auto 0;background:#fff;box-shadow:0 0 38px rgba(0,0,0,.34)}.server-header{border-bottom:1px solid var(--line)}.server-navbar{height:59px;display:grid;grid-template-columns:190px 1fr auto;align-items:center;padding:0 22px;border-bottom:1px solid var(--line)}.server-brand{display:flex;align-items:center;gap:9px}.server-brand img{width:31px;height:31px;border-radius:50%}.server-brand strong{font-size:18px}.server-navbar nav{display:flex;gap:25px}.server-navbar nav a{font-size:12px;font-weight:700}.server-navbar nav a:hover{color:var(--blue)}.account{display:flex;align-items:center;gap:13px;font-size:11px;font-weight:700}.account .primary{padding:9px 11px;color:#fff;background:var(--orange);border-radius:3px}.server-subnav{height:38px;display:flex;align-items:center;gap:30px;padding:0 22px;font-size:11px;font-weight:600}.server-subnav .back{margin-left:auto;color:#53647a}
.server-layout{display:grid;grid-template-columns:minmax(0,1fr) 200px;gap:22px;padding:20px 22px 34px}.profile-content{min-width:0}.breadcrumb{display:flex;gap:7px;margin-bottom:15px;color:#6c7d9f;font-size:10px}.breadcrumb strong{color:#252c35}.server-identity{padding:20px;border:1px solid var(--line);border-radius:5px}.identity-top{display:flex;justify-content:space-between;gap:24px}.status-dot{color:var(--green);font-size:9px;font-weight:800}.status-dot:before{content:"";display:inline-block;width:6px;height:6px;margin-right:6px;background:var(--green);border-radius:50%}.server-identity h1{margin:6px 0 8px;font-size:25px}.server-identity p{max-width:670px;margin:0;color:var(--muted);line-height:1.55}.rank-position{min-width:76px;padding-left:18px;border-left:1px solid var(--line);text-align:center}.rank-position small{display:block;color:#778391;font-size:8px;font-weight:800}.rank-position strong{display:block;margin-top:5px;color:var(--orange);font-size:30px}.server-banner{margin-top:18px;overflow:hidden;border-radius:3px;background:#edf0f2}.server-banner img{display:block;width:100%;max-height:130px;object-fit:cover}
.server-facts{display:grid;grid-template-columns:repeat(4,1fr);margin-top:12px;border:1px solid var(--line);border-radius:5px}.server-facts div{min-width:0;padding:14px 16px;border-right:1px solid var(--line)}.server-facts div:last-child{border:0}.server-facts span,.server-facts strong{display:block}.server-facts span{color:#7b8791;font-size:9px}.server-facts strong{margin-top:5px;overflow:hidden;text-overflow:ellipsis;color:#222b33;font-size:12px;white-space:nowrap}
.server-actions{margin-top:12px;padding:20px;border:1px solid var(--line);border-radius:5px}.action-copy>span{color:var(--blue);font-size:8px;font-weight:800}.action-copy h2{margin:4px 0 5px;font-size:18px}.action-copy p{margin:0;color:var(--muted);font-size:10px}.action-buttons{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:17px}.action-buttons button{min-height:54px;display:flex;align-items:center;justify-content:space-between;padding:0 15px;border:0;border-radius:4px;cursor:pointer;color:#fff;font:700 12px Inter}.action-buttons button b{font-size:10px}.vote-button{background:var(--orange)}.visit-button{background:var(--blue)}.action-buttons button:hover{filter:brightness(.94)}.action-buttons button:disabled{cursor:wait;opacity:.65}.action-feedback{min-height:16px;margin:10px 0 0;color:#71808e;font-size:10px}.action-feedback.success{color:var(--green)}.action-feedback.error{color:#b53530}
.activity-panel{margin-top:12px;padding:20px;border:1px solid var(--line);border-radius:5px}.activity-panel header{display:flex;align-items:center;justify-content:space-between}.activity-panel h2{margin:0;font-size:16px}.activity-panel header span{color:#84909a;font-size:9px}.activity-grid{display:grid;grid-template-columns:repeat(4,1fr);margin-top:14px;background:var(--soft)}.activity-grid div{padding:14px;text-align:center;border-right:1px solid #e1e5e8}.activity-grid div:last-child{border:0}.activity-grid strong,.activity-grid span{display:block}.activity-grid strong{font-size:20px}.activity-grid span{margin-top:3px;color:#78848e;font-size:9px}
.server-rail{align-self:start}.side-banner{width:200px;height:650px;display:grid;place-items:center;overflow:hidden;color:#fff;background:#0d274d;border-radius:6px}.side-banner img{width:100%;height:100%;object-fit:cover}.side-banner.placeholder{align-content:center;gap:8px}.side-banner.placeholder span{color:#8ca0b8;font-size:9px}.server-footer{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:25px;padding:25px 22px;color:#73808c;background:#f7f8f9;border-top:1px solid var(--line)}.server-footer strong{color:#26313a}.server-footer nav{display:flex;gap:18px;font-size:10px}.server-footer small{font-size:9px}.not-found{padding:90px 22px;text-align:center}.not-found>span{color:var(--orange);font-size:12px;font-weight:800}.not-found h1{margin:8px 0}.not-found p{color:var(--muted)}.not-found a{display:inline-block;margin-top:12px;padding:9px 12px;color:#fff;background:var(--blue);border-radius:3px}
@media(max-width:1200px){body{background-size:auto 900px}.server-shell{margin-top:140px}}@media(max-width:900px){body{background-size:auto 720px;background-attachment:scroll}.server-shell{width:100%;margin-top:80px}.server-navbar{grid-template-columns:1fr auto}.server-navbar nav{display:none}.server-layout{grid-template-columns:1fr}.server-rail{display:none}}@media(max-width:650px){body{background:#fff}.server-shell{margin-top:0;box-shadow:none}.server-navbar{height:55px;padding:0 13px}.account>a:first-child{display:none}.server-subnav{padding:0 13px;gap:18px;overflow-x:auto}.server-layout{padding:14px 12px 24px}.identity-top{gap:12px}.server-identity{padding:15px}.server-identity h1{font-size:21px}.rank-position{min-width:58px;padding-left:10px}.rank-position strong{font-size:24px}.server-facts{grid-template-columns:1fr 1fr}.server-facts div:nth-child(2){border-right:0}.server-facts div:nth-child(-n+2){border-bottom:1px solid var(--line)}.action-buttons{grid-template-columns:1fr}.activity-grid{grid-template-columns:1fr 1fr}.activity-grid div:nth-child(2){border-right:0}.activity-grid div:nth-child(-n+2){border-bottom:1px solid #e1e5e8}.server-footer{grid-template-columns:1fr}.server-footer nav{order:2}}

/* Página de votação / ficha do servidor */
.vote-page-layout{display:block;padding:20px 22px 34px}.vote-hero-grid{display:grid;grid-template-columns:minmax(300px,40%) minmax(0,60%);gap:18px}.vote-server-card,.site-preview-card,.description-card{overflow:hidden;border:1px solid var(--line);border-radius:7px;background:#fff}.vote-cover{position:relative;height:185px;background:#eaf0f6;overflow:hidden}.vote-cover img{width:100%;height:100%;object-fit:cover}.rank-badge,.online-badge{position:absolute;top:12px;padding:7px 10px;border-radius:4px;color:#fff;font-size:10px;font-weight:800}.rank-badge{left:12px;background:#2671ff}.online-badge{right:12px;background:#142238}.vote-server-body{padding:18px}.server-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.server-title-row h1{margin:0;font-size:23px}.server-title-row p{margin:5px 0 0;color:var(--muted)}.vote-total{min-width:68px;padding:8px 10px;border-radius:6px;background:#f2f6fb;text-align:center}.vote-total strong,.vote-total span{display:block}.vote-total strong{font-size:20px;color:#266ef5}.vote-total span{font-size:9px;color:#73808d}.server-tags{display:flex;flex-wrap:wrap;gap:6px;margin:14px 0}.server-tags span{padding:6px 9px;border-radius:5px;background:#f0f5ff;color:#41608b;font-size:9px}.vote-primary,.play-button{width:100%;height:48px;display:flex;align-items:center;justify-content:center;border-radius:5px;font-weight:800}.vote-primary{border:0;color:#fff;background:#246b9f;cursor:pointer;font:800 14px Inter}.vote-primary:hover{filter:brightness(.96)}.play-button{height:43px;margin-top:10px;border:1px solid #246b9f;color:#246b9f;background:#fff}.site-preview-card header{height:52px;display:flex;align-items:center;justify-content:space-between;padding:0 15px;color:#fff;background:#18263a}.site-preview-card header strong{font-size:13px}.site-preview-card header div{display:flex;gap:8px}.site-preview-card header button,.site-preview-card header a{border:0;padding:7px 9px;color:#fff;background:transparent;font:700 10px Inter;cursor:pointer}.site-preview-frame{position:relative;height:430px;background:#0b111a;overflow:hidden}.site-preview-frame iframe{position:absolute;left:0;top:0;width:1440px;height:900px;border:0;background:#fff;transform-origin:0 0;will-change:transform}.preview-note{position:absolute;left:12px;right:12px;bottom:10px;padding:8px 10px;border-radius:5px;color:#dce8f7;background:rgba(13,25,42,.9);font-size:9px;text-align:center}.preview-note a{color:#71b7ff;font-weight:800}.description-card{margin-top:12px;padding:18px}.description-card h2{margin:0 0 8px;font-size:16px}.description-card p{margin:0;color:var(--muted);line-height:1.6}.vote-page-layout .server-facts{margin-top:14px}
@media(max-width:900px){.vote-hero-grid{grid-template-columns:1fr}.site-preview-frame{height:380px}}
@media(max-width:650px){.vote-page-layout{padding:14px 12px 24px}.vote-cover{height:150px}.site-preview-card header{height:auto;min-height:52px;gap:8px;flex-wrap:wrap}.site-preview-frame{height:320px}.server-title-row h1{font-size:20px}}

/* Refinamento da ficha de votação: sem banner/ranking duplicado e sem emojis */
.vote-server-card{display:flex;align-items:stretch}.vote-server-body{width:100%;display:flex;flex-direction:column;justify-content:flex-start;min-height:0;padding-top:18px}.vote-primary,.play-button{gap:8px}.ui-icon{width:18px;height:18px;fill:currentColor;flex:0 0 auto}.external-icon{width:14px;height:14px;fill:currentColor;flex:0 0 auto}.play-button span{line-height:1}.site-preview-card header a{display:inline-flex;align-items:center;gap:5px}.site-preview-card header .external-icon{width:12px;height:12px}.vote-primary:focus-visible,.play-button:focus-visible,.site-preview-card header a:focus-visible,.site-preview-card header button:focus-visible{outline:2px solid #73a7ff;outline-offset:2px}
@media(max-width:900px){.vote-server-body{min-height:0}}

/* TopServers: interactive hover states */
.vote-primary,.play-button{
  transition:transform .18s ease,box-shadow .18s ease,background-color .18s ease,border-color .18s ease,color .18s ease,filter .18s ease;
}
.vote-primary:hover{
  transform:translateY(-2px);
  filter:brightness(1.06);
  box-shadow:0 8px 20px rgba(50,101,246,.28);
}
.vote-primary:hover .ui-icon{transform:scale(1.1)}
.play-button:hover{
  transform:translateY(-2px);
  color:#fff;
  background:#246b9f;
  border-color:#3265f6;
  box-shadow:0 8px 20px rgba(50,101,246,.20);
  text-decoration:none;
}
.play-button:hover .external-icon{transform:translate(2px,-2px)}
.vote-primary .ui-icon,.play-button .ui-icon,.play-button .external-icon{transition:transform .18s ease}
.vote-primary:active,.play-button:active{transform:translateY(0) scale(.985);box-shadow:none}
@media (prefers-reduced-motion:reduce){.vote-primary,.play-button,.vote-primary .ui-icon,.play-button .ui-icon,.play-button .external-icon{transition:none}}

/* Celebracao visual exibida somente apos o backend confirmar o voto */
.vote-celebration{position:fixed;inset:0;pointer-events:none;overflow:hidden;z-index:99999}.vote-spark{position:absolute;width:11px;height:11px;border-radius:50%;background:#2f6cff;box-shadow:0 0 8px #2f6cff,0 0 20px rgba(47,108,255,.95);animation:voteBurst 1.8s cubic-bezier(.08,.7,.18,1) forwards;opacity:0}.vote-spark::after{content:"";position:absolute;left:50%;top:50%;width:2px;height:32px;background:linear-gradient(to bottom,rgba(255,255,255,.95),transparent);transform:translate(-50%,-100%) rotate(0deg);transform-origin:bottom}.vote-spark.white{background:#fff;box-shadow:0 0 9px #fff,0 0 22px rgba(255,255,255,.95)}.vote-spark.cyan{background:#21c7ff;box-shadow:0 0 9px #21c7ff,0 0 22px rgba(33,199,255,.95)}@keyframes voteBurst{0%{transform:translate(-50%,-50%) scale(.15);opacity:0}8%{opacity:1}72%{opacity:1}100%{transform:translate(calc(-50% + var(--x)),calc(-50% + var(--y))) scale(.25);opacity:0}}.vote-confetti{position:absolute;top:-28px;width:9px;height:20px;border-radius:3px;background:#2f6cff;box-shadow:0 0 8px rgba(47,108,255,.65);animation:voteConfetti linear forwards}.vote-confetti.white{background:#fff}.vote-confetti.cyan{background:#21c7ff}@keyframes voteConfetti{0%{transform:translate3d(0,-30px,0) rotate(0);opacity:1}100%{transform:translate3d(var(--drift),110vh,0) rotate(900deg);opacity:.15}}.vote-screen-flash{position:absolute;inset:0;background:radial-gradient(circle at 50% 42%,rgba(64,155,255,.22),transparent 38%);animation:voteFlash .75s ease-out forwards}@keyframes voteFlash{0%{opacity:0}20%{opacity:1}100%{opacity:0}}.vote-primary.vote-success{background:#246b9f;animation:voteConfirm .7s ease;box-shadow:0 0 0 5px rgba(47,108,255,.12),0 12px 30px rgba(47,108,255,.32)}.vote-primary.vote-success .ui-icon{transform:scale(1.2)}@keyframes voteConfirm{0%{transform:scale(1)}42%{transform:scale(1.045)}100%{transform:scale(1)}}@media(prefers-reduced-motion:reduce){.vote-celebration{display:none}.vote-primary.vote-success{animation:none}}.vote-primary.vote-success{animation:none}}

/* Descrição integrada ao card principal */
.card-server-description{margin-top:18px;padding-top:16px;border-top:1px solid var(--line)}
.card-server-description h2{margin:0 0 7px;font-size:13px}
.card-server-description p{display:-webkit-box;margin:0;overflow:hidden;color:var(--muted);font-size:11px;line-height:1.6;-webkit-box-orient:vertical;-webkit-line-clamp:5}
.card-server-description p.expanded{display:block;overflow:visible}
.description-more{margin-top:7px;padding:0;border:0;background:transparent;color:#3265f6;font:700 10px Inter;cursor:pointer}
.description-more:hover{text-decoration:underline}
.vote-server-card{height:100%}

/* SEO Breadcrumbs, Tags clicáveis e Servidores Semelhantes */
.breadcrumbs{
  display:flex;
  align-items:center;
  gap:7px;
  flex-wrap:wrap;
  margin-bottom:14px;
  color:#64748b;
  font-size:11px;
}
.breadcrumbs a{
  color:#475569;
  text-decoration:none;
}
.breadcrumbs a:hover{
  color:var(--blue);
  text-decoration:underline;
}
.breadcrumbs .sep{
  color:#94a3b8;
  font-size:10px;
}
.breadcrumbs strong{
  color:#0f172a;
}
.server-tags a{
  padding:5px 9px;
  border-radius:5px;
  background:#f0f5ff;
  color:#2563eb;
  font-size:10px;
  font-weight:700;
  text-decoration:none;
  border:1px solid #dbeafe;
  transition:background-color .15s ease,color .15s ease;
}
.server-tags a:hover{
  background:#2563eb;
  color:#fff;
  border-color:#2563eb;
}
.related-servers-panel{
  margin-top:16px;
  padding:20px;
  border:1px solid var(--line);
  border-radius:7px;
  background:#fff;
}
.related-servers-panel header{
  display:flex;
  justify-content:space-between;
  align-items:center;
  margin-bottom:14px;
}
.related-servers-panel header h2{
  margin:0;
  font-size:15px;
  font-weight:800;
  color:#0f172a;
}
.related-servers-panel header a{
  font-size:11px;
  font-weight:700;
  color:var(--blue);
  text-decoration:none;
}
.related-servers-panel header a:hover{text-decoration:underline}
.related-servers-grid{
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(200px,1fr));
  gap:10px;
}
.related-server-card{
  padding:12px 14px;
  background:#f8fafc;
  border:1px solid #e2e8f0;
  border-radius:6px;
  display:flex;
  flex-direction:column;
  gap:4px;
  text-decoration:none;
  transition:border-color .15s ease,transform .15s ease;
}
.related-server-card:hover{
  border-color:#2563eb;
  transform:translateY(-1px);
}
.related-server-card strong{
  color:#1e293b;
  font-size:13px;
}
.related-server-card span{
  color:#64748b;
  font-size:11px;
}
.related-server-card small{
  color:#2563eb;
  font-weight:700;
  font-size:10px;
}