:root{--bg:#090c0a;--bar:#121513;--panel:#111512;--card:#171c18;--card2:#1b201c;--line:#242c26;--text:#f5f8f5;--muted:#727d75;--green:#61f27f;--green2:#b6ff67;--darkgreen:#193622;--red:#ff5364;--radius:7px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;background:var(--bg);color:var(--text);font:13px Manrope,Arial,sans-serif}button,input{font:inherit}a{color:inherit}.ambient-wall{position:fixed;z-index:-2;inset:64px auto 0 0;width:265px;background:#17221a url("Assets/анимированный_фон.gif") center/cover no-repeat;filter:hue-rotate(70deg) saturate(.8);opacity:.95}.ambient-wall:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 55%,#090c0a),linear-gradient(0deg,#090c0a66,transparent 30%)}.site-main,.topbar,.footer{width:min(1390px,calc(100% - 281px));margin-left:265px;margin-right:16px}.topbar{height:65px;display:flex;align-items:center;gap:18px}.header-shell{position:sticky;top:0;z-index:40;border-bottom:1px solid #242825;background:#121513f5;backdrop-filter:blur(14px)}.brand{display:flex;align-items:center;gap:11px;text-decoration:none}.brand-mark{position:relative;width:38px;height:44px;color:var(--green);font:800 30px/44px Unbounded;text-align:center}.brand-mark:before,.brand-mark:after{content:"";position:absolute;left:4px;right:4px;height:4px;background:var(--green)}.brand-mark:before{top:8px}.brand-mark:after{bottom:8px}.brand-count{font:800 17px Unbounded}.brand-live{width:6px;height:6px;border-radius:50%;background:var(--green);box-shadow:0 0 9px var(--green)}.header-divider{width:1px;height:32px;background:#2b302c}.topnav{display:flex;align-self:stretch;gap:3px}.topnav a{position:relative;display:flex;min-width:54px;padding:8px 5px 7px;flex-direction:column;align-items:center;justify-content:center;gap:4px;color:#a3aca6;text-decoration:none;font-size:7px;text-transform:uppercase;letter-spacing:.35px}.topnav a svg{width:17px;height:17px;fill:currentColor}.topnav a:hover,.topnav a.active{color:var(--green2)}.topnav a.active:after{content:"";position:absolute;left:6px;right:6px;bottom:0;height:2px;background:var(--green)}.header-tools{display:flex;gap:9px;margin-left:auto}.tool-button{display:grid;place-items:center;width:37px;height:37px;border:1px solid #252b27;border-radius:7px;background:#1b201c;color:#dce4de;text-decoration:none}.tool-button.accent{background:var(--green);color:#0c160e}.tool-button svg{width:17px;height:17px;fill:currentColor}.menu{display:none}
.site-main{padding:10px 0 36px}.page-title{display:flex;align-items:center;gap:12px;min-height:72px;padding:13px 14px;border-radius:var(--radius);background:var(--panel);border:1px solid #151a17}.page-title-icon{display:grid;place-items:center;width:50px;height:50px;border-radius:7px;background:#19211b;color:var(--green)}.page-title-icon svg{width:26px;height:26px;fill:currentColor}.page-title h1{margin:0 0 4px;font-size:20px}.page-title p{margin:0;color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.5px}.title-action{margin-left:auto}.section-bar{display:flex;align-items:center;justify-content:center;min-height:47px;margin-top:5px;border-radius:var(--radius);background:#121513;color:#747e77;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.6px}.section-bar svg{width:14px;height:14px;margin-right:7px;fill:currentColor}.dashboard-top{display:grid;grid-template-columns:2fr 1fr;gap:7px;margin-top:5px}.leader-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}.leader{display:grid;grid-template-columns:42px 1fr auto;align-items:center;gap:10px;height:72px;padding:8px;border-radius:5px;background:linear-gradient(100deg,#24261d,#1a1e1b)}.leader:nth-child(2){background:#191d1b}.leader:nth-child(3){background:linear-gradient(100deg,#292019,#1a1d1b)}.leader-avatar{width:42px;height:42px;border-radius:50%;object-fit:cover;background:#202622}.leader b{display:block;color:var(--green2);font-size:12px}.leader small{color:#707971;font-size:8px}.medal{font-size:22px;color:var(--green)}.server-mini{position:relative;height:72px;overflow:hidden;border-radius:5px;background:#171c18 url("https://images.unsplash.com/photo-1542751371-adc38448a05e?auto=format&fit=crop&w=900&q=75") center/cover}.server-mini:before{content:"";position:absolute;inset:0;background:#0b100caa}.server-mini h3{position:relative;margin:13px 10px 6px;text-align:center;font-size:13px}.server-mini-row{position:relative;display:flex;align-items:center;gap:8px;padding:0 8px}.server-online{color:var(--green);font:15px monospace}.map-tag{padding:5px 8px;border-radius:3px;background:#0d1410;color:#7edb94;font:9px monospace}.server-mini .play{margin-left:auto}
.hero-banner{position:relative;height:250px;margin-top:9px;overflow:hidden;border:1px solid #242b26;border-radius:var(--radius);background:linear-gradient(90deg,#141a16,#0d100e)}.hero-banner:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 50%,#53886433,transparent 35%),url("Assets/анимированный_фон.gif") center/cover;opacity:.38;filter:hue-rotate(70deg)}.hero-copy{position:absolute;z-index:2;left:31px;top:80px}.hero-copy h2{margin:0 0 27px;font-size:28px}.hero-copy p{font-size:15px}.hero-copy b{color:var(--green2)}.hero-girl{position:absolute;z-index:2;left:50%;bottom:-15px;height:250px;transform:translateX(-50%);object-fit:contain}.podium{position:absolute;z-index:3;right:35px;top:88px;display:flex;gap:22px}.place{display:flex;align-items:center;gap:10px;min-width:138px;padding:11px 14px;border:1px solid #252d27;border-radius:7px;background:#101411dd;font-weight:800}.place img{width:35px;height:35px;object-fit:contain}.place.one{transform:translateY(-27px);color:var(--green2)}.place.two{color:#b8d4c0}.place.three{color:#7bea91}
.rules-banner{position:relative;display:grid;grid-template-columns:1.2fr .8fr auto;align-items:center;height:190px;margin-top:7px;padding:30px 58px;overflow:hidden;border-radius:var(--radius);background:#0e110f}.rules-banner:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#0c110e,#10211755),url("Assets/анимированный_фон.gif") center/cover;opacity:.23}.rules-banner>*{position:relative}.rules-copy{padding:20px;border-radius:6px;background:#111513bb}.rules-copy h2{margin:0 0 18px;font-size:27px}.rules-copy p{margin:0;color:var(--muted);font-size:11px}.rules-art{height:160px;margin:auto;object-fit:contain}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:43px;padding:0 23px;border:0;border-radius:6px;background:var(--green);color:#0a120c;text-decoration:none;font-weight:800;cursor:pointer}.button.dark{border:1px solid #28312a;background:#181e1a;color:#dbe5dd}.button.full{width:100%}.stats-strip{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-top:10px;padding:5px 38px;border-radius:var(--radius);background:#141815}.stat-item{display:flex;align-items:center;justify-content:space-between;padding:10px 13px;border-radius:5px;background:#191e1a}.stat-item strong{font-size:16px}.stat-item span{color:var(--green);font-size:14px;font-weight:800}.stat-item.unknown strong{color:#78827b;font-size:11px}.data-note{margin:7px 0 0;color:#5f6a62;font-size:9px;text-align:right}
.tables{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px}.data-box{overflow:hidden;border-radius:var(--radius);background:#121513}.box-title{padding:15px;text-align:center;color:#727d75;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.7px}.data-table{width:100%;border-collapse:separate;border-spacing:0 5px;padding:0 6px 6px}.data-table th{padding:13px;color:var(--green);background:#181d19;font-size:8px;text-transform:uppercase}.data-table td{padding:14px;background:#181d19;color:#89938c;font-size:10px}.no-source{padding:34px 15px;text-align:center;color:#657068}.no-source b{display:block;margin-bottom:7px;color:#aab3ad}.reviews{margin-top:10px}.reviews-grid{display:grid;grid-template-columns:310px repeat(3,1fr);gap:9px}.review-score,.review{min-height:150px;padding:16px;border-radius:var(--radius);background:#151916}.review-score strong{font-size:28px;color:var(--green)}.stars{color:#c4ff62;font-size:18px;letter-spacing:4px}.review{color:#78827b}.review b{display:block;margin-bottom:14px;color:#e5ebe7}.footer{display:grid;grid-template-columns:1fr auto;align-items:center;padding:28px 0;color:#6b756e}.footer-links{display:flex;gap:20px}.footer a{color:#6b756e;text-decoration:none;font-size:10px;font-weight:800;text-transform:uppercase}
.catalog-head{padding:27px 25px;border-radius:15px;background:#121513}.catalog-head h1{margin:0 0 25px;color:#d5ddd7;font-size:17px;font-weight:500}.catalog-head h1 b{color:white}.filters{display:flex;flex-wrap:wrap;gap:6px}.filter{padding:10px 15px;border:1px solid #1e251f;border-radius:99px;background:#171b18;color:#778179;font-size:9px}.filter.active{border-color:#376445;color:var(--green);background:#16231a}.shop-layout{display:grid;grid-template-columns:1fr 330px;gap:11px;margin-top:10px}.products{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.product{overflow:hidden;border-radius:15px;background:#171b18}.product-image{position:relative;height:145px;background:#222 center/cover}.product-image img{width:100%;height:100%;object-fit:cover}.product-name{position:absolute;left:10px;right:10px;bottom:9px;padding:9px;border-radius:5px;background:#171b18e8;text-align:center;color:var(--green2);font-weight:800}.product-body{padding:10px}.product-period{padding:13px;border-radius:5px;background:#1b201c;color:#7b857e;font-size:10px;font-weight:800}.product-features{margin:10px 0}.product-feature{margin-top:5px;padding:11px;border-radius:8px;background:#1c211d;line-height:1.4}.product-feature:before{content:"✓";margin-right:7px;color:var(--green)}.price{display:flex;align-items:center;justify-content:center;margin-top:10px;padding:15px;border-radius:7px;background:#233127;color:var(--green2);font-size:20px;font-weight:800}.cart-side{align-self:start;position:sticky;top:75px;padding:10px;border-radius:10px;background:#151916}.cart-title{padding:15px;color:var(--green);font-size:15px}.cart-server{padding:15px;border-radius:7px;background:var(--green);color:#0b130d;font-weight:800}.cart-item{margin-top:7px;padding:13px;border-radius:7px;background:#1c211d}.cart-total{display:flex;justify-content:space-between;margin:12px 0;padding:13px;border-top:1px solid #293029}.detail-overlay{position:fixed;z-index:60;inset:65px 0 0;background:#050706e8;backdrop-filter:blur(4px);display:none}.detail-overlay.open{display:block}.detail-panel{position:absolute;top:0;right:0;width:min(710px,100%);height:100%;padding:45px 34px;background:#151916}.detail-close{position:absolute;right:25px;bottom:25px;width:calc(100% - 50px)}.detail-panel h2{margin:35px 0;text-align:center;color:var(--green2);font-size:28px}.detail-feature{margin:5px 0;padding:12px;border:1px solid #242b26;border-radius:7px}.detail-feature:before{content:"✓";margin-right:8px;color:var(--green)}
.server-page-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px}.server-card-large,.players-card{border-radius:var(--radius);background:#141815;overflow:hidden}.server-cover{height:250px;background:url("https://images.unsplash.com/photo-1542751371-adc38448a05e?auto=format&fit=crop&w=1300&q=80") center/cover;position:relative}.server-cover:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#141815,transparent)}.server-info{padding:20px}.server-info h2{margin:0 0 8px}.server-facts{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;margin:18px 0}.server-fact{padding:12px;background:#1a1f1b}.server-fact span{display:block;color:#707b73;font-size:8px}.server-fact strong{display:block;margin-top:7px}.players-card{padding:18px}.player-row{display:grid;grid-template-columns:32px 1fr auto;gap:10px;align-items:center;padding:12px;border-top:1px solid #252c27}.player-row b{color:#647068}.player-row strong{font-size:11px}.player-row small{display:block;margin-top:3px;color:#68736b}.player-row em{color:var(--green);font-style:normal;font-size:9px}.empty{padding:35px;text-align:center;color:#69746c}.account-card,.checkout-card{max-width:800px;margin:10px auto;padding:30px;border-radius:var(--radius);background:#151916}.account-profile{display:flex;align-items:center;gap:16px}.account-profile img{width:70px;height:70px;border-radius:10px}.checkout-row,.checkout-total{display:flex;justify-content:space-between;padding:15px;border-bottom:1px solid #293029}.checkout-total{margin-bottom:16px;font-size:18px;font-weight:800}.toast{position:fixed;z-index:100;left:50%;bottom:25px;padding:13px 18px;border-radius:7px;background:var(--green);color:#071009;font-weight:800;transform:translate(-50%,120px);transition:.25s}.toast.show{transform:translate(-50%,0)}
@media(max-width:1150px){.ambient-wall{display:none}.site-main,.topbar,.footer{width:calc(100% - 24px);margin-inline:auto}.products{grid-template-columns:repeat(2,1fr)}.topnav a{min-width:46px}.topnav a:nth-child(n+7){display:none}}
@media(max-width:800px){.topnav{display:none;position:absolute;top:64px;left:0;right:0;padding:8px;background:#121513}.topnav.open{display:grid;grid-template-columns:repeat(4,1fr)}.menu{display:block}.dashboard-top,.tables,.server-page-grid{grid-template-columns:1fr}.hero-girl{opacity:.45}.podium{display:none}.rules-banner{grid-template-columns:1fr auto}.rules-art{display:none}.stats-strip{grid-template-columns:1fr 1fr;padding:5px}.reviews-grid{grid-template-columns:1fr 1fr}.shop-layout{grid-template-columns:1fr}.cart-side{position:static}.products{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.header-tools .tool-button:not(.accent){display:none}.leader-strip{grid-template-columns:1fr}.leader:nth-child(n+2){display:none}.dashboard-top{display:block}.server-mini{margin-top:5px}.hero-banner{height:300px}.hero-copy{left:20px;top:30px}.hero-girl{left:auto;right:-45px;transform:none}.rules-banner{height:auto;padding:20px}.stats-strip,.reviews-grid,.products{grid-template-columns:1fr}.server-facts{grid-template-columns:1fr 1fr}.page-title p{font-size:9px}}