:root{
  --bg:#07070b;
  --bg2:#0d0b15;
  --panel:#11101a;
  --panel2:#151323;
  --text:#f8f7fb;
  --muted:#b7b0c7;
  --border:rgba(255,255,255,.08);
  --purple:#8f3fff;
  --purple2:#b469ff;
  --pink:#da74ff;
  --green:#45da86;
  --red:#ff5d74;
  --shadow:0 20px 60px rgba(0,0,0,.45);
  --radius:22px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  font-family:Inter,Arial,sans-serif;
  background:
    radial-gradient(circle at 20% 0%, rgba(143,63,255,.18), transparent 30%),
    radial-gradient(circle at 85% 8%, rgba(212,110,255,.16), transparent 24%),
    linear-gradient(180deg, #06070b 0%, #090811 40%, #06070b 100%);
  color:var(--text);
}
img{max-width:100%;display:block}
a{text-decoration:none;color:inherit}
.container{width:min(1240px, 92vw);margin:0 auto}
.topbar{
  position:sticky;top:0;z-index:1000;
  backdrop-filter:blur(16px);
  background:rgba(6,7,11,.82);
  border-bottom:1px solid rgba(255,255,255,.06);
}
.topbar-inner{
  display:flex;align-items:center;justify-content:space-between;gap:20px;
  padding:16px 0;
}
.brand-wrap{display:flex;align-items:center;gap:16px;min-width:0}
.brand-logo{
  width:210px;max-width:42vw;height:auto;
  filter:drop-shadow(0 0 22px rgba(143,63,255,.25));
}
.brand-text{display:flex;flex-direction:column;gap:2px}
.brand-text strong{font-size:18px;line-height:1}
.brand-text span{font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.18em}
.menu-btn{
  display:none;background:none;border:none;color:#fff;
  font-size:28px;cursor:pointer;
}
nav{
  display:flex;align-items:center;gap:22px;flex-wrap:wrap;
}
nav a{
  color:#ddd9e7;font-size:14px;font-weight:700;
  text-transform:uppercase;letter-spacing:.06em;
  transition:.2s ease;
  position:relative;
}
nav a:hover, nav a.nav-active{color:#fff}
nav a.nav-active::after, nav a:hover::after{
  content:"";position:absolute;left:0;right:0;bottom:-8px;height:3px;
  background:linear-gradient(90deg, var(--purple), var(--pink));
  border-radius:99px;
}
.header-actions{display:flex;align-items:center;gap:12px}
.twitch-btn, .primary-btn, .secondary-btn, .ghost-btn{
  display:inline-flex;align-items:center;justify-content:center;
  border-radius:16px;font-weight:800;transition:.22s ease;
}
.twitch-btn, .primary-btn{
  color:#fff;
  background:linear-gradient(90deg, var(--purple), var(--purple2));
  box-shadow:0 10px 28px rgba(143,63,255,.28);
}
.twitch-btn:hover, .primary-btn:hover{transform:translateY(-2px)}
.twitch-btn{padding:14px 20px;font-size:14px}
.primary-btn{padding:15px 24px;font-size:15px}
.secondary-btn, .ghost-btn{
  border:1px solid rgba(255,255,255,.13);
  color:#f4f1ff;background:rgba(255,255,255,.03);
}
.secondary-btn{padding:14px 22px}
.ghost-btn{padding:11px 16px;font-size:14px}
.inline-note{color:var(--muted)}
.hero{padding:38px 0 20px}
.hero-shell{display:grid;grid-template-columns:1.1fr .95fr;gap:28px;align-items:stretch}
.hero-left{
  position:relative;
  background:
    linear-gradient(140deg, rgba(12,10,20,.94), rgba(18,14,29,.82)),
    url("../assets/images/home-frontpage-v273.png") center/cover no-repeat;
  border:1px solid var(--border);
  border-radius:34px;
  overflow:hidden;
  min-height:610px;
  box-shadow:var(--shadow);
}
.hero-left::before{
  content:"";
  position:absolute;inset:0;
  background:
    linear-gradient(90deg, rgba(6,5,10,.94) 0%, rgba(7,6,12,.85) 42%, rgba(8,7,12,.30) 100%);
}
.hero-glow{
  position:absolute;inset:auto auto 8% -3%;
  width:340px;height:340px;border-radius:50%;
  background:radial-gradient(circle, rgba(143,63,255,.42), transparent 68%);
  filter:blur(20px);
}
.hero-content{
  position:relative;z-index:2;
  max-width:560px;
  padding:58px 42px 48px;
}
.eyebrow{
  display:inline-block;
  padding:10px 14px;
  border:1px solid rgba(255,255,255,.10);
  background:rgba(255,255,255,.04);
  border-radius:999px;
  font-size:12px;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.18em;
  color:#d6cbef;
}
.hero h1{
  margin:24px 0 10px;
  font-size:clamp(54px,8vw,112px);
  line-height:.86;
  letter-spacing:-.06em;
}
.hero h1 span:last-child{
  font-size:clamp(34px,4.7vw,64px);
  color:#b95cff;
  display:block;
  margin-top:10px;
}
.hero p{
  max-width:520px;
  color:#e5def1;
  font-size:18px;
  line-height:1.7;
  margin:0 0 22px;
}
.hero-badges, .hero-actions{display:flex;gap:12px;flex-wrap:wrap}
.pill{
  display:inline-flex;align-items:center;gap:8px;
  padding:12px 16px;border-radius:999px;
  background:rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.09);
  color:#fff;font-size:13px;font-weight:800;letter-spacing:.06em;
}
.hero-actions{margin-top:20px}
.hero-right{display:grid;grid-template-rows:1fr 1fr;gap:20px}
.card{
  background:linear-gradient(180deg, rgba(18,16,28,.94), rgba(12,11,20,.94));
  border:1px solid var(--border);
  border-radius:28px;
  box-shadow:var(--shadow);
}
.status-card{padding:26px}
.card-label{
  display:inline-block;
  font-size:12px;font-weight:900;color:#cab6ef;letter-spacing:.18em;text-transform:uppercase;
  margin-bottom:12px;
}
.status-card h3, .panel-title h2, .card h2{margin:0 0 10px;font-size:30px;line-height:1.05}
.status-card p, .card p{margin:0;color:var(--muted);line-height:1.7}
.status-list{margin-top:22px;display:grid;gap:12px}
.status-item{
  display:flex;justify-content:space-between;align-items:center;
  padding:14px 16px;border-radius:18px;background:rgba(255,255,255,.03);
  border:1px solid rgba(255,255,255,.05)
}
.status-item strong{font-size:14px;letter-spacing:.05em}
.status-item span{color:#ddd}
.dot{
  width:10px;height:10px;border-radius:50%;display:inline-block;margin-right:9px;
}
.dot.green{background:var(--green);box-shadow:0 0 12px rgba(69,218,134,.8)}
.dot.purple{background:var(--purple2);box-shadow:0 0 12px rgba(180,105,255,.8)}
.dot.red{background:var(--red);box-shadow:0 0 12px rgba(255,93,116,.8)}
.avatar-card{
  padding:0;overflow:hidden;display:grid;grid-template-rows:1fr auto;
}
.avatar-top{
  position:relative;
  min-height:290px;
  background:
    radial-gradient(circle at 70% 20%, rgba(180,105,255,.30), transparent 28%),
    linear-gradient(180deg, rgba(12,10,20,.4), rgba(12,10,20,.7));
}
.avatar-top img{width:100%;height:100%;object-fit:cover}
.avatar-bottom{
  display:flex;justify-content:space-between;align-items:center;
  gap:20px;padding:18px 22px;border-top:1px solid var(--border)
}
.avatar-meta strong{font-size:22px}
.avatar-meta span{display:block;color:var(--muted);margin-top:4px}
.avatar-tag{
  padding:10px 12px;border-radius:999px;
  background:rgba(143,63,255,.14);border:1px solid rgba(143,63,255,.32);
  color:#e9d8ff;font-weight:800;font-size:12px;
}
.section{padding:20px 0 8px}
.section-title{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:18px}
.section-title h2{margin:0;font-size:34px}
.section-title p{margin:6px 0 0;color:var(--muted)}
.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.info-card{padding:24px;min-height:200px}
.info-card .icon-big{font-size:32px;margin-bottom:14px}
.info-card h3{margin:0 0 10px;font-size:24px}
.info-card p{margin:0 0 18px;color:var(--muted);line-height:1.7}
.info-link{font-size:13px;font-weight:800;color:#d7c0ff;text-transform:uppercase;letter-spacing:.1em}
.page-hero{padding:40px 0 10px}
.page-hero-box{
  position:relative;
  border-radius:30px;
  border:1px solid var(--border);
  padding:40px 34px;
  background:
    radial-gradient(circle at 85% 10%, rgba(143,63,255,.22), transparent 28%),
    linear-gradient(180deg, rgba(18,16,28,.94), rgba(10,9,18,.96));
  box-shadow:var(--shadow);
}
.page-hero-box h1{margin:14px 0 10px;font-size:clamp(38px,5vw,66px);line-height:.95}
.page-hero-box p{max-width:840px;color:var(--muted);line-height:1.8;margin:0}
.page-content{padding:14px 0 36px}
.panel{
  background:linear-gradient(180deg, rgba(18,16,28,.94), rgba(10,9,18,.96));
  border:1px solid var(--border);
  border-radius:28px;
  padding:24px;
  box-shadow:var(--shadow);
}
.panel-title{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:18px}
.panel-title h2{margin:0;font-size:28px}
.panel-tag{
  padding:8px 12px;border-radius:999px;
  background:rgba(143,63,255,.14);border:1px solid rgba(143,63,255,.32);
  font-size:12px;font-weight:800;color:#e8d6ff;text-transform:uppercase;letter-spacing:.1em;
}
.map-shell{padding:20px}
.map{height:520px;border-radius:22px;overflow:hidden;border:1px solid rgba(255,255,255,.08)}
.tracker-overlay{
  margin-top:18px;padding:18px;border-radius:20px;
  background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.05)
}
.tracker-overlay h3{margin:0 0 14px;font-size:22px}
.tracker-meta{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:14px}
.tracker-meta div{padding:12px 14px;border-radius:16px;background:rgba(255,255,255,.03)}
.tracker-meta span{display:block;color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.1em;margin-bottom:6px}
.tracker-meta strong{font-size:15px}
.tracker-location{color:#e6ddf9;line-height:1.7}
.status-good{color:#87ffbf !important}
.status-bad{color:#ff8c9c !important}
.truck-marker{
  width:54px;height:54px;border-radius:999px;
  display:flex;align-items:center;justify-content:center;
  background:linear-gradient(180deg, #b366ff, #7f2dff);
  border:3px solid rgba(255,255,255,.82);
  box-shadow:0 12px 30px rgba(143,63,255,.45);
  font-size:25px;
}
.twitch-grid{display:grid;grid-template-columns:1.45fr .8fr;gap:20px}
.embed-box{
  min-height:560px;border-radius:24px;overflow:hidden;
  border:1px solid rgba(255,255,255,.08);background:#0d0b15
}
.embed-box iframe{width:100%;height:100%;border:none;display:block}
.notice{padding:18px;color:var(--muted);line-height:1.7}
.about-layout{display:grid;grid-template-columns:1.1fr .85fr;gap:22px;align-items:start}
.about-copy p{color:var(--muted);line-height:1.85;font-size:16px}
.about-visual{padding:0;overflow:hidden}
.about-visual img{width:100%;height:100%;min-height:420px;object-fit:cover}
.stat-stack{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
.mini-stat{
  background:rgba(255,255,255,.03);
  border:1px solid rgba(255,255,255,.06);
  border-radius:20px;
  padding:18px;
  display:flex;flex-direction:column;gap:8px
}
.mini-stat-icon{font-size:28px}
.mini-stat strong{font-size:20px}
.mini-stat span{color:var(--muted);line-height:1.4}
.clip-grid, .sponsor-grid, .community-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.clip-card, .community-card{
  background:linear-gradient(180deg, rgba(18,16,28,.94), rgba(10,9,18,.96));
  border:1px solid var(--border);
  border-radius:26px;
  padding:18px;
  box-shadow:var(--shadow);
}
.clip-thumb{
  height:180px;border-radius:20px;margin-bottom:16px;
  background:
    linear-gradient(180deg, rgba(9,8,14,.30), rgba(9,8,14,.72)),
    url("../assets/images/home-frontpage-v273.png") center/cover no-repeat;
  display:flex;align-items:end;justify-content:start;padding:14px
}
.clip-thumb span{background:rgba(255,255,255,.10);padding:8px 12px;border-radius:999px;font-weight:800}
.clip-card h3{margin:0 0 8px;font-size:22px}
.clip-card p{margin:0;color:var(--muted);line-height:1.7}
.sponsor-card{padding:24px}
.sponsor-head{
  font-size:32px;font-weight:900;letter-spacing:-.03em;
  color:#f8f2ff;margin-bottom:10px
}
.sponsor-card p{margin:0 0 18px;color:var(--muted);line-height:1.7}
.community-card{text-align:center;padding:28px 18px}
.community-card strong{display:block;font-size:32px;margin-bottom:8px}
.community-card span{color:var(--muted)}
.contact-box{display:grid;grid-template-columns:1.1fr .9fr;gap:20px;align-items:start}
.contact-card h2{margin:0 0 10px;font-size:32px}
.contact-card p{margin:0 0 18px;color:var(--muted);line-height:1.8}
.contact-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:20px}
.social-chip-row{display:grid;gap:12px}
.social-chip{
  display:flex;justify-content:space-between;align-items:center;
  padding:15px 16px;border-radius:18px;background:rgba(255,255,255,.03);
  border:1px solid rgba(255,255,255,.05)
}
.social-chip span{color:var(--muted)}
footer{margin-top:10px;padding:26px 0 44px}
.footer-shell{
  display:flex;justify-content:space-between;align-items:center;gap:20px;
  padding-top:26px;border-top:1px solid rgba(255,255,255,.08)
}
.footer-left{display:flex;align-items:center;gap:16px}
.footer-logo{width:160px;max-width:36vw}
.footer-copy p{margin:0 0 6px}
.footer-copy small{color:var(--muted)}
@media (max-width: 1100px){
  .hero-shell,.about-layout,.contact-box,.twitch-grid{grid-template-columns:1fr}
  .hero-right{grid-template-rows:auto auto}
  .grid-3,.clip-grid,.community-grid,.sponsor-grid{grid-template-columns:repeat(2,1fr)}
  .tracker-meta{grid-template-columns:repeat(2,1fr)}
  .embed-box{min-height:420px}
}
@media (max-width: 900px){
  .menu-btn{display:block}
  nav{
    position:absolute;left:4vw;right:4vw;top:76px;
    background:rgba(10,10,16,.98);
    border:1px solid rgba(255,255,255,.08);
    border-radius:22px;
    padding:18px;
    display:none;flex-direction:column;align-items:flex-start;
    box-shadow:var(--shadow)
  }
  nav.open{display:flex}
  .header-actions{display:none}
  .brand-logo{width:170px}
}
@media (max-width: 760px){
  .hero-content{padding:34px 22px 28px}
  .hero-left{min-height:540px}
  .page-hero-box{padding:30px 22px}
  .grid-3,.clip-grid,.community-grid,.sponsor-grid,.stat-stack{grid-template-columns:1fr}
  .tracker-meta{grid-template-columns:1fr}
  .panel,.card{padding:20px}
  .footer-shell{flex-direction:column;align-items:flex-start}
  .status-card h3,.panel-title h2,.section-title h2{font-size:26px}
}


/* =========================
   V6 — VISUAL POLISH
   ========================= */

body{
  background:
    radial-gradient(circle at 15% -5%, rgba(135,54,255,.24), transparent 28%),
    radial-gradient(circle at 95% 12%, rgba(201,90,255,.18), transparent 24%),
    linear-gradient(180deg,#06060a 0%,#090812 42%,#06060a 100%);
}

.topbar{
  box-shadow:0 10px 40px rgba(0,0,0,.18);
}

.brand-logo{
  width:76px;
  height:76px;
  object-fit:contain;
  border-radius:50%;
  background:rgba(255,255,255,.02);
}

.brand-text strong{
  font-size:19px;
}

.hero{
  padding-top:28px;
}

.hero-shell{
  grid-template-columns:1.35fr .75fr;
}

.hero-left{
  min-height:690px;
  background:
    linear-gradient(90deg,rgba(4,4,7,.93) 0%,rgba(5,5,9,.78) 36%,rgba(6,5,10,.38) 62%,rgba(5,5,8,.13) 100%),
    url("../assets/images/home-frontpage-v273.png") center 42%/cover no-repeat;
  border-color:rgba(167,95,255,.22);
  overflow:hidden;
}

.hero-left::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(180deg,transparent 60%,rgba(5,5,8,.8) 100%),
    repeating-linear-gradient(115deg,rgba(255,255,255,.015) 0 1px,transparent 1px 16px);
}

.hero-content{
  max-width:630px;
  padding:72px 48px 56px;
}

.hero h1{
  text-shadow:0 10px 40px rgba(0,0,0,.7);
}

.hero h1 span:last-child{
  background:linear-gradient(90deg,#c37aff,#8738ff 60%,#e4a8ff);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
  text-shadow:none;
}

.hero-badges .pill:first-child{
  background:rgba(255,38,74,.14);
  border-color:rgba(255,38,74,.35);
}
.hero-badges .pill:first-child::before{
  content:"";
  width:8px;height:8px;border-radius:50%;
  background:#ff3152;
  box-shadow:0 0 12px rgba(255,49,82,.95);
}

.hero-actions .primary-btn{
  min-width:190px;
}
.hero-actions .secondary-btn{
  min-width:160px;
}

.hero-right{
  grid-template-rows:auto 1fr;
}

.status-card{
  position:relative;
  overflow:hidden;
}
.status-card::before{
  content:"";
  position:absolute;
  width:190px;height:190px;border-radius:50%;
  right:-90px;top:-100px;
  background:radial-gradient(circle,rgba(135,54,255,.33),transparent 68%);
}
.status-card > *{position:relative;z-index:2}

.avatar-card{
  min-height:405px;
}
.avatar-top{
  min-height:315px;
  background:
    radial-gradient(circle at 50% 30%,rgba(153,66,255,.26),transparent 38%),
    linear-gradient(180deg,#0d0b15,#09080f);
}
.avatar-top img{
  object-fit:contain;
  padding:18px;
}

.avatar-tag{
  animation:pulseGlow 2.4s ease-in-out infinite;
}

@keyframes pulseGlow{
  0%,100%{box-shadow:0 0 0 rgba(143,63,255,0)}
  50%{box-shadow:0 0 24px rgba(143,63,255,.28)}
}

.section{
  padding-top:30px;
}

.section-title h2{
  letter-spacing:-.03em;
}

.grid-3 .card,
.clip-card,
.community-card,
.sponsor-card{
  transition:transform .22s ease,border-color .22s ease,background .22s ease;
}
.grid-3 .card:hover,
.clip-card:hover,
.community-card:hover,
.sponsor-card:hover{
  transform:translateY(-5px);
  border-color:rgba(162,83,255,.35);
  background:linear-gradient(180deg,rgba(24,20,38,.98),rgba(12,10,20,.98));
}

.info-card{
  position:relative;
  overflow:hidden;
}
.info-card::after{
  content:"";
  position:absolute;
  width:120px;height:120px;border-radius:50%;
  right:-55px;bottom:-60px;
  background:radial-gradient(circle,rgba(143,63,255,.28),transparent 70%);
}

.home-brand-strip{
  margin:22px 0 2px;
  padding:18px 22px;
  display:flex;
  align-items:center;
  gap:22px;
  border:1px solid rgba(255,255,255,.07);
  border-radius:22px;
  background:rgba(255,255,255,.025);
  overflow:hidden;
}
.home-brand-strip img{
  width:280px;
  max-width:42%;
  object-fit:contain;
}
.home-brand-strip .brand-strip-copy{
  display:flex;
  flex-direction:column;
  gap:6px;
}
.home-brand-strip strong{
  font-size:20px;
}
.home-brand-strip span{
  color:var(--muted);
  line-height:1.55;
}

.home-feature{
  display:grid;
  grid-template-columns:1.2fr .8fr;
  gap:20px;
  margin-top:20px;
}
.feature-card{
  min-height:300px;
  padding:28px;
  position:relative;
  overflow:hidden;
}
.feature-card h3{
  margin:0 0 10px;
  font-size:30px;
}
.feature-card p{
  color:var(--muted);
  max-width:620px;
  line-height:1.75;
}
.feature-card .ghost-btn{
  margin-top:12px;
}
.feature-tracker::after{
  content:"";
  position:absolute;
  right:-40px;bottom:-85px;
  width:250px;height:250px;
  background:radial-gradient(circle,rgba(135,54,255,.30),transparent 70%);
}
.feature-live{
  background:
    radial-gradient(circle at 90% 10%,rgba(255,48,82,.10),transparent 30%),
    linear-gradient(180deg,rgba(18,16,28,.96),rgba(10,9,18,.97));
}
.feature-live .live-mark{
  display:inline-flex;
  align-items:center;
  gap:8px;
  margin-bottom:16px;
  padding:8px 12px;
  border-radius:999px;
  background:rgba(255,49,82,.12);
  border:1px solid rgba(255,49,82,.28);
  color:#ffd8df;
  font-weight:800;
  font-size:12px;
}
.feature-live .live-mark::before{
  content:"";
  width:8px;height:8px;border-radius:50%;
  background:#ff3152;
  box-shadow:0 0 12px #ff3152;
}

.page-hero-box{
  overflow:hidden;
}
.page-hero-box::after{
  content:"";
  position:absolute;
  right:-100px;top:-120px;
  width:320px;height:320px;border-radius:50%;
  background:radial-gradient(circle,rgba(143,63,255,.30),transparent 70%);
  pointer-events:none;
}

.panel-title h2{
  letter-spacing:-.02em;
}

.map{
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.03);
}

.tracker-overlay{
  background:linear-gradient(180deg,rgba(16,14,24,.86),rgba(10,9,16,.92));
}

.clip-thumb{
  min-height:210px;
}
.clip-card:nth-child(2) .clip-thumb{
  background:
    linear-gradient(180deg,rgba(9,8,14,.20),rgba(9,8,14,.72)),
    url("../assets/images/logo-secundario.png") center/contain no-repeat,
    linear-gradient(135deg,#141020,#09080f);
}
.clip-card:nth-child(3) .clip-thumb{
  background:
    linear-gradient(180deg,rgba(9,8,14,.10),rgba(9,8,14,.76)),
    url("../assets/images/logo-principal.png") center/contain no-repeat,
    linear-gradient(135deg,#141020,#09080f);
}

.sponsor-head{
  background:linear-gradient(90deg,#fff,#c797ff);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
}

.footer-logo{
  width:90px;
  height:90px;
  border-radius:50%;
  object-fit:contain;
}

.fade-up{
  animation:fadeUp .7s ease both;
}
.fade-delay-1{animation-delay:.08s}
.fade-delay-2{animation-delay:.16s}
.fade-delay-3{animation-delay:.24s}

@keyframes fadeUp{
  from{opacity:0;transform:translateY(14px)}
  to{opacity:1;transform:translateY(0)}
}

@media(max-width:1100px){
  .hero-shell,.home-feature{grid-template-columns:1fr}
  .hero-left{min-height:610px}
}

@media(max-width:760px){
  .brand-text{display:none}
  .brand-logo{width:60px;height:60px}
  .hero-left{min-height:600px}
  .hero-content{padding:44px 24px 34px}
  .home-brand-strip{
    flex-direction:column;
    align-items:flex-start;
  }
  .home-brand-strip img{
    width:100%;
    max-width:100%;
  }
}


/* =========================================================
   V7 HOMEPAGE
   ========================================================= */

.home-v7{
  padding-top:28px;
  padding-bottom:24px;
}

.v7-hero{
  margin-bottom:22px;
}

.v7-hero-media{
  position:relative;
  min-height:720px;
  overflow:hidden;
  border-radius:36px;
  border:1px solid rgba(176,103,255,.22);
  background:
    url("../assets/images/home-frontpage-v273.png") center 43% / cover no-repeat;
  box-shadow:0 30px 80px rgba(0,0,0,.52);
}

.v7-hero-shade{
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at 72% 40%,rgba(146,61,255,.10),transparent 28%),
    linear-gradient(90deg,
      rgba(4,4,8,.98) 0%,
      rgba(5,5,10,.94) 32%,
      rgba(5,5,10,.68) 55%,
      rgba(5,5,10,.24) 78%,
      rgba(5,5,10,.12) 100%),
    linear-gradient(180deg,rgba(7,7,11,.10),rgba(7,7,11,.72));
}

.v7-road-lines{
  position:absolute;
  left:0;right:0;bottom:0;
  height:170px;
  opacity:.17;
  background:
    repeating-linear-gradient(
      110deg,
      transparent 0 70px,
      rgba(178,106,255,.8) 72px 75px,
      transparent 77px 145px
    );
  mask-image:linear-gradient(transparent,#000);
}

.v7-hero-copy{
  position:relative;
  z-index:3;
  width:min(660px,90%);
  padding:68px 54px 54px;
}

.v7-kicker{
  display:inline-flex;
  align-items:center;
  gap:9px;
  padding:10px 14px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.10);
  background:rgba(255,255,255,.045);
  color:#e8ddf7;
  font-size:12px;
  font-weight:900;
  letter-spacing:.13em;
}

.v7-live-dot{
  width:9px;height:9px;border-radius:50%;
  background:#ff3557;
  box-shadow:0 0 14px #ff3557;
}

.v7-hero-logo{
  width:340px;
  max-width:78%;
  margin:30px 0 22px;
  filter:drop-shadow(0 10px 30px rgba(0,0,0,.38));
}

.v7-hero h1{
  margin:0 0 20px;
  font-size:clamp(62px,8vw,116px);
  line-height:.83;
  letter-spacing:-.065em;
  text-transform:uppercase;
}

.v7-hero h1 span{
  background:linear-gradient(90deg,#b973ff,#7c2eff 62%,#dbb2ff);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
}

.v7-hero p{
  max-width:600px;
  margin:0;
  color:#e1dbea;
  font-size:18px;
  line-height:1.75;
}

.v7-actions{
  display:flex;
  gap:12px;
  flex-wrap:wrap;
  margin-top:28px;
}

.v7-primary,.v7-secondary{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:52px;
  padding:0 22px;
  border-radius:15px;
  font-size:14px;
  font-weight:900;
  letter-spacing:.04em;
  transition:transform .2s ease,border-color .2s ease;
}

.v7-primary{
  background:linear-gradient(90deg,#7c2cff,#ae62ff);
  color:#fff;
  box-shadow:0 14px 35px rgba(124,44,255,.32);
}

.v7-secondary{
  border:1px solid rgba(255,255,255,.15);
  background:rgba(9,8,14,.65);
  color:#fff;
  backdrop-filter:blur(10px);
}

.v7-primary:hover,.v7-secondary:hover{
  transform:translateY(-2px);
}

.v7-pills{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  margin-top:22px;
}

.v7-pills span{
  padding:9px 12px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.09);
  background:rgba(255,255,255,.045);
  color:#d8d1e2;
  font-size:11px;
  font-weight:800;
}

.v7-corner-badge{
  position:absolute;
  z-index:4;
  right:30px;
  bottom:28px;
  width:180px;
  padding:18px 20px;
  border-radius:22px;
  background:rgba(10,8,16,.76);
  border:1px solid rgba(171,89,255,.25);
  backdrop-filter:blur(14px);
  text-align:right;
}

.v7-corner-badge span{
  display:block;
  color:#b889ee;
  font-size:11px;
  font-weight:900;
  letter-spacing:.2em;
  margin-bottom:4px;
}

.v7-corner-badge strong{
  font-size:27px;
  line-height:.92;
  color:#d6a1ff;
}

.v7-dashboard{
  display:grid;
  grid-template-columns:1.35fr .65fr;
  gap:20px;
  margin-bottom:40px;
}

.v7-live-card,.v7-brand-card{
  border-radius:28px;
  border:1px solid rgba(255,255,255,.075);
  background:linear-gradient(180deg,rgba(18,16,28,.96),rgba(9,8,16,.97));
  box-shadow:0 18px 50px rgba(0,0,0,.35);
}

.v7-live-card{
  padding:28px;
}

.v7-card-top{
  display:flex;
  justify-content:space-between;
  gap:20px;
  align-items:flex-start;
}

.v7-card-top h2{
  margin:7px 0 0;
  font-size:32px;
  letter-spacing:-.035em;
}

.v7-small-label{
  color:#b994e7;
  font-size:11px;
  font-weight:900;
  letter-spacing:.16em;
}

.v7-live-chip{
  display:inline-flex;
  gap:8px;
  align-items:center;
  padding:9px 12px;
  border-radius:999px;
  background:rgba(255,49,82,.11);
  border:1px solid rgba(255,49,82,.27);
  color:#ffd9df;
  font-size:12px;
  font-weight:900;
}

.v7-live-chip i{
  width:8px;height:8px;border-radius:50%;
  background:#ff3152;
  box-shadow:0 0 12px #ff3152;
}

.v7-live-card > p{
  margin:14px 0 0;
  color:var(--muted);
  line-height:1.7;
}

.v7-status-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:10px;
  margin-top:22px;
}

.v7-status-grid div{
  padding:14px;
  border-radius:17px;
  border:1px solid rgba(255,255,255,.05);
  background:rgba(255,255,255,.028);
}

.v7-status-grid span{
  display:block;
  margin-bottom:5px;
  color:#9990a6;
  font-size:10px;
  letter-spacing:.12em;
}

.v7-status-grid strong{
  font-size:14px;
  color:#f7f2ff;
}

.v7-brand-card{
  overflow:hidden;
  display:grid;
  grid-template-rows:1fr auto;
}

.v7-brand-visual{
  min-height:200px;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:18px;
  background:
    radial-gradient(circle at center,rgba(139,57,255,.22),transparent 52%);
}

.v7-brand-visual img{
  max-width:220px;
  max-height:200px;
  object-fit:contain;
  filter:drop-shadow(0 16px 30px rgba(0,0,0,.35));
}

.v7-brand-info{
  padding:18px 20px 20px;
  border-top:1px solid rgba(255,255,255,.055);
}

.v7-brand-info span{
  display:block;
  color:#b38edc;
  font-size:11px;
  font-weight:900;
  letter-spacing:.13em;
}

.v7-brand-info strong{
  display:block;
  margin-top:7px;
  font-size:18px;
}

.v7-section{
  margin:26px 0 40px;
}

.v7-section-heading{
  display:flex;
  justify-content:space-between;
  gap:20px;
  align-items:end;
  margin-bottom:18px;
}

.v7-section-heading h2{
  margin:6px 0 0;
  font-size:38px;
  letter-spacing:-.04em;
}

.v7-section-heading p{
  margin:0;
  color:var(--muted);
}

.v7-nav-grid{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:16px;
}

.v7-nav-card{
  min-height:200px;
  padding:23px;
  border-radius:25px;
  border:1px solid rgba(255,255,255,.07);
  background:
    linear-gradient(145deg,rgba(19,17,30,.98),rgba(10,9,17,.97));
  display:grid;
  grid-template-columns:auto 1fr auto;
  gap:17px;
  align-items:start;
  transition:transform .2s ease,border-color .2s ease,background .2s ease;
  position:relative;
  overflow:hidden;
}

.v7-nav-card::after{
  content:"";
  position:absolute;
  right:-75px;bottom:-95px;
  width:210px;height:210px;border-radius:50%;
  background:radial-gradient(circle,rgba(130,49,255,.20),transparent 68%);
}

.v7-nav-card:hover{
  transform:translateY(-4px);
  border-color:rgba(158,81,255,.33);
  background:linear-gradient(145deg,rgba(25,21,39,.99),rgba(11,9,19,.99));
}

.v7-card-live::before{
  content:"LIVE";
  position:absolute;
  top:15px;right:18px;
  padding:5px 9px;
  border-radius:999px;
  background:rgba(255,49,82,.10);
  color:#ff9aac;
  border:1px solid rgba(255,49,82,.2);
  font-size:9px;
  font-weight:900;
}

.v7-nav-icon{
  width:48px;height:48px;
  border-radius:16px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:rgba(143,63,255,.10);
  border:1px solid rgba(143,63,255,.18);
  font-size:22px;
}

.v7-nav-copy span{
  color:#a88acb;
  font-size:10px;
  font-weight:900;
  letter-spacing:.14em;
}

.v7-nav-copy h3{
  margin:5px 0 8px;
  font-size:27px;
  letter-spacing:-.03em;
}

.v7-nav-copy p{
  margin:0;
  color:var(--muted);
  line-height:1.65;
}

.v7-arrow{
  position:relative;
  z-index:2;
  color:#c79aff;
  font-size:29px;
}

.v7-story{
  display:grid;
  grid-template-columns:1.05fr .95fr;
  gap:20px;
  margin:34px 0 40px;
}

.v7-story-image{
  position:relative;
  min-height:430px;
  overflow:hidden;
  border-radius:30px;
  border:1px solid rgba(255,255,255,.08);
}

.v7-story-image img{
  width:100%;
  height:100%;
  position:absolute;
  inset:0;
  object-fit:cover;
}

.v7-story-overlay{
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,rgba(6,6,10,.04),rgba(6,6,10,.55));
}

.v7-story-tag{
  position:absolute;
  left:20px;bottom:20px;
  padding:10px 13px;
  border-radius:999px;
  background:rgba(8,7,13,.72);
  border:1px solid rgba(255,255,255,.11);
  backdrop-filter:blur(10px);
  font-size:11px;
  font-weight:900;
  letter-spacing:.12em;
}

.v7-story-copy{
  border-radius:30px;
  padding:34px;
  border:1px solid rgba(255,255,255,.075);
  background:
    radial-gradient(circle at 90% 0%,rgba(144,59,255,.16),transparent 35%),
    linear-gradient(180deg,rgba(18,16,28,.96),rgba(9,8,16,.97));
}

.v7-story-copy h2{
  margin:9px 0 18px;
  font-size:42px;
  line-height:1.03;
  letter-spacing:-.045em;
}

.v7-story-copy p{
  color:var(--muted);
  line-height:1.8;
}

.v7-story-copy .v7-secondary{
  margin-top:8px;
}

.v7-callout{
  margin:36px 0 10px;
  padding:24px;
  min-height:165px;
  border-radius:30px;
  border:1px solid rgba(159,83,255,.22);
  background:
    radial-gradient(circle at 20% 40%,rgba(143,63,255,.18),transparent 30%),
    linear-gradient(90deg,rgba(17,14,28,.98),rgba(9,8,16,.98));
  display:grid;
  grid-template-columns:220px 1fr auto;
  gap:24px;
  align-items:center;
}

.v7-callout img{
  width:210px;
  max-height:120px;
  object-fit:contain;
}

.v7-callout h2{
  margin:5px 0 6px;
  font-size:36px;
  letter-spacing:-.035em;
}

.v7-callout p{
  margin:0;
  color:var(--muted);
}

@media(max-width:1100px){
  .v7-dashboard,
  .v7-story{
    grid-template-columns:1fr;
  }

  .v7-callout{
    grid-template-columns:160px 1fr;
  }

  .v7-callout .v7-primary{
    grid-column:1/-1;
    width:max-content;
  }
}

@media(max-width:820px){
  .v7-hero-media{
    min-height:680px;
    background-position:60% 43%;
  }

  .v7-hero-shade{
    background:
      linear-gradient(90deg,rgba(5,5,9,.97),rgba(5,5,9,.78) 70%,rgba(5,5,9,.45)),
      linear-gradient(180deg,transparent,rgba(5,5,9,.70));
  }

  .v7-hero-copy{
    padding:44px 26px 36px;
  }

  .v7-corner-badge{
    display:none;
  }

  .v7-status-grid{
    grid-template-columns:repeat(2,1fr);
  }

  .v7-nav-grid{
    grid-template-columns:1fr;
  }

  .v7-callout{
    grid-template-columns:1fr;
    text-align:left;
  }

  .v7-callout img{
    width:180px;
  }
}

@media(max-width:560px){
  .home-v7{
    width:min(94vw,1240px);
  }

  .v7-hero-media{
    min-height:650px;
    border-radius:26px;
  }

  .v7-hero-logo{
    width:270px;
  }

  .v7-hero h1{
    font-size:58px;
  }

  .v7-actions{
    flex-direction:column;
  }

  .v7-primary,.v7-secondary{
    width:100%;
  }

  .v7-status-grid{
    grid-template-columns:1fr 1fr;
  }

  .v7-section-heading{
    align-items:flex-start;
    flex-direction:column;
  }

  .v7-story-copy{
    padding:25px;
  }

  .v7-story-copy h2{
    font-size:34px;
  }
}


/* =========================================================
   V7.1 EXTRA BRANDING
   ========================================================= */

.v7-corner-badge{
  width:220px;
  min-height:120px;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:16px;
}

.v7-corner-badge img{
  width:100%;
  height:auto;
  object-fit:contain;
  filter:drop-shadow(0 10px 28px rgba(0,0,0,.35));
}

.v7-oil-tag{
  display:block;
  width:220px;
  max-width:100%;
  margin-top:16px;
  object-fit:contain;
  filter:drop-shadow(0 8px 20px rgba(0,0,0,.28));
}

.v7-callout-oil{
  display:block;
  width:260px;
  max-width:100%;
  margin-top:16px;
  object-fit:contain;
  filter:drop-shadow(0 10px 24px rgba(0,0,0,.28));
}

@media(max-width:820px){
  .v7-corner-badge{
    display:none;
  }
}


/* =========================================================
   V7.2 — BALANCED PROPORTIONS
   Redução de janelas/cartões demasiado grandes
   ========================================================= */

.home-v7{
  padding-top:20px;
}

.v7-hero{
  margin-bottom:16px;
}

.v7-hero-media{
  min-height:540px;
  border-radius:28px;
}

.v7-hero-copy{
  width:min(610px,88%);
  padding:42px 38px 36px;
}

.v7-hero-logo{
  width:260px;
  max-width:66%;
  margin:20px 0 14px;
}

.v7-hero h1{
  font-size:clamp(48px,6.2vw,82px);
  line-height:.87;
  margin-bottom:15px;
}

.v7-hero p{
  max-width:540px;
  font-size:16px;
  line-height:1.62;
}

.v7-kicker{
  padding:8px 12px;
  font-size:10px;
}

.v7-actions{
  margin-top:20px;
}

.v7-primary,.v7-secondary{
  min-height:46px;
  padding:0 18px;
  border-radius:13px;
  font-size:12px;
}

.v7-pills{
  margin-top:16px;
  gap:7px;
}

.v7-pills span{
  padding:7px 10px;
  font-size:9px;
}

.v7-corner-badge{
  width:165px;
  min-height:88px;
  right:20px;
  bottom:18px;
  border-radius:18px;
  padding:10px;
}

.v7-dashboard{
  grid-template-columns:1.25fr .75fr;
  gap:14px;
  margin-bottom:28px;
}

.v7-live-card{
  padding:21px;
}

.v7-card-top h2{
  font-size:25px;
}

.v7-live-card > p{
  font-size:14px;
  line-height:1.55;
}

.v7-status-grid{
  margin-top:16px;
  gap:8px;
}

.v7-status-grid div{
  padding:10px 11px;
  border-radius:13px;
}

.v7-status-grid span{
  font-size:8px;
}

.v7-status-grid strong{
  font-size:12px;
}

.v7-brand-visual{
  min-height:145px;
  padding:12px;
}

.v7-brand-visual img{
  max-width:155px;
  max-height:135px;
}

.v7-brand-info{
  padding:13px 15px 15px;
}

.v7-brand-info span{
  font-size:9px;
}

.v7-brand-info strong{
  margin-top:5px;
  font-size:15px;
}

.v7-oil-tag{
  width:165px;
  margin-top:10px;
}

.v7-section{
  margin:20px 0 28px;
}

.v7-section-heading{
  margin-bottom:13px;
}

.v7-section-heading h2{
  font-size:30px;
}

.v7-section-heading p{
  font-size:13px;
}

.v7-nav-grid{
  gap:12px;
}

.v7-nav-card{
  min-height:155px;
  padding:18px;
  border-radius:20px;
  gap:13px;
}

.v7-nav-icon{
  width:40px;
  height:40px;
  border-radius:13px;
  font-size:18px;
}

.v7-nav-copy span{
  font-size:8px;
}

.v7-nav-copy h3{
  margin:4px 0 6px;
  font-size:21px;
}

.v7-nav-copy p{
  font-size:13px;
  line-height:1.5;
}

.v7-arrow{
  font-size:23px;
}

.v7-story{
  grid-template-columns:1fr 1fr;
  gap:14px;
  margin:26px 0 28px;
}

.v7-story-image{
  min-height:300px;
  border-radius:22px;
}

.v7-story-tag{
  left:14px;
  bottom:14px;
  padding:8px 10px;
  font-size:9px;
}

.v7-story-copy{
  padding:24px;
  border-radius:22px;
}

.v7-story-copy h2{
  margin:7px 0 12px;
  font-size:31px;
}

.v7-story-copy p{
  font-size:14px;
  line-height:1.65;
  margin-top:8px;
  margin-bottom:10px;
}

.v7-callout{
  margin:28px 0 8px;
  min-height:120px;
  padding:18px 20px;
  border-radius:22px;
  grid-template-columns:160px 1fr auto;
  gap:18px;
}

.v7-callout img{
  width:150px;
  max-height:88px;
}

.v7-callout h2{
  font-size:27px;
}

.v7-callout p{
  font-size:13px;
}

.v7-callout-oil{
  width:180px;
  margin-top:10px;
}

/* Cabeçalho mais compacto */
.topbar-inner{
  padding:10px 0;
}

.brand-logo{
  width:58px;
  height:58px;
}

.brand-text strong{
  font-size:16px;
}

.brand-text span{
  font-size:10px;
}

nav{
  gap:16px;
}

nav a{
  font-size:11px;
}

.twitch-btn{
  padding:11px 15px;
  font-size:11px;
}

/* Rodapé também mais compacto */
footer{
  padding-bottom:28px;
}

.footer-logo{
  width:68px;
  height:68px;
}

.footer-copy p{
  font-size:12px;
}

/* Desktop largo: limitar ainda mais o gigantismo visual */
@media(min-width:1400px){
  .container{
    width:min(1180px,88vw);
  }

  .v7-hero-media{
    min-height:520px;
  }

  .v7-hero-copy{
    padding-top:38px;
  }
}

/* Tablets */
@media(max-width:1100px){
  .v7-hero-media{
    min-height:520px;
  }

  .v7-dashboard,
  .v7-story{
    grid-template-columns:1fr;
  }

  .v7-brand-card{
    grid-template-columns:180px 1fr;
    grid-template-rows:auto;
  }

  .v7-brand-visual{
    min-height:160px;
  }

  .v7-callout{
    grid-template-columns:130px 1fr;
  }

  .v7-callout .v7-primary{
    width:auto;
  }
}

/* Mobile */
@media(max-width:820px){
  .v7-hero-media{
    min-height:540px;
    border-radius:22px;
  }

  .v7-hero-copy{
    width:100%;
    padding:32px 20px 28px;
  }

  .v7-hero-logo{
    width:230px;
  }

  .v7-hero h1{
    font-size:50px;
  }

  .v7-status-grid{
    grid-template-columns:1fr 1fr;
  }

  .v7-brand-card{
    grid-template-columns:1fr;
  }

  .v7-brand-visual{
    min-height:150px;
  }

  .v7-story-image{
    min-height:260px;
  }

  .v7-callout{
    grid-template-columns:1fr;
  }
}

@media(max-width:560px){
  .v7-hero-media{
    min-height:500px;
  }

  .v7-hero-logo{
    width:205px;
    max-width:72%;
  }

  .v7-hero h1{
    font-size:44px;
  }

  .v7-hero p{
    font-size:14px;
  }

  .v7-status-grid{
    grid-template-columns:1fr 1fr;
  }

  .v7-nav-card{
    min-height:135px;
  }

  .v7-story-copy h2{
    font-size:27px;
  }

  .v7-callout h2{
    font-size:25px;
  }
}


/* =========================================================
   V7.3 — OLHA O TÚNEL BRANDING
   ========================================================= */

.v7-callout{
  align-items:center;
}

.v7-callout-shout{
  display:block;
  width:340px;
  max-width:100%;
  margin:6px 0 8px;
  object-fit:contain;
  filter:drop-shadow(0 12px 26px rgba(0,0,0,.30));
}

.v7-callout p{
  margin-top:4px;
}

@media(max-width:820px){
  .v7-callout-shout{
    width:290px;
  }
}

@media(max-width:560px){
  .v7-callout-shout{
    width:250px;
  }
}


/* =========================================================
   V7.4 — OLHA O TÚNEL APLICADO NO SITE
   ========================================================= */

.clip-thumb-tunel{
  justify-content:center;
  align-items:center;
  padding:18px;
  background:
    radial-gradient(circle at center, rgba(143,63,255,.22), transparent 55%),
    linear-gradient(180deg, rgba(9,8,14,.28), rgba(9,8,14,.75)),
    url("../assets/images/home-frontpage-v273.png") center/cover no-repeat;
}

.clip-thumb-shout{
  width:82%;
  max-width:340px;
  object-fit:contain;
  filter:drop-shadow(0 12px 24px rgba(0,0,0,.38));
}

/* caso no futuro exista outra zona com a arte, já fica consistente */
img[src*="olha-o-tunel.png"]{
  image-rendering:auto;
}

@media(max-width:560px){
  .clip-thumb-shout{
    width:90%;
  }
}


/* =========================================================
   V8 — LIVE PAGE REDESIGN
   ========================================================= */

.live-v8{
  padding-top:20px;
  padding-bottom:18px;
}

.live-hero-v8{
  margin-bottom:18px;
}

.live-hero-box-v8{
  display:grid;
  grid-template-columns:1.15fr .85fr;
  gap:18px;
  align-items:stretch;
  border-radius:30px;
  overflow:hidden;
  border:1px solid rgba(165,88,255,.20);
  background:
    radial-gradient(circle at 78% 18%, rgba(143,63,255,.18), transparent 24%),
    linear-gradient(135deg, rgba(14,11,22,.98), rgba(8,7,14,.98));
  box-shadow:0 24px 60px rgba(0,0,0,.40);
}

.live-hero-left{
  padding:34px 32px 30px;
}

.live-kicker-v8{
  display:inline-flex;
  align-items:center;
  gap:9px;
  padding:9px 13px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.10);
  background:rgba(255,255,255,.04);
  color:#e7dbf8;
  font-size:11px;
  font-weight:900;
  letter-spacing:.13em;
}

.live-dot-v8{
  width:8px;height:8px;border-radius:50%;
  background:#ff3557;
  box-shadow:0 0 12px #ff3557;
}

.live-hero-logo-v8{
  width:280px;
  max-width:78%;
  margin:18px 0 14px;
  object-fit:contain;
  filter:drop-shadow(0 12px 28px rgba(0,0,0,.30));
}

.live-hero-left h1{
  margin:0 0 12px;
  font-size:clamp(38px,5vw,64px);
  line-height:.95;
  letter-spacing:-.045em;
}

.live-hero-left h1 span{
  background:linear-gradient(90deg,#c080ff,#812dff);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
}

.live-hero-left p{
  margin:0;
  max-width:620px;
  color:#d5cfdf;
  line-height:1.7;
  font-size:15px;
}

.live-hero-actions-v8{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:20px;
}

.live-btn-primary-v8,.live-btn-secondary-v8{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:46px;
  padding:0 18px;
  border-radius:14px;
  font-size:12px;
  font-weight:900;
  letter-spacing:.04em;
  transition:transform .18s ease;
}

.live-btn-primary-v8{
  color:#fff;
  background:linear-gradient(90deg,#7e31ff,#b264ff);
  box-shadow:0 10px 24px rgba(126,49,255,.28);
}

.live-btn-secondary-v8{
  border:1px solid rgba(255,255,255,.14);
  color:#fff;
  background:rgba(255,255,255,.04);
}

.live-btn-primary-v8:hover,.live-btn-secondary-v8:hover{
  transform:translateY(-2px);
}

.live-hero-right-v8{
  padding:22px;
  display:grid;
  gap:12px;
  align-content:center;
  background:
    linear-gradient(180deg, rgba(255,255,255,.02), rgba(255,255,255,.01));
  border-left:1px solid rgba(255,255,255,.05);
}

.live-hero-mini-card-v8{
  border-radius:20px;
  padding:16px;
  border:1px solid rgba(255,255,255,.06);
  background:rgba(255,255,255,.03);
}

.live-hero-mini-card-v8 span{
  display:block;
  color:#b994e7;
  font-size:10px;
  font-weight:900;
  letter-spacing:.14em;
}

.live-hero-mini-card-v8 strong{
  display:block;
  margin-top:5px;
  font-size:18px;
}

.live-hero-mini-card-v8 p{
  margin:7px 0 0;
  color:#ada5bb;
  line-height:1.5;
  font-size:13px;
}

.live-hero-brand-v8{
  display:flex;
  justify-content:center;
  align-items:center;
  min-height:115px;
  border-radius:20px;
  border:1px solid rgba(255,255,255,.06);
  background:
    radial-gradient(circle at center, rgba(143,63,255,.16), transparent 60%),
    rgba(255,255,255,.02);
  padding:12px;
}

.live-hero-brand-v8 img{
  width:220px;
  max-width:100%;
  object-fit:contain;
  filter:drop-shadow(0 12px 24px rgba(0,0,0,.30));
}

.live-layout-v8{
  display:grid;
  grid-template-columns:1.28fr .72fr;
  gap:18px;
  align-items:start;
}

.live-player-card-v8,
.live-chat-card-v8,
.live-info-card-v8{
  border-radius:28px;
  border:1px solid rgba(255,255,255,.07);
  background:linear-gradient(180deg, rgba(18,16,28,.97), rgba(9,8,16,.98));
  box-shadow:0 18px 50px rgba(0,0,0,.35);
}

.live-player-card-v8{
  padding:22px;
}

.live-card-head-v8{
  display:flex;
  justify-content:space-between;
  gap:18px;
  align-items:flex-start;
  margin-bottom:16px;
}

.live-small-label-v8{
  display:block;
  color:#b994e7;
  font-size:10px;
  font-weight:900;
  letter-spacing:.16em;
}

.live-card-head-v8 h2{
  margin:6px 0 0;
  font-size:28px;
  letter-spacing:-.03em;
}

.live-badge-v8{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:9px 12px;
  border-radius:999px;
  background:rgba(255,49,82,.10);
  border:1px solid rgba(255,49,82,.25);
  color:#ffd7dd;
  font-size:11px;
  font-weight:900;
}

.live-badge-v8 i{
  width:8px;height:8px;border-radius:50%;
  background:#ff3152;
  box-shadow:0 0 12px #ff3152;
}

.live-player-box-v8{
  min-height:560px;
  border-radius:22px;
  overflow:hidden;
}

.live-player-footer-v8{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:10px;
  margin-top:14px;
}

.live-footer-item-v8{
  padding:12px 13px;
  border-radius:16px;
  background:rgba(255,255,255,.03);
  border:1px solid rgba(255,255,255,.05);
}

.live-footer-item-v8 span{
  display:block;
  color:#9f96ae;
  font-size:9px;
  font-weight:800;
  letter-spacing:.14em;
}

.live-footer-item-v8 strong{
  display:block;
  margin-top:6px;
  font-size:13px;
}

.live-side-v8{
  display:grid;
  gap:18px;
}

.live-chat-card-v8{
  padding:18px;
}

.live-chat-box-v8{
  min-height:560px;
  border-radius:22px;
  overflow:hidden;
}

.live-info-card-v8{
  padding:18px;
}

.live-links-v8{
  display:grid;
  gap:10px;
  margin-top:14px;
}

.live-links-v8 a{
  display:flex;
  align-items:center;
  gap:10px;
  min-height:46px;
  padding:0 14px;
  border-radius:14px;
  border:1px solid rgba(255,255,255,.06);
  background:rgba(255,255,255,.03);
  color:#f2eef8;
  font-size:14px;
  font-weight:700;
  transition:transform .16s ease, border-color .16s ease;
}

.live-links-v8 a:hover{
  transform:translateY(-2px);
  border-color:rgba(158,81,255,.28);
}

.live-brand-extra-v8{
  margin-top:18px;
  padding:16px;
  border-radius:18px;
  border:1px solid rgba(255,255,255,.05);
  background:
    radial-gradient(circle at center, rgba(143,63,255,.12), transparent 60%),
    rgba(255,255,255,.02);
  display:flex;
  justify-content:center;
  align-items:center;
}

.live-oil-v8{
  width:210px;
  max-width:100%;
  object-fit:contain;
  filter:drop-shadow(0 10px 20px rgba(0,0,0,.28));
}

@media(max-width:1150px){
  .live-hero-box-v8,
  .live-layout-v8{
    grid-template-columns:1fr;
  }

  .live-hero-right-v8{
    border-left:none;
    border-top:1px solid rgba(255,255,255,.05);
  }
}

@media(max-width:820px){
  .live-hero-left{
    padding:26px 22px 22px;
  }

  .live-hero-logo-v8{
    width:230px;
  }

  .live-card-head-v8 h2{
    font-size:24px;
  }

  .live-player-box-v8,
  .live-chat-box-v8{
    min-height:460px;
  }

  .live-player-footer-v8{
    grid-template-columns:1fr 1fr;
  }
}

@media(max-width:560px){
  .live-hero-left h1{
    font-size:36px;
  }

  .live-hero-actions-v8{
    flex-direction:column;
  }

  .live-btn-primary-v8,.live-btn-secondary-v8{
    width:100%;
  }

  .live-player-box-v8,
  .live-chat-box-v8{
    min-height:400px;
  }

  .live-player-footer-v8{
    grid-template-columns:1fr;
  }

  .live-card-head-v8{
    flex-direction:column;
    align-items:flex-start;
  }
}


/* =========================================================
   V8.1 — LIVE PAGE FINAL POLISH
   ========================================================= */

.live-chat-login-v81{
  display:grid;
  grid-template-columns:auto 1fr;
  gap:12px;
  align-items:center;
  margin-bottom:14px;
  padding:13px 14px;
  border-radius:16px;
  border:1px solid rgba(145,70,255,.18);
  background:
    linear-gradient(90deg, rgba(131,48,255,.09), rgba(255,255,255,.025));
}

.live-chat-login-icon-v81{
  width:42px;
  height:42px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:13px;
  background:rgba(139,63,255,.12);
  border:1px solid rgba(139,63,255,.18);
  font-size:19px;
}

.live-chat-login-v81 strong{
  display:block;
  font-size:13px;
  color:#f6f0ff;
}

.live-chat-login-v81 p{
  margin:4px 0 0;
  font-size:11px;
  line-height:1.45;
  color:#a99fb8;
}

.live-links-v8 a{
  min-height:58px;
  padding:10px 13px;
}

.live-links-v8 a > span{
  width:34px;
  height:34px;
  flex:0 0 34px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:10px;
  background:rgba(139,63,255,.10);
  border:1px solid rgba(139,63,255,.14);
}

.live-links-v8 a > div{
  display:flex;
  flex-direction:column;
  gap:2px;
}

.live-links-v8 a strong{
  font-size:13px;
  color:#f4effa;
}

.live-links-v8 a small{
  color:#9f96ad;
  font-size:10px;
  font-weight:500;
}

@media(max-width:560px){
  .live-chat-login-v81{
    grid-template-columns:1fr;
  }

  .live-chat-login-icon-v81{
    width:38px;
    height:38px;
  }
}


/* =========================================================
   V9 — ESTRUTURA VISUAL DAS PÁGINAS INTERNAS
   ========================================================= */

.site-page-v9{padding-top:20px;padding-bottom:24px}
.v9-hero{
  min-height:315px;display:grid;grid-template-columns:1.15fr .85fr;gap:20px;align-items:center;
  margin-bottom:22px;padding:30px;border-radius:28px;overflow:hidden;
  border:1px solid rgba(161,83,255,.18);
  background:
    radial-gradient(circle at 82% 22%,rgba(139,63,255,.18),transparent 25%),
    linear-gradient(135deg,rgba(17,14,27,.98),rgba(8,7,14,.99));
  box-shadow:0 22px 58px rgba(0,0,0,.36)
}
.v9-eyebrow,.v9-label{color:#b994e7;font-size:10px;font-weight:900;letter-spacing:.16em}
.v9-hero h1{margin:9px 0 13px;font-size:clamp(42px,5vw,68px);line-height:.95;letter-spacing:-.05em}
.v9-hero h1 span{background:linear-gradient(90deg,#c287ff,#7f2cff);-webkit-background-clip:text;background-clip:text;color:transparent}
.v9-hero p{max-width:650px;margin:0;color:#cfc7d9;font-size:15px;line-height:1.7}
.v9-hero-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}
.v9-btn-primary,.v9-btn-secondary{
  min-height:45px;padding:0 17px;border-radius:13px;display:inline-flex;align-items:center;justify-content:center;
  font-size:12px;font-weight:900;letter-spacing:.035em;transition:transform .18s ease
}
.v9-btn-primary{color:white;background:linear-gradient(90deg,#7e31ff,#ae60ff);box-shadow:0 10px 24px rgba(126,49,255,.25)}
.v9-btn-secondary{color:#fff;border:1px solid rgba(255,255,255,.13);background:rgba(255,255,255,.035)}
.v9-btn-primary:hover,.v9-btn-secondary:hover{transform:translateY(-2px)}
.v9-hero-art,.v9-about-logo,.v9-contact-visual{display:flex;align-items:center;justify-content:center;min-height:220px}
.v9-hero-art img{width:300px;max-width:82%;max-height:185px;object-fit:contain;filter:drop-shadow(0 14px 30px rgba(0,0,0,.34))}
.v9-about-logo img,.v9-contact-visual img{width:245px;max-width:78%;max-height:235px;object-fit:contain;filter:drop-shadow(0 16px 32px rgba(0,0,0,.36))}
.v9-shout-art img{width:360px;max-height:210px}
.v9-panel{
  border-radius:25px;border:1px solid rgba(255,255,255,.07);
  background:linear-gradient(180deg,rgba(18,16,28,.97),rgba(9,8,16,.98));
  box-shadow:0 16px 45px rgba(0,0,0,.30)
}

/* ABOUT */
.v9-about-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.v9-about-copy{padding:27px}
.v9-about-copy h2{margin:7px 0 14px;font-size:34px;letter-spacing:-.04em}
.v9-about-copy p{color:#b8afc4;line-height:1.75;font-size:14px}
.v9-brand-row{display:flex;gap:14px;align-items:center;flex-wrap:wrap;margin-top:20px;padding-top:18px;border-top:1px solid rgba(255,255,255,.06)}
.v9-brand-row img{width:180px;max-height:78px;object-fit:contain}
.v9-photo-card{position:relative;min-height:355px;border-radius:25px;overflow:hidden;border:1px solid rgba(255,255,255,.07)}
.v9-photo-card>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.v9-photo-card:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 40%,rgba(6,6,10,.82))}
.v9-photo-caption{position:absolute;z-index:2;left:20px;bottom:18px}
.v9-photo-caption span{display:block;color:#c49bf4;font-size:9px;font-weight:900;letter-spacing:.14em}
.v9-photo-caption strong{display:block;margin-top:5px;font-size:24px}
.v9-stat-section{margin-top:24px}
.v9-section-title{margin-bottom:14px}
.v9-section-title h2{margin:5px 0 6px;font-size:31px;letter-spacing:-.035em}
.v9-section-title>p{margin:0;color:#aaa1b6;font-size:13px}
.v9-stats{margin-top:0!important}

/* CLIPS */
.v9-section-block{margin-bottom:24px}
.v9-clips-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.v9-clip-card{overflow:hidden;border-radius:23px;border:1px solid rgba(255,255,255,.07);background:linear-gradient(180deg,rgba(17,15,26,.98),rgba(9,8,15,.98))}
.v9-clip-media{height:220px;position:relative;display:flex;align-items:center;justify-content:center;padding:18px;overflow:hidden}
.v9-clip-media:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent,rgba(6,6,10,.38))}
.v9-clip-media img{position:relative;z-index:1;max-width:84%;max-height:135px;object-fit:contain;filter:drop-shadow(0 12px 22px rgba(0,0,0,.35))}
.v9-clip-tunnel{background:linear-gradient(180deg,rgba(12,9,18,.20),rgba(10,8,15,.75)),url("../assets/images/home-frontpage-v273.png") center/cover}
.v9-clip-engine{background:radial-gradient(circle,rgba(143,63,255,.22),transparent 55%),#0c0a12}
.v9-clip-road{background:radial-gradient(circle at 50% 30%,rgba(143,63,255,.17),transparent 52%),#0c0a12}
.v9-clip-play{position:absolute;z-index:3;right:14px;bottom:14px;width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:rgba(126,49,255,.92);color:#fff;font-size:12px;box-shadow:0 8px 20px rgba(0,0,0,.3)}
.v9-clip-copy{padding:17px 18px 19px}
.v9-clip-copy span{color:#a987d0;font-size:9px;font-weight:900;letter-spacing:.14em}
.v9-clip-copy h3{margin:5px 0 7px;font-size:21px}
.v9-clip-copy p{margin:0;color:#aaa1b6;font-size:12px;line-height:1.55}
.v9-coming-soon{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-top:16px;padding:19px 21px;border-radius:21px;border:1px solid rgba(157,77,255,.16);background:rgba(142,59,255,.055)}
.v9-coming-soon strong{display:block;margin-top:5px;font-size:17px}
.v9-coming-soon p{margin:4px 0 0;color:#a99fb6;font-size:12px}

/* COMMUNITY */
.v9-community-badge{display:flex;flex-direction:column;align-items:center;justify-content:center}
.v9-community-badge img{width:195px;max-height:180px;object-fit:contain}
.v9-community-badge strong{margin-top:2px;font-size:34px;letter-spacing:.08em;color:#c389ff}
.v9-community-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}
.v9-community-card{min-height:230px;padding:21px;border-radius:23px;border:1px solid rgba(255,255,255,.07);background:linear-gradient(160deg,rgba(20,17,31,.98),rgba(9,8,16,.98))}
.v9-community-icon{width:43px;height:43px;border-radius:13px;display:flex;align-items:center;justify-content:center;background:rgba(140,60,255,.11);border:1px solid rgba(140,60,255,.16);font-size:19px;margin-bottom:20px}
.v9-community-card>span{color:#ad89d5;font-size:9px;font-weight:900;letter-spacing:.14em}
.v9-community-card h2{margin:5px 0 8px;font-size:24px}
.v9-community-card p{color:#a89fb4;font-size:12px;line-height:1.55;min-height:55px}
.v9-community-card a{display:inline-block;margin-top:10px;color:#cc9cff;font-size:12px;font-weight:800}
.v9-status-pill{display:inline-flex;margin-top:10px;padding:7px 9px;border-radius:999px;border:1px solid rgba(255,255,255,.08);color:#948a9f;font-size:8px;font-weight:900;letter-spacing:.08em}
.v9-community-banner{display:grid;grid-template-columns:1fr 190px auto;gap:20px;align-items:center;margin-top:16px;padding:22px;border-radius:23px;border:1px solid rgba(157,77,255,.17);background:linear-gradient(90deg,rgba(18,14,29,.98),rgba(9,8,15,.98))}
.v9-community-banner h2{margin:5px 0 6px;font-size:25px;letter-spacing:-.03em}
.v9-community-banner p{margin:0;color:#aaa0b5;font-size:12px}
.v9-community-banner img{width:175px;max-height:80px;object-fit:contain}

/* SPONSORS */
.v9-sponsor-grid{margin-top:4px}
.v9-partner-cta{display:flex;justify-content:space-between;gap:24px;align-items:center;margin-top:17px;padding:23px 25px;border-radius:23px;border:1px solid rgba(156,77,255,.17);background:radial-gradient(circle at 15% 50%,rgba(137,54,255,.12),transparent 28%),rgba(14,11,22,.98)}
.v9-partner-cta h2{margin:5px 0 7px;font-size:27px}
.v9-partner-cta p{margin:0;color:#aaa1b5;font-size:13px}

/* CONTACT */
.v9-contact-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:16px}
.v9-contact-main,.v9-contact-side{padding:25px}
.v9-contact-main h2{margin:7px 0 12px;font-size:31px;letter-spacing:-.035em}
.v9-contact-main>p{color:#aaa1b6;line-height:1.65;font-size:13px}
.v9-email-wrap{margin-top:18px}
.v9-contact-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:17px}
.v9-social-list{display:grid;gap:9px;margin-top:15px}
.v9-social-list>a,.v9-social-placeholder{min-height:60px;display:grid;grid-template-columns:36px 1fr auto;gap:11px;align-items:center;padding:10px 12px;border-radius:14px;border:1px solid rgba(255,255,255,.06);background:rgba(255,255,255,.025)}
.v9-social-list>a>span,.v9-social-placeholder>span{width:34px;height:34px;border-radius:10px;display:flex;align-items:center;justify-content:center;background:rgba(139,63,255,.10)}
.v9-social-list strong,.v9-social-placeholder strong{display:block;font-size:13px;color:#f3edf9}
.v9-social-list small,.v9-social-placeholder small{display:block;margin-top:2px;color:#958c9f;font-size:10px}
.v9-social-list b{color:#bd8bef;font-size:18px}
.v9-contact-note{display:grid;grid-template-columns:180px 1fr;gap:18px;align-items:center;margin-top:16px;padding:17px 20px;border-radius:21px;border:1px solid rgba(255,255,255,.06);background:rgba(255,255,255,.025)}
.v9-contact-note img{width:165px;max-height:76px;object-fit:contain}
.v9-contact-note strong{display:block;margin-top:5px;font-size:17px}

@media(max-width:1050px){
  .v9-hero,.v9-about-grid,.v9-contact-grid{grid-template-columns:1fr}
  .v9-community-grid{grid-template-columns:1fr 1fr}
  .v9-clips-grid{grid-template-columns:1fr 1fr}
  .v9-community-banner{grid-template-columns:1fr auto}
  .v9-community-banner img{display:none}
}
@media(max-width:720px){
  .v9-hero{padding:22px;min-height:0}
  .v9-hero-art,.v9-about-logo,.v9-contact-visual{min-height:150px}
  .v9-hero h1{font-size:39px}
  .v9-clips-grid,.v9-community-grid{grid-template-columns:1fr}
  .v9-coming-soon,.v9-partner-cta{align-items:flex-start;flex-direction:column}
  .v9-community-banner{grid-template-columns:1fr}
  .v9-contact-note{grid-template-columns:1fr}
  .v9-brand-row img{width:145px}
}
@media(max-width:520px){
  .v9-hero-actions{flex-direction:column}
  .v9-btn-primary,.v9-btn-secondary{width:100%}
  .v9-clip-media{height:190px}
  .v9-about-copy,.v9-contact-main,.v9-contact-side{padding:20px}
}


/* =========================================================
   V9.1 — TWITCH ACCOUNT / LOGIN
   ========================================================= */

.header-actions{
  display:flex;
  align-items:center;
  gap:8px;
}

.account-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  min-height:40px;
  padding:0 12px;
  border-radius:12px;
  border:1px solid rgba(163,86,255,.20);
  background:rgba(128,48,255,.075);
  color:#efe5ff;
  font-size:10px;
  font-weight:900;
  letter-spacing:.025em;
  transition:transform .18s ease,border-color .18s ease,background .18s ease;
}

.account-btn:hover,.account-btn-active{
  transform:translateY(-1px);
  border-color:rgba(174,100,255,.38);
  background:rgba(128,48,255,.13);
}

.account-btn-icon{
  color:#bd82ff;
  font-size:13px;
}

.auth-page-v91{
  padding-top:26px;
  padding-bottom:30px;
}

.auth-shell-v91{
  min-height:650px;
  display:grid;
  grid-template-columns:1.08fr .92fr;
  overflow:hidden;
  border-radius:32px;
  border:1px solid rgba(161,83,255,.20);
  background:
    radial-gradient(circle at 78% 20%,rgba(136,52,255,.19),transparent 27%),
    linear-gradient(135deg,rgba(17,14,27,.99),rgba(8,7,14,.99));
  box-shadow:0 28px 70px rgba(0,0,0,.42);
}

.auth-copy-v91{
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding:54px 48px;
}

.auth-wordmark-v91{
  width:285px;
  max-width:78%;
  margin:20px 0 17px;
  object-fit:contain;
  filter:drop-shadow(0 14px 30px rgba(0,0,0,.30));
}

.auth-copy-v91 h1{
  margin:0 0 15px;
  max-width:600px;
  font-size:clamp(44px,5vw,70px);
  line-height:.94;
  letter-spacing:-.052em;
}

.auth-copy-v91 h1 span{
  background:linear-gradient(90deg,#c589ff,#7d2cff);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
}

.auth-copy-v91>p{
  max-width:570px;
  margin:0;
  color:#c1b8cb;
  line-height:1.72;
  font-size:14px;
}

.auth-twitch-btn-v91{
  width:min(390px,100%);
  min-height:56px;
  margin-top:26px;
  border:0;
  border-radius:16px;
  cursor:pointer;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  color:white;
  background:linear-gradient(90deg,#7030e8,#9954ff);
  box-shadow:0 15px 34px rgba(112,48,232,.30);
  font:inherit;
  font-size:13px;
  font-weight:900;
  letter-spacing:.05em;
  transition:transform .18s ease;
}

.auth-twitch-btn-v91:hover{
  transform:translateY(-2px);
}

.auth-twitch-logo-v91{
  font-size:19px;
}

.auth-notice-v91{
  width:min(520px,100%);
  margin-top:18px;
  padding:14px 16px;
  border-radius:16px;
  border:1px solid rgba(255,255,255,.07);
  background:rgba(255,255,255,.028);
  transition:border-color .2s ease,background .2s ease;
}

.auth-notice-v91 strong{
  display:block;
  color:#ded4ea;
  font-size:12px;
}

.auth-notice-v91 p{
  margin:4px 0 0;
  color:#9e94aa;
  font-size:11px;
  line-height:1.5;
}

.auth-notice-highlight-v91{
  border-color:rgba(170,91,255,.42);
  background:rgba(134,54,255,.09);
}

.auth-security-v91{
  display:block;
  max-width:520px;
  margin-top:14px;
  color:#81788a;
  font-size:10px;
  line-height:1.5;
}

.auth-side-v91{
  padding:30px;
  border-left:1px solid rgba(255,255,255,.05);
  display:flex;
  flex-direction:column;
  justify-content:center;
  gap:17px;
  background:rgba(255,255,255,.012);
}

.auth-logo-card-v91{
  min-height:210px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:25px;
  border:1px solid rgba(255,255,255,.055);
  background:radial-gradient(circle,rgba(137,54,255,.17),transparent 58%);
}

.auth-logo-card-v91 img{
  width:205px;
  max-height:195px;
  object-fit:contain;
  filter:drop-shadow(0 14px 27px rgba(0,0,0,.36));
}

.auth-benefits-v91{
  padding:20px;
  border-radius:23px;
  border:1px solid rgba(255,255,255,.055);
  background:rgba(255,255,255,.02);
}

.auth-benefit-v91{
  display:grid;
  grid-template-columns:34px 1fr;
  gap:11px;
  padding:13px 0;
  border-bottom:1px solid rgba(255,255,255,.05);
}

.auth-benefit-v91:last-child{
  border-bottom:0;
  padding-bottom:0;
}

.auth-benefit-v91 b{
  color:#a766ef;
  font-size:11px;
}

.auth-benefit-v91 strong{
  display:block;
  font-size:13px;
}

.auth-benefit-v91 p{
  margin:4px 0 0;
  color:#978e9f;
  font-size:10px;
  line-height:1.5;
}

.auth-engine-v91{
  width:210px;
  max-height:80px;
  align-self:center;
  object-fit:contain;
}

@media(max-width:1200px){
  .topbar .account-btn span:last-child{
    display:none;
  }
}

@media(max-width:980px){
  .auth-shell-v91{
    grid-template-columns:1fr;
  }

  .auth-side-v91{
    border-left:0;
    border-top:1px solid rgba(255,255,255,.05);
  }
}

@media(max-width:720px){
  .auth-copy-v91{
    padding:36px 23px;
  }

  .auth-side-v91{
    padding:22px;
  }

  .auth-copy-v91 h1{
    font-size:42px;
  }

  .account-btn{
    min-width:40px;
    padding:0 11px;
  }
}


/* =========================================================
   V10 — PONTOS NOQZY / RECOMPENSAS / PERFIL
   ========================================================= */

.points-pill-v10{
  min-height:40px;
  display:inline-flex;
  align-items:center;
  gap:5px;
  padding:0 10px;
  border-radius:12px;
  border:1px solid rgba(151,76,255,.20);
  background:rgba(124,45,255,.08);
  color:#efe8f7;
}
.points-pill-v10 span{font-size:11px}
.points-pill-v10 strong{font-size:11px}
.points-pill-v10 small{font-size:7px;color:#a899b6;font-weight:900;letter-spacing:.08em}

.rewards-page-v10,.profile-page-v10{padding-top:20px;padding-bottom:25px}

.rewards-hero-v10{
  min-height:395px;
  display:grid;
  grid-template-columns:1.15fr .85fr;
  gap:20px;
  align-items:center;
  padding:34px;
  border-radius:30px;
  border:1px solid rgba(158,78,255,.20);
  background:
    radial-gradient(circle at 78% 24%,rgba(137,55,255,.19),transparent 27%),
    linear-gradient(135deg,rgba(17,14,27,.99),rgba(8,7,14,.99));
  box-shadow:0 24px 60px rgba(0,0,0,.38);
}
.rewards-copy-v10 h1{margin:9px 0 13px;font-size:clamp(46px,5.5vw,72px);line-height:.94;letter-spacing:-.05em}
.rewards-copy-v10 h1 span{background:linear-gradient(90deg,#c58bff,#792bff);-webkit-background-clip:text;background-clip:text;color:transparent}
.rewards-copy-v10>p{max-width:610px;margin:0;color:#c1b8ca;font-size:14px;line-height:1.7}
.rewards-balance-v10{
  width:min(360px,100%);
  margin-top:23px;
  padding:16px 18px;
  border-radius:18px;
  border:1px solid rgba(158,78,255,.20);
  background:rgba(129,50,255,.075)
}
.rewards-balance-v10>span,.rewards-balance-v10>small{display:block;color:#a999b7;font-size:8px;font-weight:900;letter-spacing:.14em}
.rewards-balance-v10 strong{display:block;margin:4px 0;font-size:31px;letter-spacing:-.03em}
.rewards-balance-v10 strong b{font-size:17px}
.rewards-actions-v10{display:flex;gap:9px;flex-wrap:wrap;margin-top:17px}
.rewards-art-v10{display:flex;flex-direction:column;align-items:center;justify-content:center}
.rewards-art-v10>img:first-child{width:235px;max-height:220px;object-fit:contain;filter:drop-shadow(0 16px 30px rgba(0,0,0,.34))}
.rewards-engine-v10{width:210px;max-height:76px;margin-top:8px;object-fit:contain}

.rewards-how-v10,.rewards-store-v10{margin-top:25px}
.rewards-how-grid-v10{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.rewards-how-grid-v10 article{
  min-height:175px;padding:19px;border-radius:20px;border:1px solid rgba(255,255,255,.06);
  background:linear-gradient(160deg,rgba(19,16,29,.98),rgba(9,8,15,.98))
}
.rewards-how-grid-v10 b{display:block;color:#c284ff;font-size:29px;line-height:1}
.rewards-how-grid-v10>article>span{display:block;margin-top:4px;color:#8f829c;font-size:8px;font-weight:900;letter-spacing:.13em}
.rewards-how-grid-v10 strong{display:block;margin-top:18px;font-size:15px}
.rewards-how-grid-v10 p{margin:6px 0 0;color:#9f95aa;font-size:11px;line-height:1.5}

.rewards-grid-v10{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}
.reward-card-v10{
  position:relative;min-height:275px;padding:21px;border-radius:22px;border:1px solid rgba(255,255,255,.07);
  background:linear-gradient(155deg,rgba(19,16,29,.99),rgba(9,8,15,.99));overflow:hidden
}
.reward-card-v10:after{content:"";position:absolute;right:-80px;bottom:-90px;width:190px;height:190px;border-radius:50%;background:radial-gradient(circle,rgba(134,51,255,.14),transparent 70%)}
.reward-featured-v10{border-color:rgba(170,95,255,.28)}
.reward-featured-tag-v10{position:absolute;top:13px;right:13px;padding:5px 8px;border-radius:999px;background:rgba(135,50,255,.13);border:1px solid rgba(153,75,255,.2);color:#c79aff;font-size:7px;font-weight:900;letter-spacing:.1em}
.reward-icon-v10{width:44px;height:44px;display:flex;align-items:center;justify-content:center;border-radius:13px;background:rgba(137,55,255,.10);border:1px solid rgba(137,55,255,.16);font-size:20px;margin-bottom:22px}
.reward-type-v10{color:#aa87d0;font-size:8px;font-weight:900;letter-spacing:.13em}
.reward-card-v10 h3{margin:5px 0 7px;font-size:20px}
.reward-card-v10 p{margin:0;color:#9e95a8;font-size:11px;line-height:1.5;min-height:68px}
.reward-bottom-v10{position:relative;z-index:2;display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:17px;padding-top:14px;border-top:1px solid rgba(255,255,255,.055)}
.reward-bottom-v10 strong{font-size:16px;color:#d5b4ff}
.reward-bottom-v10 strong small{font-size:7px;color:#8f829a}
.reward-redeem-btn-v10{
  min-height:36px;padding:0 11px;border-radius:10px;border:1px solid rgba(160,80,255,.25);
  background:rgba(130,48,255,.12);color:#f2e9ff;font:inherit;font-size:8px;font-weight:900;cursor:pointer
}
.reward-disabled-v10{opacity:.52}

.rewards-note-v10{
  display:grid;grid-template-columns:190px 1fr;gap:19px;align-items:center;margin-top:17px;padding:18px 20px;border-radius:21px;
  border:1px solid rgba(255,255,255,.06);background:rgba(255,255,255,.025)
}
.rewards-note-v10 img{width:175px;max-height:76px;object-fit:contain}
.rewards-note-v10 strong{display:block;margin-top:5px;font-size:15px}
.rewards-note-v10 p{margin:4px 0 0;color:#91889c;font-size:10px}

.redeem-modal-v10[hidden]{display:none}
.redeem-modal-v10{position:fixed;z-index:9999;inset:0;display:flex;align-items:center;justify-content:center;padding:20px;background:rgba(3,3,7,.78);backdrop-filter:blur(8px)}
.redeem-modal-card-v10{position:relative;width:min(460px,100%);padding:28px;border-radius:24px;border:1px solid rgba(157,78,255,.24);background:linear-gradient(180deg,#161120,#0b0910);box-shadow:0 30px 80px rgba(0,0,0,.55)}
.redeem-modal-card-v10 h2{margin:7px 0 9px;font-size:27px}
.redeem-modal-card-v10 p{color:#aaa0b4;line-height:1.6;font-size:12px}
.redeem-close-v10{position:absolute;top:12px;right:14px;border:0;background:none;color:#afa3ba;font-size:24px;cursor:pointer}
.redeem-modal-actions-v10{display:flex;gap:9px;margin-top:18px}

/* PROFILE */
.profile-head-v10{
  display:grid;grid-template-columns:auto 1fr auto;gap:20px;align-items:center;padding:25px;border-radius:27px;
  border:1px solid rgba(157,78,255,.18);background:linear-gradient(135deg,rgba(18,15,29,.99),rgba(9,8,15,.99))
}
.profile-avatar-v10{width:92px;height:92px;border-radius:23px;padding:3px;background:linear-gradient(135deg,#7730ff,#bd77ff)}
.profile-avatar-placeholder-v10{width:100%;height:100%;display:flex;align-items:center;justify-content:center;border-radius:20px;background:#0d0a13;color:#c38dff;font-size:36px;font-weight:900}
.profile-identity-v10 h1{margin:5px 0 5px;font-size:32px}
.profile-identity-v10 p{margin:0;max-width:590px;color:#988fa2;font-size:11px;line-height:1.5}
.profile-balance-v10{min-width:205px;padding:14px 16px;border-radius:17px;border:1px solid rgba(155,77,255,.18);background:rgba(129,48,255,.07)}
.profile-balance-v10>span,.profile-balance-v10>small{display:block;color:#91869c;font-size:7px;font-weight:900;letter-spacing:.13em}
.profile-balance-v10 strong{display:block;margin:4px 0;font-size:25px}
.profile-balance-v10 a{display:inline-block;margin-top:7px;color:#c58fff;font-size:9px;font-weight:800}

.profile-grid-v10{display:grid;grid-template-columns:1.15fr .85fr;gap:14px;margin-top:14px}
.profile-stats-v10,.profile-level-v10{padding:21px}
.profile-stats-grid-v10{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:13px}
.profile-stats-grid-v10>div{padding:13px;border-radius:14px;border:1px solid rgba(255,255,255,.05);background:rgba(255,255,255,.025)}
.profile-stats-grid-v10 span{display:block;color:#8e8497;font-size:7px;font-weight:900;letter-spacing:.11em}
.profile-stats-grid-v10 strong{display:block;margin-top:6px;font-size:17px}
.profile-level-v10 h2{margin:6px 0 15px;font-size:22px}
.profile-level-row-v10{display:flex;justify-content:space-between;gap:10px;font-size:11px}
.profile-level-row-v10 span{color:#92889d}
.profile-progress-v10{height:9px;margin-top:9px;border-radius:999px;background:rgba(255,255,255,.06);overflow:hidden}
.profile-progress-v10 i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#7730ff,#b76fff)}
.profile-level-v10 p{margin:10px 0 0;color:#91879c;font-size:10px;line-height:1.5}

.profile-history-v10,.profile-redemptions-v10{margin-top:23px}
.history-table-v10{overflow:hidden;border-radius:20px;border:1px solid rgba(255,255,255,.06);background:rgba(255,255,255,.02)}
.history-row-v10{display:grid;grid-template-columns:1fr 130px 100px;gap:15px;align-items:center;padding:13px 17px;border-bottom:1px solid rgba(255,255,255,.05);font-size:11px}
.history-row-v10:last-child{border-bottom:0}
.history-head-v10{color:#8e8498;font-size:8px;font-weight:900;letter-spacing:.12em}
.history-row-v10 b{display:block;font-size:11px}
.history-row-v10 small{display:block;margin-top:2px;color:#887e91;font-size:9px}
.history-row-v10>span:nth-child(2){color:#8e8498}
.points-positive-v10{color:#74d59a}
.points-negative-v10{color:#ff7b91}
.redemptions-grid-v10{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.redemptions-grid-v10 article{min-height:150px;padding:18px;border-radius:19px;border:1px solid rgba(255,255,255,.06);background:rgba(255,255,255,.025)}
.redemption-status-v10{display:inline-flex;padding:5px 7px;border-radius:999px;background:rgba(66,190,118,.09);border:1px solid rgba(66,190,118,.18);color:#7fd8a4;font-size:7px;font-weight:900}
.redemption-status-v10.pending{background:rgba(255,176,58,.08);border-color:rgba(255,176,58,.18);color:#efb85d}
.redemptions-grid-v10 h3{margin:11px 0 5px;font-size:16px}
.redemptions-grid-v10 p{margin:0;color:#92889d;font-size:10px}
.redemptions-grid-v10 small{display:block;margin-top:18px;color:#c69aff;font-size:9px;font-weight:900}
.redemption-empty-v10{display:flex;flex-direction:column;justify-content:center;align-items:flex-start}
.redemption-empty-v10 strong{font-size:15px}
.redemption-empty-v10 a{margin-top:9px;color:#c28fff;font-size:10px;font-weight:800}

@media(max-width:1100px){
  .rewards-hero-v10{grid-template-columns:1fr}
  .rewards-how-grid-v10,.rewards-grid-v10{grid-template-columns:1fr 1fr}
  .profile-head-v10{grid-template-columns:auto 1fr}
  .profile-balance-v10{grid-column:1/-1}
  .profile-grid-v10{grid-template-columns:1fr}
}
@media(max-width:750px){
  .rewards-how-grid-v10,.rewards-grid-v10,.redemptions-grid-v10{grid-template-columns:1fr}
  .rewards-note-v10{grid-template-columns:1fr}
  .profile-head-v10{grid-template-columns:1fr}
  .profile-avatar-v10{width:78px;height:78px}
  .profile-stats-grid-v10{grid-template-columns:1fr 1fr}
  .history-row-v10{grid-template-columns:1fr auto}
  .history-row-v10>span:nth-child(2){display:none}
  .history-head-v10 span:nth-child(2){display:none}
}
@media(max-width:520px){
  .rewards-hero-v10{padding:23px}
  .rewards-copy-v10 h1{font-size:42px}
  .rewards-actions-v10,.redeem-modal-actions-v10{flex-direction:column}
  .profile-stats-grid-v10{grid-template-columns:1fr}
  .points-pill-v10{display:none}
}


/* =========================================================
   V10.2 — MENU LATERAL GLOBAL
   ========================================================= */

.topbar-inner{
  display:flex;
  align-items:center;
  gap:16px;
}

.site-menu-trigger-v102{
  margin-left:auto;
  min-height:42px;
  padding:0 14px;
  border-radius:12px;
  border:1px solid rgba(159,82,255,.20);
  background:rgba(128,48,255,.075);
  color:#f3ebff;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  font:inherit;
  font-size:11px;
  font-weight:900;
  cursor:pointer;
  transition:transform .18s ease,border-color .18s ease,background .18s ease;
}

.site-menu-trigger-v102:hover{
  transform:translateY(-1px);
  border-color:rgba(174,99,255,.38);
  background:rgba(128,48,255,.13);
}

.site-menu-trigger-icon-v102{
  font-size:17px;
  line-height:1;
}

.topbar .header-actions{
  margin-left:0;
}

.site-menu-overlay-v102{
  position:fixed;
  z-index:9900;
  inset:0;
  background:rgba(2,2,6,.70);
  backdrop-filter:blur(8px);
}

.site-menu-overlay-v102[hidden]{
  display:none;
}

.site-menu-drawer-v102{
  position:fixed;
  z-index:9950;
  top:0;
  right:0;
  width:min(420px,92vw);
  height:100dvh;
  display:flex;
  flex-direction:column;
  transform:translateX(105%);
  transition:transform .23s ease;
  border-left:1px solid rgba(159,82,255,.18);
  background:
    radial-gradient(circle at 70% 0%,rgba(128,47,255,.15),transparent 26%),
    linear-gradient(180deg,#110d1a,#08070d 55%,#07060b);
  box-shadow:-30px 0 70px rgba(0,0,0,.48);
}

.site-menu-drawer-v102.site-menu-open-v102{
  transform:translateX(0);
}

.site-menu-lock-v102{
  overflow:hidden;
}

.site-menu-head-v102{
  min-height:88px;
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:14px;
  padding:16px 18px;
  border-bottom:1px solid rgba(255,255,255,.055);
}

.site-menu-brand-v102{
  display:flex;
  align-items:center;
  gap:11px;
}

.site-menu-brand-v102 img{
  width:55px;
  height:55px;
  object-fit:contain;
}

.site-menu-brand-v102 strong{
  display:block;
  font-size:15px;
}

.site-menu-brand-v102 span{
  display:block;
  margin-top:2px;
  color:#9d91aa;
  font-size:9px;
  text-transform:uppercase;
  letter-spacing:.12em;
}

.site-menu-close-v102{
  width:39px;
  height:39px;
  border-radius:12px;
  border:1px solid rgba(255,255,255,.07);
  background:rgba(255,255,255,.035);
  color:#cfc4d9;
  font-size:23px;
  cursor:pointer;
}

.site-menu-body-v102{
  flex:1;
  overflow-y:auto;
  padding:18px;
}

.site-menu-section-v102{
  display:block;
  margin:1px 0 10px;
  color:#8f829c;
  font-size:8px;
  font-weight:900;
  letter-spacing:.17em;
}

.site-menu-links-v102{
  display:grid;
  gap:7px;
}

.site-menu-links-v102 a,
.site-menu-account-v102 a{
  min-height:58px;
  display:grid;
  grid-template-columns:38px 1fr auto;
  gap:11px;
  align-items:center;
  padding:9px 11px;
  border-radius:15px;
  border:1px solid rgba(255,255,255,.045);
  background:rgba(255,255,255,.018);
  color:#f3edf9;
  transition:transform .16s ease,border-color .16s ease,background .16s ease;
}

.site-menu-links-v102 a:hover,
.site-menu-account-v102 a:hover,
.site-menu-current-v102{
  transform:translateX(-2px);
  border-color:rgba(157,78,255,.24)!important;
  background:rgba(128,48,255,.08)!important;
}

.site-menu-links-v102 a>span,
.site-menu-account-v102 a>span{
  width:36px;
  height:36px;
  border-radius:11px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:rgba(137,55,255,.10);
  border:1px solid rgba(137,55,255,.13);
  font-size:16px;
}

.site-menu-links-v102 strong,
.site-menu-account-v102 strong{
  display:block;
  font-size:12px;
}

.site-menu-links-v102 small,
.site-menu-account-v102 small{
  display:block;
  margin-top:2px;
  color:#8f8599;
  font-size:9px;
}

.site-menu-links-v102 b{
  color:#a878dd;
  font-size:16px;
}

.site-menu-account-label-v102{
  margin-top:20px;
}

.site-menu-account-v102{
  display:grid;
  gap:7px;
}

.site-menu-account-v102 a{
  grid-template-columns:38px 1fr;
}

.site-menu-footer-v102{
  min-height:88px;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:12px 18px;
  border-top:1px solid rgba(255,255,255,.05);
  background:rgba(255,255,255,.012);
}

.site-menu-footer-v102 img{
  width:190px;
  max-height:65px;
  object-fit:contain;
}

@media(max-width:780px){
  .topbar-inner{
    gap:8px;
  }

  .site-menu-trigger-v102 span:last-child{
    display:none;
  }

  .site-menu-trigger-v102{
    width:42px;
    padding:0;
  }

  .topbar .twitch-btn{
    display:none;
  }
}

@media(max-width:520px){
  .topbar .account-btn span:last-child{
    display:none;
  }

  .brand-text{
    display:none;
  }

  .site-menu-drawer-v102{
    width:94vw;
  }
}


/* =========================================================
   V11 — BACKEND / CONTA TWITCH REAL PREPARADA
   ========================================================= */

.profile-avatar-image-v11{
  width:100%;
  height:100%;
  object-fit:cover;
  border-radius:20px;
  display:block;
}

.profile-logout-v11{
  display:block;
  margin-top:10px;
  padding:0;
  border:0;
  background:transparent;
  color:#9e91a9;
  font:inherit;
  font-size:9px;
  font-weight:800;
  cursor:pointer;
}

.profile-logout-v11:hover{
  color:#d8b8ff;
}


/* =========================================================
   V11.1 — MENU À ESQUERDA + SITE ENCOLHE EM DESKTOP
   ========================================================= */

:root{
  --side-menu-width-v111: 390px;
}

/* Drawer passa para a esquerda */
.site-menu-drawer-v102{
  left:0 !important;
  right:auto !important;
  width:var(--side-menu-width-v111);
  transform:translateX(-105%) !important;
  border-left:0 !important;
  border-right:1px solid rgba(159,82,255,.18);
  box-shadow:30px 0 70px rgba(0,0,0,.42);
}

.site-menu-drawer-v102.site-menu-open-v102{
  transform:translateX(0) !important;
}

/* Em desktop o fundo não escurece: o site realmente encolhe/desloca */
@media(min-width:981px){
  .site-menu-overlay-v102{
    display:none !important;
  }

  body{
    transition:padding-left .24s ease;
  }

  body.site-menu-lock-v102{
    overflow:auto !important;
    padding-left:var(--side-menu-width-v111);
  }

  body.site-menu-lock-v102 .topbar{
    left:var(--side-menu-width-v111);
    width:calc(100% - var(--side-menu-width-v111));
  }

  body.site-menu-lock-v102 .topbar-inner,
  body.site-menu-lock-v102 main.container,
  body.site-menu-lock-v102 footer .container{
    width:min(100% - 34px, 1180px);
  }

  .topbar{
    transition:left .24s ease,width .24s ease;
  }

  main.container,
  footer .container,
  .topbar-inner{
    transition:width .24s ease,max-width .24s ease;
  }
}

/* Tablet e mobile: menu abre por cima para não esmagar o site */
@media(max-width:980px){
  :root{
    --side-menu-width-v111: min(390px, 92vw);
  }

  .site-menu-overlay-v102{
    display:block;
  }

  body.site-menu-lock-v102{
    padding-left:0 !important;
    overflow:hidden !important;
  }

  .site-menu-drawer-v102{
    width:min(390px,92vw) !important;
  }
}

/* Mobile mais compacto */
@media(max-width:560px){
  .site-menu-drawer-v102{
    width:94vw !important;
  }

  .site-menu-head-v102{
    min-height:76px;
    padding:12px 14px;
  }

  .site-menu-brand-v102 img{
    width:48px;
    height:48px;
  }

  .site-menu-body-v102{
    padding:14px;
  }

  .site-menu-links-v102 a,
  .site-menu-account-v102 a{
    min-height:54px;
  }
}


/* =========================================================
   V11.2 — BOTÃO DO MENU TAMBÉM À ESQUERDA
   ========================================================= */

.site-menu-trigger-v102{
  margin-left:0 !important;
  margin-right:0;
  order:-1;
  flex:0 0 auto;
}

.brand-wrap{
  order:0;
}

.header-actions{
  margin-left:auto !important;
  order:2;
}

/* Ordem no topo:
   Menu | Logótipo/Marca ........................ Conta/Pontos/Twitch */
.topbar-inner{
  justify-content:flex-start;
}

@media(max-width:780px){
  .site-menu-trigger-v102{
    order:-1;
    margin-left:0 !important;
  }

  .brand-wrap{
    order:0;
  }

  .header-actions{
    margin-left:auto !important;
  }
}


/* =========================================================
   V12 — PAINEL DE ADMINISTRAÇÃO
   ========================================================= */

.admin-page-v12{padding-top:20px;padding-bottom:30px}
.admin-head-v12{
  display:grid;grid-template-columns:1fr auto;gap:22px;align-items:center;
  padding:28px;border-radius:27px;border:1px solid rgba(160,80,255,.18);
  background:radial-gradient(circle at 80% 20%,rgba(139,55,255,.15),transparent 28%),linear-gradient(135deg,#151020,#09070e)
}
.admin-head-v12 h1{margin:7px 0 9px;font-size:44px;letter-spacing:-.045em}
.admin-head-v12 h1 span{color:#b979ff}
.admin-head-v12 p{margin:0;color:#9f95aa;font-size:12px}
.admin-auth-v12{min-width:220px;padding:14px 16px;border-radius:17px;border:1px solid rgba(255,255,255,.06);background:rgba(255,255,255,.025)}
.admin-auth-v12 span,.admin-auth-v12 small{display:block;color:#8f8598;font-size:8px;font-weight:900;letter-spacing:.1em}
.admin-auth-v12 strong{display:block;margin:5px 0;font-size:14px}

.admin-stats-v12{display:grid;grid-template-columns:repeat(4,1fr);gap:11px;margin-top:14px}
.admin-stats-v12 article{padding:17px;border-radius:19px;border:1px solid rgba(255,255,255,.06);background:linear-gradient(160deg,rgba(18,15,28,.98),rgba(9,8,15,.98))}
.admin-stats-v12 span{display:block;color:#8e8398;font-size:8px;font-weight:900;letter-spacing:.12em}
.admin-stats-v12 strong{display:block;margin:7px 0 3px;font-size:25px;color:#d5b3ff}
.admin-stats-v12 small{color:#7f7688;font-size:9px}

.admin-tabs-v12{display:flex;gap:7px;flex-wrap:wrap;margin-top:18px;padding:6px;border-radius:16px;border:1px solid rgba(255,255,255,.055);background:rgba(255,255,255,.02)}
.admin-tab-v12{min-height:39px;padding:0 13px;border-radius:11px;border:0;background:transparent;color:#948a9f;font:inherit;font-size:10px;font-weight:800;cursor:pointer}
.admin-tab-v12.active{background:rgba(133,51,255,.12);color:#eadcff}

.admin-panel-v12{display:none;margin-top:14px;padding:22px;border-radius:23px;border:1px solid rgba(255,255,255,.06);background:linear-gradient(180deg,rgba(17,14,26,.98),rgba(9,8,15,.98))}
.admin-panel-v12.active{display:block}
.admin-panel-head-v12{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-bottom:16px}
.admin-panel-head-v12 h2{margin:5px 0 0;font-size:26px}
.admin-panel-head-v12 p{margin:6px 0 0;color:#8f859a;font-size:10px}

.admin-search-v12 input,.admin-modal-card-v12 input,.admin-modal-card-v12 textarea{
  width:100%;border:1px solid rgba(255,255,255,.08);background:#0d0a13;color:#eee7f4;border-radius:12px;padding:11px 12px;font:inherit;font-size:11px;outline:none
}
.admin-search-v12{width:240px}

.admin-table-v12{overflow:hidden;border-radius:16px;border:1px solid rgba(255,255,255,.05)}
.admin-table-row-v12{display:grid;grid-template-columns:1.4fr 1fr .7fr .55fr;gap:12px;align-items:center;padding:12px 14px;border-bottom:1px solid rgba(255,255,255,.045);font-size:10px}
.admin-table-row-v12:last-child{border-bottom:0}
.admin-table-head-v12{color:#827789;font-size:8px;font-weight:900;letter-spacing:.1em;background:rgba(255,255,255,.02)}
.admin-table-row-v12 b{display:block;font-size:11px}
.admin-table-row-v12 small{display:block;margin-top:2px;color:#817688;font-size:8px}
.admin-table-row-v12 strong{color:#c79cff}

.admin-mini-btn-v12{min-height:32px;padding:0 9px;border-radius:9px;border:1px solid rgba(151,73,255,.20);background:rgba(125,45,255,.09);color:#dbc2ff;font:inherit;font-size:8px;font-weight:900;cursor:pointer}
.admin-empty-v12{padding:20px;color:#8b8194;font-size:10px}

.admin-cards-list-v12{display:grid;gap:9px}
.admin-item-card-v12{display:grid;grid-template-columns:1fr auto;gap:18px;align-items:center;padding:16px;border-radius:17px;border:1px solid rgba(255,255,255,.055);background:rgba(255,255,255,.018)}
.admin-item-card-v12 h3{margin:6px 0 5px;font-size:16px}
.admin-item-card-v12 p{margin:0;color:#91869b;font-size:10px;line-height:1.5}
.admin-item-meta-v12{text-align:right}
.admin-item-meta-v12 strong,.admin-item-meta-v12 small{display:block}
.admin-item-meta-v12 strong{color:#c89dff;font-size:13px}
.admin-item-meta-v12 small{margin:3px 0 8px;color:#817789;font-size:8px}
.admin-status-v12{display:inline-flex;padding:4px 7px;border-radius:999px;font-size:7px;font-weight:900;letter-spacing:.08em}
.admin-status-v12.on,.admin-status-v12.approved,.admin-status-v12.delivered{background:rgba(65,189,118,.08);border:1px solid rgba(65,189,118,.16);color:#7ad69f}
.admin-status-v12.off,.admin-status-v12.rejected{background:rgba(255,72,99,.07);border:1px solid rgba(255,72,99,.15);color:#ff8b9d}
.admin-status-v12.pending{background:rgba(255,174,51,.07);border:1px solid rgba(255,174,51,.15);color:#e9b558}
.admin-redemption-actions-v12{display:flex;gap:5px;flex-wrap:wrap}
.admin-redemption-actions-v12 button{min-height:31px;padding:0 8px;border-radius:8px;border:1px solid rgba(255,255,255,.07);background:rgba(255,255,255,.03);color:#cfc3d8;font:inherit;font-size:7px;font-weight:900;cursor:pointer}

.admin-rules-grid-v12{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.admin-rule-v12{display:grid;grid-template-columns:1fr auto;gap:15px;align-items:center;padding:16px;border-radius:17px;border:1px solid rgba(255,255,255,.055);background:rgba(255,255,255,.018)}
.admin-rule-v12>div:first-child>span{color:#7d7285;font-size:7px;font-weight:900;letter-spacing:.08em}
.admin-rule-v12 h3{margin:4px 0 5px;font-size:14px}
.admin-rule-v12 p{margin:0;color:#8e8497;font-size:9px;line-height:1.45}
.admin-rule-control-v12{display:grid;gap:7px;min-width:110px}
.admin-rule-control-v12 label{font-size:9px;color:#a99db2}
.admin-rule-control-v12>div{display:flex;align-items:center;gap:5px}
.admin-rule-control-v12 input[type=number]{width:70px;border:1px solid rgba(255,255,255,.08);background:#0d0a13;color:#eee7f4;border-radius:9px;padding:8px;font:inherit;font-size:10px}
.admin-rule-control-v12 small{color:#817589;font-size:7px;font-weight:900}

.admin-modal-v12[hidden]{display:none}
.admin-modal-v12{position:fixed;z-index:9999;inset:0;display:flex;align-items:center;justify-content:center;padding:20px;background:rgba(3,3,7,.78);backdrop-filter:blur(8px)}
.admin-modal-card-v12{position:relative;width:min(500px,100%);padding:27px;border-radius:23px;border:1px solid rgba(156,77,255,.22);background:linear-gradient(180deg,#161120,#0b0910)}
.admin-modal-card-v12 h2{margin:6px 0 16px;font-size:25px}
.admin-modal-card-v12 label{display:block;margin:10px 0 5px;color:#968b9f;font-size:9px;font-weight:800}
.admin-form-grid-v12{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.admin-check-v12{display:flex!important;align-items:center;gap:7px}
.admin-check-v12 input{width:auto!important}

@media(max-width:950px){
  .admin-stats-v12{grid-template-columns:1fr 1fr}
  .admin-rules-grid-v12{grid-template-columns:1fr}
}
@media(max-width:700px){
  .admin-head-v12{grid-template-columns:1fr}
  .admin-auth-v12{min-width:0}
  .admin-panel-head-v12{align-items:flex-start;flex-direction:column}
  .admin-search-v12{width:100%}
  .admin-table-row-v12{grid-template-columns:1fr auto}
  .admin-table-row-v12>span:nth-child(2){display:none}
  .admin-table-head-v12 span:nth-child(2){display:none}
  .admin-item-card-v12{grid-template-columns:1fr}
  .admin-item-meta-v12{text-align:left}
}
@media(max-width:500px){
  .admin-stats-v12{grid-template-columns:1fr}
  .admin-form-grid-v12{grid-template-columns:1fr}
}


/* =========================================================
   V13 — CONQUISTAS & BADGES
   ========================================================= */

.badges-page-v13{padding-top:20px;padding-bottom:28px}
.badges-hero-v13{
  min-height:365px;display:grid;grid-template-columns:1.15fr .85fr;gap:20px;align-items:center;
  padding:32px;border-radius:29px;border:1px solid rgba(159,80,255,.19);
  background:radial-gradient(circle at 80% 30%,rgba(140,57,255,.18),transparent 28%),linear-gradient(135deg,#151020,#09070e);
  box-shadow:0 23px 60px rgba(0,0,0,.38)
}
.badges-hero-v13 h1{margin:8px 0 13px;font-size:clamp(44px,5vw,68px);line-height:.95;letter-spacing:-.05em}
.badges-hero-v13 h1 span{background:linear-gradient(90deg,#c68eff,#7d2cff);-webkit-background-clip:text;background-clip:text;color:transparent}
.badges-hero-v13 p{max-width:650px;margin:0 0 20px;color:#b8afc2;font-size:13px;line-height:1.7}

.badges-hero-stack-v13{position:relative;min-height:260px}
.badge-center-v13,.badge-orbit-v13{
  position:absolute;display:flex;align-items:center;justify-content:center;border-radius:28px;
  border:1px solid rgba(159,80,255,.23);background:linear-gradient(145deg,rgba(136,53,255,.14),rgba(255,255,255,.025));
  box-shadow:0 18px 40px rgba(0,0,0,.30)
}
.badge-center-v13{width:145px;height:145px;left:50%;top:50%;transform:translate(-50%,-50%);font-size:65px}
.badge-orbit-v13{width:78px;height:78px;font-size:35px}
.badge-orbit-v13.b1{left:4%;top:18%}
.badge-orbit-v13.b2{right:4%;top:8%}
.badge-orbit-v13.b3{right:12%;bottom:2%}

.badges-section-v13{margin-top:25px}
.badges-grid-v13{display:grid;grid-template-columns:repeat(5,1fr);gap:11px}
.badge-card-v13{
  position:relative;min-height:245px;padding:18px;border-radius:21px;border:1px solid rgba(255,255,255,.06);
  background:linear-gradient(160deg,rgba(18,15,28,.98),rgba(9,8,15,.98));overflow:hidden
}
.badge-card-v13:after{content:"";position:absolute;right:-70px;bottom:-80px;width:170px;height:170px;border-radius:50%;background:radial-gradient(circle,rgba(132,50,255,.13),transparent 70%)}
.badge-icon-v13{width:62px;height:62px;border-radius:19px;display:flex;align-items:center;justify-content:center;margin-bottom:22px;background:rgba(132,50,255,.10);border:1px solid rgba(155,77,255,.16);font-size:30px}
.badge-card-v13>span{font-size:8px;font-weight:900;letter-spacing:.13em}
.badge-card-v13 h3{margin:5px 0 7px;font-size:17px;line-height:1.1}
.badge-card-v13 p{margin:0;color:#92899d;font-size:10px;line-height:1.55;min-height:62px}
.badge-card-v13 small{display:inline-block;margin-top:13px;padding:5px 7px;border-radius:999px;border:1px solid rgba(255,255,255,.06);color:#8c8296;font-size:7px;font-weight:900;letter-spacing:.08em}

.rarity-common>span{color:#b8b1c0}
.rarity-rare{border-color:rgba(97,147,255,.17)}
.rarity-rare>span{color:#79a7ff}
.rarity-epic{border-color:rgba(170,87,255,.22)}
.rarity-epic>span{color:#c184ff}
.rarity-legendary{border-color:rgba(255,188,70,.23)}
.rarity-legendary>span{color:#ffc35b}
.rarity-exclusive{border-color:rgba(255,97,155,.20)}
.rarity-exclusive>span{color:#ff83ae}

.badges-rarity-v13{
  display:flex;align-items:center;gap:13px;flex-wrap:wrap;margin-top:16px;padding:14px 16px;border-radius:17px;
  border:1px solid rgba(255,255,255,.05);background:rgba(255,255,255,.02);color:#9b91a5;font-size:9px
}
.badges-rarity-v13>div{display:flex;align-items:center;gap:5px}
.badges-rarity-v13 b{width:8px;height:8px;border-radius:50%}
.r-common{background:#aaa2b0}.r-rare{background:#79a7ff}.r-epic{background:#bd79ff}.r-legendary{background:#ffc35b}.r-exclusive{background:#ff7aa8}

/* Profile badge collection */
.profile-badges-v13{margin-top:23px}
.profile-badges-grid-v13{display:grid;grid-template-columns:1fr 1fr;gap:9px}
.profile-badge-v13{
  min-height:82px;display:grid;grid-template-columns:52px 1fr auto;gap:12px;align-items:center;
  padding:12px;border-radius:17px;border:1px solid rgba(255,255,255,.055);background:rgba(255,255,255,.02)
}
.profile-badge-v13.locked{opacity:.48}
.profile-badge-v13.equipped{border-color:rgba(164,86,255,.31);background:rgba(128,48,255,.065)}
.profile-badge-icon-v13{width:50px;height:50px;border-radius:15px;display:flex;align-items:center;justify-content:center;background:rgba(134,52,255,.09);font-size:23px}
.profile-badge-v13 span{display:block;color:#9f8bb8;font-size:7px;font-weight:900;letter-spacing:.1em}
.profile-badge-v13 strong{display:block;margin-top:3px;font-size:12px}
.profile-badge-v13 small{display:block;margin-top:3px;color:#84798d;font-size:8px}
.profile-badge-v13 button{min-height:31px;padding:0 8px;border-radius:9px;border:1px solid rgba(155,77,255,.18);background:rgba(128,48,255,.08);color:#caa6f4;font:inherit;font-size:7px;font-weight:900;cursor:pointer}
.profile-badge-v13 button:disabled{cursor:default}
.profile-all-badges-v13{display:inline-block;margin-top:12px;color:#c28fff;font-size:9px;font-weight:900}

@media(max-width:1100px){.badges-grid-v13{grid-template-columns:repeat(3,1fr)}}
@media(max-width:800px){
  .badges-hero-v13{grid-template-columns:1fr}
  .badges-hero-stack-v13{min-height:220px}
  .badges-grid-v13{grid-template-columns:1fr 1fr}
  .profile-badges-grid-v13{grid-template-columns:1fr}
}
@media(max-width:520px){
  .badges-hero-v13{padding:22px}
  .badges-hero-v13 h1{font-size:40px}
  .badges-grid-v13{grid-template-columns:1fr}
}


/* =========================================================
   V13.1 — STATS AUTOMÁTICAS / TUDO COMEÇA A ZERO
   ========================================================= */

.profile-achievement-stats-v131{margin-top:23px}
.achievement-stats-grid-v131{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}
.achievement-stats-grid-v131 article{
  min-height:88px;display:flex;align-items:center;gap:12px;padding:14px;border-radius:17px;
  border:1px solid rgba(255,255,255,.055);background:rgba(255,255,255,.02)
}
.achievement-stats-grid-v131 article>span{
  width:42px;height:42px;display:flex;align-items:center;justify-content:center;border-radius:13px;
  background:rgba(132,50,255,.09);font-size:18px
}
.achievement-stats-grid-v131 strong{display:block;font-size:16px}
.achievement-stats-grid-v131 small{display:block;margin-top:3px;color:#8a8094;font-size:8px}

@media(max-width:800px){
  .achievement-stats-grid-v131{grid-template-columns:1fr 1fr}
}
@media(max-width:480px){
  .achievement-stats-grid-v131{grid-template-columns:1fr}
}


/* =========================================================
   V13.2 — PERFIL: BADGES COM PROGRESSO E ESPECIAIS SEPARADAS
   ========================================================= */

.profile-badges-v132{margin-top:23px}
.badges-summary-strip-v132{
  display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:14px;margin-bottom:16px
}
.badges-summary-strip-v132 article{
  padding:15px 16px;border-radius:17px;border:1px solid rgba(255,255,255,.055);
  background:linear-gradient(160deg,rgba(18,15,28,.98),rgba(9,8,15,.98))
}
.badges-summary-strip-v132 span{
  display:block;color:#8d8197;font-size:8px;font-weight:900;letter-spacing:.11em
}
.badges-summary-strip-v132 strong{
  display:block;margin:7px 0 3px;font-size:26px;color:#d5b3ff
}
.badges-summary-strip-v132 small{color:#807688;font-size:9px}

.profile-badge-groups-v132{
  display:grid;grid-template-columns:1fr;gap:16px;margin-top:8px
}
.profile-badge-group-v132{
  padding:18px;border-radius:22px;border:1px solid rgba(255,255,255,.055);
  background:rgba(255,255,255,.02)
}
.profile-badge-group-v132.special{
  border-color:rgba(255,199,91,.12);
  background:linear-gradient(180deg,rgba(30,22,11,.30),rgba(255,255,255,.02))
}
.profile-badge-group-head-v132 h3{
  margin:5px 0 6px;font-size:22px
}
.profile-badge-group-head-v132 p{
  margin:0;color:#8f8598;font-size:10px
}

.profile-badges-grid-v132{
  display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px
}

.profile-badge-card-v132{
  padding:14px;border-radius:18px;border:1px solid rgba(255,255,255,.055);
  background:linear-gradient(160deg,rgba(18,15,28,.98),rgba(9,8,15,.98))
}
.profile-badge-card-v132.locked{opacity:.92}
.profile-badge-card-v132.unlocked{
  border-color:rgba(154,79,255,.20)
}
.profile-badge-card-v132.equipped{
  border-color:rgba(183,118,255,.35);
  box-shadow:0 0 0 1px rgba(183,118,255,.12) inset
}
.profile-badge-top-v132{
  display:grid;grid-template-columns:54px 1fr;gap:12px;align-items:center
}
.profile-badge-icon-v132{
  width:54px;height:54px;border-radius:16px;display:flex;align-items:center;justify-content:center;
  background:rgba(132,50,255,.10);border:1px solid rgba(155,77,255,.18);font-size:25px
}
.profile-badge-meta-v132 span{
  display:block;color:#9b8eb1;font-size:7px;font-weight:900;letter-spacing:.1em
}
.profile-badge-meta-v132 strong{
  display:block;margin-top:3px;font-size:13px
}
.profile-badge-meta-v132 small{
  display:block;margin-top:3px;color:#857a90;font-size:8px
}

.badge-progress-wrap-v132{margin-top:12px}
.badge-progress-wrap-v132 small{
  display:block;margin-top:5px;color:#857a90;font-size:8px
}
.badge-progress-bar-v132{
  height:8px;border-radius:999px;background:rgba(255,255,255,.05);overflow:hidden;border:1px solid rgba(255,255,255,.04)
}
.badge-progress-bar-v132 i{
  display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#5fd1ff,#8d45ff)
}
.badge-progress-wrap-v132.done .badge-progress-bar-v132 i{
  background:linear-gradient(90deg,#74e0a3,#45b868)
}

.profile-badge-footer-v132{
  display:grid;grid-template-columns:1fr auto;gap:12px;align-items:end;margin-top:12px
}
.profile-badge-desc-v132{
  color:#94889f;font-size:9px;line-height:1.45
}
.profile-badge-footer-v132 button{
  min-height:33px;padding:0 10px;border-radius:10px;border:1px solid rgba(155,77,255,.18);
  background:rgba(128,48,255,.08);color:#d6b7ff;font:inherit;font-size:8px;font-weight:900;cursor:pointer
}
.profile-badge-footer-v132 button:disabled{
  opacity:.7;cursor:default
}

@media(max-width:900px){
  .badges-summary-strip-v132{grid-template-columns:1fr}
  .profile-badges-grid-v132{grid-template-columns:1fr}
}
@media(max-width:580px){
  .profile-badge-footer-v132{grid-template-columns:1fr}
}


/* =========================================================
   V13.3 — RESUMO COMPACTO DE BADGES NO PERFIL
   Inspirado num layout de coleção rápida
   ========================================================= */

.profile-badge-summary-v133{
  margin-top:23px;
  padding:20px;
  border-radius:23px;
  border:1px solid rgba(255,255,255,.065);
  background:linear-gradient(180deg,rgba(18,16,24,.98),rgba(12,11,17,.98));
}

.profile-badge-summary-head-v133{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:18px;
}

.profile-badge-summary-head-v133 h2{
  margin:5px 0 7px;
  font-size:26px;
}

.profile-badge-summary-head-v133 p{
  margin:0;
  color:#8d8495;
  font-size:12px;
  font-weight:700;
}

.profile-badge-summary-btn-v133{
  min-height:46px;
  padding:0 18px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:13px;
  border:1px solid rgba(255,255,255,.07);
  background:rgba(255,255,255,.07);
  color:#f3eff7;
  font-size:11px;
  font-weight:900;
  white-space:nowrap;
  transition:transform .18s ease,background .18s ease;
}

.profile-badge-summary-btn-v133:hover{
  transform:translateY(-1px);
  background:rgba(255,255,255,.10);
}

.profile-badge-strip-v133{
  display:flex;
  align-items:center;
  gap:12px;
  margin-top:20px;
  padding:4px 2px 5px;
  overflow-x:auto;
  scrollbar-width:thin;
  scrollbar-color:rgba(144,90,200,.35) transparent;
}

.profile-badge-strip-v133::-webkit-scrollbar{
  height:6px;
}

.profile-badge-strip-v133::-webkit-scrollbar-thumb{
  background:rgba(144,90,200,.35);
  border-radius:999px;
}

.profile-badge-mini-v133{
  position:relative;
  flex:0 0 auto;
  width:58px;
  height:58px;
  border-radius:16px;
  display:flex;
  align-items:center;
  justify-content:center;
  border:1px solid rgba(255,255,255,.07);
  background:
    radial-gradient(circle at 35% 25%,rgba(255,255,255,.08),transparent 35%),
    rgba(255,255,255,.025);
  transition:transform .18s ease,border-color .18s ease,opacity .18s ease;
}

.profile-badge-mini-v133:hover{
  transform:translateY(-2px) scale(1.04);
}

.profile-badge-mini-v133.unlocked{
  border-color:rgba(154,85,255,.30);
  box-shadow:0 0 20px rgba(135,56,255,.10);
}

.profile-badge-mini-v133.locked{
  opacity:.34;
  filter:grayscale(.65);
}

.profile-badge-mini-v133.equipped{
  border-color:rgba(255,214,92,.52);
  box-shadow:0 0 0 1px rgba(255,214,92,.12) inset,0 0 20px rgba(255,214,92,.10);
}

.profile-badge-mini-icon-v133{
  font-size:28px;
  line-height:1;
}

.profile-badge-mini-equipped-v133{
  position:absolute;
  right:-3px;
  bottom:-3px;
  width:18px;
  height:18px;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  background:#d8aa3c;
  color:#111;
  border:2px solid #0b0910;
  font-size:9px;
  font-weight:900;
}

.profile-badge-summary-empty-v133{
  color:#8f8598;
  font-size:10px;
}

@media(max-width:620px){
  .profile-badge-summary-head-v133{
    align-items:stretch;
    flex-direction:column;
  }

  .profile-badge-summary-btn-v133{
    width:100%;
  }

  .profile-badge-mini-v133{
    width:52px;
    height:52px;
  }

  .profile-badge-mini-icon-v133{
    font-size:24px;
  }
}


/* V13.4 — badges com imagens reais */
.profile-badge-icon-img-v134{
  display:block;
  width:78px;
  height:78px;
  object-fit:contain;
}

.profile-badge-mini-icon-img-v134{
  display:block;
  width:42px;
  height:42px;
  object-fit:contain;
}

.profile-badge-icon-v132 img,
.profile-badge-mini-icon-v133 img{
  filter:drop-shadow(0 6px 10px rgba(0,0,0,.18));
}

.profile-badge-icon-v132{
  width:84px;
  height:84px;
  display:flex;
  align-items:center;
  justify-content:center;
}

.profile-badge-mini-icon-v133{
  width:44px;
  height:44px;
  display:flex;
  align-items:center;
  justify-content:center;
}

@media(max-width:620px){
  .profile-badge-icon-img-v134{
    width:68px;
    height:68px;
  }
  .profile-badge-mini-icon-img-v134{
    width:38px;
    height:38px;
  }
}


/* V13.5 — badges reais também na página Ver Todas */
.badge-center-img-v135{
  display:block;
  width:100px;
  height:100px;
  object-fit:contain;
  filter:drop-shadow(0 12px 18px rgba(0,0,0,.22));
}
.badge-orbit-img-v135{
  display:block;
  width:52px;
  height:52px;
  object-fit:contain;
  filter:drop-shadow(0 8px 14px rgba(0,0,0,.22));
}
.badge-icon-img-v135{
  display:block;
  width:48px;
  height:48px;
  object-fit:contain;
  filter:drop-shadow(0 8px 12px rgba(0,0,0,.18));
}
.badge-icon-v13 img,.badge-center-v13 img,.badge-orbit-v13 img{max-width:none}
.badge-icon-v13{
  overflow:hidden;
}
@media(max-width:780px){
  .badge-center-img-v135{width:86px;height:86px}
  .badge-orbit-img-v135{width:44px;height:44px}
  .badge-icon-img-v135{width:42px;height:42px}
}


/* V13.6 — ver todas com imagem completa e descrição em modal */
.badges-grid-v136{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}
.badge-card-v136{
  position:relative;
  border-radius:24px;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.08);
  background:linear-gradient(180deg,rgba(19,17,28,.98),rgba(9,8,14,.98));
  padding:12px;
  box-shadow:0 16px 40px rgba(0,0,0,.22);
}
.badge-rarity-tag-v136{
  position:absolute;top:12px;left:12px;z-index:2;
  padding:6px 9px;border-radius:999px;
  background:rgba(10,10,14,.72);backdrop-filter:blur(12px);
  border:1px solid rgba(255,255,255,.10);font-size:8px;font-weight:900;letter-spacing:.12em;color:#f4efff;
}
.badge-media-v136{
  position:relative;
  width:100%;
  aspect-ratio:1 / 1;
  border-radius:18px;
  overflow:hidden;
  background:radial-gradient(circle at 50% 35%,rgba(255,255,255,.08),transparent 42%),rgba(255,255,255,.03);
  border:1px solid rgba(255,255,255,.06);
  display:flex;align-items:center;justify-content:center;
}
.badge-full-img-v136{
  width:100%;height:100%;object-fit:contain;display:block;
  padding:8px;
  filter:drop-shadow(0 12px 20px rgba(0,0,0,.22));
}
.badge-card-bottom-v136{padding:12px 4px 3px;text-align:center}
.badge-card-bottom-v136 h3{margin:0 0 7px;font-size:16px;line-height:1.14}
.badge-card-bottom-v136 small{display:block;color:#a091b1;font-size:8px;font-weight:900;letter-spacing:.10em;margin-bottom:12px}
.badge-action-btn-v136{
  width:100%;min-height:40px;border-radius:14px;border:1px solid rgba(255,255,255,.09);
  background:linear-gradient(90deg,rgba(143,63,255,.18),rgba(212,110,255,.18));color:#fff;cursor:pointer;
  font:inherit;font-size:10px;font-weight:900;letter-spacing:.10em;transition:transform .18s ease, background .18s ease, border-color .18s ease;
}
.badge-action-btn-v136:hover{transform:translateY(-1px);background:linear-gradient(90deg,rgba(143,63,255,.28),rgba(212,110,255,.24));border-color:rgba(182,121,255,.30)}

.badge-modal-open-v136{overflow:hidden}
.badge-modal-overlay-v136{
  position:fixed;inset:0;z-index:2000;background:rgba(4,4,8,.76);backdrop-filter:blur(10px);
  display:flex;align-items:center;justify-content:center;padding:20px;
}
.badge-modal-v136{
  width:min(620px,100%);display:grid;grid-template-columns:220px 1fr;gap:20px;
  background:linear-gradient(180deg,rgba(17,15,24,.99),rgba(9,8,14,.99));border:1px solid rgba(255,255,255,.09);
  border-radius:28px;padding:22px;position:relative;box-shadow:0 24px 70px rgba(0,0,0,.45);
}
.badge-modal-close-v136{
  position:absolute;right:14px;top:12px;width:38px;height:38px;border-radius:50%;border:1px solid rgba(255,255,255,.08);
  background:rgba(255,255,255,.04);color:#fff;font-size:24px;line-height:1;cursor:pointer;
}
.badge-modal-media-v136{
  aspect-ratio:1 / 1;border-radius:22px;overflow:hidden;border:1px solid rgba(255,255,255,.07);
  background:radial-gradient(circle at 50% 35%,rgba(255,255,255,.08),transparent 42%),rgba(255,255,255,.03);
  display:flex;align-items:center;justify-content:center;padding:14px;
}
.badge-modal-media-v136 img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 16px 24px rgba(0,0,0,.28))}
.badge-modal-content-v136{display:flex;flex-direction:column;justify-content:center}
.badge-modal-rarity-v136{display:inline-block;align-self:flex-start;padding:7px 10px;border-radius:999px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.09);font-size:8px;font-weight:900;letter-spacing:.14em;color:#d8c7f7}
.badge-modal-content-v136 h3{margin:14px 0 8px;font-size:30px;line-height:1.06}
.badge-modal-content-v136 small{display:block;color:#b49dda;font-size:11px;font-weight:900;letter-spacing:.12em;margin-bottom:14px}
.badge-modal-content-v136 p{margin:0;color:#d7d0e3;font-size:15px;line-height:1.65}

@media(max-width:1100px){.badges-grid-v136{grid-template-columns:repeat(3,1fr)}}
@media(max-width:780px){
  .badges-grid-v136{grid-template-columns:1fr 1fr}
  .badge-modal-v136{grid-template-columns:1fr;gap:16px;padding:18px}
  .badge-modal-content-v136 h3{font-size:24px}
}
@media(max-width:560px){
  .badges-grid-v136{grid-template-columns:1fr}
}


/* V13.6.1 — correção crítica do modal de badges */
.badge-modal-overlay-v136[hidden]{
  display:none !important;
}


/* V15 — automação de watchtime/presença */
.admin-twitch-automation-v15{
  display:grid;grid-template-columns:1.1fr 1fr;gap:18px;align-items:center;
  margin-top:14px;padding:19px;border-radius:21px;border:1px solid rgba(79,164,255,.12);
  background:linear-gradient(135deg,rgba(10,25,42,.44),rgba(12,9,19,.95));
}
.admin-twitch-automation-v15 h2{margin:5px 0 7px;font-size:21px}
.admin-twitch-automation-v15 p{margin:0;color:#91889c;font-size:10px;line-height:1.55}
.admin-twitch-status-grid-v15{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}
.admin-twitch-status-grid-v15 article{padding:11px;border-radius:13px;border:1px solid rgba(255,255,255,.055);background:rgba(255,255,255,.02)}
.admin-twitch-status-grid-v15 span,.admin-twitch-status-grid-v15 small{display:block;color:#81788c;font-size:7px;font-weight:850}
.admin-twitch-status-grid-v15 strong{display:block;margin:5px 0 2px;font-size:11px;color:#a8d6ff}
@media(max-width:900px){.admin-twitch-automation-v15{grid-template-columns:1fr}.admin-twitch-status-grid-v15{grid-template-columns:1fr}}


/* V16 — regras automáticas de pontos */
.admin-rule-v12[data-rule-active="true"]{
  border-color:rgba(92,214,143,.18);
}


/* V17 — sincronização Twitch Subs */
.admin-sub-sync-v17{
  display:grid;grid-template-columns:1.1fr 1fr;gap:18px;align-items:center;
  margin-top:14px;padding:19px;border-radius:21px;
  border:1px solid rgba(167,106,255,.18);
  background:linear-gradient(135deg,rgba(34,16,54,.48),rgba(11,9,18,.96));
}
.admin-sub-sync-v17 h2{margin:5px 0 7px;font-size:21px}
.admin-sub-sync-v17 p{margin:0;color:#978ca2;font-size:10px;line-height:1.55}
.admin-sub-sync-stats-v17{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}
.admin-sub-sync-stats-v17 article{
  padding:11px;border-radius:13px;border:1px solid rgba(255,255,255,.06);
  background:rgba(255,255,255,.025)
}
.admin-sub-sync-stats-v17 span{
  display:block;color:#877d92;font-size:7px;font-weight:900;letter-spacing:.08em
}
.admin-sub-sync-stats-v17 strong{
  display:block;margin-top:6px;font-size:11px;color:#d9bbff
}
@media(max-width:900px){
  .admin-sub-sync-v17{grid-template-columns:1fr}
  .admin-sub-sync-stats-v17{grid-template-columns:1fr}
}


/* V18 — role da comunidade no perfil */
.profile-role-card-v18{
  padding:16px 18px;
  border-radius:18px;
  border:1px solid rgba(255,255,255,.07);
  background:linear-gradient(135deg,rgba(255,255,255,.025),rgba(143,63,255,.055));
  min-width:210px;
}
.profile-role-label-v18{
  display:block;
  color:#887d93;
  font-size:8px;
  font-weight:900;
  letter-spacing:.12em;
  margin-bottom:8px;
}
.profile-role-value-v18{
  display:flex;
  align-items:center;
  gap:8px;
  font-size:17px;
  color:#ddd4e8;
}
.profile-role-value-v18 strong{font-weight:900}
.profile-role-dot-v18{
  width:9px;height:9px;border-radius:50%;
  background:#8a8192;
  box-shadow:0 0 12px rgba(138,129,146,.35);
}
.profile-role-value-v18.role-follower{color:#d8b8ff}
.profile-role-value-v18.role-follower .profile-role-dot-v18{
  background:#9d57ff;
  box-shadow:0 0 14px rgba(157,87,255,.65);
}
.profile-role-value-v18.role-subscriber{color:#b7ffd1}
.profile-role-value-v18.role-subscriber .profile-role-dot-v18{
  background:#45da86;
  box-shadow:0 0 14px rgba(69,218,134,.65);
}
.profile-role-card-v18 small{
  display:block;
  margin-top:5px;
  color:#807688;
  font-size:9px;
}


/* V19 — Watch Time + Follow Age no perfil */
.profile-community-stats-v19{
  margin-top:16px;
  border:1px solid rgba(255,255,255,.07);
  background:linear-gradient(180deg,rgba(17,15,24,.94),rgba(9,8,14,.96));
  border-radius:22px;
  overflow:hidden;
}
.profile-tabs-head-v19{
  display:flex;
  align-items:center;
  padding:0 18px;
  border-bottom:1px solid rgba(255,255,255,.06);
}
.profile-tab-btn-v19{
  appearance:none;border:0;background:none;color:#8c8198;
  padding:15px 2px 12px;font:inherit;font-size:9px;font-weight:900;
  letter-spacing:.12em;position:relative;cursor:default;
}
.profile-tab-btn-v19.active{color:#fff}
.profile-tab-btn-v19.active:after{
  content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;
  background:linear-gradient(90deg,#8f3fff,#d675ff);border-radius:9px;
}
.profile-tab-panel-v19{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
  padding:14px;
}
.profile-stat-card-v19{
  min-height:118px;
  padding:17px;
  border-radius:17px;
  border:1px solid rgba(255,255,255,.055);
  background:rgba(255,255,255,.022);
}
.profile-stat-card-v19>span{
  display:block;color:#857b90;font-size:8px;font-weight:900;
  letter-spacing:.12em;margin-bottom:9px;
}
.profile-stat-card-v19>strong{
  display:block;color:#fff;font-size:24px;line-height:1.05;font-weight:900;
}
.profile-stat-card-v19>small{
  display:block;color:#847a8f;font-size:9px;margin-top:9px;line-height:1.45;
}
@media(max-width:650px){
  .profile-tab-panel-v19{grid-template-columns:1fr}
}


/* V20 — página Comunidade com perfis */
.community-page-v20{padding-top:22px;padding-bottom:50px}
.community-hero-v20{
  display:flex;align-items:flex-end;justify-content:space-between;gap:28px;
  padding:28px;border:1px solid rgba(255,255,255,.07);border-radius:27px;
  background:
    radial-gradient(circle at 85% 18%,rgba(143,63,255,.18),transparent 30%),
    linear-gradient(145deg,rgba(18,14,28,.98),rgba(8,8,13,.98));
}
.community-hero-v20 h1{margin:7px 0 11px;font-size:clamp(31px,4vw,52px);line-height:.98;max-width:720px}
.community-hero-v20 p{margin:0;max-width:760px;color:#aca2b7;font-size:13px;line-height:1.65}
.community-hero-count-v20{
  min-width:160px;padding:17px;border-radius:18px;text-align:right;
  border:1px solid rgba(158,89,255,.14);background:rgba(143,63,255,.055)
}
.community-hero-count-v20 span,.community-hero-count-v20 small{display:block;color:#887d94;font-size:8px;font-weight:900;letter-spacing:.1em}
.community-hero-count-v20 strong{display:block;margin:4px 0;font-size:34px;color:#e6d6ff}

.community-toolbar-v20{
  display:flex;align-items:center;justify-content:space-between;gap:14px;
  margin:18px 0 11px
}
.community-search-v20{
  display:flex;align-items:center;gap:9px;flex:1;max-width:430px;
  min-height:44px;padding:0 13px;border:1px solid rgba(255,255,255,.075);
  border-radius:14px;background:rgba(255,255,255,.025)
}
.community-search-v20 input{
  width:100%;border:0;outline:0;background:none;color:#fff;font:inherit;font-size:11px
}
.community-search-v20 input::placeholder{color:#716979}
.community-filter-v20{display:flex;gap:6px;flex-wrap:wrap}
.community-filter-v20 button{
  border:1px solid rgba(255,255,255,.06);border-radius:999px;padding:9px 12px;
  background:rgba(255,255,255,.02);color:#847a8e;font:inherit;font-size:8px;font-weight:900;
  cursor:pointer
}
.community-filter-v20 button.active{
  color:#fff;border-color:rgba(156,81,255,.20);background:rgba(143,63,255,.11)
}

.community-ranking-summary-v20{
  display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-bottom:24px
}
.community-ranking-summary-v20 article{
  padding:14px 16px;border-radius:16px;border:1px solid rgba(255,255,255,.055);
  background:rgba(255,255,255,.022)
}
.community-ranking-summary-v20 span,.community-ranking-summary-v20 small{display:block;color:#817687;font-size:7px;font-weight:900;letter-spacing:.08em}
.community-ranking-summary-v20 strong{display:block;margin:6px 0 3px;font-size:15px}

.community-members-grid-v20{
  display:grid;grid-template-columns:repeat(4,1fr);gap:11px
}
.community-member-card-v20{
  text-align:left;color:inherit;font:inherit;cursor:pointer;width:100%;
  padding:14px;border-radius:20px;border:1px solid rgba(255,255,255,.065);
  background:linear-gradient(180deg,rgba(17,15,24,.97),rgba(9,8,14,.98));
  transition:transform .18s ease,border-color .18s ease,background .18s ease
}
.community-member-card-v20:hover{
  transform:translateY(-3px);border-color:rgba(143,63,255,.20);
  background:linear-gradient(180deg,rgba(23,18,34,.98),rgba(10,8,15,.98))
}
.community-member-card-head-v20{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}
.community-member-avatar-v20,.community-modal-avatar-v20{
  object-fit:cover;border-radius:50%;border:2px solid rgba(255,255,255,.08)
}
.community-member-avatar-v20{width:57px;height:57px}
.community-modal-avatar-v20{width:82px;height:82px}
.community-avatar-fallback-v20{
  display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#8f3fff,#4c2285);
  color:#fff;font-weight:900
}
.community-member-badge-slot-v20{width:42px;height:42px;display:flex;align-items:center;justify-content:center}
.community-member-badge-v20{width:42px;height:42px;object-fit:contain}
.community-member-badge-empty-v20{color:#625a68;font-size:18px}
.community-member-name-v20{margin-top:11px}
.community-member-name-v20 strong,.community-member-name-v20 small{display:block}
.community-member-name-v20 strong{font-size:14px}
.community-member-name-v20 small{margin-top:2px;color:#7c7284;font-size:8px}
.community-role-pill-v20{
  display:inline-flex;align-items:center;margin-top:9px;padding:5px 8px;border-radius:999px;
  font-size:7px;font-weight:900;letter-spacing:.09em;border:1px solid rgba(255,255,255,.07)
}
.community-role-pill-v20.role-subscriber{color:#aef1c7;background:rgba(69,218,134,.06);border-color:rgba(69,218,134,.13)}
.community-role-pill-v20.role-follower{color:#d4b5ff;background:rgba(143,63,255,.07);border-color:rgba(143,63,255,.15)}
.community-role-pill-v20.role-member{color:#aaa0b2;background:rgba(255,255,255,.025)}
.community-member-stats-v20{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:12px}
.community-member-stats-v20 div{padding:9px;border-radius:11px;background:rgba(255,255,255,.022)}
.community-member-stats-v20 span,.community-member-stats-v20 strong{display:block}
.community-member-stats-v20 span{color:#776d80;font-size:6px;font-weight:900;letter-spacing:.08em}
.community-member-stats-v20 strong{margin-top:4px;font-size:10px}
.community-member-footer-v20{
  display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:11px;
  padding-top:10px;border-top:1px solid rgba(255,255,255,.045)
}
.community-member-footer-v20 span{color:#9d86bc;font-size:8px;font-weight:900}
.community-member-footer-v20 b{color:#8f8399;font-size:7px;letter-spacing:.05em}
.community-loading-v20{
  grid-column:1/-1;padding:28px;border:1px dashed rgba(255,255,255,.08);border-radius:17px;
  text-align:center;color:#857b8e;font-size:11px
}

.community-modal-open-v20{overflow:hidden}
.community-member-modal-overlay-v20[hidden]{display:none!important}
.community-member-modal-overlay-v20{
  position:fixed;inset:0;z-index:2100;display:flex;align-items:center;justify-content:center;
  padding:20px;background:rgba(3,3,7,.78);backdrop-filter:blur(10px)
}
.community-member-modal-v20{
  width:min(680px,100%);position:relative;padding:22px;border-radius:27px;
  border:1px solid rgba(255,255,255,.08);
  background:linear-gradient(180deg,rgba(17,14,24,.995),rgba(8,7,12,.995));
  box-shadow:0 30px 80px rgba(0,0,0,.52)
}
.community-modal-close-v20{
  position:absolute;right:13px;top:12px;width:38px;height:38px;border-radius:50%;
  border:1px solid rgba(255,255,255,.07);background:rgba(255,255,255,.03);
  color:#fff;font-size:23px;cursor:pointer;z-index:2
}
.community-modal-profile-top-v20{
  display:grid;grid-template-columns:auto 1fr auto;gap:16px;align-items:center;padding-right:38px
}
.community-modal-profile-top-v20 h2{margin:7px 0 3px;font-size:27px}
.community-modal-profile-top-v20>div>small{color:#807587;font-size:10px}
.community-modal-badge-v20{text-align:center;min-width:85px}
.community-badge-large-v20{width:70px;height:70px;object-fit:contain;margin:0 auto}
.community-badge-large-empty-v20{height:70px;display:flex;align-items:center;justify-content:center;color:#5e5664;font-size:24px}
.community-modal-badge-v20 small{display:block;max-width:100px;margin-top:4px;color:#84788d;font-size:7px}
.community-modal-stats-v20{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:20px}
.community-modal-stats-v20 article{
  padding:14px;border-radius:15px;border:1px solid rgba(255,255,255,.055);background:rgba(255,255,255,.02)
}
.community-modal-stats-v20 span,.community-modal-stats-v20 strong,.community-modal-stats-v20 small{display:block}
.community-modal-stats-v20 span{color:#817689;font-size:7px;font-weight:900;letter-spacing:.08em}
.community-modal-stats-v20 strong{margin-top:6px;font-size:19px}
.community-modal-stats-v20 small{margin-top:5px;color:#766d7c;font-size:8px}

@media(max-width:1050px){.community-members-grid-v20{grid-template-columns:repeat(3,1fr)}}
@media(max-width:780px){
  .community-hero-v20{align-items:flex-start;flex-direction:column}
  .community-hero-count-v20{text-align:left}
  .community-toolbar-v20{align-items:stretch;flex-direction:column}
  .community-search-v20{max-width:none}
  .community-ranking-summary-v20{grid-template-columns:1fr}
  .community-members-grid-v20{grid-template-columns:1fr 1fr}
}
@media(max-width:560px){
  .community-members-grid-v20{grid-template-columns:1fr}
  .community-modal-profile-top-v20{grid-template-columns:auto 1fr}
  .community-modal-badge-v20{grid-column:1/-1;text-align:left}
  .community-badge-large-v20{margin:0}
  .community-modal-stats-v20{grid-template-columns:1fr}
}


/* V21 — Leaderboard */
.community-leaderboard-cta-v21{
  display:flex;align-items:center;justify-content:space-between;gap:14px;
  margin:16px 0 8px;padding:14px 16px;border-radius:17px;
  border:1px solid rgba(255,194,72,.12);
  background:linear-gradient(90deg,rgba(255,185,53,.055),rgba(143,63,255,.055));
  transition:transform .18s ease,border-color .18s ease
}
.community-leaderboard-cta-v21:hover{transform:translateY(-2px);border-color:rgba(255,194,72,.22)}
.community-leaderboard-cta-v21 span{display:block;color:#c9a15b;font-size:8px;font-weight:900;letter-spacing:.1em}
.community-leaderboard-cta-v21 strong{display:block;margin-top:4px;font-size:13px}
.community-leaderboard-cta-v21 b{font-size:8px;color:#caa86a;letter-spacing:.08em}

.leaderboard-page-v21{padding-top:22px;padding-bottom:52px}
.leaderboard-hero-v21{
  display:flex;align-items:center;justify-content:space-between;gap:24px;
  padding:28px;border-radius:27px;border:1px solid rgba(255,255,255,.07);
  background:
    radial-gradient(circle at 88% 18%,rgba(255,195,73,.13),transparent 26%),
    radial-gradient(circle at 25% 0%,rgba(143,63,255,.13),transparent 34%),
    linear-gradient(145deg,rgba(18,14,27,.98),rgba(8,8,13,.98))
}
.leaderboard-hero-v21 h1{margin:7px 0 10px;font-size:clamp(38px,6vw,68px);line-height:.95}
.leaderboard-hero-v21 p{margin:0;max-width:720px;color:#a99eb4;font-size:13px;line-height:1.65}
.leaderboard-hero-icon-v21{font-size:74px;filter:drop-shadow(0 13px 25px rgba(255,193,63,.18))}

.leaderboard-podium-v21{
  display:grid;grid-template-columns:1fr 1.1fr 1fr;gap:12px;align-items:end;
  margin:20px 0 24px
}
.leaderboard-podium-card-v21{
  position:relative;text-align:center;padding:18px 14px;border-radius:23px;
  border:1px solid rgba(255,255,255,.07);
  background:linear-gradient(180deg,rgba(19,16,27,.98),rgba(9,8,14,.98));
  min-height:250px
}
.podium-first-v21{
  min-height:292px;padding-top:24px;
  border-color:rgba(255,200,82,.20);
  background:
    radial-gradient(circle at 50% 0%,rgba(255,194,73,.10),transparent 34%),
    linear-gradient(180deg,rgba(24,19,27,.99),rgba(10,8,13,.99))
}
.leaderboard-medal-v21{font-size:30px;margin-bottom:8px}
.leaderboard-podium-avatar-v21{
  width:74px;height:74px;object-fit:cover;border-radius:50%;margin:0 auto;
  border:2px solid rgba(255,255,255,.09)
}
.leaderboard-avatar-fallback-v21{
  display:flex;align-items:center;justify-content:center;
  background:linear-gradient(135deg,#8f3fff,#4c2285);color:#fff;font-weight:900
}
.leaderboard-podium-badge-v21{
  position:absolute;top:74px;left:calc(50% + 26px);
  width:34px;height:34px;display:flex;align-items:center;justify-content:center
}
.leaderboard-badge-v21{width:34px;height:34px;object-fit:contain}
.leaderboard-badge-text-v21{font-size:22px}
.leaderboard-podium-card-v21 h3{margin:12px 0 2px;font-size:15px}
.leaderboard-podium-card-v21>small{display:block;color:#776e80;font-size:8px}
.leaderboard-role-v21{
  display:inline-flex;margin-top:8px;padding:5px 8px;border-radius:999px;
  border:1px solid rgba(255,255,255,.06);font-size:7px;font-weight:900;letter-spacing:.08em
}
.leaderboard-role-v21.role-subscriber{color:#aef0c5;border-color:rgba(69,218,134,.14);background:rgba(69,218,134,.055)}
.leaderboard-role-v21.role-follower{color:#d2b2ff;border-color:rgba(143,63,255,.15);background:rgba(143,63,255,.06)}
.leaderboard-role-v21.role-member{color:#9e94a6;background:rgba(255,255,255,.02)}
.leaderboard-points-v21{display:block;margin-top:12px;font-size:22px;color:#ead2ff}
.podium-first-v21 .leaderboard-points-v21{font-size:27px;color:#ffe4a6}
.leaderboard-podium-card-v21 em{display:block;margin-top:5px;color:#827887;font-size:8px;font-style:normal}

.leaderboard-list-section-v21{
  border:1px solid rgba(255,255,255,.065);border-radius:23px;padding:18px;
  background:linear-gradient(180deg,rgba(17,15,24,.96),rgba(9,8,14,.97))
}
.leaderboard-list-head-v21{
  display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:12px
}
.leaderboard-list-head-v21 h2{margin:5px 0 0;font-size:23px}
.leaderboard-total-v21{text-align:right}
.leaderboard-total-v21 span{display:block;color:#827789;font-size:7px;font-weight:900;letter-spacing:.08em}
.leaderboard-total-v21 strong{display:block;margin-top:3px;font-size:22px}

.leaderboard-table-v21{display:flex;flex-direction:column;gap:7px}
.leaderboard-row-v21{
  display:grid;grid-template-columns:58px minmax(180px,1.7fr) 48px 110px 115px 110px;
  gap:10px;align-items:center;padding:10px 12px;border-radius:14px;
  border:1px solid rgba(255,255,255,.045);background:rgba(255,255,255,.018)
}
.leaderboard-rank-v21{font-size:16px;font-weight:900;text-align:center;color:#b9adbf}
.leaderboard-person-v21{display:flex;align-items:center;gap:10px;min-width:0}
.leaderboard-row-avatar-v21{width:40px;height:40px;object-fit:cover;border-radius:50%}
.leaderboard-person-v21 strong,.leaderboard-person-v21 small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.leaderboard-person-v21 strong{font-size:11px}
.leaderboard-person-v21 small{margin-top:2px;color:#766d7d;font-size:7px}
.leaderboard-row-badge-v21{display:flex;align-items:center;justify-content:center}
.leaderboard-watch-v21 span,.leaderboard-row-points-v21 span{
  display:block;color:#776d80;font-size:6px;font-weight:900;letter-spacing:.08em
}
.leaderboard-watch-v21 strong,.leaderboard-row-points-v21 strong{display:block;margin-top:4px;font-size:11px}
.leaderboard-row-points-v21{text-align:right}
.leaderboard-row-points-v21 strong{font-size:14px;color:#d7b9ff}
.leaderboard-loading-v21{
  grid-column:1/-1;padding:26px;border:1px dashed rgba(255,255,255,.08);
  border-radius:16px;text-align:center;color:#84798d;font-size:10px
}

@media(max-width:950px){
  .leaderboard-row-v21{grid-template-columns:50px minmax(150px,1.6fr) 44px 100px 105px}
  .leaderboard-watch-v21{display:none}
}
@media(max-width:720px){
  .leaderboard-hero-v21{align-items:flex-start}
  .leaderboard-hero-icon-v21{font-size:52px}
  .leaderboard-podium-v21{grid-template-columns:1fr}
  .podium-first-v21{order:-1}
  .leaderboard-row-v21{grid-template-columns:42px minmax(130px,1fr) 40px 90px}
  .leaderboard-role-v21{display:none}
  .leaderboard-row-points-v21 strong{font-size:12px}
}

.public-profile-page-v22{padding-top:22px;padding-bottom:52px}
.public-profile-back-v22{display:inline-flex;margin-bottom:13px;color:#9485a1;font-size:8px;font-weight:900;letter-spacing:.09em}
.public-profile-hero-v22{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:25px;border-radius:27px;border:1px solid rgba(255,255,255,.07);background:radial-gradient(circle at 88% 12%,rgba(143,63,255,.15),transparent 30%),linear-gradient(145deg,rgba(18,14,27,.98),rgba(8,8,13,.98))}
.public-profile-main-v22{display:flex;align-items:center;gap:17px}.public-profile-avatar-v22{width:92px;height:92px;border-radius:50%;object-fit:cover;border:3px solid rgba(255,255,255,.09)}
.public-profile-avatar-fallback-v22{display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#8f3fff,#4c2285);color:#fff;font-size:32px;font-weight:900}
.public-profile-identity-v22 h1{margin:7px 0 4px;font-size:clamp(28px,4vw,47px)}.public-profile-identity-v22 p{margin:0;color:#83798b;font-size:11px}
.public-profile-role-v22{display:inline-flex;padding:6px 9px;border-radius:999px;font-size:7px;font-weight:900;letter-spacing:.09em;border:1px solid rgba(255,255,255,.07)}
.public-profile-role-v22.role-subscriber{color:#aff1c7;background:rgba(69,218,134,.06);border-color:rgba(69,218,134,.14)}.public-profile-role-v22.role-follower{color:#d4b5ff;background:rgba(143,63,255,.07);border-color:rgba(143,63,255,.15)}
.public-profile-equipped-v22{min-width:160px;text-align:center;padding:13px 14px;border-radius:18px;border:1px solid rgba(255,255,255,.06);background:rgba(255,255,255,.022)}
.public-profile-equipped-v22>span{display:block;color:#7d7285;font-size:7px;font-weight:900}.public-profile-equipped-v22>strong{display:block;margin-top:5px;font-size:9px}.public-profile-equipped-icon-v22{display:block;width:70px;height:70px;object-fit:contain;margin:8px auto 0}
.public-profile-stats-v22{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin-top:13px}.public-profile-stats-v22 article{padding:15px;border-radius:17px;border:1px solid rgba(255,255,255,.055);background:rgba(255,255,255,.02)}.public-profile-stats-v22 span,.public-profile-stats-v22 strong,.public-profile-stats-v22 small{display:block}.public-profile-stats-v22 span{color:#7c7284;font-size:7px;font-weight:900}.public-profile-stats-v22 strong{margin-top:7px;font-size:20px}.public-profile-stats-v22 small{margin-top:5px;color:#746b7b;font-size:8px}
.public-profile-badges-v22{margin-top:14px;padding:19px;border-radius:22px;border:1px solid rgba(255,255,255,.06);background:linear-gradient(180deg,rgba(17,15,24,.96),rgba(9,8,14,.97))}
.public-profile-section-head-v22{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;margin-bottom:13px}.public-profile-section-head-v22 h2{margin:5px 0 4px}.public-profile-section-head-v22 p{margin:0;color:#817789;font-size:9px}.public-profile-badge-count-v22{display:flex;align-items:baseline;gap:4px}.public-profile-badge-count-v22 strong{font-size:27px;color:#dfc7ff}
.public-profile-badges-grid-v22{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.public-profile-badge-card-v22{display:grid;grid-template-columns:64px 1fr auto;gap:12px;align-items:center;padding:11px;border-radius:15px;border:1px solid rgba(255,255,255,.05);background:rgba(255,255,255,.018)}.public-profile-badge-card-v22.equipped{border-color:rgba(143,63,255,.18);background:rgba(143,63,255,.045)}.public-profile-badge-icon-v22{width:58px;height:58px;object-fit:contain}.public-profile-badge-card-v22 div>span{display:block;color:#8d79a0;font-size:6px;font-weight:900}.public-profile-badge-card-v22 div>strong{display:block;margin-top:4px;font-size:11px}.public-profile-badge-card-v22 div>small{display:block;margin-top:4px;color:#756c7b;font-size:7px}.public-profile-badge-card-v22>b{color:#b899e3;font-size:6px}.public-profile-empty-v22,.public-profile-loading-v22{padding:30px;border:1px dashed rgba(255,255,255,.08);border-radius:17px;text-align:center;color:#857a8e;font-size:10px}
.leaderboard-podium-card-v21[data-profile-id],.leaderboard-row-v21[data-profile-id]{cursor:pointer}
@media(max-width:850px){.public-profile-stats-v22{grid-template-columns:1fr 1fr}.public-profile-badges-grid-v22{grid-template-columns:1fr}}@media(max-width:650px){.public-profile-hero-v22{align-items:flex-start;flex-direction:column}}@media(max-width:520px){.public-profile-stats-v22{grid-template-columns:1fr}.public-profile-avatar-v22{width:72px;height:72px}}


/* =========================================================
   V22.1 — TOPO DOS PERFIS AO ESTILO DO EXEMPLO
   ========================================================= */
.profile-page-v221{padding-top:22px;padding-bottom:48px}
.profile-top-shell-v221{padding:10px 0 8px}
.profile-toolbar-v221{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}
.profile-search-v221{flex:1;max-width:350px;display:flex;align-items:center;gap:10px;padding:0 16px;height:52px;border-radius:20px;border:1px solid rgba(255,255,255,.07);background:rgba(255,255,255,.02);color:#867d90}
.profile-search-v221 input{flex:1;border:0;outline:0;background:transparent;color:#f3eff7;font:inherit;font-size:13px}
.profile-search-v221 input::placeholder{color:#746b7e}
.profile-toolbar-right-v221{display:flex;align-items:center;gap:12px;flex-wrap:wrap;justify-content:flex-end}
.profile-points-chip-v221{display:inline-flex;align-items:center;gap:9px;height:40px;padding:0 14px;border-radius:14px;border:1px solid rgba(157,78,255,.18);background:rgba(20,18,28,.95)}
.profile-points-chip-v221 span{font-size:14px}.profile-points-chip-v221 strong{font-size:12px}
.profile-icon-btn-v221{width:40px;height:40px;border-radius:12px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.02);color:#f5f0fb;cursor:pointer}
.profile-toolbar-user-v221{display:flex;align-items:center}
.profile-toolbar-avatar-v221{width:42px;height:42px;border-radius:50%;overflow:hidden;border:2px solid rgba(255,255,255,.08);display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#7730ff,#b96eff);font-weight:900}
.profile-toolbar-avatar-v221 img{width:100%;height:100%;object-fit:cover}
.profile-logout-btn-v221{height:40px;padding:0 18px;border-radius:999px;border:0;background:#f3f0ef;color:#17121b;font-size:12px;font-weight:900;cursor:pointer}
.profile-heading-v221{margin-bottom:20px}
.profile-heading-v221 h1{margin:0;font-size:52px;line-height:1}.profile-heading-v221 p{margin:8px 0 0;color:#9e95a9;font-size:13px}
.profile-hero-grid-v221{display:grid;grid-template-columns:300px 1fr 1.1fr;gap:18px;align-items:stretch}
.profile-main-card-v221,.profile-avatar-info-v221,.profile-badges-card-v221{padding:22px;border-radius:24px;border:1px solid rgba(255,255,255,.07);background:linear-gradient(180deg,rgba(18,16,24,.98),rgba(12,11,17,.98))}
.profile-main-card-v221{text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:285px}
.profile-main-avatar-v221{width:160px;height:160px;border-radius:28px;overflow:hidden;margin:0 auto 14px}.profile-main-card-v221 strong{display:block;font-size:22px;margin-top:4px}.profile-main-card-v221 span{display:block;margin-top:8px;color:#f2eef7;font-size:18px;font-weight:800}.profile-main-card-v221 small{display:block;margin-top:10px;color:#7f7787;font-size:11px}
.profile-card-head-v221{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:16px}.profile-card-head-v221 h3{margin:0;font-size:16px}
.profile-avatar-info-body-v221{display:flex;align-items:center;gap:18px;min-height:120px}
.profile-avatar-mini-v221{width:98px;height:98px;border-radius:22px;overflow:hidden;flex:0 0 auto}
.profile-avatar-copy-v221 p{margin:10px 0 0;color:#93899d;font-size:11px;line-height:1.6;max-width:300px}
.profile-chip-btn-v221{display:inline-flex;align-items:center;justify-content:center;height:34px;padding:0 14px;border-radius:10px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.06);color:#f6f1fc;font-size:11px;font-weight:800}.profile-chip-btn-v221.solid{background:rgba(255,255,255,.08)}
.profile-badges-head-v221 p{margin:6px 0 0;color:#8f8699;font-size:11px;font-weight:700}
.profile-badge-strip-top-v221{margin-top:8px;gap:10px;padding-bottom:2px}
.profile-stat-grid-v221{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:18px}
.profile-stat-card-top-v221{display:flex;align-items:center;gap:14px;padding:14px 16px;border-radius:18px;border:1px solid rgba(255,255,255,.07);background:rgba(255,255,255,.02);min-height:94px}
.profile-stat-icon-v221{width:42px;height:42px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:rgba(128,48,255,.12);border:1px solid rgba(159,82,255,.22);color:#bb8eff;font-weight:900}
.profile-stat-copy-v221{min-width:0;flex:1}.profile-stat-copy-v221 span{display:block;color:#867d90;font-size:8px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.profile-stat-copy-v221 strong{display:block;margin-top:5px;font-size:20px;line-height:1.15}.profile-stat-copy-v221 small{display:block;margin-top:4px;color:#8f8698;font-size:10px;line-height:1.4}
.profile-stat-copy-v221 .profile-role-value-v18{margin-top:5px}
.profile-heading-public-v221{margin-bottom:16px}
.public-profile-shell-v221 .profile-hero-grid-v221{grid-template-columns:300px 1fr 1fr}
.public-avatar-wrap-v221{display:flex;align-items:center;justify-content:center;background:linear-gradient(180deg,rgba(15,15,21,.8),rgba(10,10,15,.96));border:1px solid rgba(255,255,255,.05)}
.public-avatar-wrap-v221 .public-profile-avatar-v22{width:100%;height:100%;border-radius:28px;border:0}
.public-profile-info-v221{display:flex;flex-direction:column;gap:14px;min-height:120px;justify-content:center}.public-profile-role-chip-v221{display:inline-flex;align-self:flex-start;padding:7px 11px;border-radius:999px;font-size:10px;font-weight:900;border:1px solid rgba(255,255,255,.07)}.public-profile-role-chip-v221.role-subscriber{color:#aff1c7;background:rgba(69,218,134,.08);border-color:rgba(69,218,134,.16)}.public-profile-role-chip-v221.role-follower{color:#d4b5ff;background:rgba(143,63,255,.08);border-color:rgba(143,63,255,.16)}
.public-profile-equipped-v221 span{display:block;color:#8f8698;font-size:9px;font-weight:800}.public-profile-equipped-v221 strong{display:block;margin-top:7px;font-size:13px}.public-profile-equipped-icon-v221{display:block;width:58px;height:58px;object-fit:contain;margin:9px 0}
@media(max-width:1180px){.profile-hero-grid-v221,.public-profile-shell-v221 .profile-hero-grid-v221{grid-template-columns:1fr 1fr}.profile-main-card-v221{grid-column:1/-1}.profile-stat-grid-v221{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.profile-toolbar-v221{flex-direction:column;align-items:stretch}.profile-search-v221{max-width:none}.profile-toolbar-right-v221{justify-content:space-between}.profile-heading-v221 h1{font-size:38px}.profile-hero-grid-v221,.public-profile-shell-v221 .profile-hero-grid-v221,.profile-stat-grid-v221{grid-template-columns:1fr}.profile-main-avatar-v221{width:140px;height:140px}.profile-avatar-info-body-v221{flex-direction:column;align-items:flex-start}.profile-main-card-v221 span{font-size:16px}}
@media(max-width:520px){.profile-points-chip-v221{width:100%;justify-content:center}.profile-toolbar-right-v221{width:100%}.profile-logout-btn-v221{flex:1}.profile-toolbar-user-v221{margin-left:auto}}


/* =========================================================
   V23 — VISUAL UNIFICADO: PERFIS + COMUNIDADE + LEADERBOARD
   ========================================================= */

.community-page-v23,
.leaderboard-page-v23{
  padding-top:26px;
}

.community-hero-v23,
.leaderboard-hero-v23{
  position:relative;
  overflow:hidden;
  border-radius:28px;
  border:1px solid rgba(255,255,255,.07);
  background:
    radial-gradient(circle at 88% 0%,rgba(142,61,255,.17),transparent 32%),
    linear-gradient(145deg,rgba(18,16,24,.99),rgba(9,8,14,.99));
  box-shadow:0 22px 65px rgba(0,0,0,.22);
}

.community-hero-v23:before,
.leaderboard-hero-v23:before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(110deg,rgba(255,255,255,.025),transparent 32%);
}

.community-hero-v23 .v9-label,
.leaderboard-hero-v23 .v9-label{
  color:#a98cca;
}

.community-hero-v23 h1,
.leaderboard-hero-v23 h1{
  letter-spacing:-.045em;
}

.community-hero-v23 p,
.leaderboard-hero-v23 p{
  max-width:760px;
  color:#9f96aa;
}

/* Comunidade */
.community-toolbar-v23{
  margin-top:18px;
  padding:12px;
  border-radius:18px;
  border:1px solid rgba(255,255,255,.055);
  background:rgba(255,255,255,.018);
}

.community-toolbar-v23 .community-search-v20{
  height:48px;
  border-radius:14px;
  background:rgba(7,7,11,.52);
}

.community-toolbar-v23 .community-filter-v20 button{
  min-height:38px;
  padding:0 14px;
  border-radius:12px;
  background:rgba(255,255,255,.025);
}

.community-toolbar-v23 .community-filter-v20 button.active{
  color:#fff;
  border-color:rgba(155,82,255,.28);
  background:linear-gradient(135deg,rgba(128,48,255,.20),rgba(180,105,255,.10));
}

.community-ranking-summary-v23{
  gap:12px;
  margin-top:12px;
}

.community-ranking-summary-v23 article{
  min-height:104px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  border-radius:18px;
  border:1px solid rgba(255,255,255,.06);
  background:
    linear-gradient(180deg,rgba(18,16,24,.98),rgba(11,10,16,.98));
}

.community-ranking-summary-v23 article strong{
  font-size:18px;
  color:#f4eff8;
}

.community-ranking-summary-v23 article small{
  margin-top:4px;
}

.community-members-section-v23{
  margin-top:26px;
}

.community-members-grid-v20{
  gap:14px;
}

.community-member-card-v20{
  padding:16px;
  border-radius:21px;
  border:1px solid rgba(255,255,255,.06);
  background:
    linear-gradient(180deg,rgba(18,16,24,.98),rgba(10,9,15,.98));
  box-shadow:0 16px 36px rgba(0,0,0,.12);
}

.community-member-card-v20:hover{
  transform:translateY(-4px);
  border-color:rgba(151,74,255,.28);
  box-shadow:0 22px 42px rgba(0,0,0,.22);
}

.community-member-avatar-v20{
  width:62px;
  height:62px;
  border:2px solid rgba(160,84,255,.22);
  box-shadow:0 8px 24px rgba(0,0,0,.22);
}

.community-member-name-v20 strong{
  font-size:15px;
}

.community-member-stats-v20{
  gap:8px;
}

.community-member-stats-v20 div{
  min-height:58px;
  padding:10px;
  border-radius:12px;
  border:1px solid rgba(255,255,255,.04);
  background:rgba(255,255,255,.018);
}

.community-member-footer-v20{
  margin-top:13px;
}

.community-leaderboard-cta-v21{
  min-height:72px;
  border-radius:18px;
  border-color:rgba(166,98,255,.16);
  background:
    linear-gradient(100deg,rgba(117,43,255,.09),rgba(255,183,70,.035));
}

.community-leaderboard-cta-v21:hover{
  border-color:rgba(173,105,255,.30);
}

/* Leaderboard */
.leaderboard-hero-v23 .leaderboard-hero-icon-v21{
  width:112px;
  height:112px;
  border-radius:26px;
  display:flex;
  align-items:center;
  justify-content:center;
  border:1px solid rgba(255,204,103,.11);
  background:rgba(255,198,78,.035);
}

.leaderboard-podium-v23{
  gap:15px;
  margin-top:24px;
}

.leaderboard-podium-v23 .leaderboard-podium-card-v21{
  border-radius:24px;
  border:1px solid rgba(255,255,255,.065);
  background:
    linear-gradient(180deg,rgba(19,17,26,.99),rgba(10,9,15,.99));
  box-shadow:0 18px 48px rgba(0,0,0,.18);
}

.leaderboard-podium-v23 .podium-first-v21{
  border-color:rgba(255,200,82,.25);
  box-shadow:
    0 22px 55px rgba(0,0,0,.24),
    inset 0 0 50px rgba(255,199,79,.035);
}

.leaderboard-podium-v23 .leaderboard-podium-avatar-v21{
  width:80px;
  height:80px;
  border:3px solid rgba(255,255,255,.08);
}

.leaderboard-podium-v23 .leaderboard-points-v21{
  letter-spacing:-.03em;
}

.leaderboard-list-section-v23{
  margin-top:18px;
  padding:20px;
  border-radius:24px;
  border:1px solid rgba(255,255,255,.06);
  background:
    linear-gradient(180deg,rgba(17,15,23,.98),rgba(10,9,14,.98));
}

.leaderboard-list-section-v23 .leaderboard-list-head-v21{
  padding-bottom:13px;
  border-bottom:1px solid rgba(255,255,255,.05);
}

.leaderboard-table-v21{
  gap:8px;
}

.leaderboard-row-v21{
  min-height:68px;
  border-radius:14px;
  border:1px solid rgba(255,255,255,.045);
  background:rgba(255,255,255,.018);
  transition:transform .16s ease,border-color .16s ease,background .16s ease;
}

.leaderboard-row-v21:hover{
  transform:translateX(3px);
  border-color:rgba(151,74,255,.20);
  background:rgba(145,62,255,.035);
}

.leaderboard-rank-v21{
  color:#c2b8cc;
}

.leaderboard-row-points-v21 strong{
  color:#dfc6ff;
  font-size:15px;
}

.leaderboard-row-avatar-v21{
  border:2px solid rgba(255,255,255,.07);
}

/* Consistent section headings */
.community-members-section-v23 .v9-section-title,
.leaderboard-list-section-v23 .leaderboard-list-head-v21{
  margin-bottom:15px;
}

.community-members-section-v23 .v9-section-title h2,
.leaderboard-list-section-v23 h2{
  letter-spacing:-.025em;
}

/* Mobile polish */
@media(max-width:780px){
  .community-toolbar-v23{
    padding:10px;
  }

  .community-ranking-summary-v23{
    grid-template-columns:1fr;
  }

  .leaderboard-hero-v23 .leaderboard-hero-icon-v21{
    width:76px;
    height:76px;
    font-size:40px;
  }
}

@media(max-width:560px){
  .community-hero-v23,
  .leaderboard-hero-v23{
    padding:22px;
  }

  .community-member-card-v20{
    padding:14px;
  }

  .leaderboard-list-section-v23{
    padding:12px;
  }
}


/* V24 — LOJA DO CAMIONISTA / RECOMPENSAS */
.rewards-page-v24{padding-top:26px;padding-bottom:55px}
.rewards-hero-v24{display:grid;grid-template-columns:1.25fr .75fr;gap:16px;padding:29px;border-radius:29px;border:1px solid rgba(255,255,255,.07);background:radial-gradient(circle at 82% 10%,rgba(143,63,255,.16),transparent 30%),linear-gradient(145deg,rgba(18,16,25,.99),rgba(8,8,13,.99))}
.rewards-copy-v24 h1{max-width:740px;margin:8px 0 10px;font-size:clamp(38px,5vw,68px);line-height:.98;letter-spacing:-.055em}.rewards-copy-v24 h1 span{color:#b885ff}.rewards-copy-v24>p{max-width:650px;color:#9b91a5;font-size:11px;line-height:1.6}
.rewards-wallet-v24{margin-top:23px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:15px 17px;border-radius:18px;border:1px solid rgba(153,76,255,.17);background:rgba(128,48,255,.055)}.rewards-wallet-v24 span,.rewards-wallet-v24 small{display:block;color:#8e8399;font-size:7px;font-weight:900;letter-spacing:.11em}.rewards-wallet-v24 strong{display:block;margin:4px 0;font-size:27px}.rewards-wallet-v24 a{color:#c79bff;font-size:9px;font-weight:900}
.rewards-rules-v24{padding:21px;border-radius:21px;border:1px solid rgba(255,255,255,.06);background:rgba(255,255,255,.019)}.rewards-rule-row-v24{display:grid;grid-template-columns:62px 1fr;gap:12px;align-items:center;padding:13px 0;border-bottom:1px solid rgba(255,255,255,.05)}.rewards-rule-row-v24>b{font-size:15px;color:#d7baff}.rewards-rule-row-v24 strong,.rewards-rule-row-v24 small{display:block}.rewards-rule-row-v24 strong{font-size:11px}.rewards-rule-row-v24 small{margin-top:3px;color:#7fd7a4;font-size:9px}.rewards-rules-v24>p{margin:13px 0 0;color:#857c8e;font-size:9px;line-height:1.5}
.rewards-store-v24,.rewards-my-v24{margin-top:28px}.rewards-store-head-v24{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:16px}.rewards-store-head-v24 h2{margin:5px 0 5px;font-size:27px}.rewards-store-head-v24 p{margin:0;color:#8d8397;font-size:10px}
.rewards-filter-v24{display:flex;gap:5px;flex-wrap:wrap;justify-content:flex-end}.rewards-filter-v24 button{min-height:34px;padding:0 11px;border-radius:10px;border:1px solid rgba(255,255,255,.06);background:rgba(255,255,255,.02);color:#8d8397;font-size:7px;font-weight:900;cursor:pointer}.rewards-filter-v24 button.active{color:#fff;border-color:rgba(151,75,255,.24);background:rgba(128,48,255,.11)}
.rewards-grid-v24{display:grid;grid-template-columns:repeat(4,1fr);gap:11px}.reward-card-v24{position:relative;min-height:285px;display:flex;flex-direction:column;padding:18px;border-radius:20px;border:1px solid rgba(255,255,255,.06);background:linear-gradient(180deg,rgba(18,16,24,.99),rgba(10,9,15,.99));transition:transform .17s ease,border-color .17s ease}.reward-card-v24:hover{transform:translateY(-3px);border-color:rgba(151,75,255,.22)}.reward-card-v24.featured{border-color:rgba(151,75,255,.23);background:radial-gradient(circle at 88% 0%,rgba(142,61,255,.12),transparent 37%),linear-gradient(180deg,rgba(20,17,29,.99),rgba(10,9,15,.99))}.reward-card-v24.sold-out{opacity:.58}
.reward-feature-tag-v24{position:absolute;top:13px;right:13px;padding:5px 7px;border-radius:999px;background:rgba(143,63,255,.10);border:1px solid rgba(159,82,255,.18);color:#cba7ff;font-size:6px;font-weight:900}.reward-card-top-v24{display:flex;align-items:center;justify-content:space-between;gap:10px}.reward-card-top-v24>span{color:#887d91;font-size:6px;font-weight:900;letter-spacing:.1em}.reward-icon-v24{width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:14px;background:rgba(128,48,255,.075);border:1px solid rgba(159,82,255,.13);font-size:23px}
.reward-card-v24 h3{margin:17px 0 7px;font-size:17px;line-height:1.15}.reward-card-v24>p{margin:0;color:#91879b;font-size:9px;line-height:1.55}.reward-meta-v24{display:flex;gap:6px;flex-wrap:wrap;margin-top:13px}.reward-meta-v24 span{padding:5px 7px;border-radius:999px;background:rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.05);color:#7f7688;font-size:6px;font-weight:800}
.reward-card-bottom-v24{display:flex;align-items:end;justify-content:space-between;gap:9px;margin-top:auto;padding-top:17px}.reward-card-bottom-v24>strong{font-size:17px}.reward-card-bottom-v24 small{font-size:7px;color:#978aa2}.reward-redeem-v24{min-height:35px;padding:0 10px;border-radius:10px;border:1px solid rgba(161,91,255,.20);background:rgba(132,52,255,.10);color:#e9dcfb;font-size:6px;font-weight:900;cursor:pointer}.reward-redeem-v24:disabled{cursor:not-allowed;color:#706977;border-color:rgba(255,255,255,.05);background:rgba(255,255,255,.02)}
.redemptions-list-v24{display:grid;gap:7px}.redemption-row-v24{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:13px 15px;border-radius:15px;border:1px solid rgba(255,255,255,.055);background:rgba(255,255,255,.018)}.redemption-row-v24>div{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.redemption-row-v24 strong{font-size:10px}.redemption-row-v24 small{color:#81788a;font-size:8px}.redemption-row-v24>b{font-size:10px;color:#c9a1ff}
.redemption-status-v24{display:inline-flex;padding:5px 7px;border-radius:999px;font-size:6px;font-weight:900;border:1px solid rgba(255,255,255,.06)}.redemption-status-v24.pending{color:#edc16a;background:rgba(237,193,106,.06);border-color:rgba(237,193,106,.14)}.redemption-status-v24.approved{color:#8bc5ff;background:rgba(86,157,230,.06);border-color:rgba(86,157,230,.14)}.redemption-status-v24.delivered{color:#85dfa9;background:rgba(69,218,134,.06);border-color:rgba(69,218,134,.14)}.redemption-status-v24.rejected,.redemption-status-v24.cancelled{color:#e88798;background:rgba(231,93,116,.06);border-color:rgba(231,93,116,.14)}
.rewards-login-note-v24,.rewards-loading-v24{grid-column:1/-1;padding:24px;border-radius:16px;border:1px dashed rgba(255,255,255,.07);color:#82788c;text-align:center;font-size:9px}
.rewards-process-v24{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:28px}.rewards-process-v24 article{display:grid;grid-template-columns:38px 1fr;gap:11px;padding:15px;border-radius:16px;border:1px solid rgba(255,255,255,.05);background:rgba(255,255,255,.015)}.rewards-process-v24 article>b{width:34px;height:34px;border-radius:10px;display:flex;align-items:center;justify-content:center;background:rgba(143,63,255,.08);color:#c59bff}.rewards-process-v24 strong{font-size:10px}.rewards-process-v24 p{margin:4px 0 0;color:#82798b;font-size:8px;line-height:1.45}
.redeem-modal-card-v24{width:min(520px,100%)}.redeem-modal-reward-v24{display:grid;grid-template-columns:58px 1fr;gap:13px;align-items:center;margin-top:10px}.redeem-modal-icon-v24{width:56px;height:56px;border-radius:15px;display:flex;align-items:center;justify-content:center;background:rgba(143,63,255,.08);font-size:26px}.redeem-modal-reward-v24 h2{margin:0}.redeem-modal-reward-v24 p{margin:4px 0 0}.redeem-modal-cost-v24{margin-top:14px;padding:11px 13px;border-radius:12px;border:1px solid rgba(151,75,255,.13);background:rgba(128,48,255,.05)}.redeem-modal-cost-v24 span{display:block;color:#81768a;font-size:6px;font-weight:900}.redeem-modal-cost-v24 strong{display:block;margin-top:3px;font-size:15px}
.profile-redemption-card-v24{min-height:130px;padding:16px;border-radius:17px;border:1px solid rgba(255,255,255,.06);background:rgba(255,255,255,.02)}.profile-redemption-card-v24 h3{margin:10px 0 5px;font-size:14px}.profile-redemption-card-v24 p{margin:0;color:#b496d5;font-size:9px;font-weight:800}.profile-redemption-card-v24 small{display:block;margin-top:13px;color:#81788a;font-size:8px}
.admin-reward-category-v24{display:block;margin-top:7px;color:#a88bc9;font-size:7px;font-weight:900;letter-spacing:.08em}.admin-modal-card-v12 select{width:100%;min-height:43px;padding:0 11px;border-radius:11px;border:1px solid rgba(255,255,255,.07);background:#0d0b13;color:#f3eef8;font:inherit;font-size:10px}.admin-admin-checkboxes-v24{display:flex;flex-direction:column;justify-content:center;gap:8px}
@media(max-width:1100px){.rewards-grid-v24{grid-template-columns:1fr 1fr}.rewards-hero-v24{grid-template-columns:1fr}.rewards-process-v24{grid-template-columns:1fr}}@media(max-width:700px){.rewards-grid-v24{grid-template-columns:1fr}.rewards-store-head-v24{align-items:flex-start;flex-direction:column}.rewards-filter-v24{justify-content:flex-start}.redemption-row-v24{align-items:flex-start;flex-direction:column}.rewards-wallet-v24{align-items:flex-start;flex-direction:column}}


/* V24.1 — Recompensas em breve */
.rewards-coming-page-v241{
  min-height:calc(100vh - 190px);
  display:flex;
  align-items:center;
  justify-content:center;
  padding-top:40px;
  padding-bottom:70px;
}

.rewards-coming-v241{
  width:min(760px,100%);
  min-height:360px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
  padding:38px;
  border-radius:28px;
  border:1px solid rgba(255,255,255,.07);
  background:
    radial-gradient(circle at 50% 0%,rgba(143,63,255,.14),transparent 38%),
    linear-gradient(180deg,rgba(18,16,24,.98),rgba(9,8,14,.98));
}

.rewards-coming-v241 h1{
  margin:10px 0 0;
  font-size:clamp(42px,7vw,76px);
  line-height:1;
  letter-spacing:-.055em;
}


/* =========================================================
   V25 — NÍVEIS DA COMUNIDADE
   ========================================================= */

.profile-level-v25{
  background:
    radial-gradient(circle at 90% 0%,rgba(143,63,255,.10),transparent 34%),
    rgba(255,255,255,.02);
}

.profile-level-title-v25{
  display:flex;
  align-items:center;
  gap:12px;
  margin:11px 0 16px;
}

.profile-level-title-v25 h2{
  margin:0;
  font-size:21px;
}

.profile-level-title-v25 small{
  display:block;
  margin-top:4px;
  color:#91879c;
  font-size:9px;
}

.profile-level-icon-v25{
  width:48px;
  height:48px;
  border-radius:14px;
  display:flex;
  align-items:center;
  justify-content:center;
  border:1px solid rgba(151,75,255,.17);
  background:rgba(128,48,255,.075);
  font-size:22px;
}

.profile-level-v25 .profile-progress-v10{
  height:10px;
}

.profile-level-v25 .profile-progress-v10 i{
  background:
    linear-gradient(90deg,#7130f2,#a75dff,#d3adff);
  box-shadow:0 0 18px rgba(143,63,255,.20);
}

.community-level-v25,
.leaderboard-level-v25{
  display:inline-flex;
  align-items:center;
  gap:4px;
  margin-left:5px;
  padding:4px 7px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.06);
  background:rgba(255,255,255,.025);
  color:#b8a6c7;
  font-size:6px;
  font-weight:900;
  letter-spacing:.04em;
  white-space:nowrap;
}

.public-level-card-v25{
  border-color:rgba(151,75,255,.11)!important;
  background:
    radial-gradient(circle at 85% 10%,rgba(143,63,255,.08),transparent 40%),
    rgba(255,255,255,.02)!important;
}

.public-level-card-v25 strong{
  font-size:14px!important;
}

@media(max-width:850px){
  .public-profile-stats-v22{
    grid-template-columns:1fr 1fr;
  }
}


/* =========================================================
   V26 — NOTIFICAÇÕES DA COMUNIDADE
   ========================================================= */
.notifications-wrap-v26{
  position:relative;
  display:flex;
  align-items:center;
}

.notifications-wrap-v26[hidden]{
  display:none!important;
}

.notifications-btn-v26{
  position:relative;
  width:39px;
  height:39px;
  padding:0;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:12px;
  border:1px solid rgba(255,255,255,.07);
  background:rgba(255,255,255,.025);
  color:#f6f0fb;
  cursor:pointer;
  font-size:14px;
}

.notifications-btn-v26:hover,
.notifications-btn-v26.has-unread{
  border-color:rgba(156,82,255,.20);
  background:rgba(127,48,255,.07);
}

.notifications-btn-v26 b{
  position:absolute;
  top:-6px;
  right:-6px;
  min-width:18px;
  height:18px;
  padding:0 4px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:999px;
  background:#9b4dff;
  border:2px solid #090811;
  color:#fff;
  font-size:7px;
  font-weight:900;
}

.notifications-panel-v26{
  position:absolute;
  z-index:10050;
  top:48px;
  right:0;
  width:min(390px,calc(100vw - 28px));
  max-height:min(580px,72vh);
  overflow:hidden;
  border-radius:20px;
  border:1px solid rgba(255,255,255,.08);
  background:
    radial-gradient(circle at 88% 0%,rgba(143,63,255,.10),transparent 30%),
    #0d0b13;
  box-shadow:0 28px 80px rgba(0,0,0,.52);
}

.notifications-panel-v26[hidden]{display:none}

.notifications-head-v26{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:15px 16px;
  border-bottom:1px solid rgba(255,255,255,.055);
}

.notifications-head-v26 span{
  display:block;
  color:#877a91;
  font-size:6px;
  font-weight:900;
  letter-spacing:.12em;
}

.notifications-head-v26 strong{
  display:block;
  margin-top:3px;
  font-size:14px;
}

.notifications-head-v26 button{
  border:0;
  background:none;
  color:#ae83df;
  font-size:6px;
  font-weight:900;
  cursor:pointer;
}

.notifications-list-v26{
  max-height:480px;
  overflow-y:auto;
  padding:6px;
}

.notification-item-v26{
  position:relative;
  width:100%;
  display:grid;
  grid-template-columns:38px 1fr 8px;
  gap:10px;
  align-items:start;
  padding:11px;
  border:0;
  border-radius:13px;
  background:transparent;
  color:#f4eef8;
  text-align:left;
  cursor:pointer;
}

.notification-item-v26:hover{
  background:rgba(255,255,255,.028);
}

.notification-item-v26.unread{
  background:rgba(126,47,255,.045);
}

.notification-icon-v26{
  width:36px;
  height:36px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:11px;
  border:1px solid rgba(152,78,255,.12);
  background:rgba(127,48,255,.065);
  font-size:16px;
}

.notification-copy-v26 strong{
  display:block;
  font-size:9px;
}

.notification-copy-v26 small{
  display:block;
  margin-top:4px;
  color:#988da2;
  font-size:8px;
  line-height:1.4;
}

.notification-copy-v26 em{
  display:block;
  margin-top:5px;
  color:#6f6677;
  font-size:7px;
  font-style:normal;
}

.notification-item-v26>i{
  width:6px;
  height:6px;
  margin-top:7px;
  border-radius:50%;
  background:#a35cff;
  box-shadow:0 0 10px rgba(163,92,255,.45);
}

.notifications-empty-v26{
  min-height:170px;
  padding:30px 15px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
  color:#807488;
}

.notifications-empty-v26>span{
  font-size:23px;
}

.notifications-empty-v26 strong{
  margin-top:8px;
  color:#c7bdce;
  font-size:10px;
}

.notifications-empty-v26 small{
  margin-top:5px;
  font-size:8px;
}

@media(max-width:620px){
  .notifications-panel-v26{
    position:fixed;
    top:72px;
    right:14px;
    left:14px;
    width:auto;
  }
}

.admin-production-v27{margin-top:16px;padding:20px;border-radius:22px;border:1px solid rgba(154,80,255,.16);background:radial-gradient(circle at 90% 0%,rgba(143,63,255,.10),transparent 34%),rgba(255,255,255,.018)}.admin-production-v27 h2{margin:5px 0}.admin-production-v27 p{margin:0;color:#91869c;font-size:10px}.admin-production-actions-v27{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:16px}.admin-production-status-v27{padding:10px 13px;border-radius:13px;border:1px solid rgba(255,255,255,.055);background:rgba(255,255,255,.02)}.admin-production-status-v27 span,.admin-production-status-v27 strong,.admin-production-status-v27 small{display:block}.admin-production-status-v27 span{color:#82768c;font-size:6px;font-weight:900}.admin-production-status-v27 strong{margin-top:3px;font-size:11px}.admin-production-status-v27 small{margin-top:3px;color:#776d80;font-size:7px}.prod-ok-v27{color:#72d89a}.prod-warn-v27{color:#e6b55e}.admin-production-grid-v27{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:12px}.admin-production-grid-v27 article{padding:11px;border-radius:12px;border:1px solid rgba(255,255,255,.05);background:rgba(255,255,255,.018)}.admin-production-grid-v27 span{display:block;color:#81768a;font-size:6px;font-weight:900}.admin-production-grid-v27 strong{display:block;margin-top:5px;font-size:10px}@media(max-width:800px){.admin-production-actions-v27{align-items:stretch;flex-direction:column}.admin-production-grid-v27{grid-template-columns:1fr 1fr}}


/* =========================================================
   V27.1 — BADGES OFICIAIS TWITCH NO OVERLAY
   ========================================================= */
.chat-twitch-badges-v271{
  width:18px;
  height:18px;
  object-fit:contain;
  flex:0 0 18px;
  display:inline-block;
  vertical-align:middle;
  margin-right:3px;
  filter:drop-shadow(0 1px 2px rgba(0,0,0,.25));
}

.chat-message-v14 .chat-twitch-badge-v271,
.chat-message-v141 .chat-twitch-badge-v271{
  width:18px;
  height:18px;
}

.chat-author-v14,
.chat-user-v14,
.chat-name-v14{
  display:inline-flex;
  align-items:center;
  flex-wrap:wrap;
  gap:3px;
}

/* A badge personalizada do site fica depois das badges Twitch */
.chat-custom-badge-v14,
.chat-badge-v14{
  margin-left:2px;
}


/* V27.1 final badge ordering/alignment */
.chat-badges-v14{
  display:flex;
  align-items:center;
  gap:3px;
  flex:0 0 auto;
}

.chat-twitch-badge-v271{
  margin:0!important;
}

.chat-custom-badge-v14{
  margin-left:2px!important;
}


/* =========================================================
   V27.2 — MOBILE / RESPONSIVE COMPLETO
   ========================================================= */

html{
  -webkit-text-size-adjust:100%;
  text-size-adjust:100%;
}

html,body{
  max-width:100%;
  overflow-x:hidden;
}

img,video,iframe,canvas,svg{
  max-width:100%;
}

button,a,input,select,textarea{
  -webkit-tap-highlight-color:transparent;
}

body{
  min-width:0;
}

/* Safe areas iPhone */
.site-header,
.mobile-safe-v272{
  padding-left:max(0px,env(safe-area-inset-left));
  padding-right:max(0px,env(safe-area-inset-right));
}

/* Global containers */
.container{
  width:min(1180px,calc(100% - 32px));
  margin-left:auto;
  margin-right:auto;
}

@media (max-width: 860px){

  /* ---------- GLOBAL ---------- */
  .container{
    width:min(100% - 22px,1180px);
  }

  body{
    font-size:15px;
  }

  h1{
    overflow-wrap:anywhere;
  }

  /* ---------- HEADER ---------- */
  .site-header{
    min-height:68px;
  }

  .site-header .container,
  .header-inner,
  .topbar-inner{
    min-height:68px;
    gap:8px;
  }

  .brand,
  .site-brand{
    min-width:0;
    gap:8px;
  }

  .brand img,
  .site-brand img{
    width:38px!important;
    height:38px!important;
    flex:0 0 38px;
  }

  .brand-copy,
  .brand-text{
    min-width:0;
  }

  .brand-copy strong,
  .brand-text strong{
    font-size:12px!important;
    white-space:nowrap;
  }

  .brand-copy small,
  .brand-text small{
    font-size:6px!important;
    max-width:110px;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
  }

  .header-actions{
    gap:5px!important;
    margin-left:auto;
  }

  .header-actions > a:not(.account-pill):not(.profile-pill),
  .header-actions .watch-twitch,
  .header-actions .v9-btn-primary{
    display:none!important;
  }

  .account-pill,
  .profile-pill{
    max-width:130px;
    min-width:0;
    padding:8px 9px!important;
  }

  .account-pill span,
  .profile-pill span{
    max-width:78px;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
  }

  .notifications-btn-v26{
    width:37px;
    height:37px;
  }

  /* Menu trigger */
  .site-menu-trigger,
  .menu-trigger,
  .menu-button{
    min-width:43px!important;
    height:39px!important;
    padding:0 10px!important;
  }

  .site-menu-trigger span:not(.icon),
  .menu-trigger span:not(.icon){
    display:none;
  }

  /* Drawer covers mobile and never shifts page */
  body.menu-open,
  body.site-menu-open{
    overflow:hidden;
  }

  .site-shell,
  .site-page,
  body.menu-open .site-shell,
  body.site-menu-open .site-shell{
    transform:none!important;
    width:100%!important;
  }

  .site-menu-drawer,
  .menu-drawer{
    width:min(86vw,330px)!important;
    max-width:330px!important;
  }

  /* ---------- HOME ---------- */
  .home-hero-v7,
  .home-hero-v9,
  .home-hero,
  .hero-v9{
    min-height:auto!important;
    padding:22px 18px!important;
    border-radius:22px!important;
  }

  .home-hero-v7 h1,
  .home-hero-v9 h1,
  .home-hero h1,
  .hero-v9 h1{
    font-size:clamp(38px,11vw,58px)!important;
    line-height:.96!important;
    letter-spacing:-.055em!important;
    max-width:100%!important;
  }

  .home-hero-v7 p,
  .home-hero-v9 p,
  .home-hero p,
  .hero-v9 p{
    max-width:100%!important;
    font-size:11px!important;
    line-height:1.55!important;
  }

  .hero-actions,
  .home-hero-actions{
    display:grid!important;
    grid-template-columns:1fr!important;
    width:100%;
    gap:8px!important;
  }

  .hero-actions a,
  .home-hero-actions a{
    width:100%;
    justify-content:center;
  }

  .hero-tags,
  .home-hero-tags{
    gap:5px!important;
  }

  .home-grid,
  .home-grid-v9,
  .live-hub-grid,
  .homepage-lower-grid{
    grid-template-columns:1fr!important;
  }

  .home-live-hub,
  .home-community-card,
  .home-about-card{
    min-width:0;
  }

  /* ---------- GENERIC GRIDS ---------- */
  .v9-grid-2,
  .v9-grid-3,
  .v9-grid-4,
  .content-grid,
  .about-grid,
  .sponsor-grid,
  .contact-grid,
  .clips-grid{
    grid-template-columns:1fr!important;
  }

  /* ---------- LIVE ---------- */
  .live-layout,
  .live-layout-v8,
  .live-grid,
  .live-main-grid{
    grid-template-columns:1fr!important;
  }

  .live-video,
  .live-player,
  .twitch-embed-wrap{
    aspect-ratio:16/9;
    min-height:0!important;
  }

  .live-chat,
  .live-chat-card{
    min-height:480px!important;
  }

  /* ---------- TRACKER ---------- */
  .tracker-layout,
  .tracker-layout-v3,
  .tracker-grid{
    grid-template-columns:1fr!important;
  }

  .tracker-map,
  #map{
    min-height:55vh!important;
    height:55vh!important;
    border-radius:18px!important;
  }

  .tracker-status,
  .tracker-info{
    min-width:0;
  }

  /* ---------- COMMUNITY ---------- */
  .community-hero-v23,
  .community-header-v20{
    padding:20px 16px!important;
    border-radius:21px!important;
  }

  .community-hero-v23 h1{
    font-size:clamp(34px,10vw,52px)!important;
  }

  .community-toolbar-v20,
  .community-toolbar-v23{
    flex-direction:column!important;
    align-items:stretch!important;
  }

  .community-toolbar-v20 input,
  .community-toolbar-v23 input,
  .community-search-v20{
    width:100%!important;
  }

  .community-ranking-summary-v20{
    grid-template-columns:1fr 1fr!important;
  }

  .community-members-grid-v20,
  .community-grid-v20{
    grid-template-columns:1fr!important;
  }

  .community-member-card-v20{
    min-width:0;
  }

  /* ---------- LEADERBOARD ---------- */
  .leaderboard-hero-v23{
    padding:20px 16px!important;
    border-radius:21px!important;
  }

  .leaderboard-hero-v23 h1{
    font-size:clamp(34px,10vw,52px)!important;
  }

  .leaderboard-podium-v21{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:9px!important;
  }

  .leaderboard-podium-card-v21{
    min-height:0!important;
    transform:none!important;
  }

  .leaderboard-row-v21{
    grid-template-columns:38px minmax(0,1fr) auto!important;
    gap:8px!important;
    padding:11px!important;
  }

  .leaderboard-row-v21 .leaderboard-watchtime,
  .leaderboard-row-v21 .leaderboard-role-extra{
    display:none!important;
  }

  .leaderboard-row-v21 strong,
  .leaderboard-row-v21 small{
    overflow:hidden;
    text-overflow:ellipsis;
  }

  /* ---------- PROFILE OWN ---------- */
  .profile-shell-top-v221,
  .profile-top-layout-v221,
  .profile-main-layout-v221{
    grid-template-columns:1fr!important;
  }

  .profile-top-header-v221{
    flex-direction:column!important;
    align-items:flex-start!important;
    gap:12px!important;
  }

  .profile-top-toolbar-v221{
    width:100%;
    flex-wrap:wrap;
  }

  .profile-top-search-v221{
    width:100%!important;
    order:3;
  }

  .profile-main-card-v221,
  .profile-avatar-info-v221,
  .profile-badges-card-v221{
    min-width:0;
  }

  .profile-main-card-v221{
    padding:18px!important;
  }

  .profile-main-user-v221{
    flex-direction:column!important;
    align-items:flex-start!important;
  }

  .profile-main-user-v221 img{
    width:92px!important;
    height:92px!important;
  }

  .profile-stats-top-v221,
  .profile-stats-grid-v221{
    grid-template-columns:1fr 1fr!important;
  }

  .profile-details-grid-v10,
  .profile-content-grid,
  .profile-grid-v10{
    grid-template-columns:1fr!important;
  }

  .redemptions-grid-v10{
    grid-template-columns:1fr!important;
  }

  /* ---------- PUBLIC PROFILE ---------- */
  .public-profile-layout-v22{
    grid-template-columns:1fr!important;
  }

  .public-profile-header-v221,
  .public-profile-hero-v22{
    padding:18px!important;
  }

  .public-profile-user-v22{
    flex-direction:column!important;
    align-items:flex-start!important;
  }

  .public-profile-stats-v22{
    grid-template-columns:1fr 1fr!important;
  }

  .public-profile-badges-grid-v22,
  .public-profile-badges-v22{
    grid-template-columns:1fr 1fr!important;
  }

  /* ---------- BADGES ---------- */
  .badges-grid,
  .badges-grid-v136,
  .badge-gallery{
    grid-template-columns:1fr 1fr!important;
  }

  .badge-card,
  .badge-card-v136{
    min-width:0;
  }

  /* ---------- REWARDS ---------- */
  .rewards-coming-page-v241{
    min-height:calc(100dvh - 140px)!important;
    padding:22px 0 40px!important;
  }

  .rewards-coming-v241{
    min-height:300px!important;
    padding:25px 18px!important;
    border-radius:22px!important;
  }

  .rewards-coming-v241 h1{
    font-size:clamp(40px,12vw,64px)!important;
  }

  /* ---------- ADMIN ---------- */
  .admin-page,
  .admin-shell,
  .admin-content{
    min-width:0;
  }

  .admin-hero-v12,
  .admin-production-v27,
  .admin-sub-sync-v17,
  .admin-watchtime-v15{
    padding:16px!important;
    border-radius:18px!important;
  }

  .admin-production-actions-v27{
    align-items:stretch!important;
    flex-direction:column!important;
  }

  .admin-production-actions-v27 > *{
    width:100%;
  }

  .admin-production-grid-v27{
    grid-template-columns:1fr 1fr!important;
  }

  .admin-stats-grid-v12,
  .admin-summary-grid-v12{
    grid-template-columns:1fr 1fr!important;
  }

  .admin-grid-v12,
  .admin-panels-v12{
    grid-template-columns:1fr!important;
  }

  .admin-table-wrap,
  .admin-users-table,
  .admin-redemptions-table{
    overflow-x:auto!important;
    -webkit-overflow-scrolling:touch;
  }

  .admin-modal-v12{
    padding:10px!important;
  }

  .admin-modal-card-v12{
    width:100%!important;
    max-height:90dvh!important;
    overflow-y:auto!important;
  }

  .admin-form-grid-v12{
    grid-template-columns:1fr!important;
  }

  /* ---------- CONTACT / ABOUT / SPONSORS ---------- */
  .contact-layout,
  .about-layout,
  .sponsors-layout{
    grid-template-columns:1fr!important;
  }

  /* ---------- NOTIFICATIONS ---------- */
  .notifications-panel-v26{
    position:fixed!important;
    top:72px!important;
    right:11px!important;
    left:11px!important;
    width:auto!important;
    max-height:calc(100dvh - 88px)!important;
  }

  .notifications-list-v26{
    max-height:calc(100dvh - 165px)!important;
  }

  /* ---------- FOOTER ---------- */
  footer .container,
  .footer-inner{
    flex-direction:column!important;
    align-items:flex-start!important;
    gap:12px!important;
  }

  /* ---------- BUTTONS / TOUCH ---------- */
  .v9-btn-primary,
  .v9-btn-secondary,
  button,
  .site-menu-drawer a{
    min-height:42px;
  }

  /* Tables should never destroy mobile viewport */
  table{
    min-width:680px;
  }

  /* ---------- OVERFLOW PROTECTION ---------- */
  .v9-panel,
  article,
  section,
  main,
  .card{
    min-width:0;
  }
}


@media (max-width: 520px){

  .container{
    width:calc(100% - 18px);
  }

  /* Header more compact */
  .brand-copy small,
  .brand-text small{
    display:none!important;
  }

  .account-pill span,
  .profile-pill span{
    display:none!important;
  }

  .account-pill,
  .profile-pill{
    width:39px!important;
    height:39px!important;
    min-width:39px!important;
    padding:0!important;
    justify-content:center!important;
  }

  /* Homepage */
  .home-hero-v7,
  .home-hero-v9,
  .home-hero,
  .hero-v9{
    padding:18px 14px!important;
  }

  .home-hero-v7 h1,
  .home-hero-v9 h1,
  .home-hero h1,
  .hero-v9 h1{
    font-size:clamp(34px,12vw,49px)!important;
  }

  /* Community summary */
  .community-ranking-summary-v20{
    grid-template-columns:1fr!important;
  }

  /* Profile stats */
  .profile-stats-top-v221,
  .profile-stats-grid-v221,
  .public-profile-stats-v22{
    grid-template-columns:1fr!important;
  }

  /* Badges */
  .badges-grid,
  .badges-grid-v136,
  .badge-gallery,
  .public-profile-badges-grid-v22,
  .public-profile-badges-v22{
    grid-template-columns:1fr!important;
  }

  /* Admin */
  .admin-production-grid-v27,
  .admin-stats-grid-v12,
  .admin-summary-grid-v12{
    grid-template-columns:1fr!important;
  }

  /* Leaderboard rows */
  .leaderboard-row-v21{
    grid-template-columns:32px minmax(0,1fr)!important;
  }

  .leaderboard-row-v21 > :last-child{
    grid-column:2;
  }

  /* Tiny type clean-up */
  .v9-eyebrow,
  .v9-label{
    letter-spacing:.08em!important;
  }
}


/* Landscape phones */
@media (max-width: 900px) and (orientation: landscape){
  .tracker-map,
  #map{
    min-height:72vh!important;
    height:72vh!important;
  }

  .notifications-panel-v26{
    max-height:82dvh!important;
  }
}



/* No telemóvel ajustamos só o enquadramento da mesma imagem.
   Todo o layout mobile da V27.2 continua igual. */
@media (max-width:860px){
  .home-frontpage-v273{
    background-position:68% center !important;
    background-image:
      linear-gradient(180deg, rgba(4,3,10,.16) 0%, rgba(4,3,10,.38) 48%, rgba(4,3,10,.88) 82%, rgba(4,3,10,.96) 100%),
      url("../assets/images/home-frontpage-v273.png") !important;
  }
}


/* =========================================================
   V27.4 — CORREÇÃO DEFINITIVA DA IMAGEM DA HOMEPAGE
   Apenas troca a imagem de fundo do hero existente.
   ========================================================= */

.home-hero-v7,
.home-hero-v9,
.hero-v7,
.hero-v9,
.home-hero,
.home-frontpage-v273{
  background-image:
    linear-gradient(90deg, rgba(4,3,10,.90) 0%, rgba(4,3,10,.62) 34%, rgba(4,3,10,.14) 66%, rgba(4,3,10,.08) 100%),
    url("../assets/images/home-frontpage-v273.png") !important;
  background-size:cover !important;
  background-position:center center !important;
  background-repeat:no-repeat !important;
}

@media (max-width:860px){
  .home-hero-v7,
  .home-hero-v9,
  .hero-v7,
  .hero-v9,
  .home-hero,
  .home-frontpage-v273{
    background-image:
      linear-gradient(180deg, rgba(4,3,10,.16) 0%, rgba(4,3,10,.38) 48%, rgba(4,3,10,.88) 82%, rgba(4,3,10,.96) 100%),
      url("../assets/images/home-frontpage-v273.png") !important;
    background-position:68% center !important;
  }
}