:root{--bg:#090b0e;--bg2:#0e1116;--panel:#12161c;--panel2:#171c23;--line:#262d36;--muted:#8f98a5;--text:#f5f7fa;--red:#ef3f2f;--orange:#ff7a28;--green:#53d98b;--shadow:0 22px 60px rgba(0,0,0,.42)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--text);background:radial-gradient(circle at 50% -10%,rgba(239,63,47,.13),transparent 34rem),linear-gradient(180deg,#090b0e 0%,#0b0e12 100%);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}body::before{content:"";position:fixed;inset:0;pointer-events:none;background:linear-gradient(rgba(255,255,255,.012) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.012) 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(to bottom,black,transparent 70%);z-index:-2}.noise{position:fixed;inset:0;pointer-events:none;opacity:.12;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.20'/%3E%3C/svg%3E");z-index:-1}a{color:inherit;text-decoration:none}button{font:inherit}.container{width:min(1160px,calc(100% - 40px));margin:0 auto}
.site-header{position:sticky;top:0;z-index:50;background:rgba(9,11,14,.83);border-bottom:1px solid rgba(255,255,255,.07);backdrop-filter:blur(18px)}.nav-wrap{height:74px;display:flex;align-items:center;gap:28px}.brand{display:inline-flex;align-items:center;gap:11px;font-weight:800}.brand-mark{width:38px;height:38px;display:grid;place-items:center;background:linear-gradient(135deg,var(--orange),var(--red));clip-path:polygon(15% 0,85% 0,100% 18%,100% 82%,85% 100%,15% 100%,0 82%,0 18%);font-family:"Russo One",sans-serif;font-size:21px;box-shadow:0 0 28px rgba(239,63,47,.28)}.brand-text{font-family:"Russo One",sans-serif;font-size:22px;letter-spacing:-.3px}.brand-text span{color:var(--red)}.nav{display:flex;align-items:center;gap:24px;margin-left:auto}.nav a{font-size:14px;color:#c9ced6;transition:.2s ease}.nav a:hover{color:#fff}.ip-pill{border:1px solid rgba(239,63,47,.45);background:rgba(239,63,47,.08);color:#fff;padding:10px 14px;border-radius:11px;cursor:pointer;display:flex;gap:9px;align-items:center}.status-dot{width:8px;height:8px;border-radius:50%;background:#7a828d;box-shadow:0 0 0 4px rgba(122,130,141,.08)}.status-dot.online{background:var(--green);box-shadow:0 0 16px rgba(83,217,139,.6)}.status-dot.offline{background:var(--red);box-shadow:0 0 16px rgba(239,63,47,.5)}.menu-toggle{display:none;margin-left:auto;background:none;color:white;border:0;font-size:24px}
.hero{min-height:700px;display:flex;align-items:center;position:relative;overflow:hidden;border-bottom:1px solid var(--line)}.hero::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(8,10,13,.15),rgba(8,10,13,.74) 68%,#090b0e 100%),radial-gradient(circle at 50% 36%,rgba(255,101,43,.23),transparent 23rem),linear-gradient(135deg,transparent 0 42%,rgba(255,255,255,.015) 42% 43%,transparent 43% 100%)}.hero::after{content:"";position:absolute;left:50%;top:21%;width:760px;height:420px;transform:translateX(-50%);background:linear-gradient(to top,rgba(239,63,47,.16),transparent),repeating-linear-gradient(90deg,transparent 0 78px,rgba(255,255,255,.025) 79px 80px),repeating-linear-gradient(0deg,transparent 0 78px,rgba(255,255,255,.025) 79px 80px);clip-path:polygon(6% 100%,6% 72%,13% 72%,13% 42%,23% 42%,23% 63%,31% 63%,31% 25%,40% 25%,40% 54%,48% 54%,48% 8%,56% 8%,56% 48%,65% 48%,65% 34%,75% 34%,75% 66%,84% 66%,84% 40%,94% 40%,94% 100%);filter:drop-shadow(0 0 30px rgba(239,63,47,.08));opacity:.56}.hero-content{position:relative;z-index:2;text-align:center;padding:100px 0 90px}.eyebrow,.kicker{color:#f17767;font-size:12px;font-weight:800;letter-spacing:.22em}.hero h1{font-family:"Russo One",sans-serif;margin:18px 0 6px;font-size:clamp(62px,10vw,126px);line-height:.9;letter-spacing:-5px;text-shadow:0 10px 50px rgba(0,0,0,.45)}.hero h1 span{color:var(--red)}.hero-tagline{font-size:clamp(24px,3vw,42px);font-weight:800;margin:20px 0 8px}.hero-sub{color:#b8c0ca;font-size:17px;margin:0 0 30px}.hero-actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}.btn{min-height:50px;padding:0 22px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;border:1px solid transparent;font-weight:800;letter-spacing:.02em;cursor:pointer;transition:.2s ease}.btn-primary{color:white;background:linear-gradient(135deg,#e53b2c,#ff6f27);border-color:rgba(255,255,255,.12);box-shadow:0 10px 28px rgba(239,63,47,.2)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 14px 34px rgba(239,63,47,.3)}.btn-secondary{background:#151a21;border-color:#303741;color:#eef2f7}.btn-secondary:hover{background:#1b212a;transform:translateY(-2px)}.server-address{margin:22px auto 0;border:1px solid #303741;background:rgba(17,21,27,.88);color:#fff;border-radius:11px;padding:12px 17px;display:flex;gap:18px;align-items:center;font-size:20px;font-weight:800;letter-spacing:.03em;cursor:pointer}.copy-icon{color:#949daa}.hero-status{margin-top:13px;color:#929ba6;font-size:13px}.divider{margin:0 7px;color:#515965}
.stats-section{margin-top:-34px;position:relative;z-index:5}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.stat-card{background:rgba(18,22,28,.94);border:1px solid #272e37;box-shadow:var(--shadow);border-radius:13px;padding:20px 22px;display:flex;align-items:center;gap:14px}.stat-icon{color:var(--orange);font-size:24px}.stat-card strong{display:block;font-size:20px}.stat-card span:last-child{font-size:13px;color:var(--muted)}
.section{padding:88px 0}.section-dark{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#0b0e12}.section-heading{max-width:690px;margin-bottom:34px}.section-heading h2,.map-copy h2,.cta-panel h2{font-size:clamp(30px,4vw,46px);margin:8px 0 10px;letter-spacing:-1.5px}.section-heading p,.map-copy p,.cta-panel p{color:var(--muted);line-height:1.7}.features-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.feature-card{border:1px solid #252c35;background:linear-gradient(180deg,#11151b,#0e1217);border-radius:14px;padding:26px;min-height:205px;transition:.22s ease}.feature-card:hover{transform:translateY(-4px);border-color:#3a424d;background:#151a21}.feature-icon{font-size:28px;color:var(--orange);margin-bottom:25px}.feature-card h3{font-size:19px;margin:0 0 9px}.feature-card p{margin:0;color:var(--muted);font-size:14px;line-height:1.6}
.map-panel{border:1px solid #262d36;background:#10141a;border-radius:16px;overflow:hidden;display:grid;grid-template-columns:.8fr 1.2fr;min-height:390px}.map-copy{padding:48px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.map-copy .btn{margin-top:10px}.map-visual{position:relative;min-height:390px;overflow:hidden;background:radial-gradient(circle at 30% 35%,rgba(64,130,92,.34),transparent 23%),radial-gradient(circle at 70% 60%,rgba(171,103,38,.28),transparent 24%),linear-gradient(145deg,#1b2f2b,#15242a 35%,#202a21 36% 55%,#273628 55% 73%,#1b2422)}.map-grid{position:absolute;inset:0;background:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);background-size:44px 44px;transform:rotate(8deg) scale(1.12)}.map-visual::after{content:"";position:absolute;inset:0;background:radial-gradient(circle at center,transparent 25%,rgba(6,9,12,.5))}.map-pin{position:absolute;z-index:2;background:rgba(8,11,14,.88);border:1px solid rgba(255,255,255,.15);padding:7px 10px;border-radius:7px;font-size:12px;font-weight:700}.pin-a{left:26%;top:30%}.pin-b{left:58%;top:63%}.pin-c{right:12%;top:22%}.map-crosshair{position:absolute;z-index:2;left:50%;top:50%;width:34px;height:34px;transform:translate(-50%,-50%);border:2px solid rgba(255,112,43,.9);border-radius:50%;box-shadow:0 0 30px rgba(255,112,43,.4)}.map-crosshair::before,.map-crosshair::after{content:"";position:absolute;background:rgba(255,112,43,.9)}.map-crosshair::before{width:46px;height:2px;left:-8px;top:14px}.map-crosshair::after{height:46px;width:2px;top:-8px;left:14px}
.section-heading-inline{max-width:none;display:flex;justify-content:space-between;align-items:end;gap:30px}.section-heading-inline p{max-width:470px;margin:0}.rankings-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.ranking-card{border:1px solid #252c35;background:#10141a;border-radius:14px;overflow:hidden}.ranking-title{padding:20px 22px;border-bottom:1px solid #242b34;display:flex;align-items:center;justify-content:space-between}.ranking-title h3{margin:0;font-size:17px}.ranking-title span{color:var(--orange);font-size:18px}.ranking-list{list-style:none;margin:0;padding:8px}.ranking-list li{display:grid;grid-template-columns:34px 1fr auto;gap:10px;align-items:center;min-height:52px;padding:0 12px;border-radius:8px;color:#d7dce3}.ranking-list li:nth-child(1){background:rgba(255,113,39,.06)}.rank{color:#707988;font-size:13px;font-weight:800}.ranking-list li:nth-child(1) .rank{color:#ffb047}.player-name{font-weight:700}.player-value{color:#aeb6c2;font-variant-numeric:tabular-nums}.loading-card{grid-column:1/-1;border:1px solid #252c35;border-radius:14px;padding:28px;color:var(--muted)}
.cta-section{padding-top:25px}.cta-panel{border:1px solid rgba(239,63,47,.23);background:radial-gradient(circle at 82% 50%,rgba(239,63,47,.13),transparent 30%),#10141a;border-radius:16px;padding:38px 42px;display:flex;align-items:center;justify-content:space-between;gap:30px}.cta-panel h2{margin-bottom:0}.cta-panel p{margin:5px 0 0}.cta-actions{display:flex;gap:10px;flex-wrap:wrap}
footer{border-top:1px solid var(--line);padding:34px 0 42px;background:#080a0d}.footer-grid{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:30px}.footer-brand{margin-bottom:10px}footer p{margin:0;color:var(--muted);font-size:13px}.footer-links{display:flex;gap:24px;font-size:14px;color:#b6bec8}.footer-links a:hover{color:white}.footer-ip{justify-self:end;display:flex;gap:15px;align-items:center;border:1px solid #272e37;background:#10141a;color:white;padding:11px 14px;border-radius:9px;cursor:pointer;font-weight:700}.toast{position:fixed;left:50%;bottom:26px;transform:translate(-50%,20px);opacity:0;pointer-events:none;background:#f3f5f7;color:#101215;padding:12px 18px;border-radius:10px;font-weight:800;font-size:13px;transition:.22s ease;z-index:100}.toast.show{opacity:1;transform:translate(-50%,0)}
@media(max-width:900px){.nav{display:none;position:absolute;left:20px;right:20px;top:70px;padding:18px;background:#0e1217;border:1px solid #272e37;border-radius:12px;flex-direction:column;align-items:stretch}.nav.open{display:flex}.menu-toggle{display:block}.ip-pill{display:none}.stats-grid,.features-grid{grid-template-columns:repeat(2,1fr)}.map-panel{grid-template-columns:1fr}.rankings-grid{grid-template-columns:1fr}.section-heading-inline{display:block}.footer-grid{grid-template-columns:1fr;text-align:center}.footer-links{justify-content:center;flex-wrap:wrap}.footer-ip{justify-self:center}}@media(max-width:600px){.container{width:min(100% - 26px,1160px)}.hero{min-height:650px}.hero h1{letter-spacing:-3px}.hero-actions{flex-direction:column}.hero-actions .btn{width:100%}.server-address{font-size:16px}.stats-grid,.features-grid{grid-template-columns:1fr}.stats-section{margin-top:-18px}.section{padding:62px 0}.map-copy{padding:30px 24px}.cta-panel{padding:28px 24px;align-items:flex-start;flex-direction:column}.cta-actions{width:100%}.cta-actions .btn{flex:1}}