/* =========================================================
   LA FRONTERA — SITE-WIDE VISUAL SYSTEM
   Shared polish for portal, login, staff and rules.
   ========================================================= */
:root{
  --lf-accent:#4b78ff;
  --lf-accent-2:#6aa8ff;
  --lf-cyan:#55d9ff;
  --lf-violet:#7c6cff;
  --lf-surface:#0b111b;
  --lf-surface-2:#0e1622;
  --lf-border:rgba(132,166,235,.16);
  --lf-border-strong:rgba(110,153,255,.30);
  --lf-text:#f7f9ff;
  --lf-text-2:#d5dbea;
  --lf-muted:#9aa6b9;
  --lf-muted-2:#77849a;
  --lf-shadow:0 26px 80px rgba(0,0,0,.34);
}

html{scroll-behavior:smooth}
body{font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}
button,a,input,textarea,select{outline-color:var(--lf-accent)}
:focus-visible{outline:2px solid var(--lf-cyan)!important;outline-offset:3px}

/* LOGIN */
#loginScreen .lf-login-bg:before,
#loginScreen .lf-login-bg:after{content:"";position:absolute;border-radius:50%;pointer-events:none}
#loginScreen .lf-login-bg:before{width:520px;height:520px;left:-260px;bottom:-280px;background:radial-gradient(circle,rgba(85,217,255,.09),transparent 68%);filter:blur(12px);animation:lfThemeFloat 9s ease-in-out infinite}
#loginScreen .lf-login-bg:after{width:620px;height:620px;right:-290px;top:5%;background:radial-gradient(circle,rgba(75,120,255,.17),transparent 68%);filter:blur(18px);animation:lfFloat2 12s ease-in-out infinite}
#loginScreen .lf-bg-grid{animation:lfGrid 22s linear infinite}
#loginScreen .lf-login-logo img{filter:drop-shadow(0 0 20px rgba(75,120,255,.16));transition:transform .25s ease,filter .25s ease}
#loginScreen .lf-login-logo:hover img{transform:translateY(-1px) scale(1.015);filter:drop-shadow(0 0 28px rgba(75,120,255,.30))}
#loginScreen .lf-login-label span{background:linear-gradient(90deg,var(--lf-cyan),var(--lf-accent))!important;box-shadow:0 0 14px rgba(85,217,255,.22)}
#loginScreen .lf-login-content h1{color:#f8faff!important;text-shadow:0 12px 45px rgba(0,0,0,.26)}
#loginScreen .lf-login-content h1 strong{color:#74a0ff!important;text-shadow:0 0 35px rgba(75,120,255,.18)}
#loginScreen .lf-login-description{color:#b4bfd0!important;font-size:14.5px!important}
#loginScreen .lf-auth-box{background:linear-gradient(145deg,rgba(16,24,38,.94),rgba(8,12,19,.90))!important;border-color:rgba(117,151,235,.20)!important;box-shadow:0 24px 70px rgba(0,0,0,.34),inset 0 1px rgba(255,255,255,.05)!important;position:relative;overflow:hidden}
#loginScreen .lf-auth-box:after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 20%,rgba(106,168,255,.06) 50%,transparent 80%);transform:translateX(-100%);animation:lfSweep 7s ease-in-out infinite;pointer-events:none}
#loginScreen .lf-auth-heading strong{color:#fff!important;font-size:13.5px!important}
#loginScreen .lf-auth-heading span{color:#a0adbf!important}
#loginScreen .lf-auth-steam{background:linear-gradient(145deg,#3156a8,#1e3671)!important;box-shadow:0 10px 28px rgba(49,86,168,.25)}
#loginScreen .lf-auth-button{background:linear-gradient(135deg,#f8fbff,#cddcff)!important;box-shadow:0 10px 28px rgba(75,120,255,.16)}
#loginScreen .lf-auth-button:hover{box-shadow:0 15px 35px rgba(75,120,255,.28)!important}
#loginScreen .lf-login-notes span{color:#8895a9!important}
#loginScreen .lf-login-notes i{background:var(--lf-cyan)!important;box-shadow:0 0 10px rgba(85,217,255,.65)!important}
#loginScreen .lf-header-discord{color:#aeb8c9!important}
#loginScreen .lf-live-dot{background:var(--lf-cyan)!important;box-shadow:0 0 14px rgba(85,217,255,.72)!important;animation:lfPulseDot 2s ease-in-out infinite}
#loginScreen .lf-login-footer{color:#748096!important}

/* PORTAL / DASHBOARD */
#playerPanel{background:
  radial-gradient(circle at 88% 3%,rgba(75,120,255,.11),transparent 24%),
  radial-gradient(circle at 4% 42%,rgba(85,217,255,.045),transparent 24%),
  linear-gradient(145deg,#070a10,#080d15 55%,#06090f)!important;
}
#playerPanel .header{background:rgba(7,10,16,.78)!important;border-bottom-color:rgba(122,155,225,.15)!important;box-shadow:0 12px 40px rgba(0,0,0,.18)}
#playerPanel .header nav a{color:#aeb9ca!important;position:relative}
#playerPanel .header nav a:after{content:"";position:absolute;left:12px;right:12px;bottom:4px;height:2px;border-radius:2px;background:linear-gradient(90deg,var(--lf-cyan),var(--lf-accent));transform:scaleX(0);transform-origin:center;transition:transform .22s ease}
#playerPanel .header nav a:hover:after{transform:scaleX(1)}
#playerPanel .brand-mark img{filter:drop-shadow(0 0 18px rgba(75,120,255,.16))}
#playerPanel .player-info span{color:#f7f9ff!important;font-size:12px!important}
#playerPanel .player-info small{color:#7f8da4!important}
#playerPanel .discord-avatar{border-color:rgba(106,168,255,.38)!important;box-shadow:0 0 0 4px rgba(75,120,255,.05),0 10px 30px rgba(0,0,0,.28)}
#playerPanel .logout-btn{color:#c3ccda!important;border-color:rgba(132,166,235,.16)!important}
#playerPanel .hero-dashboard{background:
  radial-gradient(circle at 90% 0%,rgba(75,120,255,.16),transparent 35%),
  linear-gradient(145deg,#101a2a,#0b111b 70%)!important;
  border-color:rgba(110,153,255,.19)!important;box-shadow:var(--lf-shadow)!important;position:relative;overflow:hidden}
