:root{--bg:#080d16;--panel:#0e1927;--line:#20394e;--cyan:#32d6ef;--muted:#91a4b4;--white:#eef7fb}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--bg);color:var(--white);font:14px Inter,Arial,sans-serif;line-height:1.65}.shell{width:min(1160px,calc(100% - 48px));margin:auto}a{color:inherit;text-decoration:none}.topline{height:34px;background:#050910;border-bottom:1px solid #172637;color:#8da3b5;font-size:9px;letter-spacing:1.7px;font-weight:700}.topbar{height:100%;display:flex;justify-content:space-between;align-items:center}.live-dot,.server i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#47e4a1;box-shadow:0 0 10px #47e4a1;margin-right:9px}.header{position:sticky;top:0;z-index:10;background:#080d16ed;backdrop-filter:blur(15px);border-bottom:1px solid #203348}.nav{height:82px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:12px}.brand>b{font:900 36px 'Barlow Condensed';letter-spacing:-2px}.brand>b span,.download-logo span{color:var(--cyan)}.brand>span{display:flex;flex-direction:column;line-height:1.1}.brand strong{font:800 17px 'Barlow Condensed';letter-spacing:2px}.brand small{font-size:8px;color:#8296a8;letter-spacing:2px;margin-top:4px}.nav nav{display:flex;align-items:center;gap:25px;height:100%;font-size:9px;letter-spacing:1px;font-weight:800;color:#b6c4cf}.nav nav a{height:100%;display:flex;align-items:center}.nav nav a:hover,.nav nav .active{color:white}.nav nav .active{border-bottom:2px solid var(--cyan)}.nav nav .forum{height:auto;padding:10px 14px;border:1px solid #27516b;color:var(--cyan)}.menu-toggle{display:none;background:none;border:1px solid #29495d;color:var(--cyan);padding:8px}.hero{min-height:560px;display:grid;grid-template-columns:1fr .95fr;gap:35px;align-items:center;padding-top:45px;padding-bottom:60px}.eyebrow{font-size:9px;letter-spacing:2.3px;font-weight:800;color:var(--cyan)}h1,h2,h3,p{margin-top:0}.hero h1{font:900 clamp(65px,8vw,105px)/.86 'Barlow Condensed';letter-spacing:-2px;margin:24px 0}.hero h1 em,h2 em{font-style:normal;color:var(--cyan);text-shadow:0 0 30px #16b8d544}.hero-copy>p,.server-grid>div>p{max-width:470px;color:var(--muted);font-size:13px;line-height:1.9}.actions{display:flex;gap:12px;margin-top:28px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:13px 18px;font-size:9px;font-weight:800;letter-spacing:1px;transition:.2s}.primary{background:linear-gradient(110deg,#087db8,#20c5dc);color:#06121a;box-shadow:0 8px 25px #00bce32b}.primary:hover{transform:translateY(-3px)}.ghost{border:1px solid #31495e;color:#d4e3ed}.ghost:hover,.outline:hover{border-color:var(--cyan);color:var(--cyan)}.hero-meta{display:flex;gap:22px;margin-top:45px;color:#7890a2;font-size:8px;letter-spacing:1px;font-weight:700}.city-art{height:410px;position:relative;overflow:hidden;border:1px solid #1c4963;background:radial-gradient(ellipse at 50% 50%,#12516b,#0b1b2b 60%,#070d17);box-shadow:0 25px 70px #0008}.city-art:before{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#060b13,transparent 55%),repeating-linear-gradient(90deg,transparent 0 40px,#48cde20c 41px 42px)}.sun{position:absolute;width:190px;height:190px;border:1px solid #4bdaf477;border-radius:50%;top:55px;left:calc(50% - 95px);background:radial-gradient(circle,#48d8ec55,transparent 65%);box-shadow:0 0 45px #00c4ec22}.building{position:absolute;bottom:42px;background:repeating-linear-gradient(0deg,transparent 0 19px,#5de9ff77 20px 24px),linear-gradient(90deg,#091522,#1b4056,#091522);border:1px solid #2a627a;box-shadow:inset 0 0 20px #3bd6ed16}.b1{height:130px;width:75px;left:7%}.b2{height:195px;width:100px;left:28%}.b3{height:155px;width:86px;right:27%}.b4{height:115px;width:70px;right:7%}.road{position:absolute;bottom:-95px;left:10%;width:80%;height:170px;background:linear-gradient(#17394a,#0c1724);transform:perspective(170px) rotateX(35deg);border-top:2px solid #36b8d7}.art-label{position:absolute;bottom:22px;left:24px;display:flex;flex-direction:column;z-index:2}.art-label small{font-size:8px;letter-spacing:3px;color:var(--cyan)}.art-label b{font:800 23px 'Barlow Condensed'}.art-code{position:absolute;right:18px;top:18px;font:700 10px 'Barlow Condensed';letter-spacing:2px;color:#82b9c9}.status{display:grid;grid-template-columns:1fr 1.2fr .8fr;background:#0d1724;border:1px solid #1b354b;min-height:95px}.status>div,.status>a{display:flex;flex-direction:column;justify-content:center;padding:18px 23px;border-right:1px solid #203448}.status small{font-size:8px;color:#8297a8;letter-spacing:1.5px;font-weight:700}.status b{font-size:12px;margin-top:4px}.server{flex-direction:row!important;align-items:center;gap:12px}.server span{display:flex;flex-direction:column}.server button,.ip button{margin-left:auto;background:#142b3d;border:1px solid #28536b;color:var(--cyan);font-size:8px;font-weight:800;padding:8px 10px;cursor:pointer}.status>a{border:0}.section{padding-top:100px;padding-bottom:100px}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:28px}.section h2,.server-grid h2,.download h2,.donate h2{font:800 45px/.98 'Barlow Condensed';margin:12px 0 0}.text-link{font-size:9px;letter-spacing:1px;color:#9cb0bf;font-weight:800}.columns{display:grid;grid-template-columns:1fr 1fr;gap:18px}.feature,.news{background:#0d1723;border:1px solid #1e3448}.feature-art{height:230px;position:relative;overflow:hidden;background:linear-gradient(120deg,#0a3145,#0d1b2b 60%,#101b2a)}.feature-art:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(135deg,transparent 0 35px,#4bd7ed0b 36px 37px)}.feature-art span{position:absolute;top:18px;left:22px;font-size:8px;letter-spacing:2px;color:#81b4c4}.feature-art strong{position:absolute;bottom:20px;left:24px;font:900 48px/.82 'Barlow Condensed'}.feature-art i{position:absolute;right:18%;top:25px;font-style:normal;font-size:120px;color:#65eaff;text-shadow:0 0 40px #24cce8}.feature-body{padding:24px}.feature-body small,.news>small{font-size:8px;letter-spacing:1.6px;color:var(--cyan);font-weight:800}.feature-body h3,.news h3{font:700 23px 'Barlow Condensed';margin:7px 0}.feature-body p,.news p{font-size:11px;color:#91a2b1;line-height:1.8}.feature-body a,.news a{font-size:8px;color:var(--cyan);font-weight:800;letter-spacing:1px}.news{padding:23px 26px}.news-item{padding:16px 0;border-bottom:1px solid #1b2c3d}.news-item:last-child{border:0}.news label{font-size:8px;color:#5d8195;letter-spacing:1.5px;font-weight:800}.news h3{margin:4px 0}.news p{margin-bottom:7px}.server-section{background:linear-gradient(110deg,#0c1928,#0b2435 55%,#0b1726);border-block:1px solid #1d4359}.server-grid{display:grid;grid-template-columns:1fr .9fr;gap:65px;align-items:center;padding-top:80px;padding-bottom:80px}.server-grid h2{font-size:60px;margin:18px 0}.ip{display:flex;align-items:center;gap:13px;margin-top:25px;padding:14px;background:#08131f;border:1px solid #23465b;max-width:430px}.ip small{font-size:8px;color:#7992a5;letter-spacing:1px}.ip b{font-size:11px}.rank{background:#0b1521;border:1px solid #244258;box-shadow:0 20px 50px #0005}.rank header,.rank footer{display:flex;justify-content:space-between;padding:15px 19px;border-bottom:1px solid #1c3448;font-size:8px;font-weight:800;letter-spacing:1px}.rank header span{color:#80a0b4}.rank-content{text-align:center;padding:35px 25px}.emblem{width:58px;height:58px;border:1px solid #2d718c;color:var(--cyan);font:800 23px 'Barlow Condensed';display:grid;place-items:center;margin:0 auto 17px;transform:rotate(45deg)}.rank-content>b{font:700 19px 'Barlow Condensed'}.rank-content p{font-size:10px;color:#8195a6;max-width:290px;margin:8px auto 15px}.rank-content label{font-size:7px;letter-spacing:1px;color:#e8b65b;border:1px solid #594a2e;padding:6px 9px}.rank footer{border-top:1px solid #1c3448;border-bottom:0;color:var(--cyan)}.download{display:flex;align-items:center;gap:25px;padding:34px;background:linear-gradient(115deg,#10293b,#101b2b);border:1px solid #27516a}.download-logo{width:76px;height:76px;flex:0 0 76px;display:grid;place-items:center;border:1px solid #3d8198;font:900 37px 'Barlow Condensed'}.download-copy{flex:1}.download h2{font-size:37px;margin:8px 0}.download p,.donate p{font-size:10px;color:#91a6b5;margin:0}.download-actions{display:flex;flex-direction:column;gap:9px}.donate{background:#070c13;border-top:1px solid #1a2d3f}.donate-inner{display:flex;justify-content:space-between;align-items:center;padding-top:55px;padding-bottom:55px}.donate h2{font-size:38px;margin:9px 0}.donate p{max-width:500px}.outline{border:1px solid #2c566e;color:var(--cyan)}.footer{background:#050910;border-top:1px solid #1c2d3c}.footer-inner{min-height:105px;display:flex;align-items:center;justify-content:space-between;gap:20px}.footer-links{display:flex;gap:22px}.footer-links a{font-size:8px;letter-spacing:1px;font-weight:800;color:#8fa2b1}.copyright{text-align:right;font-size:8px;letter-spacing:1px;color:#9eb0bc;line-height:1.8}.copyright span{color:#587286}.toast{position:fixed;bottom:22px;left:50%;transform:translate(-50%,20px);opacity:0;background:#d7fbff;color:#07131d;padding:10px 17px;font-size:11px;font-weight:800;transition:.2s;pointer-events:none}.toast.show{opacity:1;transform:translate(-50%,0)}
@media(max-width:900px){.nav nav{gap:13px}.hero{grid-template-columns:1fr .8fr}.hero h1{font-size:78px}.server-grid{gap:28px}.download{flex-wrap:wrap}.download-actions{flex-direction:row;width:100%}}
@media(max-width:700px){.shell{width:calc(100% - 32px)}.topbar>span:last-child{display:none}.nav{height:70px}.menu-toggle{display:block}.nav nav{display:none;position:absolute;top:70px;left:0;right:0;height:auto;background:#091320;padding:12px 20px 20px;align-items:stretch;flex-direction:column;gap:0}.nav nav.open{display:flex}.nav nav a{padding:12px 4px;height:auto}.nav nav .active{border:0}.nav nav .forum{justify-content:center;margin-top:8px}.hero{display:flex;flex-direction:column;align-items:stretch;padding-top:35px;padding-bottom:35px;min-height:0}.hero h1{font-size:clamp(68px,17vw,92px)}.hero-meta{gap:12px;flex-wrap:wrap;margin-top:28px}.city-art{height:300px}.status{grid-template-columns:1fr}.status>div,.status>a{border-right:0;border-bottom:1px solid #203448;padding:15px 18px}.status>a{border:0}.section{padding-top:65px;padding-bottom:65px}.section-head{align-items:start;flex-direction:column;gap:15px}.section h2{font-size:39px}.columns{grid-template-columns:1fr}.server-grid{grid-template-columns:1fr;padding-top:60px;padding-bottom:60px}.server-grid h2{font-size:51px}.ip{flex-wrap:wrap}.download{padding:23px;gap:16px}.download-logo{width:58px;height:58px;flex-basis:58px}.download-copy{flex:1 1 calc(100% - 80px)}.download h2{font-size:29px}.download-actions{flex-direction:column}.download-actions .btn{width:100%}.donate-inner{align-items:flex-start;gap:22px;flex-direction:column}.footer-inner{padding:23px 0;flex-wrap:wrap}.footer-links{order:3;width:100%;flex-wrap:wrap}.copyright{margin-left:auto}.actions{flex-wrap:wrap}}
@media(max-width:390px){.hero h1{font-size:62px}.actions .btn{width:100%}.hero-meta{font-size:7px}.ip button{margin-left:0}}

/* Vertical Roleplay identity and custom member portal */
.brand>b{font-size:38px;letter-spacing:-1px}
.brand>b span{color:var(--cyan)}
.login-nav{color:var(--cyan)!important;border:1px solid #27516b;padding:9px 13px;height:auto!important}
.login-page{min-height:100vh;display:flex;flex-direction:column;background:radial-gradient(ellipse at 18% 45%,#0d2637 0,transparent 42%),var(--bg)}
.login-page .header{position:relative}
.back-link{font-size:9px;font-weight:800;letter-spacing:1.2px;color:#a8bac7}
.login-main{flex:1;display:grid;grid-template-columns:1fr .78fr;align-items:center;gap:34px;padding-top:55px;padding-bottom:65px;max-width:1040px}
.login-art{min-height:490px;position:relative;overflow:hidden;border:1px solid #1e4c64;background:radial-gradient(ellipse at 55% 42%,#15516a,#0b1b2b 58%,#070d17);box-shadow:0 25px 70px #0008}
.login-art:before{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#060b13,transparent 65%),repeating-linear-gradient(90deg,transparent 0 43px,#48cde20c 44px 45px)}
.login-art-grid{position:absolute;inset:18% -10% -25%;background:repeating-linear-gradient(0deg,transparent 0 36px,#4bdaf42b 37px 38px),repeating-linear-gradient(90deg,transparent 0 52px,#4bdaf41c 53px 54px);transform:perspective(260px) rotateX(56deg);transform-origin:bottom}
.login-art-content{position:absolute;inset:0;padding:42px;display:flex;flex-direction:column;justify-content:center}
.login-vrp{font:900 106px/.9 'Barlow Condensed';letter-spacing:-5px;color:#f1fbff;text-shadow:0 0 40px #32d6ef66;margin:27px 0 16px}
.login-vrp span{color:var(--cyan)}
.login-art h1{font:900 clamp(48px,6vw,74px)/.86 'Barlow Condensed';letter-spacing:-1px;margin:0 0 20px}
.login-art h1 em,.login-card h2 em{font-style:normal;color:var(--cyan)}
.login-art-content>p{max-width:340px;color:#a3b8c7;font-size:12px;line-height:1.9}
.login-art-foot{position:absolute;left:42px;right:42px;bottom:25px;display:flex;justify-content:space-between;color:#7e9bab;font-size:8px;font-weight:800;letter-spacing:1.5px}
.login-card{padding:38px 34px;background:linear-gradient(145deg,#101e2d,#0a1420);border:1px solid #25445a;box-shadow:0 25px 65px #0007}
.login-card-top{display:flex;align-items:center;justify-content:space-between;gap:12px}
.secure-label{font-size:7px;font-weight:800;letter-spacing:.9px;color:#8fa8b8;white-space:nowrap}
.secure-label i{display:inline-block;width:6px;height:6px;background:#47e4a1;border-radius:50%;margin-right:6px;box-shadow:0 0 8px #47e4a1}
.login-card h2{font:800 42px/.95 'Barlow Condensed';margin:25px 0 8px}
.login-intro{font-size:11px;color:#91a4b4;margin-bottom:24px}
.login-notice{display:flex;gap:12px;padding:15px;background:#0b2635;border:1px solid #24536a;margin-bottom:19px}
.notice-icon{width:27px;height:27px;flex:0 0 27px;display:grid;place-items:center;background:#123b4f;color:var(--cyan);font-size:15px}
.login-notice strong{font-size:10px;color:#e5f4fa}
.login-notice p{font-size:9px;line-height:1.7;color:#91a8b7;margin:5px 0 0}
.login-submit,.register-submit{width:100%;min-height:48px;justify-content:space-between;padding:14px 16px}
.login-submit span{font-size:15px}
.login-divider{display:flex;align-items:center;gap:12px;margin:24px 0 15px;color:#71899a;font-size:7px;font-weight:800;letter-spacing:1.4px}
.login-divider:before,.login-divider:after{content:"";height:1px;background:#253a4b;flex:1}
.register-submit{justify-content:center;font-size:8px}
.forgot-link{display:block;text-align:center;color:var(--cyan);font-size:9px;font-weight:700;margin-top:18px}
.login-footnote{font-size:8px;line-height:1.8;color:#708697;text-align:center;margin:24px 0 0}
.login-footer{border-top:1px solid #1a2d3f;background:#050910}
.login-footer .shell{min-height:58px;display:flex;align-items:center;justify-content:space-between;color:#698093;font-size:8px;font-weight:800;letter-spacing:1.4px}
@media(max-width:800px){.login-main{grid-template-columns:1fr;max-width:560px;gap:18px;padding-top:35px}.login-art{min-height:300px}.login-art-content{padding:30px}.login-vrp{font-size:70px;margin:12px 0}.login-art h1{font-size:52px}.login-art-foot{left:30px;right:30px;bottom:18px}.login-card{padding:30px 25px}}
@media(max-width:480px){.back-link{font-size:8px}.login-art{min-height:270px}.login-art-content{padding:23px}.login-art h1{font-size:46px}.login-art-foot{left:23px;right:23px;font-size:7px}.login-card{padding:25px 19px}.login-card-top{align-items:flex-start;flex-direction:column;gap:7px}.login-footer .shell{gap:12px;font-size:7px}}

/* VRP portal tabs */
.portal-tabs{display:grid;grid-template-columns:1fr 1fr;gap:5px;padding:5px;background:#07111c;border:1px solid #20394b;margin:22px 0 18px}
.portal-tab{min-height:44px;border:1px solid transparent;background:transparent;color:#91a7b8;font:800 9px Inter,sans-serif;letter-spacing:1px;cursor:pointer;padding:10px}
.portal-tab:hover{color:#eafaff}
.portal-tab.is-active{background:linear-gradient(135deg,#12394b,#10283a);border-color:#28617a;color:#54dcf7;box-shadow:inset 0 0 20px #27c5e512}
.portal-panel[hidden]{display:none}
.portal-panel .login-notice{min-height:106px}
.portal-helper{font-size:9px;color:#8da4b5;text-align:center;margin:15px 0 0}
.portal-page .login-card{position:relative}
.portal-page .login-card:before{content:"";position:absolute;left:0;top:0;width:100%;height:2px;background:linear-gradient(90deg,transparent,#31d4f2,transparent)}
@media(max-width:480px){.portal-tabs{margin-top:18px}.portal-tab{font-size:8px;padding:9px 5px}}