.main-nav{position:absolute;left:24px;top:0;height:66px;display:flex;align-items:center;gap:27px}.nav-button{height:66px;padding:0 15px;border:0;background:transparent;color:#f0e8f8;font-size:14px;cursor:pointer;position:relative}.nav-button.is-active::after,.nav-button:hover::after{content:"";position:absolute;left:6px;right:6px;bottom:0;height:2px;background:linear-gradient(90deg,transparent,var(--violet-bright),transparent);box-shadow:0 0 12px rgba(176,69,255,.92)}.cabinet-button{position:absolute;right:26px;top:14px;width:232px;height:42px;border:1px solid #933bd4;border-radius:6px;background:linear-gradient(105deg,rgba(69,21,120,.8),rgba(24,10,42,.84));color:#d8b7ef;font-weight:700;font-size:13px;letter-spacing:.15px;cursor:pointer;box-shadow:0 0 17px rgba(151,48,221,.25),inset 19px 0 0 rgba(121,38,181,.18)}.cabinet-button::before{content:"";position:absolute;left:15px;top:0;width:38px;height:100%;background:linear-gradient(135deg,transparent 39%,rgba(178,67,246,.28) 40%,rgba(178,67,246,.28) 53%,transparent 54%)}.cabinet-button span{position:relative;left:10px}.user-icon{position:absolute;right:23px;top:9px;width:15px;height:15px;border:2px solid #a650e5;border-radius:50%}.user-icon::after{content:"";position:absolute;left:-6px;top:13px;width:23px;height:14px;border:2px solid #a650e5;border-radius:13px 13px 6px 6px}.card-heading{display:flex;align-items:center;gap:7px;height:21px}.card-heading h2{margin:0;font-size:14px;letter-spacing:.32px;color:#d7a2f3;font-weight:700}.heading-icon{font-size:21px;color:var(--violet);line-height:1}.heading-icon--small{font-size:17px}.card-divider{height:1px;margin:15px 0 13px;background:linear-gradient(90deg,rgba(178,101,235,.42),rgba(128,75,183,.08))}.about-card p{margin:0;font-size:15px;line-height:1.42;color:#d4c9df}.about-sign{display:block;width:116px;height:38px;object-fit:contain;margin-top:8px;opacity:.78}.principles-list{list-style:none;margin:0;padding:0;display:grid;gap:13px}.principles-list li{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--text-soft)}.principles-list i{font-style:normal;width:22px;height:22px;border:1px solid rgba(174,91,235,.48);border-radius:50%;display:grid;place-items:center;color:#bd71ee;font-size:11px}.social-list{display:grid;gap:12px}.social-link{width:100%;padding:0;border:0;background:transparent;display:flex;align-items:center;gap:12px;text-align:left;cursor:pointer}.social-link img{width:37px;height:37px;object-fit:cover;border-radius:50%}.social-link span{display:grid;gap:2px}.social-link strong{font-size:12px}.social-link small{font-size:10px;color:var(--text-muted)}.hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.hero-bottom-shade{position:absolute;left:332px;top:438px;width:334px;height:70px;background:radial-gradient(ellipse at center,rgba(18,7,29,.72),rgba(10,4,18,.15) 65%,transparent 76%);filter:blur(3px);pointer-events:none}.hero-action{position:absolute;left:370px;top:456px;width:280px;height:44px;border:1px solid rgba(222,139,255,.95);border-radius:7px;background:linear-gradient(180deg,rgba(116,42,172,.93),rgba(50,15,78,.96));color:#f7eaff;font-size:12px;font-weight:700;letter-spacing:.1px;cursor:pointer;box-shadow:0 0 0 7px rgba(8,3,15,.84),0 0 9px rgba(222,113,255,.95),0 0 25px rgba(176,53,255,.58),inset 0 0 13px rgba(221,132,255,.22);text-shadow:0 0 9px rgba(255,255,255,.28);overflow:hidden}.hero-action::before{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 0 28%,rgba(255,255,255,.14) 44%,transparent 60%);transform:translateX(-110%);transition:transform .45s ease}.hero-action:hover::before{transform:translateX(110%)}.hero-action span{position:relative;z-index:1}.feature-card{position:relative;border-radius:5px;padding:19px 15px 13px 77px}.feature-card>img{position:absolute;left:18px;top:23px;width:54px;height:54px;object-fit:contain}.feature-card h2{margin:2px 0 8px;font-size:12px;color:#d5c7df;font-weight:600}.feature-card p{margin:0;font-size:11px;line-height:1.46;color:#a79caf}.feature-card button{position:absolute;right:14px;bottom:8px;border:0;background:transparent;color:#c478ef;font-size:20px;cursor:pointer}.stats-list{margin:0}.stats-list div{height:36px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border-soft)}.stats-list div:last-child{border-bottom:0}.stats-list dt{display:flex;align-items:center;font-size:11px;color:#b2a4c0}.stats-list dt img{width:23px;height:23px;object-fit:contain;margin-right:8px}.stats-list dd{margin:0;font-size:13px}.ranking-list{list-style:none;margin:0;padding:0}
.ranking-list li{position:relative;height:40px;display:grid;grid-template-columns:27px 32px minmax(0,1fr) 49px 13px;align-items:center;column-gap:8px;border-bottom:1px solid rgba(155,96,209,.1)}
.ranking-list li:last-child{border-bottom:0}
.ranking-list em{font-style:normal;color:#c164ef;font-size:13px;line-height:1}
.member-avatar,.member-meta{border:0;background:transparent;padding:0;cursor:pointer;text-align:left}
.member-avatar{width:32px;height:32px;min-width:32px;display:grid;place-items:center;border-radius:50%;overflow:hidden}
.member-avatar img{width:32px;height:32px;display:block;object-fit:cover;object-position:center;border-radius:50%}
.member-meta{display:grid;gap:2px;min-width:0;align-content:center}
.member-meta strong{font-size:10px;line-height:1.1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.member-meta small{font-size:8px;line-height:1.1;color:#8d7f9d}
.member-score{justify-self:stretch;display:flex;align-items:center;justify-content:flex-end;width:49px;white-space:nowrap;line-height:1}
.member-score b{font-size:10px;font-weight:400;line-height:1;text-align:right}
.member-crown-slot{width:13px;height:13px;display:grid;place-items:center}.member-crown{display:block;width:12px;height:10px;object-fit:contain;object-position:center}
.ranking-button{position:absolute;left:16px;right:16px;bottom:12px;height:38px;border:1px solid #592678;background:linear-gradient(180deg,rgba(69,25,102,.42),rgba(30,10,47,.5));color:#c28edf;border-radius:4px;font-size:11px;cursor:pointer}.play-city{position:absolute;right:0;top:0;width:296px;height:158px;object-fit:cover;opacity:.82;filter:saturate(1.15) contrast(1.03)}.play-fade{position:absolute;inset:0;background:linear-gradient(90deg,#0b0712 0%,rgba(11,7,18,.95) 43%,rgba(11,7,18,.38) 70%,rgba(8,5,14,.10) 100%)}.amazing-logo{position:absolute;left:20px;top:19px;width:216px;height:65px;object-fit:cover}.play-card p{position:absolute;left:23px;top:98px;margin:0;font-size:10px;line-height:1.35;color:#b9adca}.outline-button{border:1px solid var(--purple);background:rgba(58,19,90,.22);color:#d6a9ee;border-radius:5px;cursor:pointer;box-shadow:inset 0 0 10px rgba(117,45,173,.12)}.play-button{position:absolute;right:21px;bottom:15px;width:130px;height:35px;font-size:11px}.server-card{padding:20px}.server-card h2,.war-card h2{margin:0;color:#dba8f4;font-size:13px}.server-heading{margin-top:11px;display:flex;justify-content:space-between;align-items:center}.server-heading strong{font-size:27px;color:#c963f0}.server-heading span{font-size:10px}.server-heading i{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--green);margin-right:7px;box-shadow:0 0 9px var(--green)}.server-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:24px}.server-metrics small{display:block;font-size:9px;color:#8e829f;margin-bottom:9px}.server-metrics b{font-size:12px;font-weight:400;color:#d6ccdf}.war-card{padding:20px}.war-cars{position:absolute;right:0;top:0;width:300px;height:158px;object-fit:cover;opacity:.88;filter:saturate(1.12) contrast(1.04)}.war-fade{position:absolute;inset:0;background:linear-gradient(90deg,#0b0712 0%,rgba(11,7,18,.90) 35%,rgba(11,7,18,.28) 67%,rgba(8,5,14,.05) 100%)}.war-card h2,.war-card p,.watch-button{position:relative}.war-card p{margin:11px 0 0;color:#bcaaca;font-size:10px;line-height:1.35}.watch-button{position:absolute;left:22px;bottom:18px;width:193px;height:37px;font-size:11px}.watch-button b{font-size:15px;margin-left:13px}.site-footer{color:#665c73;font-size:9px}.site-footer img{position:absolute;left:50%;top:1px;transform:translateX(-50%);width:145px;height:39px;object-fit:cover}.copyright{line-height:1.5}.design-credit{align-self:center}

.brand-button{position:absolute;left:30px;top:18px;width:294px;height:76px;border:0;padding:0;background:transparent;cursor:pointer;z-index:4}.brand-button .brand-logo{position:static;width:100%;height:100%;object-fit:contain}.menu-toggle{display:none}.nav-backdrop{display:none}
