/* LetsGames Website 5.8 — designer refinement layer
   Keeps the V5.7 component structure and backend, but gives the public UI
   a tighter, more consistent visual system based on the new LG mark. */

:root{
  --bg:#05080d;
  --bg2:#07101a;
  --panel:#08131f;
  --panel2:#0a1725;
  --line:rgba(135,188,229,.13);
  --line2:rgba(57,184,255,.30);
  --text:#f5f9fd;
  --muted:#8ca0b5;
  --blue:#126cff;
  --cyan:#35c8ff;
  --cyan2:#88e7ff;
  --green:#4bdda2;
  --red:#ff5f77;
  --gold:#35c8ff;
  --purple:#5899ff;
  --shadow:0 24px 64px rgba(0,0,0,.27);
  --radius:18px;
  --shell:min(1260px,calc(100% - 48px));
}

html{background:var(--bg)}
body{
  background:
    radial-gradient(900px 520px at 78% -170px,rgba(25,118,255,.10),transparent 68%),
    linear-gradient(180deg,#05080d 0%,#060b12 45%,#05080d 100%);
  color:var(--text);
}
.site-bg i{filter:blur(120px);opacity:.075}
.site-bg i:nth-child(1){background:#0d6cff}
.site-bg i:nth-child(2){background:#24c6ff}
.site-bg i:nth-child(3){background:#1478ff;opacity:.045}
.site-noise{opacity:.018}
.shell{width:var(--shell)}

/* Navigation / brand */
.nav{
  height:82px!important;
  background:rgba(5,9,15,.91)!important;
  border-top:0!important;
  border-bottom:1px solid rgba(151,194,227,.11)!important;
  box-shadow:0 12px 38px rgba(0,0,0,.20)!important;
  backdrop-filter:blur(18px)!important;
}
.nav-inner{gap:26px!important}
.nav-inner:after{display:none!important}
.brand{gap:12px!important;font-size:inherit!important;letter-spacing:0!important}
.brand-mark{
  width:50px;height:50px;display:grid;place-items:center;flex:none;
  border:1px solid rgba(98,186,239,.13);border-radius:13px;
  background:linear-gradient(145deg,rgba(15,32,52,.92),rgba(7,16,27,.94));
  box-shadow:inset 0 1px rgba(255,255,255,.035),0 8px 24px rgba(0,0,0,.25);
}
.brand-mark img{width:44px!important;height:44px!important;object-fit:contain;filter:drop-shadow(0 5px 9px rgba(0,0,0,.28))!important}
.brand-copy{display:flex!important;flex-direction:column;gap:1px!important;line-height:1!important}
.brand-copy b{font:800 17px/1.05 Oxanium,sans-serif;letter-spacing:-.55px;color:#f5fbff}
.brand-copy b span{color:#58ceff}
.brand-copy small{font:700 6px/1.1 Inter,sans-serif;letter-spacing:1.55px;color:#668198;margin-top:4px}
.nav-links{gap:4px!important}
.nav-links a{
  padding:10px 12px!important;border-radius:9px!important;border:1px solid transparent!important;
  background:transparent!important;color:#8ea2b8!important;font-size:12px!important;font-weight:700!important;
}
.nav-links a:hover{color:#eaf7ff!important;background:rgba(255,255,255,.025)!important;border-color:rgba(143,190,228,.07)!important}
.nav-links a.active{color:#f4fbff!important;background:rgba(45,174,239,.065)!important;border-color:rgba(68,187,245,.16)!important}
.lang{width:39px!important;height:39px!important;border-radius:9px!important;background:#08131e!important;border-color:rgba(119,184,229,.12)!important;color:#7edfff!important}
.player-chip{border-radius:10px!important;background:#08131e!important;border-color:rgba(119,184,229,.12)!important}
.btn{border-radius:10px!important;box-shadow:none;transition:transform .18s ease,border-color .18s ease,background .18s ease,box-shadow .18s ease!important}
.btn:hover{transform:translateY(-1px)!important}
.btn-primary{color:#02131e!important;background:linear-gradient(135deg,#68dcff,#29b9f8)!important;box-shadow:0 10px 28px rgba(31,174,231,.15)!important}
.btn-primary:after{display:none!important}
.btn-secondary{background:#0c2034!important;border:1px solid rgba(81,177,234,.18)!important;color:#eaf8ff!important;box-shadow:none!important}
.btn-ghost{background:#08131e!important;border-color:rgba(130,184,224,.13)!important;color:#d9e7f2!important}

/* Homepage hero */
.hero-v52{
  min-height:680px!important;
  background:transparent!important;
  border-bottom:1px solid rgba(132,178,214,.09)!important;
  overflow:hidden;
}
.hero-v52:before,.hero-v52:after{display:none!important}
.hero-v52 .hero-layout{min-height:680px!important;padding:72px 0 76px!important;grid-template-columns:1.04fr .96fr!important;gap:54px!important}
.hero-grid-lines{
  display:block!important;opacity:.18!important;background-size:84px 84px!important;
  background-image:linear-gradient(rgba(71,159,219,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(71,159,219,.05) 1px,transparent 1px)!important;
  mask-image:linear-gradient(to right,black,transparent 78%)!important;
}
.hero-v52 .eyebrow{color:#a9bdcf!important;letter-spacing:1.8px!important}
.hero-v52 .eyebrow em{border-radius:6px!important;background:rgba(52,193,248,.045)!important;border-color:rgba(52,193,248,.16)!important;color:#6edcff!important}
.hero-v52 .hero-copy h1{
  font-size:clamp(64px,7.2vw,106px)!important;letter-spacing:-6.2px!important;line-height:.86!important;margin:26px 0 27px!important;
  text-shadow:none!important;
}
.hero-v52 .hero-copy h1 span{background:linear-gradient(100deg,#f8fbff 0%,#71dcff 52%,#2a8cff 100%)!important;-webkit-background-clip:text!important;color:transparent!important}
.hero-v52 .hero-copy>p{max-width:650px!important;font-size:15px!important;line-height:1.78!important;color:#8fa4b9!important}
.hero-actions{margin-top:30px!important;gap:10px!important}
.hero-actions .copy-ip{min-width:226px!important}
.hero-status{margin-top:25px!important;padding-top:18px!important;border-top:1px solid rgba(129,174,210,.08)!important;max-width:480px}
.hero-status b{font-size:12px!important}.hero-status span{font-size:10px!important;color:#71869a!important}
.hero-emblem-v52{
  width:min(570px,100%)!important;aspect-ratio:1.08!important;display:grid;place-items:center;
}
.hero-emblem-v52:before{
  content:""!important;display:block!important;position:absolute!important;inset:10% 7%!important;
  border:1px solid rgba(80,166,222,.10)!important;border-radius:34px!important;transform:none!important;
  background:linear-gradient(145deg,rgba(9,25,40,.55),rgba(5,11,18,.12))!important;
}
.hero-emblem-v52:after{content:""!important;display:block!important;position:absolute!important;inset:20%!important;background:radial-gradient(circle,rgba(23,137,230,.13),transparent 70%)!important;filter:blur(24px)!important;z-index:-1!important}
.hero-emblem-v52 img{position:relative!important;inset:auto!important;width:89%!important;height:auto!important;max-height:410px!important;object-fit:contain!important;filter:drop-shadow(0 28px 38px rgba(0,0,0,.46))!important;animation:none!important;z-index:2!important}
.hero-emblem-v52 .emblem-glow{inset:18%!important;opacity:.5!important;background:radial-gradient(circle,rgba(40,176,248,.14),transparent 70%)!important}
.hero-emblem-v52 .orbit{display:none!important}

/* Network facts */
.network-strip-v52{background:#060c13!important;border-color:rgba(126,174,211,.10)!important}
.network-strip-v52 .strip-grid>div{padding:21px 26px!important;border-color:rgba(126,174,211,.08)!important}
.network-strip-v52 .strip-grid>div:not(:last-child):after{display:none!important}
.strip-grid small{font-size:8px!important;letter-spacing:1.55px!important;color:#5f778d!important}
.strip-grid b{font-size:20px!important;color:#eaf7ff!important}

/* Global section rhythm */
.section{padding:92px 0!important}
.section-kicker,.overline{font-size:9px!important;letter-spacing:2px!important;color:#4cc9fb!important;margin-bottom:12px!important}
.section-heading{margin-bottom:30px!important}
.section-heading h2,.page-hero h1{letter-spacing:-2.3px!important}
.section-heading>p{font-size:12px!important;color:#8196aa!important;line-height:1.75!important}

/* Game cards / home modules */
.game-showcase{padding-top:102px!important}
.game-grid-v4{gap:14px!important}
.game-card-v4{
  height:390px!important;border-radius:18px!important;border-color:rgba(128,178,217,.12)!important;
  background:linear-gradient(145deg,#091522,#07101a)!important;box-shadow:0 18px 48px rgba(0,0,0,.22)!important;
}
.game-card-v4:hover{transform:translateY(-3px)!important;border-color:rgba(64,191,245,.27)!important;box-shadow:0 24px 58px rgba(0,0,0,.28)!important}
.game-card-v4 img{width:59%!important;height:72%!important;right:1%!important;top:1%!important;filter:drop-shadow(0 22px 27px rgba(0,0,0,.46))!important}
.game-card-v4:hover img{transform:translateY(-3px) scale(1.025)!important}
.game-aura{opacity:.075!important;filter:blur(65px)!important}
.game-index{left:27px!important;top:24px!important;color:#4d657a!important}
.game-copy{padding:31px!important;max-width:64%!important;background:linear-gradient(90deg,rgba(7,16,26,.98),rgba(7,16,26,.83) 62%,transparent)!important}
.game-copy>span{font-size:28px!important}.game-copy p{font-size:11px!important;color:#8195aa!important}.game-copy b{font-size:8px!important;color:#59cffb!important}

.network-hub-v52{padding-top:26px!important}
.network-hub-grid{gap:12px!important}
.network-hub-card{
  min-height:150px!important;border-radius:16px!important;padding:22px!important;
  border:1px solid rgba(128,178,217,.11)!important;background:#08131e!important;box-shadow:none!important;
}
.network-hub-card:after{display:none!important}
.network-hub-card:hover{transform:translateY(-2px)!important;border-color:rgba(66,192,244,.24)!important;background:#091724!important;box-shadow:0 18px 40px rgba(0,0,0,.18)!important}
.network-hub-card>img{width:84px!important;height:84px!important;filter:drop-shadow(0 13px 17px rgba(0,0,0,.30))!important}
.network-hub-card small{font-size:7px!important;letter-spacing:1.6px!important;color:#49c7fa!important}
.network-hub-card h3{font-size:19px!important;margin:7px 0 6px!important}.network-hub-card p{font-size:9px!important;color:#748a9f!important}
.rivalry-hub-card{grid-template-columns:75px 1fr auto!important}.hub-rival-mark{width:68px!important;height:68px!important;border-radius:13px!important;background:#0b1a29!important;border-color:rgba(74,184,237,.14)!important;color:#72dbff!important;font-size:21px!important}

.progression-section{background:linear-gradient(180deg,transparent,rgba(9,23,37,.55),transparent)!important}
.profile-preview-v52{border-radius:18px!important;border-color:rgba(128,178,217,.12)!important;background:#08131f!important;box-shadow:0 18px 50px rgba(0,0,0,.22)!important}
.profile-preview-signin>img{width:190px!important;height:auto!important;max-height:145px!important;margin-bottom:14px!important;filter:drop-shadow(0 16px 22px rgba(0,0,0,.35))!important}
.profile-preview-signin>small{font-size:7px!important}.profile-preview-signin h3{font-size:22px!important}.profile-preview-signin p{font-size:10px!important}
.feature-list>div{border-color:rgba(128,178,217,.10)!important}
.feature-list i{color:#4cc9fb!important}

.home-team-strip{padding:4px 0 84px!important}.home-team-strip-inner{padding-top:27px!important;border-color:rgba(128,178,217,.09)!important}
.home-team-strip-head h2{font-size:24px!important}.home-team-strip-head p{color:#74899d!important}
.home-team-person{border-radius:11px!important;background:#07111b!important;border-color:rgba(128,178,217,.09)!important}
.home-team-person:hover{background:#091724!important;border-color:rgba(72,193,241,.20)!important;transform:translateY(-1px)}
.cta-band-v52 .cta-inner{border-radius:18px!important;border-color:rgba(121,179,220,.13)!important;background:linear-gradient(120deg,#081623,#07101a)!important;box-shadow:none!important}

/* Public page shells and cards */
.subpage{padding-top:28px}
.page-hero,.shop-hero-v53,.team-editorial-hero{
  border-radius:20px!important;border:1px solid rgba(127,179,218,.12)!important;
  background:linear-gradient(145deg,#091522,#07101a)!important;box-shadow:0 22px 58px rgba(0,0,0,.20)!important;
}
.page-hero:before,.page-hero:after,.shop-hero-v53:before,.shop-hero-v53:after{opacity:.35!important}

/* Team */
.staff-page-v57{padding-top:30px!important}
.team-editorial-hero{padding:50px 52px!important;margin-bottom:66px!important;grid-template-columns:minmax(0,1fr) 285px!important;gap:46px!important}
.team-editorial-hero:after{border-color:rgba(82,180,232,.06)!important}
.team-editorial-copy h1{font-size:clamp(42px,4.8vw,68px)!important;letter-spacing:-3.3px!important}
.team-editorial-copy h1 span{color:#65d3ff!important}.team-editorial-copy>p{font-size:13px!important;color:#879cb0!important}
.team-hero-meta{border-color:rgba(128,178,216,.10)!important}.team-hero-meta small{color:#5d768c!important}
.team-hero-mark{border-radius:18px!important;background:#07131f!important;border-color:rgba(111,180,224,.12)!important}
.team-hero-mark:before,.team-hero-mark:after{display:none!important}
.team-hero-mark .team-hero-logo{position:relative;z-index:2;width:82%;height:auto;filter:drop-shadow(0 20px 28px rgba(0,0,0,.38))}
.team-hero-mark>span{color:#5f788e!important}
.team-roster-v57{gap:66px!important}
.team-group-head{border-color:rgba(128,178,216,.10)!important}.team-group-index{color:#52ccfa!important}
.team-group-head small{color:#638198!important}.team-group-head>p{color:#7e93a6!important}
.team-profile-card{border-radius:16px!important;border-color:rgba(128,178,216,.11)!important;background:#08131e!important;box-shadow:none!important}
.team-profile-card:hover{transform:translateY(-2px)!important;border-color:rgba(66,190,240,.22)!important;box-shadow:0 20px 44px rgba(0,0,0,.18)!important}
.team-profile-visual{background:#091827!important;border-color:rgba(128,178,216,.08)!important}.skin-grid{opacity:.55!important}.team-profile-number{color:#547188!important}
.team-profile-info>p{color:#7d91a5!important}.team-profile-tags span{border-radius:6px!important;background:#07111b!important;border-color:rgba(128,178,216,.09)!important;color:#788fa4!important}
.recruitment-v57{border-radius:18px!important;background:#08131e!important;box-shadow:none!important}.recruitment-stamp{border-radius:15px!important;background:#07111b!important}.recruitment-form,.recruitment-rules,.my-applications{background:#07111b!important}

/* Store */
.shop-hero-v53{margin-top:0!important}.shop-hero-icon{border-radius:18px!important;background:#08131f!important;border-color:rgba(127,179,218,.10)!important}
.store-trust-row span{border-radius:8px!important;background:#08131e!important;border-color:rgba(121,180,222,.10)!important}
.rank-store-grid-v53{gap:14px!important}
.rank-product-v53{border-radius:17px!important;background:#08131e!important;border-color:rgba(128,179,218,.11)!important;box-shadow:none!important}
.rank-product-v53:hover{transform:translateY(-2px)!important;border-color:rgba(68,191,243,.23)!important;box-shadow:0 18px 46px rgba(0,0,0,.19)!important}
.rank-product-v53.featured{border-color:rgba(64,190,242,.20)!important}
.rank-product-art{background:#091725!important}.rank-product-footer-v53{border-color:rgba(128,179,218,.09)!important}
.rank-dialog{border-radius:18px!important;background:#07111b!important;border-color:rgba(124,182,222,.16)!important}
.redeem-banner{border-radius:17px!important;background:#08131e!important;border-color:rgba(128,179,218,.11)!important}

/* Leaderboards, game detail, status */
.leaderboard-mega-v53,.game-stat-panel-v53,.game-board-v53,.status-game-card-v53,.status-hero-v53,.rival-compare-v53,.dash-panel,.profile-game-card,.playtime-board,.profile-progress-panel,.milestone-card,.profile-redeem-card,.code-history-card,.identity-card,.ticket-thread,.meta-card,.ops-card{
  border-radius:16px!important;background:#08131e!important;border-color:rgba(128,179,218,.11)!important;box-shadow:none!important;
}
.status-game-card-v53:hover,.profile-game-card:hover,.milestone-card:hover{transform:translateY(-2px)!important;border-color:rgba(68,191,243,.22)!important}
.stat-card,.playtime-game-card{border-radius:12px!important;background:#07111b!important;border-color:rgba(128,179,218,.09)!important}

/* Auth */
.account-shell{background:transparent!important}
.auth-layout{min-height:calc(100vh - 82px)!important;gap:78px!important;padding-top:66px!important;padding-bottom:72px!important}
.auth-copy h1{letter-spacing:-3.4px!important}.auth-copy p{color:#879caf!important}
.auth-points>div{border-color:rgba(128,179,218,.09)!important}.auth-points>div>span{color:#54ccfa!important}
.auth-card{border-radius:18px!important;background:#08131e!important;border:1px solid rgba(128,179,218,.12)!important;box-shadow:0 24px 60px rgba(0,0,0,.24)!important}
.auth-logo{padding-bottom:19px!important;border-bottom:1px solid rgba(128,179,218,.09)!important;margin-bottom:23px!important}
.auth-logo img{width:92px!important;height:74px!important;object-fit:contain!important;filter:drop-shadow(0 12px 18px rgba(0,0,0,.30))!important}
.form-stack input,.form-stack textarea,.form-stack select,.recruitment-form input,.recruitment-form textarea,.recruitment-form select{border-radius:9px!important;background:#050c13!important;border-color:rgba(132,182,220,.13)!important}
.form-stack input:focus,.form-stack textarea:focus,.form-stack select:focus{border-color:rgba(67,194,244,.36)!important;box-shadow:0 0 0 3px rgba(50,184,238,.06)!important}

/* Panels */
.panel-shell-page{background:#05090f!important}.panel-sidebar{border-radius:16px!important;background:#07111b!important;border-color:rgba(128,179,218,.11)!important}.panel-sidebar nav a{border-radius:9px!important}.panel-sidebar nav a.active{background:rgba(43,181,237,.075)!important;color:#ebf9ff!important}.panel-sidebar nav a.active i{color:#56ccfa!important}.ops-head{border-bottom-color:rgba(128,179,218,.10)!important}.ops-health,.panel-scope-badge,.bridge-state{border-radius:8px!important}

/* Footer */
.footer{background:#03070b!important;border-top:1px solid rgba(128,178,216,.09)!important}
.footer-grid{padding-top:52px!important;padding-bottom:44px!important}
.footer-brand .brand-mark{width:58px;height:58px;border-radius:14px}.footer-brand .brand-mark img{width:52px!important;height:52px!important}.footer-brand .brand-copy b{font-size:20px}.footer-brand .brand-copy small{font-size:6px}
.footer p,.footer-col a,.footer-right small{color:#6f8599!important}

/* Responsive */
@media(max-width:1120px){
  :root{--shell:min(100% - 36px,1120px)}
  .brand-copy small{display:none}.nav-links a{padding:9px 9px!important;font-size:11px!important}
  .hero-v52 .hero-layout{gap:24px!important}.hero-emblem-v52{width:min(500px,100%)!important}
  .network-hub-grid{grid-template-columns:repeat(2,1fr)!important}
  .team-editorial-hero{grid-template-columns:1fr 240px!important;padding:42px!important}
}
@media(max-width:880px){
  :root{--shell:calc(100% - 28px)}
  .nav{height:72px!important}.nav-inner{gap:12px!important}.brand-mark{width:44px;height:44px}.brand-mark img{width:39px!important;height:39px!important}.brand-copy b{font-size:15px}.nav-toggle{display:block!important;margin-left:auto}.nav-links{background:#07111b!important;border-color:rgba(128,179,218,.13)!important;box-shadow:0 20px 45px rgba(0,0,0,.32)!important}
  .hero-v52{min-height:auto!important}.hero-v52 .hero-layout{grid-template-columns:1fr!important;padding:66px 0 52px!important;gap:28px!important}.hero-art{min-height:360px!important}.hero-emblem-v52{max-width:460px!important}.hero-v52 .hero-copy h1{font-size:clamp(58px,13vw,88px)!important}
  .strip-grid{grid-template-columns:repeat(2,1fr)!important}.strip-grid>div:nth-child(3){border-left:1px solid rgba(126,174,211,.08)!important}
  .game-grid-v4{grid-template-columns:1fr!important}.network-hub-grid{grid-template-columns:1fr!important}
  .section-heading{align-items:flex-start!important}.progression-grid{grid-template-columns:1fr!important}
  .team-editorial-hero{grid-template-columns:1fr!important}.team-hero-mark{display:none!important}
  .auth-layout{grid-template-columns:1fr!important;gap:34px!important;padding-top:42px!important}.auth-copy{max-width:720px}
}
@media(max-width:640px){
  :root{--shell:calc(100% - 22px)}
  .brand-copy{display:none!important}.nav-actions .btn-ghost{display:none}.lang{width:36px!important;height:36px!important}.player-chip span{display:none!important}.player-chip{padding-right:5px!important}
  .hero-v52 .hero-layout{padding-top:48px!important}.hero-v52 .hero-copy h1{font-size:54px!important;letter-spacing:-3.8px!important}.hero-v52 .hero-copy>p{font-size:13px!important}.hero-actions{flex-direction:column!important}.hero-actions .btn{width:100%!important}.hero-actions .copy-ip{align-items:center!important}.hero-art{min-height:300px!important}.hero-emblem-v52{max-width:360px!important}
  .strip-grid{grid-template-columns:1fr 1fr!important}.network-strip-v52 .strip-grid>div{padding:17px 14px!important;display:block!important}.strip-grid b{display:block;margin-top:5px!important}
  .section{padding:68px 0!important}.section-heading{display:block!important}.section-heading>p{margin-top:14px!important}.game-card-v4{height:350px!important}.game-card-v4 img{width:68%!important;right:-7%!important}.game-copy{max-width:76%!important;padding:25px!important}.game-copy>span{font-size:24px!important}
  .network-hub-card{grid-template-columns:72px 1fr auto!important}.network-hub-card>img{width:64px!important;height:64px!important}.rivalry-hub-card{grid-template-columns:62px 1fr auto!important}.hub-rival-mark{width:56px!important;height:56px!important}
  .team-editorial-hero{padding:30px 24px!important}.team-editorial-copy h1{font-size:40px!important;letter-spacing:-2.4px!important}.team-hero-meta{grid-template-columns:1fr 1fr!important}.team-profile-card{border-radius:14px!important}
  .auth-layout{padding-top:30px!important}.auth-copy h1{font-size:42px!important}.auth-card{border-radius:14px!important}
  .footer-grid{padding-top:38px!important}
}

/* ========================================================================== 
   LetsGames 5.9 — hero + brand integration
   Keeps V5.8 structure/functionality, but brings the public site closer to
   the dark blue / cyan / violet server-panel identity.
   ========================================================================== */
:root{
  --bg:#05070d;
  --bg2:#080c16;
  --panel:#09111d;
  --panel2:#0b1624;
  --line:rgba(126,153,213,.16);
  --line2:rgba(77,188,255,.32);
  --blue:#2f7dff;
  --cyan:#31cfff;
  --cyan2:#86e8ff;
  --purple:#8457ff;
  --purple2:#a76cff;
  --gold:#ffd34e;
  --green:#4be19d;
}
body{
  background:
    radial-gradient(980px 560px at 88% -210px,rgba(104,70,255,.11),transparent 69%),
    radial-gradient(820px 520px at -160px 34%,rgba(28,133,255,.08),transparent 72%),
    linear-gradient(180deg,#05070d 0%,#070b13 45%,#05070d 100%);
}
.site-bg i:nth-child(1){background:#286bff!important;opacity:.08!important}
.site-bg i:nth-child(2){background:#27ccff!important;opacity:.06!important}
.site-bg i:nth-child(3){background:#875cff!important;opacity:.065!important}

/* Panel-like purple/blue brand rail */
.nav{border-top:3px solid transparent!important}
.nav:before{
  content:"";position:absolute;left:0;right:0;top:-3px;height:3px;
  background:linear-gradient(90deg,#7744e8 0%,#9b5cff 42%,#2f7dff 75%,#31cfff 100%);
  box-shadow:0 0 18px rgba(130,83,255,.22);
}
.nav-links a.active{
  background:linear-gradient(135deg,rgba(65,126,255,.09),rgba(132,87,255,.09))!important;
  border-color:rgba(122,100,255,.18)!important;
}
.lang,.player-chip{border-color:rgba(102,128,214,.18)!important}
.lang{color:#8ce7ff!important}
.btn-primary{
  background:linear-gradient(135deg,#4bd5ff 0%,#2d95ff 54%,#526cff 100%)!important;
  color:#03111f!important;box-shadow:0 12px 32px rgba(44,132,255,.20)!important;
}
.btn-secondary{
  background:linear-gradient(135deg,#6f47d9 0%,#7f55ee 52%,#3e5fc8 100%)!important;
  border:1px solid rgba(167,108,255,.23)!important;color:#fff!important;
  box-shadow:0 12px 30px rgba(105,72,219,.16)!important;
}
.btn-ghost:hover{border-color:rgba(118,91,242,.24)!important;background:rgba(111,76,226,.055)!important}
.section-kicker,.overline{color:#54cfff!important}

/* New brand wordmark — no box behind it */
.brand-v59{gap:0!important;min-width:168px!important}
.brand-v59 .brand-wordmark{
  width:162px!important;height:56px!important;object-fit:contain!important;object-position:left center!important;
  filter:drop-shadow(0 8px 15px rgba(0,0,0,.32))!important;
}
.brand-v59 .brand-network-label{display:none!important}
.footer-brand.brand-v59 .brand-wordmark{width:206px!important;height:70px!important}

/* Homepage hero: real lobby artwork as the full section background */
.hero-v59{
  min-height:710px;position:relative;overflow:hidden;isolation:isolate;
  border-bottom:1px solid rgba(112,146,207,.14);
  background-image:url('/assets/img/brand/letsgames-lobby-hero.webp?v=590');
  background-size:cover;background-position:center 47%;background-repeat:no-repeat;
}
.hero-v59:before{
  content:"";position:absolute;inset:0;z-index:0;pointer-events:none;
  background:
    linear-gradient(90deg,rgba(4,7,13,.96) 0%,rgba(4,8,15,.88) 28%,rgba(4,8,15,.66) 49%,rgba(4,8,15,.23) 75%,rgba(4,8,15,.36) 100%),
    linear-gradient(180deg,rgba(3,6,12,.14) 0%,rgba(3,6,12,.08) 48%,rgba(3,6,12,.78) 100%);
}
.hero-v59:after{
  content:"";position:absolute;inset:0;z-index:0;pointer-events:none;
  background:
    radial-gradient(640px 430px at 20% 48%,rgba(37,137,255,.08),transparent 72%),
    radial-gradient(520px 380px at 88% 10%,rgba(132,87,255,.10),transparent 72%);
  mix-blend-mode:screen;
}
.hero-v59-shade{position:absolute;inset:0;z-index:0;box-shadow:inset 0 -90px 100px rgba(4,7,12,.35);pointer-events:none}
.hero-v59 .hero-grid-lines{
  display:block!important;position:absolute;inset:0;z-index:1;opacity:.13!important;
  background-image:linear-gradient(rgba(95,151,228,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(95,151,228,.045) 1px,transparent 1px)!important;
  background-size:88px 88px!important;mask-image:linear-gradient(to right,black 0%,black 38%,transparent 79%)!important;
}
.hero-layout-v59{
  position:relative;z-index:2;min-height:710px;display:flex!important;align-items:center!important;
  padding:82px 0 78px!important;
}
.hero-copy-v59{width:min(720px,62vw);position:relative;z-index:3}
.hero-v59 .eyebrow{color:#d0deed!important;text-shadow:0 2px 14px rgba(0,0,0,.6)}
.hero-v59 .eyebrow em{background:rgba(12,24,42,.62)!important;border-color:rgba(72,198,255,.28)!important;color:#7de6ff!important;backdrop-filter:blur(8px)}
.hero-wordmark{position:relative;width:min(650px,100%);margin:24px 0 30px;padding-bottom:17px}
.hero-wordmark img{
  width:100%;height:auto;display:block;object-fit:contain;object-position:left center;
  filter:drop-shadow(0 20px 30px rgba(0,0,0,.50)) drop-shadow(0 0 24px rgba(44,130,255,.10));
}
.hero-wordmark:after{
  content:"";position:absolute;left:1.5%;bottom:0;width:73%;height:7px;border-radius:99px;
  background:linear-gradient(90deg,#ffe463,#ffd23f 52%,#f6b92e 100%);
  box-shadow:0 5px 18px rgba(255,205,55,.20);
}
.hero-v59 .hero-copy>p{
  max-width:650px!important;margin:0;color:#c0cfde!important;font-size:15px!important;line-height:1.78!important;
  text-shadow:0 2px 16px rgba(0,0,0,.64);
}
.hero-v59 .hero-actions{margin-top:29px!important}
.hero-v59 .hero-status{max-width:500px!important;margin-top:24px!important;padding:17px 16px 0 0!important;border-top:1px solid rgba(177,205,236,.13)!important}
.hero-v59 .hero-status b{color:#f6fbff!important;text-shadow:0 2px 12px rgba(0,0,0,.65)}
.hero-v59 .hero-status span{color:#9fb2c7!important;text-shadow:0 2px 10px rgba(0,0,0,.55)}

/* More coherent server colors across V5.8 components */
.network-strip-v52{background:linear-gradient(90deg,#070d16,#090d18 55%,#080c16)!important;border-color:rgba(112,145,207,.13)!important}
.network-strip-v52 .strip-grid>div{border-color:rgba(112,145,207,.10)!important}
.game-card-v4,.network-hub-card,.profile-preview-v52,.team-profile-card,.rank-product-v53,
.leaderboard-mega-v53,.game-stat-panel-v53,.game-board-v53,.status-game-card-v53,.status-hero-v53,
.rival-compare-v53,.dash-panel,.profile-game-card,.playtime-board,.profile-progress-panel,.milestone-card,
.profile-redeem-card,.code-history-card,.identity-card,.ticket-thread,.meta-card,.ops-card{
  border-color:rgba(105,135,199,.14)!important;
}
.game-card-v4:hover,.network-hub-card:hover,.team-profile-card:hover,.rank-product-v53:hover,
.status-game-card-v53:hover,.profile-game-card:hover,.milestone-card:hover{
  border-color:rgba(97,115,255,.30)!important;
  box-shadow:0 22px 52px rgba(38,82,170,.10)!important;
}
.network-hub-card small,.game-copy b,.team-group-index,.feature-list i{color:#5fd5ff!important}
.rivalry-hub-card .hub-rival-mark{
  color:#b9a7ff!important;border-color:rgba(139,97,255,.22)!important;
  background:linear-gradient(145deg,rgba(117,77,224,.12),rgba(31,94,171,.10))!important;
}
.cta-band-v52 .cta-inner{
  background:linear-gradient(125deg,#091725 0%,#0a1422 55%,#100e21 100%)!important;
  border-color:rgba(116,99,230,.18)!important;
}
.auth-card,.team-editorial-hero,.page-hero,.shop-hero-v53{
  border-color:rgba(112,119,213,.15)!important;
  background:linear-gradient(145deg,#091522 0%,#08111d 58%,#0d1020 100%)!important;
}
.panel-sidebar nav a.active{
  background:linear-gradient(135deg,rgba(51,154,235,.09),rgba(125,82,238,.09))!important;
  border:1px solid rgba(119,92,231,.10)!important;
}
.panel-sidebar nav a.active i{color:#a68bff!important}
.footer{background:linear-gradient(180deg,#04080d,#04070c)!important;border-top-color:rgba(111,111,202,.13)!important}

/* New wordmark on secondary brand surfaces */
.profile-preview-signin>img{width:260px!important;max-height:115px!important;object-fit:contain!important}
.auth-logo img{width:196px!important;height:82px!important;object-fit:contain!important;object-position:left center!important}
.team-hero-mark .team-hero-logo{width:94%!important;max-height:190px!important;object-fit:contain!important}

@media(max-width:1120px){
  .brand-v59{min-width:144px!important}.brand-v59 .brand-wordmark{width:142px!important;height:50px!important}
  .hero-copy-v59{width:min(680px,69vw)}
}
@media(max-width:880px){
  .brand-v59{min-width:132px!important}.brand-v59 .brand-wordmark{width:130px!important;height:46px!important}
  .hero-v59{min-height:650px;background-position:60% center}
  .hero-layout-v59{min-height:650px;padding:70px 0 62px!important}
  .hero-copy-v59{width:min(670px,88vw)}
  .hero-v59:before{background:linear-gradient(90deg,rgba(4,7,13,.97) 0%,rgba(4,8,15,.90) 44%,rgba(4,8,15,.48) 78%,rgba(4,8,15,.55) 100%),linear-gradient(180deg,rgba(3,6,12,.14),rgba(3,6,12,.75))}
  .hero-wordmark{width:min(590px,84vw)}
}
@media(max-width:640px){
  .brand-v59{min-width:116px!important}.brand-v59 .brand-wordmark{width:114px!important;height:42px!important}
  .hero-v59{min-height:620px;background-position:64% center}
  .hero-v59:before{background:linear-gradient(180deg,rgba(4,7,13,.66) 0%,rgba(4,7,13,.82) 38%,rgba(4,7,13,.96) 100%)}
  .hero-layout-v59{min-height:620px;padding:58px 0 52px!important;align-items:flex-end!important}
  .hero-copy-v59{width:100%}
  .hero-wordmark{width:min(500px,96vw);margin:20px 0 25px;padding-bottom:13px}
  .hero-wordmark:after{height:5px;width:76%}
  .hero-v59 .hero-copy>p{font-size:13px!important;color:#c4d0de!important}
  .hero-v59 .hero-grid-lines{opacity:.07!important}
  .profile-preview-signin>img{width:220px!important}
  .auth-logo{display:block!important}.auth-logo img{width:190px!important;height:70px!important;margin-bottom:10px!important}
}

/* ========================================================================== 
   LetsGames 5.10 — centered hero / transparent navigation / Discord branding
   ========================================================================== */

/* Navbar: the uploaded standalone LG mark, no card/background around the logo. */
.nav{
  background:rgba(4,8,14,.25)!important;
  border-top:0!important;
  border-bottom:1px solid rgba(152,184,222,.10)!important;
  box-shadow:0 8px 30px rgba(0,0,0,.08)!important;
  backdrop-filter:blur(20px) saturate(135%)!important;
  -webkit-backdrop-filter:blur(20px) saturate(135%)!important;
}
.nav:before{display:none!important}
.brand-v510{min-width:62px!important;width:62px!important;height:62px!important;display:flex!important;align-items:center!important;justify-content:flex-start!important}
.brand-v510 .nav-lg-mark{
  width:57px!important;height:57px!important;object-fit:contain!important;
  filter:drop-shadow(0 8px 14px rgba(0,0,0,.30)) drop-shadow(0 0 10px rgba(38,154,255,.10))!important;
}

/* Home hero: centered editorial composition. */
.hero-layout-v59{justify-content:center!important;text-align:center!important}
.hero-copy-v59{
  width:min(860px,92vw)!important;margin:0 auto!important;
  display:flex!important;flex-direction:column!important;align-items:center!important;
}
.hero-wordmark{width:min(720px,88vw)!important;margin:0 auto 28px!important;padding-bottom:0!important}
.hero-wordmark img{object-position:center center!important}
.hero-wordmark:after{display:none!important;content:none!important}
.hero-v59 .hero-copy>p{max-width:760px!important;margin:0 auto!important}
.hero-v59 .hero-actions{justify-content:center!important}
.hero-v59 .hero-actions .copy-ip{align-items:center!important}
.hero-v59 .hero-status{
  width:min(500px,100%)!important;justify-content:center!important;text-align:center!important;
  margin:24px auto 0!important;padding:17px 0 0!important;
}
.hero-v59 .hero-status>div:last-child{align-items:center!important}

/* Discord gets its actual brand treatment and recognizable icon. */
.btn-discord{
  background:#5865F2!important;border:1px solid rgba(255,255,255,.10)!important;color:#fff!important;
  box-shadow:0 12px 30px rgba(88,101,242,.24)!important;
}
.btn-discord:hover{background:#6571f5!important;box-shadow:0 16px 34px rgba(88,101,242,.31)!important}
.btn-discord .discord-icon{width:20px;height:20px;object-fit:contain;filter:none!important;flex:none}
.btn-discord .discord-external{font-size:13px;opacity:.72;margin-left:1px}

/* Online state stays semantic green; everything else remains in network blue/violet. */
.hero-status .status-orb{width:11px!important;height:11px!important}
.hero-status b{font-size:13px!important}
.hero-status span{font-size:10px!important;letter-spacing:.1px}

@media(max-width:880px){
  .brand-v510{min-width:55px!important;width:55px!important;height:55px!important}
  .brand-v510 .nav-lg-mark{width:51px!important;height:51px!important}
  .hero-copy-v59{width:min(760px,94vw)!important}
  .hero-wordmark{width:min(610px,86vw)!important;margin-bottom:24px!important}
}
@media(max-width:640px){
  .brand-v510{min-width:48px!important;width:48px!important;height:48px!important}
  .brand-v510 .nav-lg-mark{width:46px!important;height:46px!important}
  .hero-layout-v59{align-items:center!important;padding:76px 0 56px!important}
  .hero-copy-v59{width:100%!important}
  .hero-wordmark{width:min(500px,92vw)!important;margin:0 auto 22px!important;padding:0!important}
  .hero-v59 .hero-actions{width:100%!important}
  .hero-v59 .hero-status{width:100%!important}
}