/* FusionGen Legion Premium — Pass 14: responsive / mobile / navigation */
:root{--p14-bg:#050a09;--p14-line:rgba(214,181,92,.18);--p14-line-soft:rgba(255,255,255,.08);--p14-fel:#59e69b;--p14-fel-soft:rgba(89,230,155,.12);--p14-gold:#d8b45b;--p14-text:#f4f7f3;--p14-muted:#96a59d;--p14-max:1440px;--p14-shadow:0 24px 70px rgba(0,0,0,.32)}
html{scroll-behavior:smooth;overflow-x:hidden}body{overflow-x:hidden;background:var(--p14-bg);-webkit-text-size-adjust:100%}img,svg,video{max-width:100%;height:auto}button,a,input,select,textarea{touch-action:manipulation}
.container{width:100%;max-width:var(--p14-max);padding-left:clamp(16px,3vw,42px);padding-right:clamp(16px,3vw,42px)}.section-padding{padding-top:clamp(56px,7vw,110px);padding-bottom:clamp(56px,7vw,110px)}
.header{z-index:1035!important;background:rgba(5,10,9,.74)!important;border-bottom:1px solid transparent;backdrop-filter:blur(16px) saturate(125%);-webkit-backdrop-filter:blur(16px) saturate(125%);transition:background .25s,border-color .25s,box-shadow .25s}.header.header-scrolled{background:rgba(5,10,9,.94)!important;border-bottom-color:var(--p14-line);box-shadow:0 14px 40px rgba(0,0,0,.24)}.header>.container-fluid{padding-left:clamp(14px,2.5vw,42px)!important;padding-right:clamp(14px,2.5vw,42px)!important}.header .navbar-brand{display:flex;align-items:center;min-width:120px;max-width:220px}.header .navbar-logo{width:auto;max-width:190px;max-height:58px;object-fit:contain}.header .navbar-nav{gap:2px}.header .navbar .navbar-nav .nav-item .nav-link{padding:17px 12px!important;font-size:.68rem!important;letter-spacing:.095em;color:#b8c5be!important;white-space:nowrap}.header .navbar .navbar-nav .nav-item .nav-link:hover,.header .navbar .navbar-nav .nav-item .nav-link.nav-active{color:#fff!important}.header .navbar .navbar-nav .nav-item .nav-link.nav-active{position:relative}.header .navbar .navbar-nav .nav-item .nav-link.nav-active:after{content:"";position:absolute;left:12px;right:12px;bottom:6px;height:2px;border-radius:999px;background:linear-gradient(90deg,var(--p14-fel),var(--p14-gold));box-shadow:0 0 14px rgba(89,230,155,.28)}
.header .dropdown-menu{margin-top:10px!important;min-width:210px;padding:8px;background:rgba(8,15,13,.97);border:1px solid var(--p14-line);border-radius:14px;box-shadow:var(--p14-shadow);backdrop-filter:blur(18px)}.header .dropdown-item{border-radius:9px;padding:10px 12px;color:#b8c5be;font-size:.72rem;letter-spacing:.05em}.header .dropdown-item:hover{background:var(--p14-fel-soft);color:#fff}.header .membership-bar{display:flex;align-items:center;justify-content:flex-end;gap:8px}.header .membership-bar .nav-link3{color:#c1ccc6!important;font-size:.67rem;letter-spacing:.08em;padding:10px 9px}.header .connection_button,.header .legion-header-play{display:inline-flex!important;align-items:center;justify-content:center;min-height:40px;border-radius:10px!important;padding:10px 15px!important;font-size:.66rem!important;letter-spacing:.08em!important;font-weight:800!important;text-transform:uppercase}.header .connection_button{background:linear-gradient(135deg,var(--p14-gold),#9e7930)!important;color:#0b0f0d!important;border:1px solid rgba(216,180,91,.38)!important}.header .legion-header-play{background:rgba(89,230,155,.09)!important;border:1px solid rgba(89,230,155,.28)!important;color:#dff9eb!important}.header .legion-header-play:hover{background:rgba(89,230,155,.16)!important;transform:translateY(-1px)}.header .legion-header-community{gap:10px}.header .legion-header-community a{color:#8e9d96!important;font-size:.9rem}.header .legion-header-community a:hover{color:var(--p14-fel)!important}.header .legion-header-divider{height:24px;width:1px;background:var(--p14-line-soft);display:block}.header .membership-bar-profile .profile-avatar{display:block;width:40px;height:40px;border-radius:12px;background-position:center;background-size:cover;border:1px solid var(--p14-line)}.header .membership-bar-info{padding-left:10px}.header .info-welcome{font-size:.68rem;color:#8e9d96;letter-spacing:.04em}.header .info-welcome span{color:#fff;font-weight:800}.header .info-coins{font-size:.64rem;color:#839089;margin-top:2px}.header .info-coins i{font-style:normal;font-weight:800}.header .navbar-toggler{width:44px;height:44px;border:1px solid var(--p14-line-soft)!important;border-radius:11px!important;color:#fff!important;background:rgba(255,255,255,.035)!important;position:relative!important;top:auto!important;right:auto!important;margin:0!important;box-shadow:none!important}.header .navbar-toggler:hover{border-color:rgba(89,230,155,.35)!important;background:var(--p14-fel-soft)!important}
#mobile-menu{width:min(88vw,360px);background:linear-gradient(180deg,#08110f,#050a09);border-right:1px solid var(--p14-line);color:#fff}#mobile-menu .offcanvas-header{padding:22px 20px 14px}#mobile-menu .offcanvas-title{font-size:.8rem;letter-spacing:.16em;text-transform:uppercase;font-weight:900;color:#dbe6df}#mobile-menu .btn-close{filter:invert(1);opacity:.7}#mobile-menu .offcanvas-body{padding:8px 16px 20px}#mobile-menu .navbar-nav{gap:4px}#mobile-menu .nav-link{display:flex;align-items:center;justify-content:space-between;padding:14px 13px!important;border-radius:11px;color:#c0ccc6!important;font-size:.73rem!important;letter-spacing:.08em!important}#mobile-menu .nav-link:hover,#mobile-menu .nav-link.nav-active{background:var(--p14-fel-soft);color:#fff!important}#mobile-menu .dropdown-menu{position:static!important;transform:none!important;background:rgba(255,255,255,.025);border:1px solid var(--p14-line-soft);margin:0 0 4px!important;border-radius:12px;padding:5px}#mobile-menu .dropdown-item{color:#aebbb4;padding:10px 12px;border-radius:8px;font-size:.7rem}#mobile-menu .dropdown-item:hover{background:rgba(89,230,155,.08);color:#fff}#mobile-menu .offcanvas-footer{border-top:1px solid var(--p14-line-soft)}#mobile-menu .offcanvas-footer .footer-logo{max-width:155px}#mobile-menu .offcanvas-footer a{color:#82918a!important}#mobile-menu .offcanvas-footer a:hover{color:var(--p14-fel)!important}.mobile-account-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:14px}.mobile-account-actions a{min-height:44px;display:flex;align-items:center;justify-content:center;border-radius:10px!important;font-size:.68rem!important;font-weight:800;letter-spacing:.07em;text-transform:uppercase}
.banner{min-height:clamp(300px,38vw,520px)!important;display:flex;align-items:flex-end;padding-top:clamp(90px,11vw,150px)!important;padding-bottom:clamp(44px,7vw,90px)!important;position:relative;overflow:hidden}.banner .container{position:relative;z-index:2}.banner h2{font-size:clamp(2.2rem,5vw,5rem)!important;line-height:.94!important;max-width:850px}.banner p{max-width:680px!important;color:#b7c4be!important;line-height:1.7}
.legion-site-shell,.legion-site-shell *{box-sizing:border-box}.legion-site-shell .row{--bs-gutter-x:clamp(1rem,2.3vw,2.2rem);--bs-gutter-y:clamp(1rem,2vw,2rem)}.legion-site-shell .table-responsive{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:thin}.legion-site-shell table{min-width:620px}.legion-site-shell .btn{min-height:42px}.legion-site-shell .legion-news-card,.legion-site-shell .legion-stat-card,.legion-site-shell .legion-glass-panel,.legion-site-shell .legion-step{will-change:transform}
.legion-footer{position:relative;overflow:hidden;border-top:1px solid var(--p14-line)!important;background:linear-gradient(180deg,#07100e,#040807)!important}.legion-footer:before{content:"";position:absolute;left:50%;top:-160px;width:760px;height:360px;transform:translateX(-50%);background:radial-gradient(circle,rgba(89,230,155,.07),transparent 68%);pointer-events:none}.legion-footer .container{position:relative;z-index:1}.legion-footer .footer-logo{max-width:min(190px,70vw);height:auto}.legion-footer h5{color:#e9eee9;font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;font-weight:900;margin-bottom:18px}.legion-footer p{color:#84928c;line-height:1.8;font-size:.86rem;max-width:420px}.legion-footer-links{display:grid;gap:8px}.legion-footer-links a{color:#8d9b95!important;font-size:.82rem}.legion-footer-links a:hover{color:#fff!important;transform:translateX(3px)}.legion-social{width:38px;height:38px;display:grid;place-items:center;border-radius:10px;background:rgba(255,255,255,.035);border:1px solid var(--p14-line-soft);color:#9aa8a2!important}.legion-social:hover{border-color:rgba(89,230,155,.32);background:var(--p14-fel-soft);color:var(--p14-fel)!important;transform:translateY(-2px)}.legion-footer-status{padding:15px;border:1px solid var(--p14-line-soft);border-radius:15px;background:rgba(255,255,255,.025);overflow:hidden}.legion-footer-bottom{border-top:1px solid var(--p14-line-soft);color:#69766f;font-size:.72rem;line-height:1.6}
#page-page form,.page form,.ucp form,.login form,.register form{width:100%;max-width:100%}#page-page .row>[class*="col"],.page .row>[class*="col"]{min-width:0}
@media(max-width:1199px){.header .navbar-brand{max-width:165px}.header .navbar-logo{max-width:155px;max-height:50px}.header .navbar .navbar-nav .nav-item .nav-link{padding-left:9px!important;padding-right:9px!important;font-size:.63rem!important}.header .membership-bar .nav-link3{display:none}.header .membership-bar .legion-header-play{display:none!important}.banner{min-height:360px!important}}
@media(max-width:991px){.header>.container-fluid>.row{min-height:68px}.header .navbar-brand{max-width:170px}.header .navbar-logo{max-width:150px;max-height:48px}.header .navbar{display:none}.header .section-topbar{padding-right:5px}.header .membership-bar-profile .profile-avatar{width:38px;height:38px}.header .info-welcome,.header .info-coins{display:none}.header .legion-header-community{display:none!important}.banner{min-height:330px!important}.banner h2{font-size:clamp(2rem,8vw,4rem)!important}.section-padding{padding-top:64px;padding-bottom:64px}}
@media(max-width:767px){body{font-size:14px}.container{padding-left:16px;padding-right:16px}.header>.container-fluid{padding-left:12px!important;padding-right:12px!important}.header>.container-fluid>.row{min-height:62px}.header .navbar-brand{min-width:0;max-width:150px}.header .navbar-logo{max-width:135px;max-height:44px}.header .membership-bar{gap:6px}.header .membership-bar .connection_button{display:none!important}.header .membership-bar .membership-bar-profile{margin-right:1px}.header .navbar-toggler{width:42px;height:42px}.banner{min-height:300px!important;padding-top:88px!important;padding-bottom:42px!important;background-position:center!important}.banner h2{font-size:clamp(2rem,12vw,3.5rem)!important}.banner p{font-size:.9rem!important;line-height:1.65!important}.section-padding{padding-top:52px;padding-bottom:52px}.legion-site-shell .card{border-radius:16px!important}.legion-site-shell .btn{width:auto;max-width:100%;white-space:normal}.legion-footer .row{--bs-gutter-y:2rem}.legion-footer-bottom{text-align:center}.legion-footer-bottom .text-lg-end{text-align:center!important}.legion-footer-status{font-size:.82rem}.legion-site-shell table{min-width:560px}#page-page>.justify-content-center>.container{padding-left:16px;padding-right:16px}}
@media(max-width:575px){.header .navbar-logo{max-width:118px}.header .membership-bar-profile{display:none}.header .navbar-toggler{width:40px;height:40px}.banner{min-height:270px!important}.banner h2{font-size:clamp(1.85rem,13vw,3rem)!important}.legion-site-shell .row{--bs-gutter-x:1rem}.legion-site-shell .table-responsive{margin-left:-4px;margin-right:-4px}#page-page form,.page form,.ucp form,.login form,.register form{padding:20px!important;border-radius:16px!important}.legion-connect-hero{min-height:330px!important}.legion-connect-hero h1{font-size:clamp(2.35rem,13vw,4rem)!important}.legion-connect-grid{margin-top:-28px!important}.legion-step{padding:21px!important}.legion-realmlist{padding:25px 18px!important}.legion-realmlist code{font-size:.74rem!important}}
@media(min-width:1600px){.header>.container-fluid{padding-left:42px!important;padding-right:42px!important}.legion-site-shell .section-padding{padding-top:120px;padding-bottom:120px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}
@supports(padding:max(0px)){.header>.container-fluid{padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}.legion-footer{padding-bottom:max(0px,env(safe-area-inset-bottom))}}