:root{--bg: #070A12;--panel: rgba(255, 255, 255, .06);--panel2: rgba(255, 255, 255, .08);--text: rgba(255, 255, 255, .92);--muted: rgba(255, 255, 255, .68);--line: rgba(255, 255, 255, .12);--shadow: 0 10px 30px rgba(0, 0, 0, .35)}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial,"Apple Color Emoji","Segoe UI Emoji";background:radial-gradient(1200px 600px at 20% 10%,rgba(92,108,255,.2),transparent 60%),radial-gradient(800px 500px at 90% 20%,rgba(92,255,214,.12),transparent 55%),var(--bg);color:var(--text)}a{color:inherit}.muted{color:var(--muted)}.container{max-width:1100px;margin:0 auto;padding:0 16px}.app{min-height:100%;display:flex;flex-direction:column}.content{flex:1;padding:28px 16px 40px}.header{position:sticky;top:0;z-index:10;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#070a1299;border-bottom:1px solid var(--line)}.headerInner{display:flex;align-items:center;justify-content:space-between;padding:14px 0;gap:16px}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;font-weight:700}.brandLogo{width:56px;height:56px;border-radius:12px;object-fit:contain}.brandText{letter-spacing:.2px}.nav{display:flex;gap:12px;align-items:center}.navLink{text-decoration:none;padding:8px 10px;border-radius:10px;color:var(--muted)}.navLink.active{color:var(--text);background:#ffffff0f}.btn{display:inline-flex;align-items:center;justify-content:center;padding:10px 14px;border-radius:12px;border:1px solid var(--line);background:#ffffff0a;text-decoration:none;box-shadow:none;transition:transform .08s ease,background .12s ease;white-space:nowrap}.btn:hover{background:#ffffff12;transform:translateY(-1px)}.btn.primary{background:#5c6cff40;border-color:#5c6cff80}.btn.primary:hover{background:#5c6cff59}.btn.ghost{background:transparent}.btnIcon{display:inline-flex;align-items:center;justify-content:center;margin-right:10px;font-size:16px;opacity:.95}.btn-compact{padding:8px 10px;border-radius:12px}.btn-compact .btnIcon{margin-right:8px}@media(max-width:420px){.btn-compact .btnText.hideOnMobile{display:none}.btn-compact .btnIcon{margin-right:0}}.footer{border-top:1px solid var(--line);padding:24px 0;background:#00000026}.footerInner{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap}.footerLinks{display:flex;gap:14px;flex-wrap:wrap}.footerLink{color:var(--muted);text-decoration:none}.footerLink:hover{color:var(--text)}.stack{display:flex;flex-direction:column;gap:20px}.hero{position:relative;border:1px solid var(--line);border-radius:20px;overflow:hidden;background:linear-gradient(180deg,#ffffff0f,#ffffff08);box-shadow:var(--shadow)}.heroGlow{position:absolute;inset:-1px;background:radial-gradient(700px 280px at 30% 20%,rgba(92,108,255,.35),transparent 60%),radial-gradient(600px 260px at 80% 20%,rgba(92,255,214,.18),transparent 55%);opacity:.85;pointer-events:none}.heroInner{position:relative;padding:30px}.heroTitle{margin:0 0 8px;font-size:44px;letter-spacing:.2px}.heroSubtitle{margin:0 0 18px;color:var(--muted);max-width:60ch}.heroActions{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:20px}.heroMeta{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.metaCard{border:1px solid var(--line);background:#0000002e;border-radius:16px;padding:12px}.metaLabel{color:var(--muted);font-size:12px}.metaValue{font-weight:700;margin-top:2px}.sectionHeader h2{margin:0}.sectionHeader p{margin:6px 0 0}.pageHeader{display:flex;flex-direction:column;gap:6px}.pageHeader h1{margin:0}.titleRow{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;padding-top:10px}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.card{border:1px solid var(--line);background:#ffffff0d;border-radius:18px;padding:16px;box-shadow:var(--shadow);display:flex;flex-direction:column}.cardTitleRow{display:flex;align-items:center;justify-content:space-between;gap:10px}.cardTitle{margin:0}.cardActions{display:flex;gap:10px;flex-wrap:wrap;margin-top:6px}.list{margin:8px 0 0;padding-left:18px;color:var(--muted)}.list li{margin:6px 0}.pill{font-size:12px;padding:6px 10px;border-radius:999px;border:1px solid var(--line);background:#ffffff0d}.pill.live{border-color:#5cffd659;background:#5cffd61a}.pill.soon{border-color:#ffc45c59;background:#ffc45c1a}.footerIcons{display:flex;gap:14px;align-items:center}.iconLink{width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:12px;background:#ffffff0a;color:var(--muted);text-decoration:none;transition:transform .08s ease,background .12s ease,color .12s ease;font-size:18px}.iconLink:hover{color:var(--text);background:#ffffff12;transform:translateY(-1px)}.pageBackground{position:fixed;inset:0;z-index:-1;background-size:cover;background-position:center;background-repeat:no-repeat;filter:saturate(1.05);transform:scale(1.02)}.pageBackground:after{content:"";position:absolute;inset:0;background:radial-gradient(1200px 600px at 20% 10%,rgba(92,108,255,.18),transparent 60%),radial-gradient(800px 500px at 90% 20%,rgba(92,255,214,.1),transparent 55%),#070a12b8}.serverList{display:flex;flex-direction:column;gap:12px}.serverRow{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border:1px solid var(--line);border-radius:14px;background:#0000002e}.serverRight{display:flex;align-items:center;gap:10px}.staffGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:10px}.staffCard{gap:14px}.staffTop{display:flex;align-items:center;gap:12px}.staffAvatar{width:64px;height:64px;border-radius:16px;object-fit:cover;border:1px solid var(--line);background:#ffffff0a}.staffName{font-weight:800;letter-spacing:.2px}.staffSocials{display:flex;gap:10px;flex-wrap:wrap}.staffGroup{margin-top:14px}.staffGroupTitle{margin:0 0 10px;font-size:18px;letter-spacing:.2px}.notFound{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:center}.notFoundImage img{width:100%;max-width:420px}.notFoundContent h1{margin:0 0 8px;font-size:64px}.card.gameCard{position:relative;overflow:hidden}.card.gameCard:before{content:"";position:absolute;inset:0;opacity:.35;pointer-events:none}.card.gameCard.theme-fivem:before{background:radial-gradient(400px 200px at 80% 0%,rgba(92,108,255,.45),transparent 60%),radial-gradient(300px 200px at 10% 100%,rgba(92,255,214,.25),transparent 60%)}.card.gameCard.theme-hytale:before{background:radial-gradient(400px 200px at 80% 0%,rgba(255,196,92,.35),transparent 60%),radial-gradient(300px 200px at 10% 100%,rgba(92,255,214,.25),transparent 60%)}.gameCard{padding:0;overflow:hidden}.gameCardBanner{position:relative;height:100px;border-bottom:1px solid var(--line);background:#ffffff0a}.gameCardBanner img{width:100%;height:100%;object-fit:cover;display:block;transform:scale(1.02)}.gameCardBannerOverlay{position:absolute;inset:0;background:linear-gradient(180deg,#00000026,#0000008c)}.gameCardBody{padding:16px}.gameCard:hover{transform:translateY(-2px);box-shadow:0 20px 40px #00000073}.heroV2 .heroInner{padding:26px}.heroGrid{display:grid;grid-template-columns:1.15fr .85fr;gap:16px;align-items:start}.heroHint{margin-top:10px}.heroRight{display:flex;flex-direction:column;gap:14px}.heroMini{background:#0000002e}.miniHeader{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.miniTitle{font-weight:800;letter-spacing:.2px}.miniRows{display:flex;flex-direction:column;gap:10px;margin-top:10px}.miniRow{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border:1px solid var(--line);border-radius:14px;background:#ffffff0a}.miniStoreButtons{display:flex;flex-wrap:wrap;gap:10px;margin-top:10px}@media(max-width:960px){.heroGrid{grid-template-columns:1fr}}@media(max-width:900px){.notFound{grid-template-columns:1fr;text-align:center}.notFoundImage{display:flex;justify-content:center}.notFoundContent h1{font-size:52px}}@media(max-width:960px){.staffGrid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.staffGrid{grid-template-columns:1fr}}@media(max-width:960px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.heroTitle{font-size:38px}}@media(max-width:640px){.nav{display:none}.grid,.grid.two,.heroMeta{grid-template-columns:1fr}.heroInner{padding:20px}}