#playerPanel .hero-dashboard:after{content:"";position:absolute;right:-100px;top:-140px;width:360px;height:360px;border:1px solid rgba(106,168,255,.10);border-radius:50%;box-shadow:0 0 100px rgba(75,120,255,.07);animation:lfFloat2 11s ease-in-out infinite}
#playerPanel .hero-kicker{color:#8da4c8!important}
#playerPanel .hero-dashboard h1{color:#fff!important}
#playerPanel .hero-dashboard p{color:#a4b0c2!important;font-size:13px!important}
#playerPanel .hero-rule{background:linear-gradient(90deg,rgba(85,217,255,.55),rgba(75,120,255,.18),transparent)!important}
#playerPanel .dashboard-card,#playerPanel .action-card,#playerPanel .account-card{background:linear-gradient(145deg,rgba(15,23,36,.96),rgba(9,14,22,.96))!important;border-color:rgba(132,166,235,.15)!important;box-shadow:0 15px 45px rgba(0,0,0,.16)!important;position:relative;overflow:hidden}
#playerPanel .dashboard-card:before,#playerPanel .action-card:before,#playerPanel .account-card:before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,rgba(255,255,255,.045),transparent 28%);pointer-events:none}
#playerPanel .dashboard-card:hover,#playerPanel .action-card:hover{border-color:rgba(106,168,255,.38)!important;box-shadow:0 22px 55px rgba(0,0,0,.26),0 0 35px rgba(75,120,255,.06)!important;transform:translateY(-4px)!important}
#playerPanel .dashboard-card.featured{background:linear-gradient(135deg,#386be2,#2347a5)!important;border-color:rgba(131,169,255,.44)!important;box-shadow:0 22px 55px rgba(45,87,190,.28)!important}
#playerPanel .dashboard-card>span,#playerPanel .action-card .action-number{color:#91a2be!important}
#playerPanel .dashboard-card.featured>span,#playerPanel .dashboard-card.featured .card-index{color:rgba(255,255,255,.78)!important}
#playerPanel .dashboard-card>strong{color:#fff!important}
#playerPanel .dashboard-card>small{color:#8f9cb0!important}
#playerPanel .dashboard-card.featured>small{color:rgba(255,255,255,.76)!important}
#playerPanel .section-heading{color:#8493ab!important}
#playerPanel .section-heading h2{color:#f5f8ff!important;font-size:28px!important}
#playerPanel .action-icon{color:#6db9ff!important;background:linear-gradient(145deg,rgba(75,120,255,.16),rgba(85,217,255,.05))!important;border-color:rgba(106,168,255,.24)!important;box-shadow:inset 0 1px rgba(255,255,255,.04)}
#playerPanel .action-card h3{color:#fff!important}
#playerPanel .action-card p{color:#9da9ba!important}
#playerPanel .support-gate-text{color:#77869c!important}
#playerPanel .card-btn{background:rgba(255,255,255,.045)!important;border-color:rgba(132,166,235,.18)!important;color:#dce5f5!important}
#playerPanel .card-btn:hover{background:linear-gradient(135deg,rgba(75,120,255,.18),rgba(85,217,255,.06))!important;border-color:rgba(106,168,255,.42)!important;color:#fff!important}
#playerPanel .manifesto{border-left-color:var(--lf-cyan)!important;background:linear-gradient(120deg,rgba(75,120,255,.13),rgba(10,16,27,.94))!important;border-color:rgba(106,168,255,.16)!important;box-shadow:var(--lf-shadow)!important}
#playerPanel .manifesto p{color:#a1adbf!important}
#playerPanel .account-card{box-shadow:var(--lf-shadow)!important}
#playerPanel .account-card h3{color:#fff!important}
#playerPanel .account-card p{color:#96a2b5!important}
#playerPanel .account-card strong{color:#e5ebf5!important}
#playerPanel .lf-portal-card{background:linear-gradient(145deg,rgba(16,24,38,.96),rgba(8,13,21,.96))!important;border-color:rgba(132,166,235,.15)!important;box-shadow:0 18px 48px rgba(0,0,0,.16)!important}
#playerPanel .lf-portal-card:hover{border-color:rgba(106,168,255,.42)!important;box-shadow:0 24px 60px rgba(0,0,0,.25),0 0 35px rgba(75,120,255,.07)!important;transform:translateY(-4px)!important}
#playerPanel .lf-portal-card-main{background:radial-gradient(circle at 90% 10%,rgba(75,120,255,.18),transparent 35%),linear-gradient(145deg,#101d34,#09111e)!important}
#playerPanel .lf-card-label{color:#72a0ff!important}
#playerPanel .lf-card-body strong{color:#f6f8fd!important;font-size:15px}
#playerPanel .lf-card-body p{color:#9ba7b9!important}
#playerPanel .lf-card-icon{background:linear-gradient(145deg,rgba(75,120,255,.18),rgba(85,217,255,.05))!important;border-color:rgba(106,168,255,.25)!important;color:#70bfff!important}
#playerPanel .lf-card-arrow{color:#91a9e9!important}
#playerPanel .modal{background:rgba(2,5,10,.76)!important;backdrop-filter:blur(18px)!important}
#playerPanel .modal-content{background:linear-gradient(145deg,#101927,#080d15)!important;border-color:rgba(106,168,255,.20)!important;box-shadow:0 40px 120px rgba(0,0,0,.65)!important}
#playerPanel .close-btn{color:#9ba8ba!important}
#playerPanel .close-btn:hover{color:#fff!important}

/* TICKETS */
#playerPanel .lf-support-modal{box-shadow:0 45px 130px rgba(0,0,0,.72),0 0 70px rgba(75,120,255,.06)!important}
#playerPanel .lf-ticket-sidebar{background:linear-gradient(180deg,rgba(255,255,255,.025),rgba(255,255,255,.005))!important}
#playerPanel .lf-ticket-item.selected{box-shadow:inset 3px 0 var(--lf-cyan),0 10px 30px rgba(0,0,0,.15)!important}
#playerPanel .lf-message.player .lf-message-body{background:linear-gradient(145deg,rgba(75,120,255,.12),rgba(12,17,27,.96))!important;border-color:rgba(106,168,255,.18)!important}
#playerPanel .lf-message-body p{color:#d1d9e6!important}

