:root{--bg:#0b0d0d;--panel:#111414;--panel2:#171a19;--line:#292d2b;--muted:#8d9490;--text:#f1f2ef;--acid:#d6f43b;--orange:#e86335;--font-head:'Barlow Condensed',Impact,sans-serif;--font-body:'Inter',Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font-body);font-size:14px}.grain{position:fixed;inset:0;pointer-events:none;z-index:20;opacity:.025;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.site-header{height:76px;display:grid;grid-template-columns:260px 1fr 260px;align-items:center;border-bottom:1px solid var(--line);padding:0 4.5vw;position:absolute;top:0;width:100%;z-index:10}.brand{display:flex;align-items:center;gap:12px;color:var(--text);text-decoration:none}.brand-mark{width:37px;height:42px;display:grid;place-items:center;color:var(--acid);font-family:var(--font-head);font-size:25px;font-weight:800}.brand-mark svg{width:100%;height:100%}.brand span:last-child{display:flex;gap:7px;align-items:baseline}.brand b{font:800 21px/1 var(--font-head);letter-spacing:1.2px}.brand small{font:600 12px/1 var(--font-body);color:var(--acid)}.nav{justify-self:center;display:flex;height:76px}.nav a{position:relative;display:grid;place-items:center;padding:0 24px;color:#a5aaa7;text-decoration:none;text-transform:uppercase;font:600 13px var(--font-head);letter-spacing:1.2px}.nav a:hover,.nav a.active{color:#fff}.nav a.active:after{content:"";position:absolute;bottom:-1px;width:28px;height:2px;background:var(--acid)}button{font:inherit}.login-button{justify-self:end;border:1px solid #444945;color:#fff;background:#151817;padding:11px 17px;display:flex;gap:10px;align-items:center;text-transform:uppercase;font:600 12px var(--font-body);letter-spacing:.7px;cursor:pointer}.login-button:hover{border-color:var(--acid)}.login-button svg,.search svg{width:17px;fill:none;stroke:currentColor;stroke-width:1.8}.nav-toggle{display:none}.hero{min-height:760px;height:100vh;max-height:900px;position:relative;display:flex;align-items:center;overflow:hidden;padding:110px 8vw 100px;background:radial-gradient(circle at 72% 54%,#252c26 0,#121615 25%,transparent 53%),linear-gradient(110deg,#0b0d0d 0%,#101413 65%,#0b0d0d 100%)}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 0 65%,rgba(214,244,59,.025) 65%),linear-gradient(0deg,rgba(0,0,0,.25),transparent 45%)}.hero-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:80px 80px;mask-image:linear-gradient(90deg,transparent 42%,#000)}.hero-emblem{position:absolute;width:min(49vw,620px);right:7vw;top:50%;transform:translateY(-46%);color:#171c19;filter:drop-shadow(0 0 45px rgba(214,244,59,.05))}.hero-emblem:after{content:"";position:absolute;inset:14%;border-radius:50%;background:var(--acid);filter:blur(100px);opacity:.06}.hero-emblem svg{width:100%;position:relative;z-index:1}.hero-copy{max-width:650px;position:relative;z-index:2}.eyebrow{display:flex;align-items:center;gap:10px;color:var(--acid);font:600 12px var(--font-body);letter-spacing:2.4px;margin:0 0 18px}.eyebrow span{display:inline-block;width:28px;height:1px;background:var(--acid)}h1,h2{font-family:var(--font-head);font-weight:800;letter-spacing:-1px;margin:0;text-transform:uppercase;line-height:.86}h1{font-size:clamp(76px,9.2vw,142px)}h1 em,h2 em{font-style:normal;color:transparent;-webkit-text-stroke:1.5px var(--acid)}.hero-lead{max-width:540px;color:#a9afac;font-size:16px;line-height:1.7;margin:28px 0 32px}.hero-actions{display:flex;gap:12px}.button{height:48px;padding:0 25px;display:inline-flex;align-items:center;justify-content:center;gap:34px;text-decoration:none;text-transform:uppercase;font:700 12px var(--font-body);letter-spacing:.8px;cursor:pointer}.button.primary{background:var(--acid);color:#111;border:0}.button.primary:hover{background:#e2ff52}.button.ghost{border:1px solid #414542;color:#eee}.button.ghost:hover{border-color:#eee}.hero-stats{position:absolute;left:8vw;bottom:0;right:8vw;z-index:2;height:100px;border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(4,1fr)}.hero-stats article{display:flex;align-items:center;gap:18px;border-right:1px solid var(--line);padding:0 30px}.hero-stats article:first-child{padding-left:0}.hero-stats article:last-child{border:0}.hero-stats strong{display:block;font:700 31px var(--font-head)}.hero-stats strong sup{font-size:15px;color:var(--acid)}.hero-stats small{display:block;color:#747b77;font:600 10px var(--font-body);letter-spacing:1.5px;margin-top:2px}.stat-icon{width:31px;height:31px;border:1px solid #454b47;color:var(--acid);display:grid;place-items:center;font-size:18px}.live-dot{width:9px;height:9px;background:var(--acid);border-radius:50%;box-shadow:0 0 0 6px rgba(214,244,59,.1),0 0 20px var(--acid);margin:0 10px}.section{padding:100px 8vw}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:42px}.section-heading h2,.about h2,.recruitment h2{font-size:clamp(52px,6vw,83px)}.section-heading>p{max-width:450px;color:#909793;line-height:1.7;margin:0 0 5px}.toolbar{height:58px;border:1px solid var(--line);display:flex;justify-content:space-between;background:#0e1010}.search{width:290px;display:flex;align-items:center;gap:11px;padding:0 18px;border-right:1px solid var(--line);color:#7c837f}.search input{width:100%;background:none;border:0;outline:0;color:#fff;font:500 13px var(--font-body)}.filters{display:flex}.filter{border:0;border-left:1px solid var(--line);background:none;color:#7f8682;padding:0 20px;text-transform:uppercase;font:600 11px var(--font-body);letter-spacing:.7px;cursor:pointer}.filter span{margin-left:6px;color:#5f6562}.filter:hover,.filter.active{color:var(--acid);background:#151817}.table-shell{border:1px solid var(--line);border-top:0}.table-head,.player-row{display:grid;grid-template-columns:2.1fr 1.05fr .85fr .65fr .65fr .6fr 34px;align-items:center;column-gap:20px}.table-head{height:43px;color:#5f6662;padding:0 20px;font:600 9px var(--font-body);letter-spacing:1.4px}.player-row{min-height:72px;border-top:1px solid #202321;padding:10px 20px;color:#aeb4b1;transition:.2s}.player-row:hover{background:#151817}.player{display:flex;align-items:center;gap:13px;min-width:0}.avatar{width:40px;height:40px;display:grid;place-items:center;flex:none;background:linear-gradient(145deg,#323733,#151817);border:1px solid #3b413d;color:var(--acid);font:700 16px var(--font-head)}.player strong{color:#f0f2ef;font-size:13px}.player small{display:block;color:#5f6662;font-size:10px;margin-top:4px}.role{font-size:12px;color:#c2c6c4}.role:before{content:"";display:inline-block;width:5px;height:5px;border-radius:50%;background:#737a76;margin-right:9px}.role.command:before{background:var(--orange)}.role.recruit:before{background:#60a4de}.metric{font:600 12px var(--font-body)}.wn8{color:var(--acid)}.status{display:flex;align-items:center;gap:7px;font-size:11px}.status:before{content:"";width:6px;height:6px;border-radius:50%;background:#505652}.status.online{color:#cdd2cf}.status.online:before{background:var(--acid);box-shadow:0 0 8px rgba(214,244,59,.7)}.profile-link{display:grid;place-items:center;color:#666d69;text-decoration:none;font-size:19px}.profile-link:hover{color:var(--acid)}.empty-state{padding:45px;text-align:center;color:#777}.roster-footer{height:68px;border:1px solid var(--line);border-top:0;display:flex;align-items:center;justify-content:space-between;padding:0 20px;color:#666d69;font-size:11px}.roster-footer b{color:#abb1ad}.text-button{border:0;background:none;color:var(--acid);text-transform:uppercase;font:600 10px var(--font-body);letter-spacing:1px;cursor:pointer}.text-button span{margin-left:9px}.about{display:grid;grid-template-columns:1.3fr .7fr;gap:2px;background:#0e1010}.about-card,.quote-card{background:var(--panel);padding:70px}.about-card>p:not(.eyebrow){color:#959c98;line-height:1.8;max-width:640px;font-size:15px}.about-card ul{list-style:none;padding:20px 0 0;margin:25px 0 0;border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.about-card li{font:600 12px var(--font-body);text-transform:uppercase}.about-card li span{display:block;color:var(--acid);font:600 10px var(--font-body);margin-bottom:10px}.quote-card{position:relative;overflow:hidden;background:var(--acid);color:#121512;display:flex;flex-direction:column;justify-content:center}.quote-mark{font:800 150px/0.5 Georgia;opacity:.14;position:absolute;top:90px}.quote-card blockquote{font:700 34px/1.12 var(--font-head);text-transform:uppercase;margin:40px 0 30px;position:relative}.quote-card p{font-size:11px;font-weight:700}.recruitment{display:grid;grid-template-columns:1fr 1fr;align-items:center;min-height:430px;position:relative;overflow:hidden;background:radial-gradient(circle at 80% 20%,rgba(214,244,59,.1),transparent 30%),#0b0d0d}.recruitment:after{content:"IW";position:absolute;right:-30px;bottom:-90px;font:800 330px/1 var(--font-head);color:#101312;z-index:0}.recruitment>div{position:relative;z-index:1}.recruit-copy{padding-left:12%;border-left:1px solid var(--line)}.recruit-copy p{color:#969d99;line-height:1.8;max-width:500px;margin:0 0 28px;font-size:15px}footer{min-height:115px;padding:25px 8vw;display:grid;grid-template-columns:1fr 1.5fr 1fr;align-items:center;border-top:1px solid var(--line);color:#626965;font-size:10px}footer>p{text-align:center;line-height:1.5}footer>div{justify-self:end;display:flex;gap:25px}footer a{color:#888f8b;text-decoration:none;text-transform:uppercase;font-weight:600}.modal{width:min(470px,calc(100% - 30px));background:#121514;color:#fff;border:1px solid #3a403c;padding:46px;box-shadow:0 25px 100px #000}.modal::backdrop{background:rgba(3,4,4,.86);backdrop-filter:blur(6px)}.modal-close{position:absolute;right:17px;top:12px;border:0;background:none;color:#777;font-size:28px;cursor:pointer}.modal-close:hover{color:#fff}.modal-mark{width:55px;height:55px;border:1px solid var(--acid);color:var(--acid);display:grid;place-items:center;font:800 25px var(--font-head);margin-bottom:25px}.modal .eyebrow{margin-bottom:14px}.modal h2{font-size:48px}.modal>p:not(.eyebrow){color:#929995;line-height:1.6}.wot-login,.discord-login{width:100%;height:62px;display:flex;align-items:center;border:0;padding:0 18px;cursor:pointer}.wot-login{background:var(--acid);color:#101210;text-align:left;gap:14px}.wot-login>span{font:800 30px var(--font-head)}.wot-login div{flex:1}.wot-login small,.wot-login b{display:block}.wot-login small{font-size:8px;letter-spacing:1px}.wot-login b{font:700 16px var(--font-head);letter-spacing:.5px}.or{display:flex;gap:10px;align-items:center;color:#666;font-size:10px;margin:17px 0}.or span{height:1px;background:#303431;flex:1}.discord-login{justify-content:center;gap:10px;color:#fff;background:#5865f2;font-weight:700}.login-note{display:block;text-align:center;color:#646a67;line-height:1.5;margin-top:20px}.modal[open]{animation:pop .25s ease-out}@keyframes pop{from{opacity:0;transform:translateY(15px) scale(.98)}}
@media(max-width:900px){.site-header{grid-template-columns:1fr auto auto;padding:0 20px}.nav-toggle{display:block;background:none;color:#fff;border:0;font:600 12px var(--font-body);margin-right:15px}.nav{display:none;position:absolute;top:76px;left:0;right:0;height:auto;background:#101312;border-bottom:1px solid var(--line);padding:12px}.nav.open{display:flex;flex-direction:column}.nav a{height:45px}.login-button{width:42px;height:42px;padding:0;justify-content:center;font-size:0}.hero{padding-left:6vw;padding-right:6vw}.hero-emblem{opacity:.45;right:-12vw;width:75vw}.hero-stats{left:6vw;right:6vw}.hero-stats article{padding:0 12px}.stat-icon{display:none}.section{padding:75px 5vw}.section-heading{align-items:start}.table-head span:nth-child(4),.table-head span:nth-child(5),.player-row>.metric:nth-child(4),.player-row>.metric:nth-child(5){display:none}.table-head,.player-row{grid-template-columns:2fr 1fr .8fr .7fr 28px}.about{grid-template-columns:1fr}.about-card,.quote-card{padding:55px}.recruitment{grid-template-columns:1fr 1fr}footer{grid-template-columns:1fr auto}footer>p{display:none}}
@media(max-width:620px){.site-header{height:65px}.brand b{font-size:18px}.nav{top:65px}.hero{min-height:720px;height:auto;padding-top:130px;align-items:start}.hero-copy{width:100%}h1{font-size:68px}.hero-lead{font-size:14px}.hero-actions{flex-direction:column;align-items:stretch}.button{width:100%}.hero-stats{position:absolute;left:5vw;right:5vw;height:145px;grid-template-columns:1fr 1fr}.hero-stats article{border-bottom:1px solid var(--line);padding:0 10px!important}.hero-stats article:nth-child(2){border-right:0}.hero-stats strong{font-size:25px}.section{padding:65px 18px}.section-heading{display:block}.section-heading>p{margin-top:20px}.section-heading h2,.about h2,.recruitment h2{font-size:50px}.toolbar{height:auto;display:block}.search{width:100%;height:54px;border-right:0;border-bottom:1px solid var(--line)}.filters{overflow-x:auto}.filter{min-width:max-content;height:48px;padding:0 15px}.table-head{display:none}.player-row{grid-template-columns:1.6fr 1fr 28px;gap:8px}.player-row>.metric,.player-row>.status{display:none}.player-row>.role{font-size:10px}.roster-footer{padding:0 12px}.about{padding:1px}.about-card,.quote-card{padding:45px 24px}.about-card ul{grid-template-columns:1fr;gap:20px}.quote-card blockquote{font-size:28px}.recruitment{grid-template-columns:1fr;gap:35px}.recruit-copy{padding:30px 0 0;border-left:0;border-top:1px solid var(--line)}footer{padding:25px 18px;display:block;text-align:center}footer .brand{justify-content:center}footer>div{justify-content:center;margin-top:20px}.modal{padding:38px 25px}.modal h2{font-size:42px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}}