/* Esparta Brasil — acabamento social global 226
   Camada exclusivamente visual. Mantém rotas, dados, eventos e permissões. */
:root{
  --sp226-bg:#07090d;
  --sp226-surface:rgba(13,18,25,.92);
  --sp226-surface-2:rgba(18,24,33,.94);
  --sp226-line:rgba(255,255,255,.075);
  --sp226-line-strong:rgba(255,255,255,.12);
  --sp226-gold:rgba(234,179,31,.92);
  --sp226-gold-soft:rgba(234,179,31,.095);
  --sp226-shadow:0 18px 52px rgba(0,0,0,.22);
  --sp226-shadow-soft:0 10px 30px rgba(0,0,0,.14);
  --sp226-radius:20px;
}
html{scroll-behavior:smooth}
body{
  background:
    radial-gradient(900px 520px at 88% -10%,rgba(234,179,31,.052),transparent 62%),
    radial-gradient(800px 600px at -12% 48%,rgba(69,91,121,.065),transparent 64%),
    linear-gradient(180deg,#07090d,#080b10 42%,#07090d);
}
body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;opacity:.18;background-image:linear-gradient(rgba(255,255,255,.012) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.012) 1px,transparent 1px);background-size:64px 64px;mask-image:linear-gradient(to bottom,#000,transparent 78%)}
*{scrollbar-width:thin;scrollbar-color:#4b452e transparent}

/* Estrutura */
.app{background:transparent}
.sidebar{border-right-color:rgba(255,255,255,.055);background:linear-gradient(180deg,rgba(8,12,17,.985),rgba(7,10,14,.99));box-shadow:18px 0 60px rgba(0,0,0,.08)}
.brand{position:relative;padding-bottom:14px}.brand:after{content:"";position:absolute;left:8px;right:8px;bottom:2px;height:1px;background:linear-gradient(90deg,rgba(234,179,31,.35),rgba(255,255,255,.035),transparent)}
.usercard{position:relative;overflow:hidden;border-color:rgba(255,255,255,.07);background:linear-gradient(145deg,rgba(17,23,31,.96),rgba(10,15,21,.96));box-shadow:0 16px 40px rgba(0,0,0,.16)}
.usercard:before{content:"";position:absolute;inset:0 0 auto;height:1px;background:linear-gradient(90deg,transparent,rgba(234,179,31,.58),transparent)}
.usercard .avatar{width:50px;height:50px;box-shadow:0 0 0 2px #0b1016,0 0 0 3px rgba(234,179,31,.35),0 8px 24px rgba(0,0,0,.18)}
.username{font-size:13px}.gamer{color:#768292}
.nav{gap:3px}.nav button{position:relative;min-height:46px;border-radius:13px;padding:8px 10px;color:#8f9aa8}.nav button .ico{width:29px;height:29px;border-radius:9px;display:grid;place-items:center;background:rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.045);font-size:14px}.nav button:hover{transform:none;background:rgba(255,255,255,.035)}.nav button:hover .ico{background:rgba(234,179,31,.065);border-color:rgba(234,179,31,.16)}.nav button.active{background:linear-gradient(90deg,rgba(234,179,31,.135),rgba(234,179,31,.025));box-shadow:none}.nav button.active:before{content:"";position:absolute;left:0;top:10px;bottom:10px;width:2px;border-radius:4px;background:var(--gold);box-shadow:0 0 14px rgba(234,179,31,.45)}.nav button.active .ico{background:rgba(234,179,31,.1);border-color:rgba(234,179,31,.2);color:#ffd85f}.logout{background:rgba(255,255,255,.018);border-color:rgba(255,255,255,.06)}
.topbar{height:78px;border-bottom-color:rgba(255,255,255,.055);background:rgba(7,10,14,.72);backdrop-filter:blur(24px) saturate(130%);-webkit-backdrop-filter:blur(24px) saturate(130%)}
.topbar h1{font-size:19px;font-weight:850;letter-spacing:-.035em}.topbar p{color:#707b89}.search{border-color:rgba(255,255,255,.07);background:rgba(15,21,29,.82);box-shadow:0 8px 24px rgba(0,0,0,.08),inset 0 1px 0 rgba(255,255,255,.018)}.search:focus{border-color:rgba(234,179,31,.38);box-shadow:0 0 0 3px rgba(234,179,31,.06),0 10px 28px rgba(0,0,0,.1)}
.content{padding-top:32px}.page{width:100%}

/* Hierarquia */
.hero{position:relative;overflow:hidden;border-color:rgba(255,255,255,.075);border-radius:24px;background:radial-gradient(540px 220px at 96% 0%,rgba(234,179,31,.1),transparent 62%),linear-gradient(145deg,rgba(18,24,33,.97),rgba(10,15,21,.97));box-shadow:var(--sp226-shadow-soft)}
.hero:before{content:"";position:absolute;inset:0 auto auto 0;width:42%;height:1px;background:linear-gradient(90deg,rgba(234,179,31,.55),transparent)}
.hero h2{letter-spacing:-.04em}.hero p{line-height:1.6}
.card{border-color:var(--sp226-line);background:linear-gradient(145deg,rgba(15,21,29,.95),rgba(10,15,21,.95));border-radius:20px;box-shadow:0 10px 32px rgba(0,0,0,.1);transition:border-color .17s ease,transform .17s ease,box-shadow .17s ease}.card:hover{border-color:rgba(255,255,255,.105);box-shadow:0 14px 38px rgba(0,0,0,.14)}.card[style*="overflow:hidden"]{padding:0!important}.grid,.grid3,.products{gap:16px}
.chip{border-color:rgba(255,255,255,.075);background:rgba(255,255,255,.025);font-weight:760;letter-spacing:.015em}.chip.gold{border-color:rgba(234,179,31,.24);background:rgba(234,179,31,.08);color:#f5cf62}
.empty{border-style:solid;border-color:rgba(255,255,255,.065);background:rgba(255,255,255,.014);padding:34px;border-radius:18px}
.status,.notice,.error{border-radius:14px}

/* Botões e formulários */
.btn,.iconbtn,.square{border-color:rgba(255,255,255,.075);background:rgba(18,25,34,.92);box-shadow:inset 0 1px 0 rgba(255,255,255,.018)}.btn{border-radius:12px;padding:10px 14px}.btn:hover,.iconbtn:hover,.square:hover{border-color:rgba(255,255,255,.13);background:#17202a}.btn.primary{background:linear-gradient(135deg,#f0bc31,#dca512);border-color:#e5ad19;color:#121006;box-shadow:0 8px 22px rgba(234,179,31,.1),inset 0 1px 0 rgba(255,255,255,.32)}.btn.primary:hover{background:linear-gradient(135deg,#f5c94b,#e3ad18);box-shadow:0 10px 28px rgba(234,179,31,.16)}.btn.ghost{background:rgba(255,255,255,.018)}
.input,.select,.textarea{border-color:rgba(255,255,255,.075);background:rgba(12,18,25,.94);border-radius:13px;min-height:43px}.textarea{line-height:1.5}.input:hover,.select:hover,.textarea:hover{border-color:rgba(255,255,255,.11)}.input:focus,.select:focus,.textarea:focus{border-color:rgba(234,179,31,.36);box-shadow:0 0 0 3px rgba(234,179,31,.055)}.formgroup label{font-weight:760;color:#8894a2!important}.toolbar{padding:8px;border:1px solid rgba(255,255,255,.055);border-radius:16px;background:rgba(10,15,21,.45);gap:8px}
details{border:1px solid rgba(255,255,255,.065);border-radius:14px;background:rgba(255,255,255,.015);padding:11px 13px}summary{color:#d4d9df}details[open] summary{margin-bottom:10px;color:#f1c857}pre{background:rgba(0,0,0,.16);border-radius:12px;padding:12px}

/* Feed */
.feed{gap:18px}.feed>.hero{margin-bottom:2px}.post{border-color:rgba(255,255,255,.07);border-radius:22px;background:linear-gradient(145deg,rgba(14,20,27,.975),rgba(9,14,20,.975));box-shadow:0 16px 46px rgba(0,0,0,.16);transition:border-color .17s ease,box-shadow .17s ease}.post:hover{border-color:rgba(255,255,255,.095);box-shadow:0 18px 54px rgba(0,0,0,.19)}.posthead{padding:15px 17px}.posthead .avatar{width:44px;height:44px;box-shadow:0 0 0 2px #0b1016,0 0 0 3px rgba(234,179,31,.25)}.posthead b{font-size:13px}.posthead .small{font-size:10px;color:#6f7b89}.postbody{padding:2px 17px 17px;font-size:13px;line-height:1.62;color:#d8dde4}.postmedia{background:#05070a}.postmedia img,.postmedia video{background:#05070a}.postactions{padding:9px 12px;border-top-color:rgba(255,255,255,.05)}.postactions button{min-height:34px;border-radius:10px;color:#96a1af;font-weight:720}.postactions button:hover{background:rgba(255,255,255,.035);color:#fff}.comments{border-top:1px solid rgba(255,255,255,.025)}.commentForm{padding-top:2px}.commentForm .input{background:rgba(255,255,255,.025);border-color:rgba(255,255,255,.055)}

/* Anúncios integrados ao social */
.sponsored-card{border-color:rgba(234,179,31,.15)!important;border-radius:21px!important;background:linear-gradient(145deg,rgba(17,19,15,.98),rgba(9,14,20,.98))!important;box-shadow:0 14px 42px rgba(0,0,0,.15)!important}.sponsored-label{letter-spacing:.1em}.sponsored-body h3{letter-spacing:-.025em}.sponsored-cta{border-radius:11px!important}.advertisers-grid{gap:18px!important}.advertiser-disclosure{border-radius:16px!important}

/* Perfil */
body .igp{max-width:1050px!important}body .igp-shell{border-radius:26px!important;border-color:rgba(255,255,255,.07)!important;background:linear-gradient(145deg,rgba(14,19,26,.98),rgba(9,14,20,.98))!important;box-shadow:0 24px 70px rgba(0,0,0,.24)!important}body .igp-cover{height:260px!important}body .igp-cover:after{background:linear-gradient(to bottom,transparent 22%,rgba(8,11,16,.88))!important}body .igp-head{padding-left:36px!important;padding-right:36px!important}body .igp-avatar{box-shadow:0 0 0 3px #0d1218,0 0 0 5px rgba(234,179,31,.28),0 16px 42px rgba(0,0,0,.28)!important}body .igp-name{font-size:27px!important;letter-spacing:-.045em!important}body .igp-handle{color:#778493!important}body .igp-stats{gap:34px!important}body .igp-stat b{font-size:19px!important}body .igp-stat span{color:#788493!important}body .igp-bio{color:#cfd5dc!important}body .igp-meta span{background:rgba(255,255,255,.025)!important;border-color:rgba(255,255,255,.065)!important}body .igp-meta .vip{background:rgba(234,179,31,.07)!important;border-color:rgba(234,179,31,.2)!important}body .igp-highlights{background:rgba(255,255,255,.008)!important;border-top-color:rgba(255,255,255,.045)!important}body .igp-highlight .ring{border-color:rgba(234,179,31,.48)!important;box-shadow:0 0 0 4px rgba(234,179,31,.025)}body .igp-tabs{background:rgba(6,9,13,.54)!important;border-color:rgba(255,255,255,.05)!important}body .igp-tabs button{letter-spacing:.06em;font-size:10px!important}body .igp-tabs button.active{color:#f5d36c!important}body .igp-grid{gap:4px!important;background:#06090d!important;padding:4px}body .igp-post{border-radius:8px!important;background:#0f151d!important}body .igp-post .over{backdrop-filter:blur(3px)}body .igp-about{background:rgba(255,255,255,.008)}body .igp-info{border-color:rgba(255,255,255,.065)!important;background:rgba(15,21,29,.88)!important;border-radius:15px!important}

/* Direct e chat */
.msglist{gap:9px!important}.msgcard{border-color:rgba(255,255,255,.065)!important;background:linear-gradient(145deg,rgba(15,21,29,.97),rgba(10,15,21,.97))!important;border-radius:18px!important;box-shadow:0 9px 26px rgba(0,0,0,.09)!important}.msgcard:hover{border-color:rgba(234,179,31,.17)!important;background:#111922!important}.chat{border-radius:25px!important;border-color:rgba(255,255,255,.075)!important;box-shadow:0 18px 58px rgba(0,0,0,.2)!important;overflow:hidden}.chathead{background:rgba(13,19,27,.96)!important;border-bottom-color:rgba(255,255,255,.05)!important;padding:14px 16px!important}.chatmsgs{background:radial-gradient(620px 380px at 90% 0%,rgba(234,179,31,.032),transparent 70%),linear-gradient(180deg,#080c11,#070a0e)!important;padding:20px!important}.bubble{border-color:rgba(255,255,255,.065)!important;background:#121923!important;border-radius:18px 18px 18px 6px!important;box-shadow:0 6px 20px rgba(0,0,0,.11)!important}.msgrow.mine .bubble{background:linear-gradient(145deg,#2b220e,#1c170b)!important;border-color:rgba(234,179,31,.2)!important;border-radius:18px 18px 6px 18px!important}.chatcompose{background:rgba(11,16,22,.98)!important;border-top-color:rgba(255,255,255,.05)!important;padding:11px!important}.chatcompose .input,.chatcompose textarea{background:#111821!important}.square{border-radius:12px!important}.replybar{border-radius:12px!important;background:#131a23!important}

/* Comunidades e VIP */
.vip-paint-alert{border-color:rgba(234,179,31,.24)!important;background:linear-gradient(145deg,rgba(30,25,12,.86),rgba(18,18,14,.86))!important;border-radius:16px!important;box-shadow:0 10px 28px rgba(0,0,0,.11)}.vip-paint-stat{border-color:rgba(255,255,255,.065)!important;background:linear-gradient(145deg,rgba(15,21,29,.95),rgba(10,15,21,.95))!important;border-radius:15px!important}.vip-paint-stat b{color:#f4d36a}.vip-directory-paint{padding:6px 9px;border-radius:999px;background:rgba(234,179,31,.065);border:1px solid rgba(234,179,31,.16)}.community-sponsored-slot{gap:14px!important}

/* Loja, mercado, eventos, pedidos e listas */
.product{border-color:rgba(255,255,255,.07)!important;border-radius:20px!important;background:linear-gradient(145deg,rgba(15,21,29,.97),rgba(9,14,20,.97))!important;box-shadow:0 14px 38px rgba(0,0,0,.13)!important}.product:hover{transform:translateY(-2px)!important;border-color:rgba(234,179,31,.17)!important;box-shadow:0 18px 48px rgba(0,0,0,.18)!important}.productimg{background:radial-gradient(circle at 50% 45%,#151e28,#070a0e 72%)!important}.productbody{padding:16px!important}.price{color:#f4d36a!important;font-size:19px!important}.content table{width:100%;border-collapse:separate;border-spacing:0;background:rgba(12,18,25,.65);border:1px solid rgba(255,255,255,.06);border-radius:16px;overflow:hidden}.content th{background:rgba(255,255,255,.025);color:#8f9aa8;text-transform:uppercase;font-size:9px;letter-spacing:.08em}.content th,.content td{padding:11px 12px;border-bottom:1px solid rgba(255,255,255,.045)}.content tr:last-child td{border-bottom:0}.content tbody tr:hover{background:rgba(255,255,255,.018)}

/* Modais */
.modalbg{background:rgba(2,4,7,.78)!important;backdrop-filter:blur(12px)!important}.modal{border-color:rgba(255,255,255,.085)!important;background:linear-gradient(145deg,#10161e,#0a0f15)!important;border-radius:24px!important;box-shadow:0 38px 120px rgba(0,0,0,.6)!important}.modalhead{padding-bottom:8px;border-bottom:1px solid rgba(255,255,255,.045)}

/* Estados e microinterações */
.skeleton,.skeleton-card{border-radius:16px}.online-dot{box-shadow:0 0 0 4px rgba(79,211,138,.07),0 0 18px rgba(79,211,138,.2)}
@media (prefers-reduced-motion:no-preference){.card,.post,.product,.msgcard,.btn,.iconbtn,.square,.nav button{transition-duration:.16s}}

/* Tablet */
@media(max-width:1050px){.content{padding:26px 24px 60px}.topbar{padding:0 24px}.hero{border-radius:20px}.card,.post,.product{border-radius:18px}}

/* Mobile */
@media(max-width:760px){
  body{background:#070a0e}.content{padding:18px 12px 92px!important}.topbar{height:66px;padding:0 14px}.topbar h1{font-size:17px}.topbar p{display:none}.search{height:39px}.iconbtn{width:39px;height:39px}.hero{padding:18px!important;border-radius:18px;box-shadow:0 10px 30px rgba(0,0,0,.12)}.hero h2{font-size:24px!important}.card{border-radius:17px}.toolbar{padding:7px;border-radius:14px}.feed{gap:12px}.post{border-radius:18px}.posthead{padding:12px 13px}.posthead .avatar{width:40px;height:40px}.postbody{padding:0 13px 14px}.postactions{padding:7px 9px}.sponsored-card{border-radius:17px!important}.products{gap:11px}.product{border-radius:17px!important}.modalbg{padding:10px!important}.modal{border-radius:20px!important;padding:14px!important}.chat{border-radius:18px!important}.chatmsgs{padding:12px!important}.bubble{max-width:88%!important}.igp-cover{height:165px!important}body .igp-shell{border-radius:19px!important}body .igp-head{padding-left:15px!important;padding-right:15px!important}body .igp-grid{gap:2px!important;padding:2px}.vip-paint-alert{border-radius:14px!important}
}

@media(max-width:430px){.content{padding-left:9px!important;padding-right:9px!important}.hero{padding:16px!important}.btn{padding:9px 11px}.chip{font-size:9px}.post{border-radius:16px}.posthead{padding:11px 12px}.postbody{font-size:12px}.modal{width:98vw!important}.igp-stats{gap:5px!important}.igp-stat b{font-size:16px!important}.igp-stat span{font-size:9px!important}}