@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700;800;900&family=Barlow:wght@400;500;600;700&display=swap');
:root{color-scheme:dark;--cyan:#00e5f5;--white:#e9f0f2;--muted:#a3b4be;--line:#28505b;--surface:#061116;--display:'Barlow Condensed','Arial Narrow',sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#060a0c;color:var(--white);font-family:'Barlow',Arial,sans-serif;font-size:16px}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:2px solid var(--cyan);outline-offset:5px}button{border:0}button:disabled{cursor:not-allowed}svg{display:block}.svg-library{position:absolute;width:0;height:0;overflow:hidden}.icon{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.backdrop{position:fixed;inset:0;z-index:-2;background:linear-gradient(180deg,rgba(0,8,12,.13),rgba(0,8,12,.08) 45%,rgba(0,8,12,.77)),url('assets/hangar.png') center center/cover no-repeat}.backdrop:after{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 50% 38%,rgba(0,26,34,.04),rgba(0,0,0,.24) 85%)}.header{height:85px;border-bottom:1px solid #28505b88;background:linear-gradient(90deg,#061116e8,#041016ce,#061116ed);backdrop-filter:blur(12px)}.header-inner{max-width:1250px;padding:0 25px;margin:auto;height:100%;display:flex;align-items:center;justify-content:space-between;gap:30px}.brand{display:flex;align-items:center;gap:12px;flex-shrink:0}.brand-mark{width:48px;height:49px}.brand strong{font-size:27px;font-weight:600;letter-spacing:9px;display:block;line-height:1.15}.brand small{font-size:9px;letter-spacing:2.6px;color:#afc2ce;display:block;margin-top:5px}.header nav{display:flex;align-items:center;height:100%;gap:30px}.header nav a,.header nav button{font-family:var(--display);font-size:16px;font-weight:600;text-transform:uppercase;letter-spacing:1px;background:none;position:relative;padding:31px 0;color:#c6d5dd;white-space:nowrap}.header nav .active,.header nav a:hover,.header nav button:hover{color:var(--cyan)}.header nav .active:after{content:'';position:absolute;height:2px;bottom:17px;left:-9px;right:-9px;background:var(--cyan);box-shadow:0 0 14px #00e5f566}.button{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:14px;min-height:50px;padding:0 26px;border:1px solid #8aaab7;background:#061116d9;font-family:var(--display);font-size:17px;font-weight:600;text-transform:uppercase;letter-spacing:.6px;transition:background .2s,box-shadow .2s,transform .2s;clip-path:polygon(14px 0,100% 0,100% calc(100% - 14px),calc(100% - 14px) 100%,0 100%,0 14px)}.button:before,.button:after{content:'';position:absolute;background:currentColor;width:20px;height:1px;transform:rotate(-45deg)}.button:before{top:6px;left:-3px}.button:after{bottom:6px;right:-3px}.button:hover{background:#09313be6;transform:translateY(-2px)}.button .arrow{font-family:Arial,sans-serif;font-size:28px;font-weight:400;line-height:1;margin-left:14px}.header-join{color:var(--cyan);border-color:var(--cyan);font-size:15px;min-height:42px;padding:0 21px}.shell{max-width:1200px;margin:auto;padding:0 24px}.hero{position:relative;text-align:center;min-height:507px;padding:31px 0 32px;display:flex;align-items:center;flex-direction:column;justify-content:center}.hero-overline{display:flex;align-items:center;gap:13px;font-size:10px;letter-spacing:3px;color:#a2b6be;margin-bottom:12px}.hero-overline span{height:1px;width:28px;background:#75959e88}.hero-mark{height:135px;width:145px;filter:drop-shadow(0 0 17px #00c7e62b);margin-bottom:13px}.welcome{font-size:15px;letter-spacing:8px;margin:0 0 0 8px;text-transform:uppercase;color:#c7dce4}.hero h1{font-family:var(--display);font-weight:900;font-size:112px;letter-spacing:13px;margin:-5px -13px 0 0;line-height:1.1;color:#e4e8e8;background:repeating-linear-gradient(168deg,#edf0f0 0,#d7dfe0 2px,#f0f2f1 3px,#bac6c8 4px,#edf0f0 5px);background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 4px 1px #0006)}.tagline{font-size:14px;text-transform:uppercase;letter-spacing:6px;margin:10px 0 27px;color:#d3e1e7}.hero-actions{display:flex;gap:20px}.primary{border-color:var(--cyan);color:var(--cyan);background:linear-gradient(110deg,#04333be8,#00171edd);min-width:265px}.secondary{min-width:217px}.status-panel{background:linear-gradient(100deg,#061116f2,#030c10ee);border:1px solid #377081;box-shadow:0 0 0 4px #03101599,inset 0 0 0 4px #0b222999;display:flex;align-items:center;min-height:92px;padding:12px 15px;position:relative}.status-panel:before{content:'';position:absolute;top:-1px;left:25%;width:25%;height:1px;background:var(--cyan);box-shadow:0 0 9px var(--cyan)}.stat{display:flex;align-items:center;gap:15px;min-height:47px;border-right:1px solid #31505e;padding:0 24px;flex:1;white-space:nowrap}.stat .icon{color:#bdd9e6}.stat:first-child{padding-left:13px}.stat:last-of-type{border-right:0}.label{display:block;font-size:10px;text-transform:uppercase;letter-spacing:1.9px;color:#9db4c1;margin-bottom:7px;font-weight:600}.stat strong{font-size:17px;font-weight:600}.stat strong span{color:#718d9b}.stat .status-value{font-family:var(--display);font-size:18px;letter-spacing:1px;text-transform:uppercase;color:#cad7de}.status-dot{height:9px;width:9px;border-radius:50%;background:#80959f;box-shadow:0 0 12px #aec6cf44;flex-shrink:0}.map-panel{align-self:stretch;flex:1.65;min-width:230px;border:1px solid #315462;display:flex;align-items:center;justify-content:space-between;padding:10px 16px 10px 20px;background:linear-gradient(90deg,#08212cbd,#040d13f2),url('assets/koth.png') 51% 25%/180%;transition:border-color .2s}.map-panel:hover{border-color:var(--cyan)}.map-panel strong{font-family:var(--display);font-size:19px;letter-spacing:1px}.map-panel .label{font-size:9px;letter-spacing:1.1px;margin-bottom:3px}.map-note{display:block;font-size:10px;margin-top:3px;color:#c6d3d7}.map-panel .arrow{font-size:26px;color:var(--cyan)}.features-label{display:flex;justify-content:space-between;margin:24px 0 10px;font-size:10px;text-transform:uppercase;letter-spacing:2px;color:#99b0ba}.features-label span:last-child{color:#7f959c}.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.feature{position:relative;overflow:hidden;background:#051015ed;border:1px solid #345f6d;transition:transform .2s,border-color .2s,box-shadow .2s;clip-path:polygon(8px 0,calc(100% - 8px) 0,100% 8px,100% calc(100% - 8px),calc(100% - 8px) 100%,8px 100%,0 calc(100% - 8px),0 8px)}.feature:hover{transform:translateY(-5px);border-color:var(--cyan);box-shadow:0 5px 24px #00dbef15}.feature-image{height:101px;position:relative;background-repeat:no-repeat;filter:saturate(.6);transition:filter .25s}.feature:hover .feature-image{filter:saturate(1)}.feature-image:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#051015,transparent 90%)}.loot{background-image:url('assets/airdrop.png');background-size:210%;background-position:62% 53%}.pvp{background-image:url('assets/koth.png');background-size:215%;background-position:53% 51%}.events{background-image:url('assets/server-override.png');background-size:170%;background-position:88% 63%}.community{background-image:url('assets/hangar.png');background-size:190%;background-position:85% 46%}.feature-body{display:flex;gap:14px;position:relative;padding:0 18px 20px;margin-top:-5px}.feature-icon{height:30px;width:30px;fill:none;stroke:var(--cyan);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0;filter:drop-shadow(0 0 8px #00e5f533)}.feature h2{font-family:var(--display);font-size:21px;text-transform:uppercase;letter-spacing:1.1px;margin:-3px 0 6px}.feature p{color:#c1d0d8;font-size:14px;line-height:1.5;margin:0 0 17px}.learn{font-family:var(--display);font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:1px;color:var(--cyan);display:flex;align-items:center;gap:15px}.learn b{font-size:18px;font-weight:400}.card-number{position:absolute;right:12px;top:12px;font-size:10px;letter-spacing:1px;color:#e8f5f8a8;font-family:monospace}footer{min-height:125px;display:flex;align-items:center;justify-content:space-between;gap:20px}.footer-motto{font-family:var(--display);font-size:14px;line-height:1.4;letter-spacing:1.4px;color:#80919a;border-left:2px solid #00e5f57d;padding-left:13px}.footer-motto b{color:#bcc9ce;font-weight:500}.footer-brand{opacity:.6;transform:scale(.8)}.footer-note{font-size:10px;color:#82939a;text-align:right;line-height:1.8}.menu-toggle{display:none}.skip{position:fixed;top:-70px;left:15px;background:#051015;padding:14px;z-index:100}.skip:focus{top:12px}.inner-view{min-height:calc(100vh - 210px);padding:70px 0 40px}.eyebrow{font-size:12px;letter-spacing:2px;color:var(--cyan);font-weight:600}.inner-view>h1{font-family:var(--display);font-size:clamp(38px,5vw,64px);text-transform:uppercase;letter-spacing:2px;margin:14px 0}.intro{color:#bed0d8;margin-bottom:35px}.info-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.info-grid article,.empty-panel{border:1px solid var(--line);background:#041015ed;padding:30px}.info-grid h2,.empty-panel h2{font-family:var(--display);font-size:29px;letter-spacing:1px;text-transform:uppercase}.info-grid p,.empty-panel p{font-size:16px;line-height:1.65;color:#cad8df;max-width:600px}.info-grid .pending{color:#92aab5}.info-grid article.highlight{border-color:var(--cyan)}.text-button{background:none;padding:12px 0;color:var(--cyan);font-family:var(--display);font-size:16px;letter-spacing:1px;text-transform:uppercase}.text-button span{margin-left:20px}.empty-panel{display:flex;align-items:center;text-align:center;flex-direction:column;padding:50px 24px}.empty-panel h2{margin-bottom:0}.empty-panel p{margin-bottom:28px}.empty-icon{fill:none;stroke:var(--cyan);stroke-width:1.1;width:55px;height:55px;margin-bottom:25px}.badge{font-size:11px;color:var(--cyan);letter-spacing:2px}.leader-head{display:grid;grid-template-columns:1fr 4fr 1fr 1fr;background:#0a212beb;border:1px solid var(--line);padding:19px 30px;text-transform:uppercase;letter-spacing:2px;font-size:12px}.leader-head+.empty-panel{border-top:0}dialog{width:min(480px,calc(100% - 32px));border:1px solid #2e7585;background:#07151b;color:var(--white);padding:38px;box-shadow:0 0 90px #000a}dialog::backdrop{background:#000b;backdrop-filter:blur(7px)}dialog h2{font-family:var(--display);font-size:36px;text-transform:uppercase;margin:18px 0}dialog p:not(.eyebrow){font-size:16px;line-height:1.65;color:#bdcfd6}.close-dialog{position:absolute;right:12px;top:8px;font-size:30px;background:none;color:#99b4be}.close-bottom{margin-top:15px}#dialog-action:empty{display:none}[hidden]{display:none!important}
@media(min-width:1600px){.shell{max-width:1260px}.header-inner{max-width:1310px}.hero{min-height:550px;padding-top:37px}.hero-mark{height:153px;width:165px}.hero h1{font-size:126px}.feature-image{height:116px}}
@media(max-width:1100px){.header-inner{gap:20px}.header nav{gap:22px}.header-join{display:none}.stat{padding:0 16px;gap:10px}.map-panel{min-width:185px}.stat .label{font-size:9px;letter-spacing:1px}.status-value{font-size:16px!important}.feature-body{padding:0 13px 19px;gap:10px}.feature-icon{width:25px;height:25px}.feature h2{font-size:19px}.feature p{font-size:13px}}
@media(max-width:800px){.header{height:75px}.hero{min-height:485px}.status-panel{flex-wrap:wrap;gap:17px 0;padding:18px}.stat{width:25%;flex:auto;padding:0 12px}.stat .icon{display:none}.stat:first-child{padding-left:0}.map-panel{width:100%;flex:auto;min-height:62px}.map-panel .label{font-size:10px}.map-note{display:none}.feature-grid{grid-template-columns:1fr 1fr}.feature-image{height:120px}.feature-body{padding:0 20px 22px;gap:16px}.feature h2{font-size:23px}.feature p{font-size:14px}.feature-icon{width:29px;height:29px}.header nav{gap:20px}.header nav a,.header nav button{font-size:14px}.brand strong{font-size:23px}.brand-mark{width:40px}.brand small{font-size:8px;letter-spacing:1.5px}.footer-motto{font-size:12px}.footer-note{max-width:160px}.footer-brand{transform:scale(.7)}.info-grid{gap:14px}}
@media(max-width:600px){.shell{padding:0 18px}.header-inner{padding:0 20px}.header{position:relative;z-index:10}.menu-toggle{display:flex;flex-direction:column;gap:5px;background:none;padding:10px}.menu-toggle span{display:block;background:var(--cyan);height:2px;width:23px}.header nav{display:none;position:absolute;top:74px;left:0;right:0;background:#061116fa;border-bottom:1px solid var(--line);height:auto;padding:12px 24px;flex-direction:column;align-items:stretch;gap:0}.header nav.open{display:flex}.header nav a,.header nav button{padding:15px 0;text-align:left;font-size:17px}.header nav .active:after{bottom:8px;left:0;right:auto;width:28px}.hero{min-height:490px;padding:28px 0}.hero-overline{font-size:8px;letter-spacing:2px;gap:8px}.hero-mark{height:110px;width:122px;margin-bottom:20px}.welcome{font-size:12px;letter-spacing:6px}.hero h1{font-size:86px;letter-spacing:8px;margin-right:-8px}.tagline{font-size:10px;letter-spacing:3.5px;margin-bottom:25px}.hero-actions{flex-direction:column;gap:11px;width:100%;max-width:310px}.button{min-height:48px;font-size:16px}.stat{width:50%;padding:0 10px}.stat:nth-child(2){border:0}.stat:nth-child(3){padding-left:0}.stat:nth-child(4){padding-left:10px}.stat .label{font-size:10px;letter-spacing:1.3px}.stat .icon{display:block;width:18px;height:18px}.status-panel{padding:19px 16px;gap:20px 0}.stat:first-child{gap:12px}.features-label{font-size:8px;letter-spacing:1.4px}.feature-grid{gap:12px}.feature-image{height:90px}.feature-body{display:block;padding:0 13px 17px}.feature-icon{width:25px;height:25px;margin-bottom:13px}.feature h2{font-size:21px;letter-spacing:.6px}.feature p{font-size:13px}.learn{font-size:11px;letter-spacing:.4px;gap:8px}.learn b{font-size:15px}.card-number{font-size:9px}.footer-brand{display:none}footer{min-height:110px}.footer-note{font-size:9px;max-width:145px}.info-grid{grid-template-columns:1fr}.inner-view{padding-top:40px}.leader-head{padding:17px 15px;letter-spacing:1px;font-size:10px}.empty-panel h2{font-size:25px}dialog{padding:30px}.backdrop{background-position:48% center}.info-grid article{padding:24px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}