:root{--bg:#0d120f;--bg-soft:#111a14;--panel:#121b14db;--panel-strong:#172319;--line:#ddf4c224;--text:#f8f4e8;--muted:#b9c2a8;--green:#9bc53d;--lime:#d2f06f;--red:#e4362e;--gold:#f4b640;--shadow:0 24px 80px #0000006b}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:radial-gradient(circle at 18% 10%, #9bc53d29, transparent 28rem), radial-gradient(circle at 86% 18%, #e4362e1f, transparent 30rem), linear-gradient(180deg, #080c0a 0%, var(--bg) 42%, #090d0b 100%);color:var(--text);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}img{max-width:100%}.srOnly{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.container{width:min(1120px,100% - 40px);margin:0 auto}.sectionPad{padding:86px 0}.hero{isolation:isolate;align-items:flex-end;min-height:760px;display:flex;position:relative;overflow:hidden}.heroImage{object-fit:cover;object-position:center top;z-index:-3}.heroShade{z-index:-2;background:linear-gradient(90deg,#080c0aeb 0%,#080c0a6b 48%,#080c0ac2 100%),linear-gradient(#080c0a6b 0%,#080c0a8a 48%,#0d120f 100%);position:absolute;inset:0}.navbar{z-index:20;border:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#090d0bb8;border-radius:8px;justify-content:space-between;align-items:center;gap:18px;width:min(1120px,100% - 32px);padding:10px 12px;display:flex;position:fixed;top:18px;left:50%;transform:translate(-50%);box-shadow:0 16px 60px #00000057}.brand,.footerBrand{align-items:center;gap:10px;font-weight:800;display:inline-flex}.brand img,.footerBrand img{border:1px solid #ffffff40;border-radius:50%}.desktopNav{color:var(--muted);align-items:center;gap:18px;font-size:13px;font-weight:700;display:flex}.desktopNav a:hover{color:var(--text)}.iconButton{border:1px solid var(--line);background:#ffffff14;border-radius:8px;place-items:center;width:42px;height:42px;display:none}.heroContent{width:min(1120px,100% - 40px);margin:0 auto;padding:150px 0 108px}.eyebrow,.sectionLabel{width:fit-content;color:var(--lime);letter-spacing:0;text-transform:uppercase;align-items:center;gap:8px;margin:0 0 16px;font-size:12px;font-weight:900;display:inline-flex}h1,h2,h3,p{margin-top:0}h1{letter-spacing:0;text-wrap:balance;max-width:760px;margin-bottom:18px;font-size:clamp(42px,8vw,86px);line-height:.94}h2{letter-spacing:0;text-wrap:balance;margin-bottom:18px;font-size:clamp(30px,5vw,54px);line-height:1}h3{margin-bottom:12px;font-size:21px}p{color:var(--muted);line-height:1.75}.heroContent p{max-width:690px;font-size:18px}.heroActions{flex-wrap:wrap;gap:12px;margin-top:30px;display:flex}.primaryButton,.secondaryButton{border-radius:8px;justify-content:center;align-items:center;gap:10px;min-height:48px;padding:0 20px;font-weight:900;display:inline-flex;box-shadow:0 14px 40px #0000003d}.primaryButton{background:linear-gradient(135deg, var(--red), var(--gold));color:#fff9ec}.secondaryButton{color:var(--text);background:#ffffff14;border:1px solid #ffffff38}.compact{width:fit-content;margin-top:14px}.intro{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#0c120ebd}.introGrid,.split,.requestGrid,.footerGrid{grid-template-columns:1.05fr .95fr;align-items:center;gap:42px;display:grid}.introGrid h2{margin-bottom:0}.introGrid p:last-child{margin-bottom:0;font-size:18px}.visualPanel{border:1px solid var(--line);min-height:500px;box-shadow:var(--shadow);background:linear-gradient(#101f1133,#050806e6),url(/asset/banner.png) 50%/cover;border-radius:8px;place-items:center;display:grid;position:relative;overflow:hidden}.visualPanel:after{content:"";background:radial-gradient(circle,#0000 0%,#080c0aa3 70%);position:absolute;inset:0}.visualPanel img{z-index:1;aspect-ratio:1;object-fit:cover;filter:drop-shadow(0 24px 46px #00000073);border-radius:50%;width:min(78%,430px);height:auto;position:relative}.copyBlock p{font-size:17px}.statRow{grid-template-columns:repeat(3,1fr);gap:12px;margin-top:26px;display:grid}.statCard,.featureCard,.linkCard{border:1px solid var(--line);background:linear-gradient(#19261ce0,#0e1410e6);border-radius:8px;box-shadow:0 18px 54px #0000003d}.statCard{min-height:116px;padding:18px}.statCard strong,.statCard span{display:block}.statCard strong{color:var(--gold);margin-bottom:8px;font-size:22px}.statCard span{color:var(--muted);font-size:13px;line-height:1.45}.sectionHead{text-align:center;max-width:780px;margin:0 auto 34px}.communityContainer{width:min(1320px,100% - 40px)}.featureGrid{grid-template-columns:repeat(4,1fr);gap:18px;display:grid}.featureCard{min-height:250px;padding:26px}.featureCard svg,.linkCard svg,.serverBox svg{color:var(--gold)}.featureCard p{margin-bottom:0;font-size:14px}.requestBand,.serverBand{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:linear-gradient(90deg,#080c0af5,#0b170eb8),url(/asset/banner.png) 50%/cover fixed;position:relative;overflow:hidden}.requestList{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.requestList span{border:1px solid var(--line);min-height:54px;color:var(--text);background:#ffffff14;border-radius:8px;align-items:center;padding:0 16px;font-weight:800;display:flex}.liveBand{border-bottom:1px solid var(--line);background:linear-gradient(#111a14eb,#090d0bf5),radial-gradient(circle at 78% 24%,#f4b64029,#0000 24rem)}.liveGrid{grid-template-columns:180px minmax(0,1fr);align-items:center;gap:38px;display:grid}.liveIcon{width:150px;height:150px;color:var(--gold);box-shadow:var(--shadow);background:linear-gradient(135deg,#e4362e38,#f4b64024),#ffffff0f;border:1px solid #f4b64052;border-radius:8px;place-items:center;display:grid}.liveGrid h2{max-width:780px}.liveGrid h3{max-width:760px;color:var(--text);margin-top:26px;font-size:clamp(22px,3vw,32px);line-height:1.15}.liveGrid p{max-width:860px;font-size:17px}.linkGrid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;display:grid}.linkCard{flex-direction:column;justify-content:space-between;min-height:178px;padding:28px;transition:transform .18s,border-color .18s;display:flex}.linkCard:hover{border-color:#f4b6407a;transform:translateY(-4px)}.linkCard span{color:var(--muted);font-size:14px}.linkCard strong{font-size:22px;line-height:1.18}.serverBox{text-align:center;width:min(1560px,100% - 24px);max-width:none;box-shadow:var(--shadow);background:#080c0ac7;border:1px solid #ffffff29;border-radius:8px;padding:58px 34px}.serverBox svg,.serverBox .sectionLabel{margin-left:auto;margin-right:auto}.serverBox h2{color:var(--gold)}.serverBox p:last-child{margin-bottom:0}.serverTablePanel{border:1px solid var(--line);background:linear-gradient(#19261ce6,#090e0bf0),#080c0adb;border-radius:8px;margin-top:30px;overflow:hidden;box-shadow:0 18px 54px #00000047}.serverToolbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:16px;padding:16px;display:flex}.serverSearch{min-height:46px;color:var(--muted);background:#ffffff14;border:1px solid #ffffff29;border-radius:8px;flex:1;align-items:center;gap:10px;padding:0 14px;display:flex}.serverSearch input{width:100%;color:var(--text);font:inherit;background:0 0;border:0;outline:0;font-size:14px}.serverSearch input::placeholder{color:#b9c2a8c7}.serverCount,.serverPagination{color:var(--muted);white-space:nowrap;font-size:13px;font-weight:800}.serverTableWrap{overflow-x:auto}.serverTable{border-collapse:collapse;text-align:left;width:100%;min-width:1440px}.serverTable th,.serverTable td{border-bottom:1px solid var(--line);vertical-align:top;padding:14px 16px}.serverTable th{color:var(--muted);text-transform:uppercase;background:#ffffff0a;font-size:12px;font-weight:900}.serverTable td{color:var(--text);font-size:14px}.serverTable th:first-child{width:13%}.serverTable th:nth-child(2){width:10%}.serverTable th:nth-child(3){width:7%}.serverTable th:nth-child(4){width:9%}.serverTable th:nth-child(5){width:10%}.serverTable th:nth-child(6),.serverTable th:nth-child(7),.serverTable th:nth-child(8){width:8%}.serverTable th:nth-child(9){width:15%}.serverTable th:nth-child(10){width:16%}.serverTable th:nth-child(11){width:8%}.serverTable tbody tr:last-child td{border-bottom:0}.serverTable strong,.serverUrl{overflow-wrap:anywhere}.descriptionCell{overflow-wrap:anywhere;text-wrap:wrap;white-space:normal;min-width:260px;line-height:1.65;color:var(--muted)!important}.codePill{color:#ffe2a0;max-width:100%;font:inherit;overflow-wrap:anywhere;text-align:left;cursor:pointer;background:#f4b6401a;border:1px solid #f4b64052;border-radius:8px;justify-content:center;align-items:center;padding:7px 10px;font-weight:900;display:inline-flex}.codePill:hover,.codePill:focus-visible,.codePillCopied{background:#f4b64033;border-color:#f4b640b8}.codePill:disabled{cursor:default;opacity:.72}.emptyServerCell{text-align:center;color:var(--muted)!important;padding:26px 16px!important}.serverPagination{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:16px;padding:14px 16px;display:flex}.paginationButtons{gap:8px;display:flex}.paginationButtons button{width:40px;height:40px;color:var(--text);cursor:pointer;background:#ffffff14;border:1px solid #ffffff29;border-radius:8px;place-items:center;display:grid}.paginationButtons button:disabled{cursor:not-allowed;opacity:.42}.serverList{text-align:left;gap:12px;margin-top:28px;display:grid}.serverItem{border:1px solid var(--line);background:linear-gradient(#19261ce0,#0e1410e6);border-radius:8px;grid-template-columns:minmax(0,1fr) minmax(110px,.34fr) auto;align-items:center;gap:16px;min-height:74px;padding:14px 16px;display:grid}.serverItem span{color:var(--muted);font-size:13px;font-weight:800;display:block}.serverItem strong{color:var(--text);overflow-wrap:anywhere;margin-top:4px;font-size:clamp(15px,3vw,19px);display:block}.serverMode strong{color:var(--gold)}.statusBadge{text-align:center;background:#9bc53d24;border:1px solid #9bc53d73;border-radius:999px;justify-content:center;min-width:78px;padding:8px 12px;display:inline-flex;color:var(--lime)!important}.statusBadge.offlineStatus{background:#e4362e24;border-color:#e4362e7a;color:#ffb4ae!important}.connectButton{color:#ffe2a0;cursor:pointer;background:#f4b6401f;border:1px solid #f4b64070;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:38px;padding:9px 13px;font-weight:900;text-decoration:none;display:inline-flex}.connectButton:hover{background:#f4b64033;border-color:#f4b640b8}.mobileConnectButton{display:none}.footer{border-top:1px solid var(--line);background:#080c0a;padding:64px 0 24px}.footerGrid{align-items:start}.footer p{max-width:560px;margin-top:18px;margin-bottom:0}.footerLinks{color:var(--muted);justify-content:flex-end;gap:18px;font-weight:800;display:flex}.footerLinks a:hover{color:var(--text)}.copyright{border-top:1px solid var(--line);color:#7f8b77;width:min(1120px,100% - 40px);margin:46px auto 0;padding-top:22px;font-size:13px;line-height:1.6}@media (max-width:980px){.desktopNav{display:none}.iconButton{display:grid}.hero{min-height:680px}.heroImage{object-position:center top}.introGrid,.split,.requestGrid,.liveGrid,.footerGrid{grid-template-columns:1fr}.liveIcon{width:112px;height:112px}.featureGrid,.linkGrid{grid-template-columns:repeat(2,1fr)}.footerLinks{flex-wrap:wrap;justify-content:flex-start}}@media (max-width:640px){.container,.heroContent,.copyright{width:min(100% - 28px,1120px)}.sectionPad{padding:58px 0}.navbar{width:calc(100% - 20px);top:10px}.brand span{font-size:14px}.hero{align-items:flex-end;min-height:720px}.heroImage{object-position:51% top}.heroShade{background:linear-gradient(#080c0a40 0%,#080c0aad 44%,#0d120f 100%),linear-gradient(90deg,#080c0aa3,#080c0a70)}.heroContent{padding:210px 0 58px}h1{font-size:clamp(40px,13vw,58px)}h2{font-size:clamp(29px,10vw,42px)}.heroContent p,.introGrid p:last-child,.copyBlock p,.liveGrid p{font-size:16px}.heroActions,.primaryButton,.secondaryButton{width:100%}.visualPanel{min-height:360px}.statRow,.featureGrid,.requestList,.linkGrid{grid-template-columns:1fr}.featureCard{min-height:0}.linkCard{min-height:150px}.serverBox{padding:42px 20px}.serverToolbar,.serverPagination{flex-direction:column;align-items:stretch}.serverCount,.serverPagination{white-space:normal}.paginationButtons{justify-content:space-between}.paginationButtons button{flex:1}.serverTableWrap{overflow-x:visible}.serverItem{grid-template-columns:1fr;align-items:flex-start}.serverTable,.serverTable thead,.serverTable tbody,.serverTable tr,.serverTable th,.serverTable td{display:block}.serverTable{min-width:0}.serverTable thead{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.serverTable tr{border-bottom:1px solid var(--line);padding:12px 0}.serverTable tbody tr:last-child{border-bottom:0}.serverTable td{border-bottom:0;grid-template-columns:minmax(96px,.34fr) minmax(0,1fr);gap:12px;padding:8px 16px;display:grid}.serverTable td:before{color:var(--muted);text-transform:uppercase;font-size:12px;font-weight:900}.serverTable td:first-child:before{content:"Nama"}.serverTable td:nth-child(2):before{content:"Code"}.serverTable td:nth-child(3):before{content:"Port"}.serverTable td:nth-child(4):before{content:"Mode"}.serverTable td:nth-child(5):before{content:"Map"}.serverTable td:nth-child(6):before{content:"Difficult"}.serverTable td:nth-child(7):before{content:"Max Player"}.serverTable td:nth-child(8):before{content:"Status"}.serverTable td:nth-child(9):before{content:"URL"}.serverTable td:nth-child(10):before{content:"Description"}.serverTable td:nth-child(11):before{content:"Action"}.serverTable td.connectActionCell{display:none}.descriptionCell{min-width:0}.connectButton{width:100%}.mobileConnectButton{margin-top:10px;display:inline-flex}.requestBand,.serverBand{background-attachment:scroll}}