/* Eternal Eclipse V6: reference-inspired ice-blue modern frontend.
   Intentionally separate from account, 3D Arsenal, database, registrations and ranking scripts. */
:root{--ee6-surface:#071727;--ee6-panel:#0a1c30;--ee6-edge:rgba(74,172,233,.25);--ee6-cyan:#72d8ff;--ee6-text:#e8f5ff;--ee6-muted:#a5bdcf}
body.ee-theme{background:#05101c;color:var(--ee6-text)}
body.ee-theme #myVideo{opacity:.18;filter:blur(3px) brightness(.24)}
body.ee-theme .content1 > .container{width:calc(100% - 32px);max-width:1460px;margin:0 auto;padding:0 8px}
/* modern single-row header; original logo is untouched */
body.ee-theme nav.navbar.bootsnav.ee-header{margin:10px 0 10px!important;padding:9px 15px!important;border-radius:11px!important;background:rgba(4,16,29,.95)!important;box-shadow:0 5px 24px rgba(0,4,13,.38)!important;min-height:69px}
body.ee-theme nav.navbar.bootsnav.ee-header>.ee-header-inner{display:flex!important;align-items:center!important;max-width:none!important;gap:12px;min-width:0;flex-wrap:wrap}
body.ee-theme nav.navbar.bootsnav.ee-header .ee-logo-row{position:relative!important;flex:0 1 288px;min-width:205px;max-width:325px;width:auto!important;justify-content:flex-start!important;padding:0!important;min-height:54px!important}
body.ee-theme nav.navbar.bootsnav.ee-header .ee-brand{margin:0!important;max-width:205px!important}
body.ee-theme nav.navbar.bootsnav.ee-header .ee-brand-logo{width:200px!important;max-height:70px!important;height:auto!important;filter:drop-shadow(0 0 11px rgba(37,152,229,.23))}
body.ee-theme nav.navbar.bootsnav.ee-header .ee-account-corner{top:7px!important;right:0!important}
body.ee-theme nav.navbar.bootsnav.ee-header .navbar-collapse{display:block;float:none!important;flex:1 1 590px;width:auto!important;margin:0!important;padding:0!important;border:0!important;box-shadow:none!important}
body.ee-theme nav.navbar.bootsnav.ee-header ul.ee-nav-links{justify-content:center!important;gap:0 4px!important}
body.ee-theme nav.navbar.bootsnav.ee-header ul.ee-nav-links>li>a{padding:9px 10px!important;font-size:12px!important;border-radius:6px!important;min-height:37px!important;letter-spacing:.01em}
body.ee-theme nav.navbar.bootsnav.ee-header ul.ee-nav-links>li>a.ee-nav-current{background:rgba(18,106,170,.28)!important;border-color:transparent!important;box-shadow:inset 0 -2px 0 #42c6ff!important}
body.ee-theme nav.navbar.bootsnav.ee-header .ee-account-trigger{font-size:11px;min-height:36px;padding:8px 10px}
/* home injected by php but only shown when original homepage tab is active */
.ee-v6-shell{display:none}
body.ee-v6-home-active .ee-v6-shell{display:block}
body.ee-v6-home-active .ee-home>.ee-main-column,body.ee-v6-home-active .ee-home>.ee-sidebar{display:none!important}
body.ee-theme .ee-page-row{margin-top:0!important}
body.ee-theme .ee-page-row>.main-box.ee-home{margin-top:0!important}
.ee-v6-shell *, .ee-v6-shell *::before, .ee-v6-shell *::after{box-sizing:border-box}
.ee-v6-shell{text-align:left;color:var(--ee6-text);font-family:Arial,Helvetica,sans-serif}
.ee-v6-shell a{text-decoration:none!important}
.ee-v6-hero{position:relative;isolation:isolate;overflow:hidden;min-height:385px;display:flex;align-items:center;padding:60px clamp(24px,5vw,74px);border:1px solid rgba(57,130,182,.28);border-radius:12px;background:#07192b url('../images/ee-slide-wotlk.jpg') center right/cover no-repeat;box-shadow:0 18px 44px rgba(0,4,15,.3)}
.ee-v6-hero::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#041120 0%,rgba(4,16,32,.95) 18%,rgba(4,18,32,.79) 42%,rgba(3,16,29,.12) 100%)}
.ee-v6-hero-content{max-width:580px}
.ee-v6-eyebrow{display:block;font-size:10px;letter-spacing:.27em;color:#6fd8ff;font-weight:800;text-transform:uppercase;margin:0 0 19px;line-height:1.7}
.ee-v6-eyebrow span{color:#ccdeee}
.ee-v6-hero h1{font-size:clamp(32px,4.3vw,61px);line-height:1.05;letter-spacing:-.05em;color:#f0f8ff;font-weight:900;margin:0 0 17px;text-shadow:0 5px 25px #03111c}
.ee-v6-hero h1 em{font-style:normal;background:linear-gradient(100deg,#e5f7ff,#53c8ff);-webkit-background-clip:text;background-clip:text;color:transparent}
.ee-v6-hero p{margin:0 0 23px;color:#bfd4e6;line-height:1.66;font-size:14px;max-width:460px}
.ee-v6-actions{display:flex;gap:11px;flex-wrap:wrap}
.ee-v6-btn,.ee-v6-smallbutton{display:inline-flex;justify-content:center;align-items:center;gap:11px;border-radius:7px;font-weight:800;text-align:center;min-height:43px;font-size:12px;padding:12px 17px;transition:background .2s,border-color .2s,transform .2s}
.ee-v6-btn-primary{color:#f5fbff!important;background:linear-gradient(180deg,#0f9cde,#0866a8);border:1px solid #69d6ff;box-shadow:0 2px 17px rgba(9,128,205,.21)}
.ee-v6-btn-outline{background:#061726ba;border:1px solid rgba(111,200,239,.5);color:#d6f0ff!important}
.ee-v6-btn:hover,.ee-v6-smallbutton:hover{transform:translateY(-2px);filter:brightness(1.12)}
.ee-v6-highlights{display:flex;flex-wrap:wrap;gap:15px;margin-top:23px;color:#b0d5e8;font-size:11px}
.ee-v6-highlights i{color:#5dd0ff;margin-right:5px}
.ee-v6-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid var(--ee6-edge);background:#071828;margin:12px 0;min-height:69px;border-radius:9px}
.ee-v6-stats>a,.ee-v6-stats>span{min-width:0;display:flex;align-items:center;gap:13px;padding:14px 18px;color:#a5c5d9;border-right:1px solid rgba(103,174,216,.16)}
.ee-v6-stats>*:last-child{border-right:0}
.ee-v6-stats i{font-size:20px;color:#58cef9}
.ee-v6-stats>*>span{display:grid;gap:4px;font-size:11px;overflow-wrap:anywhere}
.ee-v6-stats strong{font-size:16px;color:#e9faff;font-weight:800}
.ee-v6-stats a:hover strong{color:#77d9fa}
.ee-v6-columns{display:grid;grid-template-columns:1.18fr .9fr 1fr;gap:12px}
.ee-v6-card{background:linear-gradient(158deg,#0b2036,#061726);border:1px solid rgba(74,154,204,.28);border-radius:9px;overflow:hidden;box-shadow:inset 0 1px 0 rgba(190,235,255,.04)}
.ee-v6-card>header{padding:15px 15px 12px;display:flex;align-items:center;justify-content:space-between;gap:10px;border-bottom:1px solid rgba(81,158,203,.17)}
.ee-v6-card h2{margin:0;color:#f2f9ff;font-size:13px;font-weight:800;line-height:1.3;letter-spacing:.025em}
.ee-v6-card h2 i{color:#75d8ff;margin-right:6px}
.ee-v6-card>header a{color:#80d6fa;font-size:10px;white-space:nowrap;font-weight:700}
.ee-v6-card>header a:hover{color:#fff}
.ee-v6-armory-art{min-height:300px;display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start;padding:28px 20px 20px;background:linear-gradient(180deg,rgba(3,11,20,.1),rgba(3,12,23,.86) 65%),url('../images/ee-slide-community.jpg') center/cover no-repeat}
.ee-v6-armory-caption{color:#a0e5ff;letter-spacing:.11em;font-weight:800;font-size:11px}
.ee-v6-armory-art p{color:#d4e7f5;line-height:1.6;max-width:280px;font-size:12px;margin:8px 0 16px}
.ee-v6-smallbutton{background:#0d4f7b;color:#eaf8ff!important;border:1px solid #52b7e6}
.ee-v6-rank-list{padding:5px 13px;min-height:263px}
.ee-v6-rank-item{display:flex;gap:10px;align-items:center;padding:12px 6px;border-bottom:1px solid rgba(109,172,217,.14);font-size:12px}
.ee-v6-position{width:23px;flex:0 0 23px;border-radius:50%;background:rgba(31,109,156,.36);text-align:center;font-weight:800;color:#82d8ff}
.ee-v6-rank-item:nth-child(1) .ee-v6-position{color:#f9db8c;background:#42371f}
.ee-v6-rank-name{flex:1;min-width:0;font-weight:700;overflow:hidden;text-overflow:ellipsis}
.ee-v6-rank-name a{color:#c5eaff!important;white-space:nowrap}
.ee-v6-rank-name .fa{display:none}
.ee-v6-rank-level{font-size:10px;color:#97b9d2}
.ee-v6-empty{color:#bad0e1;font-size:12px;padding:27px 8px;line-height:1.7}
.ee-v6-bottom-link{margin:0 15px 15px;display:block;text-align:center;border:1px solid rgba(79,156,212,.38);border-radius:6px;padding:11px;color:#9bdfff!important;font-size:11px;font-weight:800}
.ee-v6-newsline{display:flex;align-items:center;gap:14px;padding:20px 15px;color:#e6f4ff!important;border-bottom:1px solid rgba(74,155,206,.17)}
.ee-v6-newsline>i{display:grid;place-items:center;flex:0 0 43px;height:43px;background:rgba(20,89,135,.24);border-radius:8px;color:#77d7ff;font-size:18px}
.ee-v6-newsline span{display:flex;flex-direction:column;gap:5px}
.ee-v6-newsline strong{font-size:12px;font-weight:800}
.ee-v6-newsline small{font-size:11px;color:#abc9de;line-height:1.5}
.ee-v6-newsline:hover{background:rgba(31,103,157,.16)}
.ee-v6-bottom{display:grid;grid-template-columns:1fr 1.25fr;gap:12px;margin-top:12px;margin-bottom:24px}
.ee-v6-bottom>.ee-v6-card{padding:22px 25px;min-height:176px}
.ee-v6-bottom p{font-size:12px;color:#b5d1e3;line-height:1.6;max-width:560px;margin:11px 0 19px}
.ee-v6-community-actions{display:flex;flex-wrap:wrap;gap:8px}
.ee-v6-community-actions a{padding:10px 14px;font-size:11px;border:1px solid rgba(91,164,216,.36);background:#102b46;color:#caeaff!important;border-radius:6px}
.ee-v6-community-actions a:hover{background:#184a71}
.ee-v6-community-actions i{color:#76d6fc;margin-right:6px}
.ee-v6-shell :is(a,button):focus-visible{outline:2px solid #8ee9ff;outline-offset:3px}
@media(max-width:1150px){body.ee-theme nav.navbar.bootsnav.ee-header .ee-logo-row{flex-basis:100%;max-width:none;justify-content:center!important}body.ee-theme nav.navbar.bootsnav.ee-header .ee-brand{margin:auto!important}body.ee-theme nav.navbar.bootsnav.ee-header .navbar-collapse{flex-basis:100%}body.ee-theme nav.navbar.bootsnav.ee-header .ee-account-corner{right:5px!important}.ee-v6-columns{grid-template-columns:1fr 1fr}.ee-v6-news{grid-column:span 2}.ee-v6-stats{grid-template-columns:1fr 1fr}}
@media(max-width:767px){body.ee-theme .content1>.container{width:calc(100% - 16px);padding:0 3px}body.ee-theme nav.navbar.bootsnav.ee-header .ee-logo-row{padding:0 50px 0 0!important;justify-content:flex-start!important;min-width:0;min-height:57px!important}body.ee-theme nav.navbar.bootsnav.ee-header .ee-brand{margin:0!important}body.ee-theme nav.navbar.bootsnav.ee-header .ee-brand-logo{max-width:180px!important}body.ee-theme nav.navbar.bootsnav.ee-header .navbar-collapse{display:none!important}body.ee-theme nav.navbar.bootsnav.ee-header .navbar-collapse.in{display:block!important}body.ee-theme nav.navbar.bootsnav.ee-header ul.ee-nav-links{display:block!important}body.ee-theme nav.navbar.bootsnav.ee-header ul.ee-nav-links>li{width:100%!important}body.ee-theme nav.navbar.bootsnav.ee-header .ee-account-corner{position:absolute!important;top:6px!important;right:50px!important;left:auto!important}body.ee-theme nav.navbar.bootsnav.ee-header .navbar-toggle{display:block;position:absolute;right:0;top:1px}body.ee-theme nav.navbar.bootsnav.ee-header .ee-logo-row{padding-bottom:0!important}.ee-v6-hero{min-height:355px;padding:32px 23px}.ee-v6-hero::before{background:linear-gradient(90deg,rgba(3,13,26,.96),rgba(4,20,38,.81))}.ee-v6-columns,.ee-v6-bottom{grid-template-columns:1fr}.ee-v6-news{grid-column:auto}.ee-v6-stats>a,.ee-v6-stats>span{padding:12px 10px}.ee-v6-stats strong{font-size:12px}.ee-v6-stats i{font-size:15px}}
@media(max-width:460px){.ee-v6-stats{grid-template-columns:1fr 1fr}.ee-v6-actions>*{width:100%}.ee-v6-hero h1{font-size:35px}.ee-v6-hero{background-position:63% center}}
@media(prefers-reduced-motion:reduce){.ee-v6-shell *{transition:none!important}}
/* Header account stays at far right, not on top of the user's logo. */
@media(min-width:768px){body.ee-theme nav.navbar.bootsnav.ee-header .ee-logo-row{position:static!important}body.ee-theme nav.navbar.bootsnav.ee-header>.ee-header-inner{padding-right:142px!important}body.ee-theme nav.navbar.bootsnav.ee-header .ee-account-corner{top:19px!important;right:18px!important;left:auto!important}}