@import url('https://fonts.googleapis.com/css2?family=Anuphan:wght@400;500;600;700&display=swap');
:root{--bg:#101014;--surface:#19191e;--line:#35353d;--muted:#a5a5af;--pink:#ff45c7;--cyan:#23e5ed;--lime:#dbff00;--display:'Anuphan',Tahoma,sans-serif;--body:'Anuphan',Tahoma,sans-serif;color-scheme:dark}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--bg);color:#f6f4f0;font-family:var(--body);font-size:16px}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit}button:focus-visible,a:focus-visible{outline:3px solid var(--cyan);outline-offset:6px}img{max-width:100%;height:auto}button{border-radius:0}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:800}em{font-style:normal;color:var(--lime)}[hidden]{display:none!important}::selection{color:#101014;background:var(--pink)}.skip-link{position:fixed;top:-100px;left:10px;background:var(--lime);color:#000;z-index:20;padding:12px}.skip-link:focus{top:10px}.announcement{padding:9px 15px;text-align:center;background:var(--lime);color:#101014;font-family:var(--display);font-size:13px;font-weight:700;letter-spacing:2px}.announcement span{margin:0 35px}.site-header{min-height:100px;margin:auto;max-width:1440px;padding:16px 5%;display:flex;align-items:center;gap:40px;border-bottom:1px solid var(--line)}.brand{width:180px;flex-shrink:0;display:block}.brand img{display:block}.site-header nav{display:flex;align-items:center;gap:32px;margin:auto;font-size:15px;font-weight:600}.site-header nav a{padding:12px 0;white-space:nowrap;color:#b8b8c2}.site-header nav a:hover,.site-header nav .active{color:var(--lime)}.header-cta{padding:13px 18px;background:none;border:1px solid #777;color:#fff;font-family:var(--display);font-size:16px;letter-spacing:.6px;white-space:nowrap}.header-cta span{margin-left:15px;color:var(--lime)}.header-cta:hover{background:var(--lime);color:#000}.header-cta:hover span{color:#000}.menu-toggle{display:none}.hero{position:relative;max-width:1600px;margin:auto;padding:27px 5% 0;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 76% 55%,#4d145830,transparent 54%),radial-gradient(ellipse at 47% 55%,#105b5930,transparent 50%)}.hero-top,.hero-bottom{display:flex;justify-content:space-between;align-items:center;font-family:var(--display);font-size:12px;letter-spacing:1.9px;color:var(--muted)}.hero-top i{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--lime);margin-right:8px}.hero-top span:first-child{color:#ddd}.hero-layout{display:grid;grid-template-columns:1fr 1.1fr;align-items:center;min-height:590px;max-width:1300px;margin:auto}.hero-copy{z-index:2;padding:46px 0}.eyebrow{font-family:var(--display);font-size:13px;font-weight:600;letter-spacing:2.5px;color:var(--cyan)}h1{font-family:var(--display);font-size:clamp(48px,5vw,88px);line-height:.88;letter-spacing:-1px;margin:24px 0}h1 span{color:var(--lime);display:inline-block;transform:skew(-7deg)}.hero-thai{font-size:clamp(26px,2.5vw,36px);font-weight:700;line-height:1.45;margin-top:23px}.hero-description{color:var(--muted);line-height:1.9;margin:18px 0 28px}.hero-actions{display:flex;gap:12px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:35px;padding:15px 23px;min-height:53px;font-size:16px;font-weight:700;border:1px solid transparent;transition:transform .2s,background .2s}.button:hover{transform:translateY(-3px)}.button-lime{background:var(--lime);color:#111}.button-lime:hover{background:#edff75}.button-outline{border-color:#62626c;background:#10101470;color:#fff}.button-outline:hover{border-color:var(--pink);background:#ff45c715}.button span{font-size:20px;line-height:1}.hero-note{margin-top:30px;font-family:var(--display);font-size:11px;letter-spacing:1.4px;color:#92929c}.mini-star{color:var(--pink);margin-right:8px;font-size:16px}.hero-art{position:relative;display:grid;place-items:center;min-width:0;min-height:570px}.hero-logo{position:relative;z-index:2;width:112%;max-width:660px;filter:drop-shadow(0 0 40px #ed00ff19);transform:rotate(-5deg);animation:float 7s ease-in-out infinite}.art-word{position:absolute;font-family:var(--display);font-weight:900;font-size:clamp(70px,9vw,132px);line-height:.85;letter-spacing:3px;transform:rotate(-12deg);color:transparent;-webkit-text-stroke:1px #78667b4d;top:30px;right:0;z-index:-1}.orbit{position:absolute;width:95%;aspect-ratio:1;border:1px solid #fc41cf55;border-radius:50%;transform:rotate(-28deg) scaleY(.75);box-shadow:0 0 40px #f000ff09}.orbit:after{content:'';position:absolute;inset:25px -35px;border:1px dashed #28e8ff55;border-radius:50%}.sticker{position:absolute;z-index:3;font-family:var(--display);font-weight:800;line-height:1;font-size:20px;letter-spacing:.5px;padding:15px;color:#131318;box-shadow:5px 5px 0 #101014}.sticker-pink{background:var(--pink);right:-10px;top:35px;transform:rotate(10deg)}.sticker-lime{background:var(--lime);bottom:30px;left:4px;transform:rotate(-12deg);border-radius:50%;padding:20px 14px;text-align:center}.art-coordinate{position:absolute;bottom:9px;right:5px;font:10px var(--display);letter-spacing:2px;color:var(--muted)}.hero-bottom{border-top:1px solid #ffffff16;min-height:60px;font-size:10px}.hero-bottom button{border:none;background:none;color:var(--muted);font-size:14px}.hero-grid{position:absolute;inset:0;background-image:linear-gradient(#ffffff03 1px,transparent 1px),linear-gradient(90deg,#ffffff03 1px,transparent 1px);background-size:70px 70px;z-index:-2;mask-image:linear-gradient(90deg,transparent,#000)}.laser{position:absolute;z-index:-1;height:1px;transform-origin:right center;opacity:.45;pointer-events:none}.laser-one{width:75%;background:linear-gradient(90deg,transparent,var(--pink));right:-2%;top:20%;transform:rotate(-28deg);box-shadow:0 0 18px var(--pink)}.laser-two{width:70%;background:linear-gradient(90deg,transparent,var(--cyan));right:-3%;bottom:10%;transform:rotate(21deg)}.ticker{overflow:hidden;background:var(--pink);color:#121215;padding:13px 0;transform:rotate(-1.3deg);margin:12px 0 25px;border-block:3px solid #121215}.ticker>div{width:max-content;font:800 25px var(--display);letter-spacing:1px;animation:marquee 38s linear infinite}.ticker span{padding:0 36px}.section{padding:75px 6%;max-width:1440px;margin:auto}.section-kicker{display:flex;justify-content:space-between;font:12px var(--display);letter-spacing:1.7px;color:var(--muted);border-top:1px solid var(--line);padding-top:17px;margin-bottom:38px}.section-kicker span:first-child{color:var(--cyan)}.inside-heading{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center;margin-bottom:35px}h2{font-family:var(--display);font-size:clamp(48px,5vw,74px);line-height:.95;letter-spacing:-.5px}.inside-heading .lead{color:#eee;font-size:21px;font-weight:700;margin-bottom:15px}.inside-heading p{color:var(--muted);line-height:1.9}.draft-label{font-size:13px;display:inline-block;color:#9c9ca6;border:1px solid #45454d;padding:5px 8px;line-height:1.5;letter-spacing:.3px;margin-top:18px}.vibe-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.vibe-card{position:relative;border:1px solid var(--line);padding:25px 27px;background:linear-gradient(140deg,#24242b,#141419);overflow:hidden}.card-number{font:12px var(--display);letter-spacing:1.5px}.cyan{--accent:var(--cyan)}.pink{--accent:var(--pink)}.lime{--accent:var(--lime)}.card-number{color:var(--accent)}.type-art{font-family:var(--display);display:block;height:104px;color:var(--accent);font-size:88px;font-weight:800;line-height:1.15;transform:skew(-10deg)}.vibe-card:nth-child(2) .type-art{transform:rotate(-10deg);transform-origin:20% 50%}.vibe-card h3{font-family:var(--display);font-size:34px;line-height:.98;letter-spacing:.3px}.vibe-card p{color:var(--muted);line-height:1.8;font-size:16px;margin:17px 0 23px}.vibe-card a{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:17px;font-size:15px}.vibe-card a span{color:var(--accent);font-size:20px}.vibe-card:hover{border-color:var(--accent)}.lineup{padding-top:20px}.section-title{display:flex;align-items:center;justify-content:space-between;gap:20px}.section-title em{color:var(--pink)}.section-title .draft-label{margin:0}.filters{display:flex;gap:6px;margin:30px 0 25px}.filters button{background:transparent;color:#b3b3bd;border:1px solid var(--line);padding:8px 19px;font-size:15px}.filters button.selected{background:#f4f2ed;color:#131318;border-color:#f4f2ed}.filters span{font-size:10px;margin-left:12px}.news-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.news-poster{height:240px;position:relative;overflow:hidden;display:flex;flex-direction:column;padding:22px}.poster-label{font:11px var(--display);letter-spacing:1.5px;z-index:2}.news-poster strong{font:900 clamp(46px,5vw,70px)/.83 var(--display);margin-top:32px;position:relative;z-index:2;letter-spacing:-.6px;transform:rotate(-5deg)}.news-poster i{font-style:normal}.poster-one{background:var(--lime);color:#131318;background-image:radial-gradient(#12121520 1px,transparent 1px);background-size:5px 5px}.poster-one i{-webkit-text-stroke:1.5px #131318;color:transparent}.poster-star{font-size:150px;position:absolute;right:-10px;bottom:-42px;transform:rotate(15deg)}.poster-one .poster-star{color:#13131826}.poster-two{background:#e642bb;color:#16131c;background-image:repeating-linear-gradient(-40deg,transparent 0px,transparent 29px,#11111112 30px,#11111112 31px)}.poster-two strong{color:#141416}.poster-two i{color:#fff}.poster-two .poster-star{right:5px;bottom:-24px;color:#d9ff00;font-weight:900}.poster-three{color:var(--cyan);background:#192b30;background-image:linear-gradient(#2dfaff0f 1px,transparent 1px),linear-gradient(90deg,#2dfaff0f 1px,transparent 1px);background-size:20px 20px}.poster-three strong{font-size:clamp(40px,4.1vw,61px);transform:none}.poster-three .poster-label{color:#f1f1ed}.equalizer{display:flex;position:absolute;right:18px;bottom:15px;gap:5px;align-items:end;opacity:.5;height:80px;transform:skew(-12deg)}.equalizer b{width:12px;background:var(--cyan);height:50%}.equalizer b:nth-child(2n){height:90%}.equalizer b:nth-child(3n){height:70%}.equalizer b:nth-child(4n){height:35%}.news-meta{display:flex;justify-content:space-between;font:10px var(--display);letter-spacing:1px;margin:19px 0 12px;color:#8f8f9a}.news-meta span:first-child{color:var(--lime)}.news-card h3{font-size:20px;line-height:1.7}.news-card p{font-size:16px;color:var(--muted);line-height:1.9;margin:9px 0 18px}.text-button{padding:12px 0;width:100%;display:flex;justify-content:space-between;background:none;border:0;border-top:1px solid var(--line);font-size:15px}.text-button span{font-size:19px;color:var(--pink)}.text-button:hover{color:var(--pink)}.download{display:grid;grid-template-columns:1.1fr 1fr;gap:70px;align-items:center;border-block:1px solid var(--line);background:radial-gradient(ellipse at 10% 90%,#5f145d35,transparent 65%);margin-top:25px}.download h2{margin:22px 0}.download p{color:var(--muted);line-height:1.9}.download-box{padding:30px 35px;background:#1b1b22;border:1px solid #45454e;position:relative}.download-symbol{font-size:70px;color:var(--lime);position:absolute;right:25px;top:5px;font-family:var(--display)}.download-box h3{font:700 27px var(--display);margin:5px 0 12px}.download-box p{font-size:16px;margin-bottom:25px}.download-box small{display:block;color:var(--muted);margin-top:15px;font-size:13px}.community{padding-block:80px}.community h2{font-size:clamp(48px,7vw,100px);margin:23px 0 30px}.community h2 span{color:var(--pink)}.community-bottom{display:flex;justify-content:space-between;align-items:center;gap:25px}.community-bottom p{color:var(--muted);line-height:1.9;font-size:16px}.community-bottom>div{display:flex;gap:12px}.community .button{font-family:var(--display);font-size:17px;letter-spacing:.5px;min-width:160px}footer{max-width:1440px;padding:35px 6%;margin:auto;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:30px}footer .footer-brand{font:900 30px var(--display)}.footer-brand span{color:var(--pink)}footer p{font:12px/1.8 var(--display);letter-spacing:1px;color:#b3b3bd}footer small{font:13px var(--body);letter-spacing:0;color:#777783}footer>a:last-child{font:11px var(--display);letter-spacing:1px;color:var(--lime)}dialog{max-width:500px;width:calc(100% - 32px);padding:40px 30px;background:#1b1b23;color:#f5f4ee;border:1px solid var(--pink);box-shadow:10px 10px 0 #23e5ed22}dialog::backdrop{background:#06060bdb;backdrop-filter:blur(7px)}dialog h2{font-family:var(--body);font-size:27px;line-height:1.4;margin:20px 0}dialog p{color:#b8b8c3;line-height:2;margin-bottom:26px;font-size:16px}.dialog-close{position:absolute;right:10px;top:5px;font-size:30px;border:0;background:none;padding:5px 10px}.motion-off *,.motion-off *:before,.motion-off *:after{animation:none!important;scroll-behavior:auto!important}html:has(.motion-off){scroll-behavior:auto}@keyframes float{0%,100%{transform:translateY(0) rotate(-5deg)}50%{transform:translateY(-12px) rotate(-3deg)}}@keyframes marquee{to{transform:translateX(-50%)}}
@media(min-width:1600px){.hero-layout{min-height:670px}.hero-art{min-height:630px}.hero-logo{max-width:700px}}@media(max-width:1100px){.site-header{gap:20px}.site-header nav{gap:20px}.brand{width:145px}.header-cta{font-size:14px;padding:12px}.hero-layout{min-height:550px;grid-template-columns:1fr 1fr}.hero-art{min-height:460px}.sticker-pink{font-size:15px;top:15px;right:0}.sticker-lime{font-size:16px;bottom:20px}.hero-note{font-size:9px;letter-spacing:1px}.news-poster{height:210px}.news-poster strong{margin-top:30px}.download{gap:30px}.inside-heading{gap:30px}.inside-heading .lead{font-size:19px}}
@media(max-width:780px){.announcement{font-size:10px;letter-spacing:1px;white-space:nowrap;overflow:hidden}.announcement span{margin:0 15px}.site-header{min-height:80px;position:relative;flex-wrap:wrap;padding:13px 5%}.brand{width:140px;margin-right:auto}.menu-toggle{display:block;background:none;border:1px solid #555;padding:8px 13px;font-size:15px}.menu-toggle span{margin-left:8px}.header-cta{display:none}.site-header nav{display:none;width:100%;margin:0;padding:12px 0;flex-wrap:wrap}.site-header nav.is-open{display:flex}.hero{padding-top:20px}.hero-top{font-size:10px;letter-spacing:1px}.hero-top span:last-child{display:none}.hero-layout{grid-template-columns:1fr;min-height:0}.hero-copy{padding:45px 0 5px}.hero h1{font-size:clamp(40px,10vw,76px)}.hero-thai{font-size:30px}.hero-description{font-size:16px}.hero-art{min-height:0;aspect-ratio:1.12;max-width:540px;width:100%;margin:10px auto 25px}.hero-logo{width:90%;max-height:100%;object-fit:contain}.art-word{font-size:90px;top:16px;right:3%}.sticker-pink{top:20px;right:0}.sticker-lime{bottom:15px;left:0}.art-coordinate{font-size:8px;bottom:0}.hero-note{font-size:10px}.hero-bottom{min-height:55px;font-size:9px;letter-spacing:1px}.hero-bottom>span:nth-child(2){display:none}.ticker{margin-top:5px}.ticker>div{font-size:21px}.section{padding:50px 6%}.section-kicker{font-size:10px;letter-spacing:1px;margin-bottom:28px}.section-kicker span:last-child{display:none}.inside-heading{grid-template-columns:1fr;gap:25px}.inside-heading h2{font-size:60px}.inside-heading p br{display:none}.vibe-grid{grid-template-columns:1fr;gap:13px}.vibe-card{padding:25px;min-height:220px}.type-art{position:absolute;right:25px;top:40px;font-size:100px;opacity:.8}.vibe-card h3{font-size:34px;margin-top:20px}.vibe-card p{max-width:70%}.vibe-card a{margin-top:20px}.section-title{align-items:start;flex-direction:column;gap:15px}.section-title h2{font-size:60px}.filters{overflow-x:auto;white-space:nowrap}.filters button{padding:8px 14px}.news-grid{grid-template-columns:1fr;gap:30px}.news-poster{height:260px}.news-poster strong{font-size:80px}.poster-three strong{font-size:70px}.news-meta{font-size:11px}.news-card h3{font-size:20px}.news-card p{font-size:16px}.download{grid-template-columns:1fr;gap:30px;margin:0}.download h2{font-size:62px}.download-box{padding:25px}.community h2{font-size:clamp(50px,9.5vw,74px)}.community-bottom{align-items:start;flex-direction:column}.community-bottom>div{width:100%}.community .button{min-width:0;flex:1;gap:20px}footer{flex-wrap:wrap;padding:28px 6%;gap:20px}footer p{order:3;width:100%}footer>a:last-child{margin-left:auto}}
/* JUTI Class 4 identity and member actions. Keep the background quieter than the logo. */
html,body{overflow-x:clip}
.hero{background-color:#101018;background-image:linear-gradient(90deg,#101018e8 0%,#101018b3 42%,#10101833 100%),url('hero-graffiti.png');background-position:center;background-size:cover}.laser{opacity:.18}.orbit{opacity:.4}.art-word{-webkit-text-stroke-color:#78667b30}.sticker-pink{font-size:16px;padding:12px;top:9px;right:0}.sticker-lime{font-size:16px;padding:16px 12px;left:0;bottom:15px}.server-tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:20px}.server-tags span{border:1px solid #62626b;padding:5px 10px;color:#d8d7e1;font:600 12px var(--display);letter-spacing:1px}.server-tags span:nth-child(2){color:var(--cyan);border-color:#23e5ed66}.hero-actions{flex-wrap:wrap;gap:10px}.hero-actions .button{padding:14px 18px;gap:20px}.header-cta.topup-cta{display:inline-flex;align-items:center;justify-content:center;gap:10px;background:var(--pink);border:1px solid #ff9ae0;color:#161018;font-family:var(--body);font-size:16px;font-weight:800;box-shadow:4px 4px 0 #23e5ed66,0 0 25px #ff45c71a}.header-cta.topup-cta>span{margin:0;color:inherit;font:700 12px var(--display);letter-spacing:.8px}.credit-symbol{font-size:20px!important}.topup-cta:hover{background:#ff8ddb;transform:translateY(-2px)}.button-pink{background:var(--pink);color:#160e18;border-color:#ff9ae0;box-shadow:4px 4px 0 #23e5ed4d}.button-pink:hover{background:#ff89dc}.card-link{display:flex;justify-content:space-between;border:0;border-top:1px solid var(--line);padding:17px 0 0;width:100%;font-size:15px;background:none;text-align:left}.card-link span{color:var(--accent);font-size:20px}.card-link:hover{color:var(--accent)}.topup{display:grid;grid-template-columns:1.1fr 1fr;gap:60px;align-items:center;background:radial-gradient(ellipse at 95% 70%,#871d661f,transparent 65%),#14131c;border-block:1px solid #ff45c744}.topup h2{margin:24px 0}.topup h2 em{color:var(--pink)}.topup-copy>p:last-child{color:var(--muted);line-height:1.9;font-size:16px}.topup-thai{font-size:24px;font-weight:700;margin-bottom:15px}.topup-panel{position:relative;padding:35px;border:1px solid #ff45c799;background:#201923;box-shadow:8px 8px 0 #23e5ed12;overflow:hidden}.panel-kicker{font:600 12px var(--display);letter-spacing:2px;color:var(--pink)}.topup-panel h3{font-size:29px;line-height:1.5;margin:20px 0 13px}.topup-panel p{font-size:16px;color:#bab3c2;line-height:1.9;margin-bottom:25px}.topup-panel .button{width:100%;font-size:18px}.topup-panel small{display:block;font-size:13px;color:#bcb1c4;margin-top:18px}.topup-stamp{position:absolute;top:25px;right:24px;transform:rotate(9deg);font:800 26px/.95 var(--display);color:#ff45c766;text-align:right}.mobile-actions{display:none}.ui-icon{width:29px;height:29px;object-fit:contain;flex-shrink:0}.header-cta .ui-icon{width:35px;height:35px}.vibe-card .generated-icon{width:105px;height:105px;object-fit:contain;display:block;margin:10px 0 4px}.download-box .download-icon{position:absolute;right:20px;top:14px;width:70px;height:70px;object-fit:contain}.topup-panel .topup-icon{position:absolute;top:24px;right:22px;width:105px;height:105px;object-fit:contain}.community .ui-icon{width:33px;height:33px}.hero-actions .button{gap:10px}
@media(max-width:1100px){.topup{gap:30px}.site-header{gap:16px}.site-header nav{gap:18px}.header-cta.topup-cta{padding:10px 13px;font-size:16px}.header-cta.topup-cta>span:last-child{display:none}.hero-actions .button{font-size:15px;padding:12px;gap:9px}.hero-actions .ui-icon{width:24px;height:24px}}
@media(max-width:780px){body{padding-bottom:calc(78px + env(safe-area-inset-bottom))}.site-header{gap:12px}.brand{width:120px}.header-cta.topup-cta{display:inline-flex;order:0;padding:8px 11px;font-size:15px;min-height:40px;box-shadow:3px 3px 0 #23e5ed55}.header-cta .ui-icon{width:26px;height:26px}.menu-toggle{order:1;padding:8px 10px}.site-header nav{order:2}.topup{grid-template-columns:1fr;gap:30px}.topup h2{font-size:58px}.topup-panel{padding:27px}.topup-panel h3{font-size:26px;max-width:72%}.topup-panel .topup-icon{width:90px;height:90px;top:25px;right:15px}.mobile-actions{display:grid;grid-template-columns:1fr 1.4fr;position:fixed;inset:auto 0 0;z-index:10;background:#14131cf2;backdrop-filter:blur(12px);border-top:1px solid #ff45c755;padding:10px 5% calc(10px + env(safe-area-inset-bottom));gap:10px}.mobile-actions>button,.mobile-actions>a{min-height:48px;display:flex;align-items:center;justify-content:center;gap:8px;font-size:15px;font-weight:700;border:1px solid #56515f;background:#201b28;color:#f6f4f0}.mobile-actions .mobile-topup{background:var(--pink);color:#161018;border-color:#ff9ae0}.mobile-topup>span:last-child{font:700 11px var(--display)}.mobile-actions .ui-icon{width:30px;height:30px}.hero-art .sticker-pink{right:0;top:4px}.vibe-card .generated-icon{position:absolute;right:15px;top:35px;width:105px;height:105px;margin:0}.vibe-card h3{max-width:72%}.hero{background-position:65% center}.hero-actions .button{flex:1 1 auto;justify-content:center;gap:8px}.community .button{padding:12px;gap:8px}}
@media(max-width:380px){.site-header{gap:9px}.brand{width:100px}.menu-toggle span{margin-left:3px}.header-cta.topup-cta{padding:7px 8px}.header-cta .ui-icon{width:22px;height:22px}.community .button{font-size:15px}.community .ui-icon{width:25px;height:25px}}
/* Server facts use the same readable Thai typography as the page content. */
.server-info{padding-top:45px;padding-bottom:35px}.server-info-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:25px}.server-info-heading h2{font-family:var(--body);font-size:28px;line-height:1.4;margin-top:10px}.opening-label{font-size:13px;font-weight:700;color:var(--lime);border:1px solid #dbff0055;padding:10px 15px;letter-spacing:1px}.server-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin:0;border:1px solid #656075;background:#14131ce6}.server-facts>div{padding:25px 20px;border-right:1px solid #48414f}.server-facts>div:last-child{border:0}.server-facts dt{color:#c1b9cc;font-size:15px;font-weight:500}.server-facts dd{margin:13px 0 12px;font-size:30px;font-weight:700;line-height:1.3}.server-facts dd span{color:var(--cyan)}.server-facts .coming-soon{font-size:27px;color:var(--lime)}.server-facts p{font-size:14px;color:#b7b0bf;line-height:1.8}
@media(max-width:1100px){.server-facts{grid-template-columns:repeat(2,minmax(0,1fr))}.server-facts>div:nth-child(2){border-right:0}.server-facts>div:nth-child(-n+2){border-bottom:1px solid #48414f}}
@media(max-width:520px){.server-info-heading{align-items:flex-start;flex-direction:column}.server-info-heading h2{font-size:26px}.server-facts{grid-template-columns:1fr}.server-facts>div{border-right:0;border-bottom:1px solid #48414f}.server-facts>div:last-child{border:0}.server-facts p{font-size:15px}}
/* Neon frames echo the logo palette while keeping the reading surfaces dark. */
.server-facts{border:2px solid transparent;background:linear-gradient(#17141fee,#17141fee) padding-box,linear-gradient(115deg,var(--cyan),var(--pink) 52%,var(--lime)) border-box;box-shadow:0 0 24px #23e5ed12,6px 6px 0 #ff45c712}
.server-facts>div{--frame-accent:var(--cyan);box-shadow:inset 0 3px 0 var(--frame-accent)}
.server-facts>div:nth-child(2){--frame-accent:var(--pink)}.server-facts>div:nth-child(3){--frame-accent:var(--lime)}.server-facts>div:nth-child(4){--frame-accent:#b58aff}
.vibe-card{border:2px solid transparent;background:linear-gradient(140deg,#24242b,#141419) padding-box,linear-gradient(135deg,var(--accent),#76608a 55%,var(--pink)) border-box;box-shadow:5px 5px 0 #0b0b12,0 0 20px color-mix(in srgb,var(--accent) 9%,transparent)}
.vibe-card:hover{border-color:transparent;box-shadow:5px 5px 0 #0b0b12,0 0 25px color-mix(in srgb,var(--accent) 20%,transparent)}
.vibe-card .card-link,.vibe-card>a{border-top-color:color-mix(in srgb,var(--accent) 45%,#35353d)}
.news-card{--frame-accent:var(--lime);border:2px solid transparent;padding:16px;background:linear-gradient(#17151e,#17151e) padding-box,linear-gradient(145deg,var(--frame-accent),#75578c 58%,var(--cyan)) border-box;box-shadow:5px 5px 0 #0b0b12}
.news-card:nth-child(2){--frame-accent:var(--pink)}.news-card:nth-child(3){--frame-accent:var(--cyan)}
.news-card .text-button{border-top-color:color-mix(in srgb,var(--frame-accent) 40%,#35353d)}
.topup-panel{border:2px solid transparent;background:linear-gradient(#201923,#201923) padding-box,linear-gradient(130deg,var(--pink),#ac65ff 55%,var(--cyan)) border-box;box-shadow:7px 7px 0 #23e5ed21,0 0 30px #ff45c715}
.download-box{border:2px solid transparent;background:linear-gradient(#1b1b22,#1b1b22) padding-box,linear-gradient(135deg,var(--cyan),#5e79ee 55%,var(--lime)) border-box;box-shadow:6px 6px 0 #dbff0014}
.opening-label{border:1px solid var(--lime);background:#dbff000b;box-shadow:3px 3px 0 #ff45c74d}
.filters button{border-color:#23e5ed55}.filters button.selected{background:var(--lime);border-color:var(--lime);box-shadow:3px 3px 0 #ff45c766}
dialog{border:2px solid transparent;background:linear-gradient(#1b1b23,#1b1b23) padding-box,linear-gradient(135deg,var(--pink),var(--cyan),var(--lime)) border-box}
@media(max-width:780px){.news-card{padding:14px}.server-facts,.vibe-card,.news-card,.topup-panel,.download-box{box-shadow:3px 3px 0 #23e5ed1a}}
/* Extend the approved graffiti artwork across the viewport and the full page. */
body{background-image:linear-gradient(#101018a6,#101018d9),url('hero-graffiti.png');background-size:cover;background-position:center;background-repeat:no-repeat;background-attachment:fixed}
.hero{width:100%;max-width:none;min-height:100vh;min-height:100svh;display:flex;flex-direction:column;background:linear-gradient(90deg,#101018a6,transparent)}
.hero-layout{width:100%;flex:1}
.hero-top,.hero-bottom{width:100%;max-width:1440px;margin-inline:auto}
@media(max-width:780px){body{background-attachment:scroll}.hero{background:linear-gradient(180deg,#10101866,#10101899)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}