@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{color-scheme:dark;--bg:#060910;--panel:#0c1320;--line:#202b3b;--muted:#9baabd;--cyan:#59eaff;--blue:#2878ff}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:#f4f7ff;font:15px/1.7 Manrope,Arial,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button,a,input{ -webkit-tap-highlight-color:transparent}button:disabled{cursor:default}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--cyan);outline-offset:6px}::selection{background:#2878ff;color:white}.wrap{width:min(1200px,calc(100% - 64px));margin:auto}.skip{position:fixed;top:-80px;background:var(--blue);padding:12px;z-index:99}.skip:focus{top:0}.header{height:98px;border-bottom:1px solid #ffffff10;position:relative;z-index:10;background:#080d16}.navrow{height:100%;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:11px;line-height:1}.brand-mark{font-family:Barlow Condensed,sans-serif;font-size:33px;font-weight:800;color:var(--cyan);border:2px solid #389bff;clip-path:polygon(20% 0,100% 0,100% 80%,80% 100%,0 100%,0 20%);padding:8px;background:#102442}.brand-name{font-size:17px;font-weight:800;letter-spacing:2px}.brand-name small{display:block;font-size:10px;letter-spacing:4.1px;margin-top:7px;color:var(--muted)}nav{display:flex;gap:27px;height:100%;align-items:center}nav a{font-size:13px;font-weight:700;color:#a9b4c7;position:relative}nav a:hover,nav a[aria-current]{color:#fff}nav a[aria-current]:after{content:'';position:absolute;bottom:-36px;height:2px;background:var(--cyan);left:0;right:0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;border:1px solid #2a3c55;background:#111d30;color:#eef7ff;border-radius:4px;padding:13px 22px;font-weight:800;font-size:13px;transition:background .2s,transform .2s}.btn:hover{background:#1c3050;transform:translateY(-2px)}.btn.primary{border-color:#3987ff;background:var(--blue);box-shadow:0 4px 30px #1670ff24}.btn.primary:hover{background:#3989ff}.btn:disabled{color:#8697ae;background:#101927;border-color:#293447;box-shadow:none;transform:none}.menu{display:none}.eyebrow{text-transform:uppercase;letter-spacing:3px;font-size:10px;font-weight:800;color:var(--cyan);display:flex;align-items:center;gap:12px}.eyebrow:before{content:'';width:25px;height:1px;background:var(--cyan)}h1,h2,h3,p{margin:0}h1,h2,h3{line-height:1.04;font-family:Barlow Condensed,Impact,sans-serif;text-transform:uppercase}h1{font-size:clamp(64px,7vw,104px);letter-spacing:-1px;margin:23px 0}h1 span{color:var(--cyan)}h2{font-size:48px;letter-spacing:.4px}h3{font-size:31px}p{color:var(--muted)}.hero{position:relative;overflow:hidden;min-height:650px;background:radial-gradient(ellipse at 80% 42%,#12357266,transparent 60%)}.hero:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,#060910 1%,#060910e8 20%,transparent 77%),linear-gradient(0deg,#060910,transparent 35%);z-index:1}.hero-art{position:absolute;width:850px;height:650px;object-fit:cover;right:-30px;top:0;opacity:.88}.hero-content{position:relative;z-index:2;padding:80px 0 50px}.hero p{max-width:440px;font-size:15px;line-height:1.9}.hero-actions{display:flex;gap:12px;margin:28px 0 18px}.micro{font-size:11px;color:#8294ae}.hero .micro{letter-spacing:1px}.join-bar{position:relative;z-index:3;margin-top:-40px;display:grid;grid-template-columns:1.2fr 1fr 1fr;background:linear-gradient(110deg,#11213a,#0d1625);border:1px solid #2b415c;border-top:2px solid #3c95ee;border-radius:5px;padding:25px 30px;box-shadow:0 20px 70px #0007}.join-bar>div{padding:0 30px;border-right:1px solid #ffffff12}.join-bar>div:first-child{padding-left:0}.join-bar>div:last-child{border:0}.label{font-size:9px;letter-spacing:2px;color:#8e9fb8;text-transform:uppercase;font-weight:800}.ip-row{display:flex;gap:20px;align-items:center;margin-top:6px}.ip{font-size:19px;font-weight:800;letter-spacing:.2px}.copy-icon{background:#1c304a;border:1px solid #3b5270;color:var(--cyan);border-radius:3px;padding:5px 10px}.status{font-size:15px;font-weight:700;margin-top:8px}.dot{width:7px;height:7px;border-radius:50%;display:inline-block;background:#98abc4;margin-right:8px}.online .dot{background:#5cf3b0;box-shadow:0 0 12px #5cf3b080}.offline .dot{background:#ffa976}.section{padding:82px 0}.section-head{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:30px}.section-head h2{margin-top:12px}.text-link{font-size:12px;font-weight:800;color:var(--cyan)}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.card{background:#0c1421;border:1px solid #202c3d;border-radius:5px;overflow:hidden;transition:border-color .2s,transform .2s}.card:hover{border-color:#37668e;transform:translateY(-4px)}.card-art{height:190px;position:relative;overflow:hidden;background:#081a27}.card-art img{width:100%;height:100%;object-fit:cover;transform:scale(1.1)}.card-art.prisons img{filter:hue-rotate(20deg);object-position:20% 65%}.card-art.skyblock img{filter:hue-rotate(320deg);object-position:90% 25%}.card-art:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#0c1421,transparent 60%)}.tag{position:absolute;top:18px;left:18px;background:#09111bd9;border:1px solid #3e6377;border-radius:3px;padding:4px 8px;font-size:9px;font-weight:800;letter-spacing:1.3px;color:#92e8eb}.card-body{padding:12px 25px 27px}.card-body p{font-size:12px;min-height:66px;margin:12px 0 22px}.card-foot{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #ffffff10;padding-top:17px;font-size:10px;color:#8798b0}.how{background:#0a111c;border-top:1px solid #172438;border-bottom:1px solid #172438}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:45px;margin-top:35px}.step b{font-family:Barlow Condensed,sans-serif;color:#2c82dc;font-size:42px}.step h3{font-size:24px;margin:12px 0}.step p{font-size:13px}.community-banner{display:flex;align-items:center;justify-content:space-between;gap:40px;padding:40px 45px;border:1px solid #284574;background:radial-gradient(ellipse at 100% 0%,#153c7760,transparent),#0c1627;border-radius:6px}.community-banner h2{font-size:39px;margin-bottom:10px}.community-banner p{font-size:13px}.footer{border-top:1px solid #1a2535;padding:38px 0 24px}.footer-top{display:flex;justify-content:space-between;gap:25px;align-items:center}.footer-links{display:flex;gap:23px;font-size:11px;color:#a1b0c4}.footer-bottom{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #ffffff0b;margin-top:30px;padding-top:20px;font-size:10px;color:#60728e}.page-intro{padding:64px 0 35px;background:radial-gradient(ellipse at 70% 0%,#12336670,transparent 65%)}.page-intro h1{font-size:72px;margin:15px 0}.page-intro p{max-width:610px}.content{padding:25px 0 75px}.notice{border-left:2px solid var(--cyan);padding:16px 22px;background:#101d2e;font-size:13px;color:#aebbd0;margin-bottom:30px}.rules{display:grid;grid-template-columns:1fr 1fr;gap:18px}.rule{padding:28px;background:#0c1421;border:1px solid var(--line);border-radius:4px}.rule h3{font-size:26px;margin-bottom:10px}.rule p{font-size:13px}.rule-num{font-size:11px;color:var(--cyan);letter-spacing:2px;display:block;margin-bottom:15px}.empty-panel{padding:45px;background:linear-gradient(130deg,#101f36,#0c1320);border:1px solid #2c4364;max-width:850px}.empty-panel h2{font-size:38px;margin:15px 0}.empty-panel p{margin:15px 0;max-width:640px}.faq{margin-top:35px;max-width:850px}details{border-bottom:1px solid #26364c;padding:19px 0}summary{cursor:pointer;font-weight:700;color:#e1edfc}details p{font-size:13px;margin:14px 0}.support-actions{display:flex;gap:12px;margin:25px 0}.toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);padding:13px 24px;border:1px solid #3e91bc;background:#10283b;color:#e1fbff;box-shadow:0 10px 40px #0008;border-radius:5px;z-index:50;max-width:90%;text-align:center;font-size:13px}.toast:empty{display:none}.small-top{margin-top:25px}dialog{color:#fff;background:#101d30;border:1px solid #47618a;border-radius:6px;padding:30px;max-width:90vw}dialog::backdrop{background:#000b}dialog input{display:block;padding:12px;margin:18px 0;width:100%;background:#08111f;border:1px solid #3e5774;color:#fff}.hide{display:none}
@media(min-width:1500px){.hero-art{right:calc((100vw - 1400px)/2)}}@media(max-width:1050px){nav{gap:17px}.nav-play{display:none}.hero-art{right:-230px}.join-bar{grid-template-columns:1.5fr 1fr}.join-bar>div:last-child{display:none}.join-bar>div:nth-child(2){border:0}.ip{font-size:17px}}@media(max-width:720px){.wrap{width:calc(100% - 36px)}.header{height:78px}.brand-name{font-size:14px}.brand-name small{font-size:8px}.brand-mark{font-size:25px}.menu{display:block;padding:8px 13px}nav{display:none;position:absolute;top:78px;left:0;right:0;height:auto;background:#0d1726;padding:24px;flex-direction:column;align-items:stretch;gap:20px;border-bottom:1px solid #294462}nav.open{display:flex}nav a[aria-current]:after{bottom:-5px;width:24px}.hero{min-height:655px}.hero-content{padding-top:50px}.hero h1{font-size:70px}.hero-art{width:680px;right:-240px;opacity:.48;top:110px}.hero:after{background:linear-gradient(90deg,#060910d9,transparent),linear-gradient(0deg,#060910,transparent)}.hero p{max-width:330px}.hero-actions{flex-wrap:wrap}.join-bar{grid-template-columns:1fr;padding:22px;margin-top:-25px;gap:19px}.join-bar>div,.join-bar>div:first-child{padding:0;border:0}.join-bar>div:nth-child(2){padding-top:17px;border-top:1px solid #ffffff14}.ip-row{justify-content:space-between}.section{padding:53px 0}.section-head{align-items:start}.section-head h2{font-size:38px}.section-head>a{max-width:90px;text-align:right}.cards,.steps,.rules{grid-template-columns:1fr}.card-art{height:210px}.card-body p{min-height:0}.steps{gap:25px}.community-banner{padding:28px;display:block}.community-banner .btn{margin-top:24px}.footer-top,.footer-bottom{align-items:start;flex-direction:column}.footer-links{flex-wrap:wrap;gap:18px}.page-intro h1{font-size:59px}.empty-panel{padding:28px}.support-actions{flex-wrap:wrap}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
/* Supplied Cyber Networks crest, preserved without altering the artwork. */
.brand-logo{width:58px;height:58px;object-fit:contain;mix-blend-mode:screen;flex-shrink:0}.hero-art.hero-crest{width:610px;height:610px;right:max(20px,calc((100vw - 1220px)/2));top:15px;opacity:1;object-fit:contain;mix-blend-mode:screen}.hero:has(.hero-crest):after{background:linear-gradient(0deg,#060910,transparent 14%);z-index:1}.hero:has(.hero-crest) .hero-content{pointer-events:none}.hero:has(.hero-crest) .hero-content a{pointer-events:auto}@media(min-width:721px) and (max-width:1100px){.hero-art.hero-crest{width:52vw;height:52vw;right:0;top:60px}.hero:has(.hero-crest) h1{font-size:72px}.hero:has(.hero-crest) p{max-width:350px}}@media(max-width:720px){.brand-logo{width:46px;height:46px}.hero:has(.hero-crest){min-height:960px}.hero-art.hero-crest{width:330px;height:330px;max-width:90vw;right:50%;transform:translateX(50%);top:585px;opacity:1}.hero:has(.hero-crest):after{background:none}.hero:has(.hero-crest) .hero-content{padding-top:44px}}
/* Feather the supplied image background into the site without editing the logo. */
.hero-art.hero-crest,.brand-logo{-webkit-mask-image:linear-gradient(to right,transparent,#000 12%,#000 88%,transparent),linear-gradient(to bottom,transparent,#000 10%,#000 88%,transparent);mask-image:linear-gradient(to right,transparent,#000 12%,#000 88%,transparent),linear-gradient(to bottom,transparent,#000 10%,#000 88%,transparent);-webkit-mask-composite:source-in;mask-composite:intersect}.brand-logo{-webkit-mask-image:radial-gradient(ellipse at center,#000 58%,#000d 70%,transparent 98%);mask-image:radial-gradient(ellipse at center,#000 58%,#000d 70%,transparent 98%)}