/* STAFF */
.staff-shell{background:
  radial-gradient(circle at 80% -5%,rgba(75,120,255,.12),transparent 28%),
  radial-gradient(circle at 0% 60%,rgba(85,217,255,.035),transparent 24%),
  linear-gradient(145deg,#06090e,#080d14)!important}
.staff-sidebar{background:rgba(6,10,16,.88)!important;border-right-color:rgba(132,166,235,.14)!important;box-shadow:16px 0 50px rgba(0,0,0,.12)}
.sidebar-brand .brand-logo{filter:drop-shadow(0 0 16px rgba(75,120,255,.16))}
.nav-item{color:#9aa7b9!important;transition:background .2s ease,border-color .2s ease,color .2s ease,transform .2s ease}
.nav-item:hover{background:rgba(75,120,255,.07)!important;border-color:rgba(106,168,255,.12)!important;color:#fff!important;transform:translateX(2px)}
.nav-item.active{background:linear-gradient(90deg,rgba(75,120,255,.19),rgba(75,120,255,.04))!important;border-color:rgba(106,168,255,.22)!important;color:#fff!important;box-shadow:inset 3px 0 var(--lf-cyan),0 8px 25px rgba(0,0,0,.12)}
.topbar{border-bottom-color:rgba(132,166,235,.14)!important}
.topbar h1{color:#fff!important;font-size:30px!important}
.topbar-title p{color:#9ba7b8!important;font-size:11.5px!important}
.topbar-user{background:linear-gradient(145deg,rgba(16,24,37,.92),rgba(8,12,18,.92))!important;border-color:rgba(132,166,235,.16)!important;box-shadow:0 12px 35px rgba(0,0,0,.18)}
.topbar-user strong{color:#fff!important}
.topbar-user span{color:#8390a3!important}
.stat-card,.staff-card{background:linear-gradient(145deg,rgba(14,21,32,.97),rgba(8,13,20,.97))!important;border-color:rgba(132,166,235,.15)!important;box-shadow:0 18px 50px rgba(0,0,0,.16)!important}
.stat-card{transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}
.stat-card:hover{transform:translateY(-3px);border-color:rgba(106,168,255,.32)!important;box-shadow:0 25px 60px rgba(0,0,0,.24)!important}
.stat-card span,.staff-card .eyebrow{color:#91a0b5!important}
.stat-card strong{color:#fff!important}
.stat-card small{color:#78869a!important}
.stat-icon{background:linear-gradient(145deg,rgba(75,120,255,.14),rgba(85,217,255,.04))!important;border-color:rgba(106,168,255,.14)!important}
.section-head{border-bottom-color:rgba(132,166,235,.13)!important}
.section-title h2{color:#fff!important}
.section-title p{color:#9aa6b7!important}
.ticket-filter,.wl-filter{color:#9ba7b8!important;background:rgba(255,255,255,.025)!important;border-color:rgba(132,166,235,.14)!important}
.ticket-filter.active,.ticket-filter:hover,.wl-filter.active,.wl-filter:hover{background:rgba(75,120,255,.12)!important;border-color:rgba(106,168,255,.30)!important;color:#fff!important}
.staff-ticket-row,.jogador-lista,.ticket-detail-head,.ticket-detail-description,.ticket-staff-message{background:linear-gradient(145deg,rgba(10,16,24,.96),rgba(7,11,17,.96))!important;border-color:rgba(132,166,235,.12)!important}
.staff-ticket-row:hover,.jogador-lista:hover{border-color:rgba(106,168,255,.30)!important;transform:translateY(-1px)}
.staff-ticket-row strong,.jogador-info strong{color:#f2f6fd!important}
.staff-ticket-row span,.jogador-info span,.jogador-info small,.jogador-dados span{color:#8491a4!important}
.search-wrap,.filters-bar select,.ticket-staff-reply textarea,.currency-card input,.form-banimento input,.form-banimento textarea{background:#080d15!important;border-color:rgba(132,166,235,.14)!important;color:#eef3fb!important}
.search-wrap:focus-within,.ticket-staff-reply textarea:focus,.currency-card input:focus,.form-banimento input:focus,.form-banimento textarea:focus{border-color:rgba(106,168,255,.48)!important;box-shadow:0 0 0 3px rgba(75,120,255,.09)}

/* RULES */
.rules-app{background:
  radial-gradient(circle at 85% 0,rgba(75,120,255,.10),transparent 28%),
  radial-gradient(circle at 0 70%,rgba(85,217,255,.035),transparent 24%),
  linear-gradient(145deg,#06090f,#080d15)!important}
.rules-header{background:rgba(6,9,15,.78)!important;border-bottom-color:rgba(132,166,235,.15)!important;box-shadow:0 10px 35px rgba(0,0,0,.16)}
.rules-brand img{filter:drop-shadow(0 0 18px rgba(75,120,255,.18))}
.rules-header-center span,.eyebrow{color:#74a0ff!important}
.rules-header-center strong,.rules-hero h1,.chapter h2{color:#fff!important}
.rules-back{color:#aeb9ca!important}
.rules-back:hover{color:#fff!important}
.rules-sidebar{border-right-color:rgba(132,166,235,.14)!important}
.doc-current{background:linear-gradient(145deg,rgba(75,120,255,.14),rgba(85,217,255,.035))!important;border-color:rgba(106,168,255,.24)!important;box-shadow:0 12px 30px rgba(0,0,0,.14)}
.chapter-btn{color:#9aa7b9!important;transition:background .18s ease,border-color .18s ease,color .18s ease,transform .18s ease}
.chapter-btn:hover{background:rgba(75,120,255,.06)!important;color:#fff!important;transform:translateX(2px)}
.chapter-btn.active{background:linear-gradient(90deg,rgba(75,120,255,.14),rgba(75,120,255,.035))!important;border-color:rgba(106,168,255,.18)!important;color:#fff!important;box-shadow:inset 3px 0 var(--lf-cyan)}
.rules-hero{border-bottom-color:rgba(132,166,235,.14)!important}
.rules-hero p,.chapter-summary{color:#a0acbd!important}
.version{color:#aab6c8!important;background:rgba(255,255,255,.025);border-color:rgba(132,166,235,.16)!important}
.article-list{background:linear-gradient(145deg,rgba(12,18,28,.96),rgba(8,13,20,.96))!important;border-color:rgba(132,166,235,.14)!important;box-shadow:var(--lf-shadow)}
.article{border-bottom-color:rgba(132,166,235,.12)!important;transition:background .18s ease}
.article:hover{background:rgba(75,120,255,.035)}
.article>span{color:#79a7ff!important}
.article-title{color:#fff!important}
.article p,.article ul{color:#d5dce7!important}
.article blockquote{border-left-color:var(--lf-cyan)!important;background:rgba(75,120,255,.07)!important;color:#edf3fc!important}
.chapter-nav button{background:rgba(255,255,255,.025)!important;border-color:rgba(132,166,235,.16)!important;color:#dce5f2!important}
.chapter-nav button:hover:not(:disabled){background:rgba(75,120,255,.10)!important;border-color:rgba(106,168,255,.35)!important}

/* WHITELIST — shared polish only; its viewport/layout remains intact */
.wl-bg{background:radial-gradient(circle at 85% 20%,rgba(75,120,255,.18),transparent 32%),radial-gradient(circle at 5% 90%,rgba(85,217,255,.06),transparent 28%),#050913!important}
.wl-grid{animation:lfGrid 24s linear infinite}
.wl-orb{animation:lfFloat2 11s ease-in-out infinite}

/* GLOBAL MOTION */
@keyframes lfGrid{to{background-position:76px 76px}}
@keyframes lfFloat2{50%{transform:translate(-18px,14px) scale(1.035)}}
@keyframes lfSweep{0%,55%{transform:translateX(-100%)}75%,100%{transform:translateX(100%)}}
@keyframes lfPulseDot{50%{box-shadow:0 0 0 5px rgba(85,217,255,.04),0 0 18px rgba(85,217,255,.85)}}

@media(prefers-contrast:more){
  :root{--lf-text:#fff;--lf-muted:#c4cede}
  #playerPanel .dashboard-card,#playerPanel .action-card,#playerPanel .account-card,.staff-card,.stat-card,.article-list{border-color:rgba(255,255,255,.25)!important}
}
@media(prefers-reduced-motion:reduce){
  *,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.001ms!important}
}

@media(max-width:760px){
  #playerPanel .hero-dashboard{margin-top:18px!important}
  #playerPanel .section-heading h2{font-size:24px!important}
  #playerPanel .lf-portal-grid{grid-template-columns:1fr!important}
  #playerPanel .lf-portal-card-main{grid-column:auto!important}
}

/* =========================================================
   LA FRONTERA — VISUAL EXPERIENCE V5
   Full interface redesign: login + citizen portal + staff + rules
   ========================================================= */
:root{
  --lf-electric:#4169ff;
  --lf-electric-2:#6f8cff;
  --lf-cyan:#48e8ff;
  --lf-violet:#8d5cff;
  --lf-pink:#d95cff;
  --lf-bg:#04060b;
  --lf-panel:#0a0f19;
  --lf-line:rgba(125,159,255,.18);
  --lf-glow:rgba(65,105,255,.35);
}

html{scroll-behavior:smooth}
body{background:var(--lf-bg)}
button,a{ -webkit-tap-highlight-color:transparent }

/* ---- GLOBAL ATMOSPHERE ---- */
.login-screen,
#playerPanel,
.staff-shell,
.rules-app,
.wl-bg{
  isolation:isolate;
}

.login-screen::before,
#playerPanel::before,
.staff-shell::before,
.rules-app::before{
  content:"";
  position:fixed;
  inset:-30%;
  z-index:-4;
  pointer-events:none;
  background:
    radial-gradient(circle at 20% 25%,rgba(65,105,255,.18),transparent 23%),
    radial-gradient(circle at 78% 18%,rgba(72,232,255,.10),transparent 22%),
    radial-gradient(circle at 65% 82%,rgba(141,92,255,.10),transparent 26%);
  filter:blur(35px);
  animation:lfAmbient 18s ease-in-out infinite alternate;
}
.login-screen::after,
#playerPanel::after,
.staff-shell::after,
.rules-app::after{
  content:"";
  position:fixed;
  inset:0;
  z-index:-3;
  pointer-events:none;
  opacity:.20;
  background-image:
    linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);
  background-size:54px 54px;
  mask-image:linear-gradient(to bottom,black,transparent 85%);
  animation:lfGridDrift 22s linear infinite;
}

@keyframes lfAmbient{0%{transform:translate3d(-3%,1%,0) scale(1)}50%{transform:translate3d(2%,-3%,0) scale(1.08)}100%{transform:translate3d(5%,2%,0) scale(1.02)}}
@keyframes lfGridDrift{to{background-position:54px 54px}}
@keyframes lfScan{0%{transform:translateX(-120%)}45%,100%{transform:translateX(120%)}}
@keyframes lfShimmer{0%{background-position:-220% 0}100%{background-position:220% 0}}
@keyframes lfThemeFloat{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(18px,-22px,0)}}
@keyframes lfThemePulse{0%,100%{opacity:.55;transform:scale(.94)}50%{opacity:1;transform:scale(1.06)}}
@keyframes lfRise{from{opacity:0;transform:translateY(24px) scale(.985)}to{opacity:1;transform:none}}
@keyframes lfReveal{from{opacity:0;transform:translateX(-18px)}to{opacity:1;transform:none}}
@keyframes lfLogoIn{from{opacity:0;transform:scale(.82) translateY(-12px);filter:blur(8px)}to{opacity:1;transform:none;filter:none}}

/* ---- LOGIN: COMPLETELY REWORKED ---- */
#loginScreen{
  min-height:100svh!important;
  position:relative!important;
  overflow:hidden!important;
  background:
    radial-gradient(ellipse at 50% 105%,rgba(65,105,255,.20),transparent 38%),
    radial-gradient(circle at 8% 18%,rgba(72,232,255,.09),transparent 23%),
    linear-gradient(135deg,#03050a 0%,#070b14 50%,#03050a 100%)!important;
}
#loginScreen .lf-login-bg{position:absolute!important;inset:0!important;overflow:hidden!important;pointer-events:none}
#loginScreen .lf-bg-grid{
  position:absolute!important;inset:-30%!important;
  background-image:linear-gradient(rgba(84,128,255,.075) 1px,transparent 1px),linear-gradient(90deg,rgba(84,128,255,.075) 1px,transparent 1px)!important;
  background-size:58px 58px!important;
  transform:perspective(700px) rotateX(63deg) scale(1.8)!important;
  transform-origin:50% 100%!important;
  opacity:.65!important;
  animation:lfGridDrift 13s linear infinite!important;
}
#loginScreen .lf-bg-blue{
  position:absolute!important;
  width:55vw!important;height:55vw!important;min-width:420px;min-height:420px;
  right:-14vw!important;top:-22vw!important;
  border-radius:50%!important;
  background:radial-gradient(circle,rgba(65,105,255,.28),rgba(65,105,255,.08) 35%,transparent 68%)!important;
  filter:blur(12px)!important;
  animation:lfThemeFloat 9s ease-in-out infinite!important;
}
#loginScreen .lf-login-bg::before,
#loginScreen .lf-login-bg::after{
  content:"";position:absolute;border-radius:50%;pointer-events:none;
}
#loginScreen .lf-login-bg::before{width:28vw;height:28vw;left:-10vw;bottom:-10vw;background:radial-gradient(circle,rgba(141,92,255,.17),transparent 68%);filter:blur(8px);animation:lfThemeFloat 12s ease-in-out infinite reverse}
#loginScreen .lf-login-bg::after{width:16px;height:16px;left:58%;top:31%;background:var(--lf-cyan);box-shadow:0 0 25px 6px rgba(72,232,255,.35);animation:lfThemePulse 3s ease-in-out infinite}

#loginScreen .lf-login-header{
  height:92px!important;padding:0 clamp(20px,5vw,76px)!important;
  border-bottom:1px solid rgba(130,164,255,.13)!important;
  background:linear-gradient(180deg,rgba(3,6,12,.82),rgba(3,6,12,.28))!important;
  backdrop-filter:blur(18px)!important;
  position:relative!important;z-index:5!important;
}
#loginScreen .lf-login-logo{animation:lfLogoIn .8s cubic-bezier(.16,1,.3,1) both}
#loginScreen .lf-login-logo img{width:min(190px,34vw)!important;max-height:52px!important;object-fit:contain;filter:drop-shadow(0 0 22px rgba(65,105,255,.30))!important;transition:transform .45s cubic-bezier(.16,1,.3,1),filter .45s}
#loginScreen .lf-login-logo:hover img{transform:scale(1.045) translateY(-1px);filter:drop-shadow(0 0 32px rgba(72,232,255,.48))!important}
#loginScreen .lf-header-discord{
  border:1px solid rgba(106,154,255,.26)!important;border-radius:999px!important;
  padding:11px 15px!important;color:#dbe5ff!important;
  background:linear-gradient(135deg,rgba(65,105,255,.12),rgba(72,232,255,.035))!important;
  box-shadow:0 0 0 rgba(65,105,255,0);transition:transform .3s,box-shadow .3s,border-color .3s!important;
}
#loginScreen .lf-header-discord:hover{transform:translateY(-2px);border-color:rgba(72,232,255,.55)!important;box-shadow:0 12px 38px rgba(65,105,255,.18),0 0 30px rgba(72,232,255,.07)!important}
#loginScreen .lf-live-dot{background:var(--lf-cyan)!important;box-shadow:0 0 0 0 rgba(72,232,255,.45),0 0 12px rgba(72,232,255,.7)!important;animation:lfLive 2s infinite!important}
@keyframes lfLive{0%{box-shadow:0 0 0 0 rgba(72,232,255,.35),0 0 12px rgba(72,232,255,.7)}70%{box-shadow:0 0 0 7px rgba(72,232,255,0),0 0 18px rgba(72,232,255,.8)}100%{box-shadow:0 0 0 0 rgba(72,232,255,0),0 0 12px rgba(72,232,255,.7)}}

#loginScreen .lf-login-main{position:relative!important;z-index:2!important;min-height:calc(100svh - 144px)!important;display:flex!important;align-items:center!important}
#loginScreen .lf-login-content{max-width:1280px!important;width:100%!important;margin:0 auto!important;padding:clamp(50px,8vh,100px) clamp(20px,7vw,100px)!important;position:relative!important}
#loginScreen .lf-login-content::before{
  content:"";position:absolute;left:clamp(20px,7vw,100px);top:50%;width:5px;height:190px;border-radius:10px;
  transform:translateY(-50%);background:linear-gradient(180deg,var(--lf-cyan),var(--lf-electric),transparent);
  box-shadow:0 0 28px rgba(65,105,255,.45);opacity:.8;
}
#loginScreen .lf-login-label{color:#89a6ff!important;letter-spacing:.22em!important;text-shadow:0 0 18px rgba(65,105,255,.22);animation:lfReveal .7s .1s both}
#loginScreen .lf-login-label span{background:var(--lf-cyan)!important;box-shadow:0 0 15px rgba(72,232,255,.7)!important}
#loginScreen .lf-login-content h1{
  margin-top:18px!important;font-size:clamp(58px,9vw,132px)!important;line-height:.82!important;
  letter-spacing:-.075em!important;font-weight:800!important;animation:lfRise .9s .18s both!important;
  text-shadow:0 15px 60px rgba(0,0,0,.55)!important;
}
#loginScreen .lf-login-content h1 strong{
  background:linear-gradient(100deg,#fff 0%,#b6c8ff 35%,#5deeff 60%,#6f8cff 100%);
  background-size:220% auto;-webkit-background-clip:text;background-clip:text;color:transparent;
  animation:lfShimmer 5s linear infinite;
  filter:drop-shadow(0 0 25px rgba(65,105,255,.18));
}
#loginScreen .lf-login-description{max-width:620px!important;color:#99a8bd!important;font-size:14px!important;line-height:1.8!important;animation:lfRise .8s .3s both}
#loginScreen .lf-auth-box{
  max-width:520px!important;margin-top:34px!important;padding:18px!important;
  border-radius:20px!important;border:1px solid rgba(111,140,255,.25)!important;
  background:linear-gradient(145deg,rgba(13,21,36,.88),rgba(5,9,16,.76))!important;
  box-shadow:0 25px 80px rgba(0,0,0,.40),0 0 60px rgba(65,105,255,.08)!important;
  backdrop-filter:blur(20px)!important;position:relative!important;overflow:hidden!important;
  animation:lfRise .9s .4s both!important;
}
#loginScreen .lf-auth-box::before{
  content:"";position:absolute;left:-100%;top:0;width:65%;height:1px;background:linear-gradient(90deg,transparent,var(--lf-cyan),transparent);animation:lfScan 5s 1s ease-in-out infinite;
}
#loginScreen .lf-auth-heading{padding:4px 3px 14px!important}
#loginScreen .lf-auth-steam{width:44px!important;height:44px!important;border-radius:13px!important;background:linear-gradient(145deg,#192e55,#0c1729)!important;border-color:rgba(115,159,255,.35)!important;box-shadow:inset 0 0 18px rgba(65,105,255,.12),0 0 20px rgba(65,105,255,.08)!important}
#loginScreen .lf-auth-heading strong{color:#f7faff!important}
#loginScreen .lf-auth-heading span{color:#8190a6!important}
#loginScreen .lf-steam-login{
  position:relative!important;overflow:hidden!important;width:100%!important;min-height:58px!important;border-radius:14px!important;
  border:1px solid rgba(104,151,255,.50)!important;background:linear-gradient(105deg,#345de8,#4169ff 45%,#2bbfe4 110%)!important;
  color:#fff!important;box-shadow:0 15px 40px rgba(41,83,230,.28),inset 0 1px rgba(255,255,255,.22)!important;
  transition:transform .28s cubic-bezier(.16,1,.3,1),box-shadow .28s,border-color .28s!important;
}
#loginScreen .lf-steam-login::before{content:"";position:absolute;inset:0;transform:translateX(-110%);background:linear-gradient(100deg,transparent,rgba(255,255,255,.28),transparent);transition:transform .65s}
#loginScreen .lf-steam-login:hover{transform:translateY(-3px) scale(1.008)!important;box-shadow:0 20px 50px rgba(41,83,230,.40),0 0 35px rgba(72,232,255,.10)!important;border-color:rgba(154,210,255,.8)!important}
#loginScreen .lf-steam-login:hover::before{transform:translateX(110%)}
#loginScreen .lf-steam-login:active{transform:translateY(0) scale(.99)!important}
#loginScreen .lf-steam-login b{font-size:18px!important;transition:transform .3s!important}
#loginScreen .lf-steam-login:hover b{transform:translateX(6px)}
#loginScreen .lf-auth-footnote{color:#67758a!important}
#loginScreen .lf-login-notes{animation:lfRise .8s .5s both}
#loginScreen .lf-login-notes span{color:#718097!important;border-color:rgba(115,151,235,.14)!important;background:rgba(255,255,255,.025)!important;border-radius:999px!important;padding:7px 10px!important;transition:.25s!important}
#loginScreen .lf-login-notes span:hover{color:#dbe7ff!important;border-color:rgba(72,232,255,.30)!important;background:rgba(65,105,255,.08)!important;transform:translateY(-2px)}
#loginScreen .lf-login-footer{color:#536176!important;border-top-color:rgba(111,140,255,.12)!important;z-index:3!important}

/* ---- AUTHENTICATED PORTAL ---- */
#playerPanel{
  min-height:100svh!important;
  background:
    radial-gradient(circle at 82% 8%,rgba(65,105,255,.13),transparent 28%),
    radial-gradient(circle at 4% 55%,rgba(72,232,255,.045),transparent 24%),
    linear-gradient(135deg,#04070d,#080d16 48%,#05070d)!important;
  color:#edf3ff!important;
}
#playerPanel .header{
  height:82px!important;padding:0 clamp(16px,4vw,64px)!important;
  border-bottom:1px solid rgba(111,140,255,.15)!important;
  background:rgba(4,7,13,.72)!important;backdrop-filter:blur(22px)!important;
  box-shadow:0 12px 50px rgba(0,0,0,.18)!important;
}
#playerPanel .header::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:1px;background:linear-gradient(90deg,transparent,var(--lf-electric),var(--lf-cyan),transparent);opacity:.45;animation:lfScan 9s linear infinite}
#playerPanel .brand-mark{font-size:0!important;position:relative;display:flex!important}
#playerPanel .brand-mark img{width:128px!important;max-height:48px!important;object-fit:contain;filter:drop-shadow(0 0 16px rgba(65,105,255,.25));transition:.35s}
#playerPanel .brand-mark:hover img{transform:scale(1.05);filter:drop-shadow(0 0 25px rgba(72,232,255,.38))}
#playerPanel .header nav{gap:5px!important}
#playerPanel .header nav a{position:relative!important;border-radius:12px!important;padding:10px 13px!important;color:#8e9cb2!important;transition:.25s!important}
#playerPanel .header nav a::after{content:"";position:absolute;left:13px;right:13px;bottom:5px;height:2px;border-radius:2px;background:linear-gradient(90deg,var(--lf-electric),var(--lf-cyan));transform:scaleX(0);transform-origin:left;transition:.25s}
#playerPanel .header nav a:hover{background:rgba(65,105,255,.09)!important;color:#fff!important;transform:translateY(-1px)}
#playerPanel .header nav a:hover::after{transform:scaleX(1)}
#playerPanel .player-header{background:rgba(255,255,255,.025);border:1px solid rgba(111,140,255,.14);border-radius:999px;padding:5px 6px 5px 13px;box-shadow:0 10px 30px rgba(0,0,0,.16)}
#playerPanel .player-info span{color:#f5f8ff!important;font-weight:750!important}
#playerPanel .player-info small{color:#6d9aff!important;letter-spacing:.16em!important}
#playerPanel .discord-avatar{border:2px solid rgba(91,151,255,.35)!important;box-shadow:0 0 20px rgba(65,105,255,.16)!important}
#playerPanel .logout-btn{border-radius:999px!important;padding:9px 13px!important;color:#8997ad!important;background:rgba(255,255,255,.035)!important;border-color:rgba(111,140,255,.12)!important;transition:.25s!important}
#playerPanel .logout-btn:hover{color:#fff!important;border-color:rgba(72,232,255,.35)!important;background:rgba(65,105,255,.10)!important;transform:translateY(-1px)}

#playerPanel main{max-width:1380px!important;margin:0 auto!important;padding:0 clamp(16px,4vw,54px) 80px!important}
#playerPanel .hero-dashboard{
  position:relative!important;overflow:hidden!important;margin:28px 0 18px!important;padding:clamp(30px,5vw,58px)!important;
  min-height:300px;border-radius:30px!important;
  border:1px solid rgba(111,140,255,.18)!important;
  background:
    radial-gradient(circle at 84% 30%,rgba(72,232,255,.12),transparent 24%),
    radial-gradient(circle at 68% 90%,rgba(141,92,255,.10),transparent 26%),
    linear-gradient(135deg,rgba(13,22,37,.97),rgba(6,11,19,.96))!important;
  box-shadow:0 30px 100px rgba(0,0,0,.28),inset 0 1px rgba(255,255,255,.05)!important;
  animation:lfRise .7s both;
}
#playerPanel .hero-dashboard::before{content:"";position:absolute;width:360px;height:360px;right:-100px;top:-180px;border-radius:50%;background:radial-gradient(circle,rgba(65,105,255,.25),transparent 68%);filter:blur(8px);animation:lfThemeFloat 10s ease-in-out infinite}
#playerPanel .hero-dashboard::after{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:linear-gradient(90deg,transparent,#4169ff,#48e8ff,transparent);animation:lfScan 7s linear infinite}
#playerPanel .hero-kicker{color:#7196ff!important;letter-spacing:.24em!important}
#playerPanel .hero-dashboard h1{font-size:clamp(44px,6.5vw,86px)!important;color:#f6f9ff!important;position:relative;z-index:1}
#playerPanel .hero-dashboard h1 span{background:linear-gradient(90deg,#fff,#91aaff,#5deeff);-webkit-background-clip:text;background-clip:text;color:transparent}
#playerPanel .hero-dashboard p{color:#8897ad!important;font-size:14px!important;position:relative;z-index:1}
#playerPanel .hero-rule{height:2px!important;background:linear-gradient(90deg,rgba(65,105,255,.8),rgba(72,232,255,.35),transparent)!important;max-width:620px!important}

#playerPanel .dashboard-cards{padding:0!important;max-width:none!important;grid-template-columns:repeat(3,1fr)!important;gap:16px!important}
#playerPanel .dashboard-card{
  position:relative!important;overflow:hidden!important;min-height:190px!important;padding:25px!important;border-radius:22px!important;
  border:1px solid rgba(111,140,255,.15)!important;
  background:linear-gradient(145deg,rgba(12,19,31,.96),rgba(7,11,18,.96))!important;
  box-shadow:0 18px 55px rgba(0,0,0,.18)!important;transition:transform .35s cubic-bezier(.16,1,.3,1),border-color .35s,box-shadow .35s!important;
}
#playerPanel .dashboard-card::before{content:"";position:absolute;width:130px;height:130px;right:-65px;top:-65px;border-radius:50%;background:radial-gradient(circle,rgba(65,105,255,.22),transparent 68%);transition:.35s}
#playerPanel .dashboard-card:hover{transform:translateY(-8px)!important;border-color:rgba(72,232,255,.30)!important;box-shadow:0 28px 70px rgba(0,0,0,.28),0 0 35px rgba(65,105,255,.07)!important}
#playerPanel .dashboard-card:hover::before{transform:scale(1.5)}
#playerPanel .dashboard-card.featured{background:linear-gradient(135deg,#3156e5,#4169ff 48%,#1b9fc7)!important;color:#fff!important;border-color:rgba(150,205,255,.55)!important;box-shadow:0 25px 70px rgba(44,82,226,.28)!important}
#playerPanel .dashboard-card.featured::after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 35%,rgba(255,255,255,.18) 50%,transparent 65%);background-size:220% 100%;animation:lfShimmer 5s linear infinite;pointer-events:none}
#playerPanel .dashboard-card .card-index{color:#7186ac!important}
#playerPanel .dashboard-card.featured .card-index{color:#dbe6ff!important}
#playerPanel .dashboard-card>span{color:#93a3ba!important;letter-spacing:.18em!important}
#playerPanel .dashboard-card.featured>span{color:#dce7ff!important}
#playerPanel .dashboard-card strong{display:block!important;margin-top:25px!important;font-size:34px!important;letter-spacing:-.045em!important;color:#f6f9ff!important;position:relative;z-index:1}
#playerPanel .dashboard-card.featured strong{color:#fff!important}
#playerPanel .dashboard-card small{color:#728198!important;position:relative;z-index:1}
#playerPanel .dashboard-card.featured small{color:#d0dcf5!important}
#playerPanel #statusWhitelist.aprovada{color:#67f5bf!important;text-shadow:0 0 20px rgba(103,245,191,.18)}
#playerPanel #statusWhitelist.analise{color:#ffd36b!important}
#playerPanel #statusWhitelist.recusada{color:#ff7686!important}

#playerPanel .section-heading{padding:46px 0 15px!important;margin:0!important;color:#7b8ba4!important}
#playerPanel .section-heading span{color:#5f80dc!important;letter-spacing:.22em!important}
#playerPanel .section-heading h2{font-size:30px!important;color:#f4f7ff!important;margin-top:8px!important}
#playerPanel .action-grid{padding:0!important;max-width:none!important;grid-template-columns:repeat(3,1fr)!important;gap:16px!important}
#playerPanel .action-card{
  position:relative!important;overflow:hidden!important;min-height:315px!important;padding:28px!important;border-radius:24px!important;
  background:linear-gradient(145deg,rgba(11,18,29,.96),rgba(6,11,18,.96))!important;border:1px solid rgba(111,140,255,.15)!important;
  box-shadow:0 18px 55px rgba(0,0,0,.16)!important;transition:transform .35s cubic-bezier(.16,1,.3,1),border-color .35s,box-shadow .35s!important;
}
#playerPanel .action-card::before{content:"";position:absolute;left:-80px;bottom:-100px;width:250px;height:250px;border-radius:50%;background:radial-gradient(circle,rgba(65,105,255,.13),transparent 68%);transition:.45s}
#playerPanel .action-card::after{content:"";position:absolute;left:0;top:0;width:100%;height:1px;background:linear-gradient(90deg,transparent,rgba(72,232,255,.7),transparent);transform:translateX(-100%);transition:.55s}
#playerPanel .action-card:hover{transform:translateY(-8px)!important;border-color:rgba(106,169,255,.32)!important;box-shadow:0 28px 75px rgba(0,0,0,.26)!important}
#playerPanel .action-card:hover::before{transform:scale(1.4)}
#playerPanel .action-card:hover::after{transform:translateX(100%)}
#playerPanel .action-number{color:#60729b!important}
#playerPanel .action-icon{width:48px!important;height:48px!important;display:grid!important;place-items:center!important;margin-top:26px!important;border-radius:15px!important;background:linear-gradient(145deg,rgba(65,105,255,.18),rgba(72,232,255,.06))!important;border:1px solid rgba(111,154,255,.23)!important;color:#76bfff!important;font-size:19px!important;box-shadow:0 10px 30px rgba(65,105,255,.08)!important;transition:.35s!important}
#playerPanel .action-card:hover .action-icon{transform:rotate(-5deg) scale(1.08);box-shadow:0 0 30px rgba(65,105,255,.18)!important}
#playerPanel .action-card h3{font-size:24px!important;color:#f5f8ff!important;margin:20px 0 8px!important}
#playerPanel .action-card p{color:#8795aa!important;line-height:1.75!important}
#playerPanel .card-btn{position:absolute!important;left:28px;bottom:27px;border-radius:12px!important;min-height:43px!important;padding:0 15px!important;background:rgba(65,105,255,.08)!important;border-color:rgba(106,168,255,.22)!important;color:#dce7ff!important;transition:.28s!important}
#playerPanel .card-btn:hover{background:linear-gradient(100deg,#3157df,#397bdc)!important;border-color:transparent!important;transform:translateX(3px)!important;box-shadow:0 10px 28px rgba(49,87,223,.24)!important}
#playerPanel .support-gate-text{position:absolute!important;left:28px;right:28px;bottom:76px;color:#69778d!important}
#playerPanel .support-gate-text.ready{color:#63dfae!important}
#playerPanel .support-gated-btn.is-locked{opacity:.5!important;cursor:not-allowed!important}

#playerPanel .manifesto{
  margin-top:54px!important;padding:42px!important;border:1px solid rgba(111,140,255,.13)!important;border-radius:24px!important;border-left:1px solid rgba(111,140,255,.25)!important;
  background:linear-gradient(120deg,rgba(65,105,255,.07),rgba(72,232,255,.025),rgba(141,92,255,.04))!important;position:relative!important;overflow:hidden!important;
}
#playerPanel .manifesto::before{content:"";position:absolute;left:0;top:0;width:4px;height:100%;background:linear-gradient(180deg,var(--lf-cyan),var(--lf-electric),var(--lf-violet));box-shadow:0 0 25px rgba(65,105,255,.35)}
#playerPanel .manifesto h2{color:#f3f6ff!important;font-size:clamp(28px,4vw,46px)!important;letter-spacing:-.045em!important}
#playerPanel .manifesto h2 em{background:linear-gradient(90deg,#8ca5ff,#5deeff);-webkit-background-clip:text;background-clip:text;color:transparent}
#playerPanel .manifesto p{color:#7f8ea4!important}

#playerPanel .account-section{padding-bottom:20px!important}
#playerPanel .account-card{margin:0!important;padding:25px!important;border-radius:22px!important;background:linear-gradient(145deg,rgba(12,19,30,.96),rgba(6,11,18,.96))!important;border-color:rgba(111,140,255,.15)!important;box-shadow:0 20px 55px rgba(0,0,0,.18)!important}
#playerPanel .account-avatar{width:72px!important;height:72px!important;border-radius:20px!important;border:2px solid rgba(106,168,255,.28)!important;box-shadow:0 0 35px rgba(65,105,255,.14)!important}
#playerPanel .account-label{color:#6884ca!important}
#playerPanel .account-card h3{color:#f6f9ff!important;font-size:20px!important}
#playerPanel .account-card p{color:#7e8da4!important}
#playerPanel .account-card strong{color:#dce6f9!important}

/* PORTAL HUB */
#playerPanel .lf-portal-hub{max-width:1380px!important;margin:0 auto!important;padding:0 clamp(16px,4vw,54px) 80px!important}
#playerPanel .lf-portal-heading{padding:35px 0 17px!important}
#playerPanel .lf-portal-heading h2{font-size:clamp(27px,4vw,42px)!important;color:#f5f8ff!important;letter-spacing:-.045em!important}
#playerPanel .lf-portal-heading p{color:#7f8da2!important;max-width:650px!important}
#playerPanel .lf-portal-grid{grid-template-columns:repeat(2,1fr)!important;gap:16px!important}
#playerPanel .lf-portal-card{
  min-height:160px!important;border-radius:22px!important;padding:23px!important;position:relative!important;overflow:hidden!important;
  background:linear-gradient(145deg,rgba(12,20,32,.96),rgba(6,11,18,.96))!important;border-color:rgba(111,140,255,.14)!important;
  transition:transform .35s cubic-bezier(.16,1,.3,1),border-color .35s,box-shadow .35s!important;
}
#playerPanel .lf-portal-card::before{content:"";position:absolute;inset:-1px;background:linear-gradient(110deg,transparent 20%,rgba(72,232,255,.09),transparent 80%);transform:translateX(-100%);transition:.65s;pointer-events:none}
#playerPanel .lf-portal-card:hover{transform:translateY(-6px)!important;border-color:rgba(106,168,255,.32)!important;box-shadow:0 25px 65px rgba(0,0,0,.24),0 0 35px rgba(65,105,255,.06)!important}
#playerPanel .lf-portal-card:hover::before{transform:translateX(100%)}
#playerPanel .lf-portal-card-main{background:linear-gradient(135deg,rgba(24,48,117,.88),rgba(8,20,37,.98))!important;border-color:rgba(93,146,255,.30)!important}
#playerPanel .lf-card-icon{border-radius:14px!important;width:46px!important;height:46px!important;display:grid!important;place-items:center!important;background:rgba(65,105,255,.10)!important;color:#74cfff!important;border-color:rgba(106,168,255,.20)!important;transition:.35s!important}
#playerPanel .lf-portal-card:hover .lf-card-icon{transform:rotate(5deg) scale(1.08);background:rgba(72,232,255,.10)!important}
#playerPanel .lf-card-body strong{color:#f4f8ff!important;font-size:17px!important}
#playerPanel .lf-card-body p{color:#8290a6!important}
#playerPanel .lf-card-label{color:#6f93e9!important}
#playerPanel .lf-card-arrow{color:#83cfff!important;transition:.3s!important}
#playerPanel .lf-portal-card:hover .lf-card-arrow{transform:translateX(5px);color:#fff!important}

/* ---- INTERACTIVE RIPPLE / TOAST ---- */
.lf-ripple{position:absolute!important;width:12px;height:12px;border-radius:50%;pointer-events:none;background:rgba(255,255,255,.45);transform:translate(-50%,-50%) scale(0);animation:lfRipple .65s ease-out forwards;z-index:30}
@keyframes lfRipple{to{transform:translate(-50%,-50%) scale(22);opacity:0}}
.lf-pointer-glow{position:fixed;width:280px;height:280px;border-radius:50%;pointer-events:none;z-index:0;background:radial-gradient(circle,rgba(65,105,255,.08),transparent 68%);transform:translate(-50%,-50%);mix-blend-mode:screen;transition:opacity .3s}
#playerPanel .lf-pointer-glow{opacity:.75}

/* ---- STAFF / RULES EXTRA DEPTH ---- */
.staff-shell,.rules-app{min-height:100svh!important}
.staff-shell .staff-card,.staff-shell .stat-card,.rules-app .article-list,.rules-app .doc-current{position:relative;overflow:hidden}
.staff-shell .staff-card::before,.staff-shell .stat-card::before,.rules-app .article-list::before{
  content:"";position:absolute;left:0;right:0;top:0;height:1px;background:linear-gradient(90deg,transparent,rgba(72,232,255,.55),rgba(65,105,255,.55),transparent);opacity:.5;
}
.staff-shell .nav-item,.rules-app .chapter-btn{border-radius:12px!important}
.staff-shell .nav-item.active,.rules-app .chapter-btn.active{box-shadow:inset 3px 0 var(--lf-cyan),0 0 30px rgba(65,105,255,.08)!important}

/* ---- RESPONSIVE ---- */
@media(max-width:1050px){
  #playerPanel .header{gap:12px!important}
  #playerPanel .header nav{order:3;width:100%;overflow-x:auto;flex:none}
  #playerPanel .header{height:auto!important;min-height:76px!important;flex-wrap:wrap!important;padding-top:10px!important;padding-bottom:10px!important}
  #playerPanel .player-header{margin-left:auto}
  #playerPanel .dashboard-cards,#playerPanel .action-grid{grid-template-columns:1fr 1fr!important}
  #playerPanel .action-grid .action-card:last-child{grid-column:1/-1}
}
@media(max-width:760px){
  #loginScreen .lf-login-header{height:72px!important}
  #loginScreen .lf-header-discord{font-size:8px!important;padding:9px 11px!important}
  #loginScreen .lf-login-content::before{display:none}
  #loginScreen .lf-login-content{padding:42px 20px 70px!important}
  #loginScreen .lf-login-content h1{font-size:clamp(52px,15vw,82px)!important}
  #loginScreen .lf-login-description{font-size:12px!important}
  #loginScreen .lf-auth-box{margin-top:25px!important}
  #loginScreen .lf-login-notes{gap:5px!important;flex-wrap:wrap}
  #loginScreen .lf-login-footer{display:none!important}
  #playerPanel main{padding:0 14px 55px!important}
  #playerPanel .header{padding-left:14px!important;padding-right:14px!important}
  #playerPanel .brand-mark img{width:105px!important}
  #playerPanel .player-info{display:none!important}
  #playerPanel .player-header{gap:7px!important}
  #playerPanel .header nav{order:3;margin:3px -4px 0!important;width:calc(100% + 8px)!important;padding-bottom:2px!important}
  #playerPanel .header nav a{font-size:9px!important;padding:9px 10px!important}
  #playerPanel .hero-dashboard{min-height:275px!important;margin-top:14px!important;padding:28px!important;border-radius:24px!important}
  #playerPanel .dashboard-cards,#playerPanel .action-grid{grid-template-columns:1fr!important}
  #playerPanel .action-grid .action-card:last-child{grid-column:auto}
  #playerPanel .dashboard-card{min-height:155px!important}
  #playerPanel .action-card{min-height:285px!important}
  #playerPanel .lf-portal-grid{grid-template-columns:1fr!important}
  #playerPanel .manifesto{padding:28px!important}
  #playerPanel .account-card{align-items:flex-start!important}
}
@media(max-width:430px){
  #loginScreen .lf-login-logo img{width:145px!important}
  #loginScreen .lf-header-discord{font-size:0!important}
  #loginScreen .lf-header-discord b{font-size:14px!important}
  #loginScreen .lf-auth-heading strong{font-size:12px!important}
  #loginScreen .lf-auth-heading span{font-size:9px!important}
  #playerPanel .logout-btn{font-size:0!important;padding:9px 11px!important}
  #playerPanel .logout-btn::after{content:"↪";font-size:14px}
  #playerPanel .section-heading h2{font-size:25px!important}
}

@media(prefers-reduced-motion:reduce){
  .login-screen::before,#playerPanel::before,.staff-shell::before,.rules-app::before,
  .login-screen::after,#playerPanel::after,.staff-shell::after,.rules-app::after,
  #loginScreen .lf-bg-grid,#loginScreen .lf-bg-blue,#loginScreen .lf-login-content h1 strong,
  #loginScreen .lf-auth-box::before,#playerPanel .hero-dashboard::before,#playerPanel .hero-dashboard::after,
  #playerPanel .dashboard-card.featured::after{animation:none!important}
  .lf-pointer-glow{display:none!important}
}

/* ==========================================================
   V6 — RESPONSIVE POLISH / ANIMATION FINAL-STATE FIXES
   ========================================================== */

/* Nunca aplique blur ao portal inteiro: o brilho deve ficar no fundo. */
#playerPanel{
  filter:none!important;
  animation:none!important;
  isolation:isolate!important;
}
#playerPanel::before{
  content:"";
  position:fixed;
  inset:-18%;
  z-index:-4;
  pointer-events:none;
  background:
    radial-gradient(circle at 72% 18%,rgba(65,105,255,.16),transparent 25%),
    radial-gradient(circle at 18% 76%,rgba(72,232,255,.08),transparent 22%),
    radial-gradient(circle at 82% 82%,rgba(141,92,255,.09),transparent 24%);
  filter:blur(45px);
  animation:lfPortalAmbient 18s ease-in-out infinite alternate;
}
@keyframes lfPortalAmbient{
  0%{transform:translate3d(-2%,1%,0) scale(1)}
  50%{transform:translate3d(2%,-2%,0) scale(1.06)}
  100%{transform:translate3d(4%,2%,0) scale(1.02)}
}

/* Login: texto nunca deve ser espremido pelo ícone ou pelo botão. */
#loginScreen .lf-login-header{min-width:0}
#loginScreen .lf-login-logo{flex:0 1 auto;min-width:0}
#loginScreen .lf-login-logo img{display:block;max-width:100%}
#loginScreen .lf-header-discord{
  flex:0 0 auto!important;
  white-space:nowrap!important;
  min-width:max-content!important;
}
#loginScreen .lf-login-content{min-width:0}
#loginScreen .lf-login-description{
  width:min(100%,620px)!important;
  overflow-wrap:normal!important;
  word-break:normal!important;
}
#loginScreen .lf-auth-box{width:min(520px,100%)!important;min-width:0!important}
#loginScreen .lf-auth-heading{
  display:flex!important;
  align-items:center!important;
  gap:13px!important;
  min-width:0!important;
}
#loginScreen .lf-auth-heading>div:last-child{
  min-width:0!important;
  flex:1 1 auto!important;
}
#loginScreen .lf-auth-heading strong{
  display:block!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
#loginScreen .lf-auth-heading span{
  display:block!important;
  margin-top:4px!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
#loginScreen .lf-auth-steam{flex:0 0 44px!important}
#loginScreen .lf-steam-login{white-space:nowrap!important}
#loginScreen .lf-steam-login span{white-space:nowrap!important}
#loginScreen .lf-login-notes{
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  flex-wrap:wrap!important;
}
#loginScreen .lf-login-notes span{white-space:nowrap!important;flex:0 0 auto!important}
#loginScreen .lf-login-footer span{white-space:nowrap!important}

/* Entrada: todos os estados finais são preservados. */
#loginScreen .lf-login-logo,
#loginScreen .lf-login-label,
#loginScreen .lf-login-content h1,
#loginScreen .lf-login-description,
#loginScreen .lf-auth-box,
#loginScreen .lf-login-notes{
  animation-fill-mode:both!important;
}

/* Evita que o brilho infinito seja confundido com uma animação de entrada interrompida. */
#loginScreen .lf-login-content h1 strong{
  animation-name:lfLoginTextShimmer!important;
  animation-duration:5s!important;
  animation-timing-function:linear!important;
  animation-iteration-count:infinite!important;
  animation-fill-mode:both!important;
}
@keyframes lfLoginTextShimmer{
  0%{background-position:-220% 0}
  100%{background-position:220% 0}
}

/* Botões: feedback consistente em mouse, teclado e toque. */
#loginScreen .lf-steam-login,
#playerPanel .card-btn,
#playerPanel .lf-portal-card,
#playerPanel .logout-btn{
  -webkit-tap-highlight-color:transparent;
}
#loginScreen .lf-steam-login:focus-visible,
#loginScreen .lf-header-discord:focus-visible,
#loginScreen .lf-login-logo:focus-visible,
#playerPanel a:focus-visible,
#playerPanel button:focus-visible{
  outline:2px solid rgba(72,232,255,.9)!important;
  outline-offset:3px!important;
}

/* Tablets / notebooks: impede o header de esmagar o CTA. */
@media (max-width:900px){
  #loginScreen .lf-login-content{padding-left:clamp(22px,6vw,70px)!important;padding-right:clamp(22px,6vw,70px)!important}
  #loginScreen .lf-login-content h1{font-size:clamp(54px,10vw,92px)!important;max-width:760px!important}
  #loginScreen .lf-login-description{max-width:600px!important}
}

@media (max-width:760px){
  #loginScreen{overflow-y:auto!important;overflow-x:hidden!important}
  #loginScreen .lf-login-header{height:76px!important;padding:0 18px!important;gap:12px!important}
  #loginScreen .lf-login-logo img{width:min(150px,42vw)!important;max-height:42px!important}
  #loginScreen .lf-header-discord{font-size:8px!important;padding:9px 11px!important;max-width:48vw!important}
  #loginScreen .lf-login-main{min-height:calc(100svh - 76px)!important;align-items:flex-start!important}
  #loginScreen .lf-login-content{padding:48px 20px 52px!important}
  #loginScreen .lf-login-content h1{font-size:clamp(48px,15vw,76px)!important;line-height:.88!important;letter-spacing:-.065em!important}
  #loginScreen .lf-login-description{font-size:12.5px!important;line-height:1.7!important;max-width:100%!important}
  #loginScreen .lf-auth-box{margin-top:25px!important;padding:16px!important;border-radius:18px!important}
  #loginScreen .lf-auth-heading{gap:11px!important}
  #loginScreen .lf-auth-heading strong{font-size:12px!important}
  #loginScreen .lf-auth-heading span{font-size:9px!important}
  #loginScreen .lf-auth-footnote{display:block!important;line-height:1.5!important}
  #loginScreen .lf-login-notes{margin-top:16px!important}
  #loginScreen .lf-login-footer{display:none!important}
}

@media (max-width:430px){
  #loginScreen .lf-login-header{padding:0 14px!important}
  #loginScreen .lf-login-logo img{width:135px!important}
  #loginScreen .lf-header-discord{font-size:0!important;padding:9px 11px!important;max-width:none!important}
  #loginScreen .lf-header-discord b{font-size:14px!important}
  #loginScreen .lf-auth-heading span{white-space:normal!important;line-height:1.35!important;max-width:230px!important}
  #loginScreen .lf-auth-heading strong{white-space:normal!important;line-height:1.2!important}
  #loginScreen .lf-steam-login{min-height:54px!important}
  #loginScreen .lf-login-notes span{font-size:7px!important;padding:7px 9px!important}
}

@media (max-width:340px){
  #loginScreen .lf-login-logo img{width:118px!important}
  #loginScreen .lf-login-content{padding-left:15px!important;padding-right:15px!important}
  #loginScreen .lf-login-content h1{font-size:44px!important}
  #loginScreen .lf-auth-heading{align-items:flex-start!important}
  #loginScreen .lf-auth-steam{flex-basis:38px!important;width:38px!important;height:38px!important}
  #loginScreen .lf-auth-heading span{max-width:190px!important}
  #loginScreen .lf-login-notes span{font-size:6.5px!important}
}

@media (prefers-reduced-motion:reduce){
  #playerPanel::before,
  #loginScreen .lf-login-content h1 strong{animation:none!important}
}