/* LUG Perfect World - classic clean skin */
:root{
  --v-bg:#0b111a!important;
  --v-panel:rgba(245,248,252,.94)!important;
  --v-panel2:rgba(255,255,255,.98)!important;
  --v-line:rgba(39,73,116,.22)!important;
  --v-line2:rgba(178,132,52,.25)!important;
  --v-gold:#b98225!important;
  --v-gold2:#d6a84d!important;
  --v-cyan:#2f6f9f!important;
  --v-text:#1e293b!important;
  --v-muted:#64748b!important;
  --v-shadow:0 18px 50px rgba(15,23,42,.14)!important;
}
*{box-sizing:border-box}
body.vortex-panel-body{
  margin:0!important;
  min-height:100vh!important;
  color:var(--v-text)!important;
  font-family:Georgia,'Times New Roman',serif!important;
  background:#101822!important;
}
body.vortex-panel-body:before{
  content:""!important;
  position:fixed!important;
  inset:0!important;
  z-index:-3!important;
  background:
    linear-gradient(90deg,rgba(9,16,28,.84),rgba(245,248,252,.78) 50%,rgba(9,16,28,.84)),
    url('/themes/Mar-em-Furia/images/fundo.jpg') center top/cover fixed no-repeat!important;
  filter:none!important;
  opacity:1!important;
}
body.vortex-panel-body:after{
  content:""!important;
  position:fixed!important;
  inset:0!important;
  z-index:-2!important;
  background:
    radial-gradient(circle at 50% 8%,rgba(255,255,255,.45),transparent 28%),
    linear-gradient(180deg,rgba(255,255,255,.22),rgba(8,14,25,.36))!important;
  pointer-events:none!important;
}
.vortex-bg-video,.vortex-theme-switch,.vortex-side-special{display:none!important}
.vortex-app-shell{grid-template-columns:292px minmax(0,1fr)!important}
.vortex-sidebar{
  background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(232,238,246,.96))!important;
  border-right:1px solid rgba(39,73,116,.20)!important;
  box-shadow:14px 0 36px rgba(15,23,42,.16)!important;
}
.vortex-brand,.vortex-auth-brand{
  color:#17324f!important;
  border-bottom:1px solid rgba(39,73,116,.16)!important;
}
.vortex-brand img,.vortex-auth-brand img{
  width:78px!important;
  height:78px!important;
  object-fit:contain!important;
  filter:drop-shadow(0 8px 18px rgba(15,23,42,.16))!important;
}
.vortex-brand span,.vortex-auth-brand span{
  color:#17324f!important;
  font-size:24px!important;
  letter-spacing:.08em!important;
  text-shadow:none!important;
}
.vortex-brand small,.vortex-auth-brand small{
  color:#8a6423!important;
  letter-spacing:.18em!important;
}
.vortex-user-card,.vortex-card,.content-box,.content-lighten,.modal-content,.panel-box,.vortex-auth-card{
  background:linear-gradient(180deg,rgba(255,255,255,.97),rgba(239,245,251,.97))!important;
  color:#1e293b!important;
  border:1px solid rgba(39,73,116,.18)!important;
  border-radius:10px!important;
  box-shadow:var(--v-shadow)!important;
}
.vortex-user-card:after,.vortex-topbar:after{background:linear-gradient(90deg,transparent,rgba(184,130,37,.55),transparent)!important}
.vortex-user-card strong,.vortex-card-title h3,.auth-title,.vortex-dash-hero h2,.vortex-auth-card .perfectworld h1{
  color:#17324f!important;
  text-shadow:none!important;
}
.vortex-user-card span,.text-muted,.auth-sub,.vortex-login-subtitle,.vortex-top-meme,.vortex-footer{color:#64748b!important}
.vortex-wallet,.vortex-pill{
  background:rgba(184,130,37,.10)!important;
  border:1px solid rgba(184,130,37,.22)!important;
  color:#8a6423!important;
}
.vortex-menu p{color:#8a6423!important}
.vortex-menu a{
  color:#23344d!important;
  background:transparent!important;
  border-radius:8px!important;
  border:1px solid transparent!important;
}
.vortex-menu i{color:#8a6423!important}
.vortex-menu a:hover,.vortex-menu a.is-active{
  color:#10243c!important;
  background:linear-gradient(90deg,rgba(47,111,159,.13),rgba(184,130,37,.08))!important;
  border-color:rgba(47,111,159,.20)!important;
  box-shadow:none!important;
}
.vortex-menu a.is-active:before{background:#2f6f9f!important;box-shadow:none!important}
.vortex-topbar{
  background:rgba(255,255,255,.92)!important;
  border-bottom:1px solid rgba(39,73,116,.18)!important;
  box-shadow:0 10px 30px rgba(15,23,42,.10)!important;
}
.vortex-toggle,.vortex-top-profile{
  background:#fff!important;
  color:#17324f!important;
  border:1px solid rgba(39,73,116,.18)!important;
}
.vortex-content{padding:30px!important}
.btn.gam1ng,.gam1ng,.btn-primary,.vortex-auth-card .btn.gam1ng{
  background:linear-gradient(180deg,#2f6f9f,#1e4f76)!important;
  border:1px solid rgba(23,50,79,.22)!important;
  color:#fff!important;
  box-shadow:none!important;
}
.btn-outline-light{
  background:#fff!important;
  border-color:rgba(39,73,116,.22)!important;
  color:#17324f!important;
}
input.form-control,select.form-control,textarea.form-control,input,select,textarea{
  background:#fff!important;
  color:#1e293b!important;
  border:1px solid rgba(39,73,116,.20)!important;
  border-radius:8px!important;
}
label,.border-lable-flt label,.vortex-auth-card .border-lable-flt label{color:#8a6423!important}
table{background:#fff!important;color:#1e293b!important}
table th{color:#17324f!important;background:#eef4fa!important}
table td{color:#1e293b!important}
.vortex-auth-shell{
  min-height:100vh!important;
  background:
    linear-gradient(90deg,rgba(9,16,28,.82),rgba(245,248,252,.74) 52%,rgba(9,16,28,.82)),
    url('/themes/Mar-em-Furia/images/fundo.jpg') center top/cover fixed no-repeat!important;
}
.vortex-auth-shell:after{display:none!important}
.auth-feature-row .auth-feature{
  background:rgba(255,255,255,.94)!important;
  color:#1e293b!important;
  border:1px solid rgba(39,73,116,.16)!important;
  border-radius:10px!important;
}
@media(max-width:1160px){.vortex-app-shell{grid-template-columns:1fr!important}.vortex-sidebar{position:relative!important;height:auto!important}}

/* Logo oficial Perfect World */
.vortex-brand img,
.vortex-auth-brand img,
.auth-card-logo img{
  width:150px!important;
  height:auto!important;
  max-height:132px!important;
  object-fit:contain!important;
  filter:drop-shadow(0 12px 22px rgba(15,23,42,.20))!important;
}
.vortex-brand{
  align-items:center!important;
}
.vortex-auth-brand{
  align-items:center!important;
}
.vortex-auth-card .auth-card-logo{
  margin-bottom:14px!important;
}
@media(max-width:760px){
  .vortex-brand img,.vortex-auth-brand img,.auth-card-logo img{width:118px!important}
}

/* Logo oficial Perfect World */
.vortex-brand img,
.vortex-auth-brand img,
.auth-card-logo img{
  width:150px!important;
  height:auto!important;
  max-height:132px!important;
  object-fit:contain!important;
  filter:drop-shadow(0 12px 22px rgba(15,23,42,.20))!important;
}
.vortex-brand{
  align-items:center!important;
}
.vortex-auth-brand{
  align-items:center!important;
}
.vortex-auth-card .auth-card-logo{
  margin-bottom:14px!important;
}
@media(max-width:760px){
  .vortex-brand img,.vortex-auth-brand img,.auth-card-logo img{width:118px!important}
}

/* FINAL CLASSIC RESET - overrides old meme/political skin loaded by the original panel */
html body.vortex-panel-body{
  background:#111827!important;
  color:#243244!important;
}
html body.vortex-panel-body:before{
  content:""!important;
  position:fixed!important;
  inset:0!important;
  z-index:-10!important;
  background:
    linear-gradient(90deg,rgba(7,13,24,.82),rgba(238,244,250,.84) 50%,rgba(7,13,24,.82)),
    url('/themes/Mar-em-Furia/images/fundo.jpg') center top/cover fixed no-repeat!important;
  opacity:1!important;
  filter:none!important;
}
html body.vortex-panel-body:after{
  content:""!important;
  position:fixed!important;
  inset:0!important;
  z-index:-9!important;
  background:linear-gradient(180deg,rgba(255,255,255,.20),rgba(13,23,38,.42))!important;
  pointer-events:none!important;
}
.vortex-app-shell{
  background:transparent!important;
}
.vortex-sidebar{
  background:linear-gradient(180deg,#fbfdff,#e8eef6)!important;
  border-right:1px solid rgba(24,48,78,.20)!important;
}
.vortex-main,
.vortex-content{
  background:transparent!important;
}
.vortex-topbar{
  background:rgba(255,255,255,.94)!important;
  color:#17324f!important;
  border-bottom:1px solid rgba(24,48,78,.18)!important;
}
.vortex-dash-hero{
  background:
    linear-gradient(135deg,rgba(255,255,255,.96),rgba(234,241,248,.96))!important;
  color:#243244!important;
  border:1px solid rgba(24,48,78,.18)!important;
  min-height:auto!important;
}
.vortex-dash-hero h2,
.vortex-dash-hero p,
.vortex-top-meme{
  color:#17324f!important;
}
.vortex-card,
.content-box,
.content-lighten,
.vortex-stat,
.rank-person,
.auth-feature,
.server-summary-list .rowx,
.activity-feed div{
  background:linear-gradient(180deg,#ffffff,#f0f5fa)!important;
  color:#243244!important;
  border:1px solid rgba(24,48,78,.16)!important;
  box-shadow:0 14px 36px rgba(15,23,42,.12)!important;
}
.vortex-card *,
.content-box *,
.server-summary-list *,
.activity-feed *,
.vortex-stat *{
  text-shadow:none!important;
}
.vortex-card-title h3,
.vortex-stat strong,
.server-summary-list b,
.activity-feed b,
.rank-person b{
  color:#17324f!important;
}
.vortex-stat small,
.server-summary-list small,
.activity-feed span,
.rank-person small{
  color:#64748b!important;
}
.vortex-menu a{
  color:#243244!important;
}
.vortex-menu a:hover,
.vortex-menu a.is-active{
  background:linear-gradient(90deg,rgba(47,111,159,.12),rgba(185,130,37,.08))!important;
  color:#10243c!important;
}
.vortex-menu a.is-active:before{
  background:#2f6f9f!important;
}
.vortex-brand img,
.vortex-auth-brand img{
  display:block!important;
  width:128px!important;
  height:auto!important;
}
.vortex-auth-shell{
  background:
    linear-gradient(90deg,rgba(7,13,24,.82),rgba(238,244,250,.84) 50%,rgba(7,13,24,.82)),
    url('/themes/Mar-em-Furia/images/fundo.jpg') center top/cover fixed no-repeat!important;
}
.vortex-auth-card .perfectworld,
.perfectworld{
  background:transparent!important;
}
.vortex-theme-switch,
.vortex-bg-video,
.vortex-side-special,
.launch-widget,
.vortex-launch,
.tigrinho-page{
  display:none!important;
}

/* AUTH REDESIGN - clean classic login/cadastro */
.vortex-auth-shell{
  min-height:100vh!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:48px!important;
  padding:48px 24px!important;
  background:
    linear-gradient(90deg,rgba(8,17,30,.90),rgba(13,25,42,.40) 48%,rgba(8,17,30,.90)),
    url('/themes/Mar-em-Furia/images/fundo.jpg') center top/cover fixed no-repeat!important;
}
.vortex-auth-shell:before{
  content:""!important;
  position:fixed!important;
  inset:0!important;
  background:radial-gradient(circle at 50% 18%,rgba(255,255,255,.18),transparent 26%),linear-gradient(180deg,rgba(255,255,255,.05),rgba(0,0,0,.35))!important;
  pointer-events:none!important;
}
.vortex-auth-intro{
  width:360px!important;
  max-width:360px!important;
  margin:0!important;
  align-self:center!important;
  text-align:center!important;
  background:rgba(255,255,255,.92)!important;
  border:1px solid rgba(185,130,37,.24)!important;
  border-radius:18px!important;
  padding:28px 24px!important;
  box-shadow:0 24px 60px rgba(0,0,0,.28)!important;
}
.vortex-auth-brand{
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:12px!important;
  margin:0 0 18px!important;
  color:#17324f!important;
}
.vortex-auth-brand img{
  width:220px!important;
  max-height:none!important;
  height:auto!important;
  object-fit:contain!important;
  filter:drop-shadow(0 10px 18px rgba(0,0,0,.18))!important;
}
.vortex-auth-brand div{
  display:none!important;
}
.auth-title{
  margin:8px 0 10px!important;
  color:#17324f!important;
  font-size:24px!important;
  line-height:1.18!important;
  letter-spacing:.12em!important;
  text-align:center!important;
  text-transform:uppercase!important;
}
.auth-sub{
  margin:0!important;
  color:#475569!important;
  font-size:15px!important;
  line-height:1.55!important;
  letter-spacing:0!important;
}
.vortex-auth-slogan,
.auth-feature-row,
.auth-feature{
  display:none!important;
}
.vortex-auth-card{
  width:430px!important;
  max-width:430px!important;
  justify-self:auto!important;
  padding:34px 34px 30px!important;
  background:rgba(255,255,255,.96)!important;
  color:#1e293b!important;
  border:1px solid rgba(185,130,37,.28)!important;
  border-radius:18px!important;
  box-shadow:0 28px 70px rgba(0,0,0,.30)!important;
  backdrop-filter:none!important;
}
.vortex-auth-card:before{
  content:"LUG"!important;
  top:-18px!important;
  width:auto!important;
  height:auto!important;
  padding:7px 18px!important;
  border-radius:999px!important;
  background:linear-gradient(180deg,#d6a84d,#b98225)!important;
  color:#fff!important;
  font-size:12px!important;
  letter-spacing:.22em!important;
  font-weight:900!important;
  text-shadow:none!important;
  box-shadow:0 10px 24px rgba(0,0,0,.22)!important;
}
.vortex-auth-card .auth-card-logo img{
  width:190px!important;
  height:auto!important;
  max-height:none!important;
  filter:drop-shadow(0 10px 18px rgba(0,0,0,.16))!important;
}
.vortex-auth-card .perfectworld h1{
  color:#17324f!important;
  font-size:25px!important;
  line-height:1.2!important;
  letter-spacing:.08em!important;
  margin:8px 0 10px!important;
  text-shadow:none!important;
}
.vortex-auth-card .perfectworld h1 span{
  color:#8a6423!important;
  font-size:.72em!important;
  letter-spacing:.12em!important;
}
.vortex-login-subtitle{
  color:#475569!important;
  font-size:14px!important;
}
.vortex-auth-card input.form-control{
  height:50px!important;
  background:#f8fafc!important;
  color:#172033!important;
  border:1px solid rgba(23,50,79,.20)!important;
  border-radius:10px!important;
}
.vortex-auth-card input.form-control:focus{
  background:#fff!important;
  border-color:#2f6f9f!important;
  box-shadow:0 0 0 3px rgba(47,111,159,.14)!important;
}
.vortex-auth-card .border-lable-flt label,
.vortex-auth-card label{
  color:#8a6423!important;
  font-size:11px!important;
  letter-spacing:.12em!important;
}
.vortex-auth-card .btn.gam1ng{
  min-height:52px!important;
  border-radius:10px!important;
  background:linear-gradient(180deg,#2f6f9f,#183b5c)!important;
  color:#fff!important;
  border:0!important;
  letter-spacing:.16em!important;
}
.vortex-auth-card .links_ a,
.vortex-auth-card .vortex-login-actions a{
  color:#1f5f8f!important;
}
@media(max-width:980px){
  .vortex-auth-shell{
    flex-direction:column!important;
    gap:22px!important;
    padding:28px 14px!important;
  }
  .vortex-auth-intro,.vortex-auth-card{
    width:min(100%,430px)!important;
    max-width:430px!important;
  }
}

/* Auth text contrast fix */
.vortex-auth-card .vortex-login-subtitle,
.vortex-auth-card p.vortex-login-subtitle{
  color:#26364d!important;
  font-weight:700!important;
  font-size:15px!important;
  line-height:1.65!important;
  opacity:1!important;
  text-shadow:none!important;
}
.vortex-auth-card .links_,
.vortex-auth-card .links_ *{
  color:#26364d!important;
  opacity:1!important;
}
.auth-sub{
  color:#26364d!important;
  font-weight:700!important;
  opacity:1!important;
}

/* Character Center */
.lug-characters-page{display:grid;gap:18px}
.lug-characters-hero{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  padding:26px;
  border:1px solid rgba(24,48,78,.16);
  border-radius:18px;
  background:linear-gradient(135deg,#ffffff,#edf4fb);
  box-shadow:0 18px 45px rgba(15,23,42,.12);
}
.lug-characters-hero h2{margin:8px 0;color:#17324f;font-size:34px;letter-spacing:.04em}
.lug-characters-hero p{margin:0;color:#475569;font-weight:700}
.lug-character-list{display:grid;gap:16px}
.lug-character-card{
  overflow:hidden;
  border:1px solid rgba(24,48,78,.16);
  border-radius:18px;
  background:#fff;
  box-shadow:0 16px 42px rgba(15,23,42,.10);
}
.lug-character-head{
  width:100%;
  display:flex;
  align-items:center;
  gap:16px;
  padding:18px 20px;
  border:0;
  background:linear-gradient(90deg,#ffffff,#edf4fb);
  color:#17324f;
  text-align:left;
  cursor:pointer;
}
.lug-character-head img{width:58px;height:58px;object-fit:contain;filter:drop-shadow(0 8px 16px rgba(15,23,42,.14))}
.lug-character-head strong{display:block;font-size:24px;color:#17324f}
.lug-character-head small{display:block;color:#64748b;font-weight:700}
.lug-character-head em{margin-left:auto;color:#8a6423;font-style:normal;font-weight:900;text-transform:uppercase;letter-spacing:.12em;font-size:11px}
.lug-character-body{padding:22px}
.lug-stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.lug-stat-grid div{
  padding:16px;
  border:1px solid rgba(24,48,78,.14);
  border-radius:14px;
  background:linear-gradient(180deg,#fff,#f5f8fc);
}
.lug-stat-grid small{display:block;color:#8a6423;text-transform:uppercase;letter-spacing:.12em;font-weight:900;font-size:10px}
.lug-stat-grid b{display:block;margin-top:6px;color:#17324f;font-size:20px}
.lug-status-line{display:flex;flex-wrap:wrap;gap:10px;margin:16px 0}
.lug-status-line span{padding:8px 12px;border-radius:999px;background:#edf4fb;color:#334155;font-weight:800;font-size:12px}
.lug-character-tabs{gap:8px;margin:14px 0}
.lug-character-tabs .nav-link{border-radius:999px!important;background:#edf4fb!important;color:#17324f!important;font-weight:900;text-transform:uppercase;letter-spacing:.08em;font-size:11px}
.lug-character-tabs .nav-link.active{background:linear-gradient(180deg,#2f6f9f,#183b5c)!important;color:#fff!important}
.lug-tab-content{padding-top:8px}
.lug-item-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(172px,1fr));gap:12px}
.lug-item-card{
  position:relative;
  min-height:178px;
  padding:16px;
  border:1px solid rgba(24,48,78,.14);
  border-radius:14px;
  background:linear-gradient(180deg,#fff,#f7fafc);
  color:#243244;
}
.lug-item-card img{width:46px;height:46px;object-fit:contain;filter:drop-shadow(0 8px 14px rgba(15,23,42,.14))}
.lug-item-card strong{display:block;margin-top:10px;color:#17324f;line-height:1.15}
.lug-item-card small,.lug-item-card em{display:block;color:#64748b;font-size:11px;margin-top:5px}
.lug-item-card p{color:#475569;font-size:12px;margin:8px 0 0}
.lug-item-count{position:absolute;right:12px;top:12px;color:#8a6423;font-weight:900}
.lug-empty{padding:18px;border:1px dashed rgba(24,48,78,.20);border-radius:14px;color:#64748b;background:#f8fafc}
.lug-inventory-note{color:#475569;font-weight:800}
.lug-actions{display:flex;gap:10px;flex-wrap:wrap}
@media(max-width:980px){.lug-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.lug-characters-hero{display:block}.lug-character-head em{display:none}}
@media(max-width:560px){.lug-stat-grid{grid-template-columns:1fr}.lug-character-head{align-items:flex-start}.lug-character-head img{width:44px;height:44px}.lug-character-head strong{font-size:20px}}

/* DISTINCT PANEL SKIN v2 - LUG Classic Codex */
body.vortex-panel-body{
  --lug-ink:#17243a;
  --lug-blue:#153b63;
  --lug-blue2:#0b223a;
  --lug-gold:#b8842d;
  --lug-paper:#fbf6e9;
  --lug-paper2:#efe5cf;
}
.vortex-app-shell{
  grid-template-columns:270px minmax(0,1fr)!important;
  background:
    linear-gradient(90deg,rgba(7,13,24,.68),rgba(255,250,238,.82) 46%,rgba(7,13,24,.50)),
    url('/themes/Mar-em-Furia/images/fundo.jpg') center top/cover fixed no-repeat!important;
}
.vortex-sidebar{
  margin:18px 0 18px 18px!important;
  height:calc(100vh - 36px)!important;
  border-radius:24px!important;
  background:
    linear-gradient(180deg,rgba(251,246,233,.98),rgba(232,220,194,.97))!important;
  border:1px solid rgba(91,59,24,.28)!important;
  box-shadow:0 24px 60px rgba(0,0,0,.28), inset 0 0 0 1px rgba(255,255,255,.55)!important;
}
.vortex-sidebar:before{
  content:"";
  position:absolute;
  inset:10px;
  border:1px solid rgba(184,132,45,.22);
  border-radius:18px;
  pointer-events:none;
}
.vortex-brand{
  padding:22px 18px 18px!important;
  border-bottom:1px solid rgba(91,59,24,.18)!important;
}
.vortex-brand img{
  width:160px!important;
  margin:0 auto!important;
}
.vortex-brand div{
  display:none!important;
}
.vortex-user-card{
  margin:0 14px 18px!important;
  border-radius:18px!important;
  background:linear-gradient(180deg,#fffaf0,#eee0c4)!important;
  border-color:rgba(91,59,24,.22)!important;
}
.vortex-wallet{
  background:#173b62!important;
  color:#fff0bd!important;
  border:0!important;
  border-radius:999px!important;
  text-align:center!important;
}
.vortex-menu{
  padding:0 12px 18px!important;
}
.vortex-menu p{
  margin:18px 10px 8px!important;
  color:#8a6423!important;
  font-size:10px!important;
}
.vortex-menu a{
  min-height:42px!important;
  border-radius:999px!important;
  padding:10px 14px!important;
  margin:5px 0!important;
  color:#243244!important;
  font-weight:800!important;
}
.vortex-menu a:after{display:none!important}
.vortex-menu a:hover,
.vortex-menu a.is-active{
  background:linear-gradient(90deg,#173b62,#235f94)!important;
  color:#fff!important;
  border-color:transparent!important;
  box-shadow:0 10px 22px rgba(21,59,99,.22)!important;
}
.vortex-menu a:hover i,
.vortex-menu a.is-active i{
  color:#fff0bd!important;
}
.vortex-menu a.is-active:before{display:none!important}
.vortex-main{
  padding:18px!important;
}
.vortex-topbar{
  position:relative!important;
  top:auto!important;
  min-height:74px!important;
  border-radius:24px!important;
  background:
    linear-gradient(90deg,rgba(251,246,233,.97),rgba(255,255,255,.95))!important;
  border:1px solid rgba(91,59,24,.22)!important;
  box-shadow:0 18px 45px rgba(0,0,0,.14)!important;
}
.vortex-topbar-title .vortex-pill{
  background:#173b62!important;
  color:#fff0bd!important;
}
.vortex-top-meme{
  color:#334155!important;
  font-size:13px!important;
  letter-spacing:.02em!important;
  text-transform:none!important;
}
.vortex-content{
  padding:22px 0 0!important;
}
.vortex-card,
.content-box,
.content-lighten,
.vortex-stat,
.lug-character-card,
.lug-characters-hero{
  border-radius:22px!important;
  background:
    linear-gradient(180deg,rgba(255,252,245,.98),rgba(239,231,213,.98))!important;
  border:1px solid rgba(91,59,24,.20)!important;
  box-shadow:0 18px 48px rgba(0,0,0,.12), inset 0 0 0 1px rgba(255,255,255,.50)!important;
}
.vortex-dash-hero{
  background:
    linear-gradient(135deg,rgba(255,252,245,.98),rgba(231,240,248,.96))!important;
}
.vortex-card-title h3,
.vortex-dash-hero h2,
.lug-characters-hero h2{
  font-family:Georgia,'Times New Roman',serif!important;
  color:#173b62!important;
  letter-spacing:.03em!important;
}
.vortex-pill{
  border-radius:999px!important;
  background:rgba(184,132,45,.14)!important;
  color:#8a6423!important;
}
.btn.gam1ng,
.gam1ng,
.btn-primary{
  border-radius:999px!important;
  background:linear-gradient(180deg,#245f93,#153b63)!important;
  box-shadow:0 10px 22px rgba(21,59,99,.18)!important;
}
.btn-outline-light{
  border-radius:999px!important;
  background:#fffaf0!important;
  color:#173b62!important;
  border-color:rgba(91,59,24,.20)!important;
}
.lug-character-head{
  background:linear-gradient(90deg,#fffaf0,#e8f0f7)!important;
}
.lug-stat-grid div,
.lug-item-card,
.lug-empty{
  background:linear-gradient(180deg,#fffaf0,#f2ead8)!important;
  border-color:rgba(91,59,24,.16)!important;
}
@media(max-width:1160px){
  .vortex-app-shell{grid-template-columns:1fr!important}
  .vortex-sidebar{height:auto!important;margin:12px!important}
  .vortex-main{padding:12px!important}
}


/* Character inventory: game-like tooltip and no technical fields */
.lug-item-card{
  position:relative!important;
  overflow:visible!important;
  min-height:138px!important;
}
.lug-item-card > img{
  image-rendering:auto!important;
  border-radius:8px!important;
  box-shadow:0 8px 18px rgba(18,34,52,.18)!important;
}
.lug-item-card > small,
.lug-item-card > em{
  color:#6d5a3d!important;
}
.lug-item-tooltip{
  display:none;
  position:absolute;
  z-index:9999;
  left:76px;
  top:10px;
  width:276px;
  padding:13px 14px;
  color:#e9f6ff;
  text-align:left;
  background:
    radial-gradient(circle at 20% 0%,rgba(47,91,144,.55),transparent 36%),
    linear-gradient(180deg,rgba(8,16,27,.98),rgba(5,9,15,.98));
  border:1px solid rgba(125,184,255,.65);
  box-shadow:0 18px 45px rgba(0,0,0,.55), inset 0 0 0 1px rgba(255,255,255,.08);
  border-radius:10px;
  pointer-events:none;
}
.lug-item-card:hover .lug-item-tooltip{
  display:block;
}
.lug-item-tooltip b{
  display:block;
  color:#ffd76a;
  font-family:Georgia,'Times New Roman',serif;
  font-size:15px;
  margin-bottom:8px;
  text-shadow:0 1px 2px #000;
}
.lug-item-tooltip span,
.lug-item-tooltip p,
.lug-item-tooltip .item-attrs-text{
  display:block;
  color:#dbeafe;
  font-size:12px;
  line-height:1.45;
  margin:6px 0 0;
}
.lug-item-tooltip .muted{
  color:#94a3b8!important;
}


/* LUG 2026 rebuild: darker, game-like panel instead of generic parchment template */
:root{
  --lug-ink:#070b11;
  --lug-panel:#0d1520;
  --lug-panel-2:#111e2c;
  --lug-blue:#1f5d93;
  --lug-gold:#d9a84e;
  --lug-cream:#f4e3bd;
}
body.vortex-panel-body{
  background:
    radial-gradient(circle at 76% 8%,rgba(204,87,29,.25),transparent 30%),
    radial-gradient(circle at 14% 16%,rgba(55,151,210,.22),transparent 34%),
    linear-gradient(180deg,#07111d,#111015 58%,#07080c)!important;
  color:#d8e4f2!important;
}
.vortex-app-shell{
  grid-template-columns:96px 1fr!important;
  min-height:100vh!important;
  background:transparent!important;
}
.vortex-sidebar{
  margin:0!important;
  border-radius:0!important;
  width:96px!important;
  padding:16px 10px!important;
  background:linear-gradient(180deg,rgba(7,12,20,.98),rgba(12,22,34,.98))!important;
  border-right:1px solid rgba(217,168,78,.34)!important;
  box-shadow:12px 0 38px rgba(0,0,0,.36)!important;
}
.vortex-brand{
  display:block!important;
  padding:0!important;
  text-align:center!important;
  background:transparent!important;
  border:0!important;
}
.vortex-brand img{
  width:72px!important;
  height:auto!important;
  margin:0 auto 10px!important;
}
.vortex-brand div,
.vortex-user-card strong,
.vortex-user-card span,
.vortex-user-card em{
  display:none!important;
}
.vortex-user-card{
  padding:10px 0!important;
  margin:12px 0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
.vortex-avatar img{
  width:46px!important;
  height:46px!important;
  border:2px solid rgba(217,168,78,.65)!important;
}
.vortex-wallet{
  width:72px!important;
  margin:10px auto 0!important;
  padding:7px 6px!important;
  border-radius:10px!important;
  background:linear-gradient(180deg,#143a5f,#09233b)!important;
  color:#ffe5a4!important;
  font-size:10px!important;
  line-height:1.15!important;
  text-align:center!important;
}
.vortex-menu p{display:none!important}
.vortex-menu a{
  width:72px!important;
  min-height:58px!important;
  margin:7px auto!important;
  padding:9px 5px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:5px!important;
  border-radius:14px!important;
  color:#b9cce2!important;
  background:rgba(255,255,255,.035)!important;
  border:1px solid rgba(255,255,255,.06)!important;
  font-size:10px!important;
  text-align:center!important;
}
.vortex-menu a i{font-size:18px!important;color:#d9a84e!important}
.vortex-menu a.is-active,
.vortex-menu a:hover{
  background:linear-gradient(180deg,#245f93,#12385d)!important;
  color:#fff4c8!important;
  box-shadow:0 12px 24px rgba(31,93,147,.28)!important;
}
.vortex-main{
  padding:24px 28px!important;
  background:
    linear-gradient(180deg,rgba(7,11,17,.76),rgba(7,11,17,.90)),
    url('/imagens/bg/background.jpg') center top/cover fixed!important;
}
.vortex-topbar{
  min-height:82px!important;
  border-radius:22px!important;
  background:linear-gradient(90deg,rgba(9,18,30,.96),rgba(18,34,51,.94))!important;
  border:1px solid rgba(217,168,78,.35)!important;
  color:#f8e8bd!important;
}
.vortex-card,
.content-box,
.content-lighten,
.lug-character-card,
.lug-characters-hero{
  border-radius:18px!important;
  background:linear-gradient(180deg,rgba(13,21,32,.96),rgba(8,13,21,.97))!important;
  border:1px solid rgba(82,137,190,.32)!important;
  color:#d8e4f2!important;
  box-shadow:0 18px 44px rgba(0,0,0,.34)!important;
}
.vortex-card-title h3,
.vortex-dash-hero h2,
.lug-characters-hero h2,
.lug-character-head strong,
.lug-stat-grid b{
  color:#ffe7ad!important;
  font-family:Georgia,'Times New Roman',serif!important;
}
.lug-character-head{
  background:linear-gradient(90deg,rgba(14,31,50,.96),rgba(22,44,65,.94))!important;
  color:#d8e4f2!important;
}
.lug-stat-grid div,
.lug-item-card,
.lug-empty,
.vortex-stat{
  background:linear-gradient(180deg,rgba(17,30,44,.96),rgba(10,18,29,.96))!important;
  border-color:rgba(217,168,78,.20)!important;
  color:#d8e4f2!important;
}
.lug-c-panel{
  display:grid;
  grid-template-columns:repeat(6,minmax(120px,1fr));
  gap:10px;
  margin:12px 0 10px;
}
.lug-c-panel div{
  padding:12px;
  border-radius:14px;
  background:linear-gradient(180deg,rgba(5,11,18,.84),rgba(16,28,42,.9));
  border:1px solid rgba(217,168,78,.25);
}
.lug-c-panel small{
  display:block;
  color:#d9a84e;
  text-transform:uppercase;
  letter-spacing:.08em;
  font-size:10px;
}
.lug-c-panel b{
  color:#ffffff;
  font-size:18px;
}
.lug-status-line span{
  background:rgba(31,93,147,.20)!important;
  color:#d8e4f2!important;
}
.lug-character-tabs .nav-link{
  background:rgba(255,255,255,.06)!important;
  color:#d8e4f2!important;
  border:1px solid rgba(217,168,78,.16)!important;
}
.lug-character-tabs .nav-link.active{
  background:linear-gradient(180deg,#d9a84e,#8b5d18)!important;
  color:#0b111a!important;
}
@media(max-width:900px){
  .vortex-app-shell{grid-template-columns:1fr!important}
  .vortex-sidebar{width:auto!important;display:block!important}
  .lug-c-panel{grid-template-columns:repeat(2,1fr)}
}


/* Sidebar v2: readable classic command center */
.vortex-app-shell{
  grid-template-columns:292px 1fr!important;
}
.vortex-sidebar{
  width:auto!important;
  padding:22px 18px!important;
  background:
    radial-gradient(circle at 50% 0%,rgba(49,101,151,.28),transparent 36%),
    linear-gradient(180deg,rgba(9,16,27,.98),rgba(15,26,39,.98))!important;
}
.vortex-brand{
  display:flex!important;
  align-items:center!important;
  gap:12px!important;
  text-align:left!important;
  padding:12px!important;
  border:1px solid rgba(217,168,78,.22)!important;
  border-radius:18px!important;
  background:rgba(255,255,255,.035)!important;
}
.vortex-brand img{
  width:70px!important;
  margin:0!important;
}
.vortex-brand div,
.vortex-user-card strong,
.vortex-user-card span,
.vortex-user-card em{
  display:block!important;
}
.vortex-brand span{
  color:#ffe7ad!important;
  font-family:Georgia,'Times New Roman',serif!important;
  font-size:18px!important;
  line-height:1.05!important;
}
.vortex-brand small{
  color:#8fb6de!important;
}
.vortex-user-card{
  margin:16px 0!important;
  padding:16px!important;
  border-radius:18px!important;
  background:linear-gradient(180deg,rgba(21,38,57,.9),rgba(10,18,29,.95))!important;
  border:1px solid rgba(217,168,78,.22)!important;
  text-align:left!important;
}
.vortex-avatar img{
  width:54px!important;
  height:54px!important;
  float:left!important;
  margin:0 12px 8px 0!important;
}
.vortex-wallet{
  clear:both!important;
  width:auto!important;
  margin:12px 0 0!important;
  padding:10px 12px!important;
  font-size:12px!important;
  text-transform:uppercase!important;
  letter-spacing:.08em!important;
}
.vortex-menu p{
  display:block!important;
  margin:18px 8px 8px!important;
  color:#d9a84e!important;
  font-size:11px!important;
  letter-spacing:.18em!important;
  text-transform:uppercase!important;
}
.vortex-menu a{
  width:auto!important;
  min-height:44px!important;
  margin:6px 0!important;
  padding:0 13px!important;
  display:flex!important;
  flex-direction:row!important;
  justify-content:flex-start!important;
  gap:12px!important;
  border-radius:12px!important;
  font-size:14px!important;
  text-align:left!important;
}
.vortex-menu a i{
  width:20px!important;
  font-size:16px!important;
}
@media(max-width:900px){
  .vortex-app-shell{grid-template-columns:1fr!important}
  .vortex-sidebar{width:auto!important}
}