:root{--bg:#11120f;--panel:#171815;--panel2:#1d1e1a;--line:#2a2b26;--muted:#8e9085;--text:#e9e9df;--orange:#dbff39;--orange-dark:#a9c92a;--red:#f04438;--font-display:'Barlow Condensed',Impact,sans-serif;--font-body:'DM Sans',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}button,a{font:inherit}button{color:inherit;cursor:pointer}.noise{position:fixed;inset:0;pointer-events:none;z-index:8;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.45'/%3E%3C/svg%3E")}.topbar{height:78px;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 4.2%;gap:55px;background:#11120f;position:sticky;top:0;z-index:10}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--text);min-width:190px}.brand-mark{width:36px;height:36px;background:var(--orange);color:#111;font:900 19px var(--font-display);display:grid;place-items:center;transform:skew(-8deg);letter-spacing:-2px}.brand-mark span{color:#66791a}.brand-name{font:800 19px var(--font-display);letter-spacing:1px;line-height:17px}.brand-name>span{color:var(--orange)}.brand-name small{display:block;font:600 8px var(--font-body);color:#74766c;letter-spacing:1.5px;margin-top:4px}.main-nav{display:flex;gap:32px;height:100%;align-items:center}.nav-link{color:#929389;text-decoration:none;font-size:12px;font-weight:600;position:relative;height:100%;display:flex;align-items:center}.nav-link:hover,.nav-link.active{color:var(--text)}.nav-link.active:after{content:'';position:absolute;bottom:-1px;left:0;right:0;height:2px;background:var(--orange)}.top-actions{display:flex;align-items:center;gap:11px;margin-left:auto}.online-chip{font-size:10px;color:#929389;margin-right:13px}.online-chip i,.art-bottom i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#a9d747;margin-right:6px;box-shadow:0 0 9px #a9d747}.online-chip b{color:#e6e6db}.btn{border:0;display:inline-flex;align-items:center;justify-content:center;gap:16px;font-size:11px;font-weight:700;padding:11px 15px;transition:.2s}.btn-primary{background:var(--orange);color:#15160f}.btn-primary:hover{background:#e8ff7c;transform:translateY(-1px)}.btn-primary span{font-size:16px}.btn-ghost{background:transparent;border:1px solid var(--line);color:#c7c8bd}.btn-ghost:hover,.btn-outline:hover{border-color:var(--orange);color:var(--orange)}.user-pill{background:var(--panel2);border:1px solid var(--line);padding:10px 14px}.hidden{display:none!important}.menu-btn{display:none;background:none;border:0;font-size:22px}.layout{display:flex;max-width:1600px;margin:auto}.sidebar{width:242px;flex:0 0 242px;padding:31px 17px 20px 28px;border-right:1px solid var(--line);min-height:calc(100vh - 78px);position:sticky;top:78px;height:calc(100vh - 78px);display:flex;flex-direction:column}.side-label{font-size:9px;font-weight:700;color:#696b61;letter-spacing:1.4px;margin:0 0 14px 9px}.side-label-spaced{margin-top:37px}.side-link,.game-link{height:39px;display:flex;align-items:center;text-decoration:none;color:#9a9b90;font-size:11px;padding:0 10px;gap:12px;margin-bottom:3px}.side-link>span{font-size:17px;width:15px;color:#83857a}.side-link.active{background:#22231c;color:var(--orange);border-left:2px solid var(--orange)}.side-link.active>span{color:var(--orange)}.side-count{margin-left:auto;font-size:9px;color:#77796e}.game-link{height:34px;padding-left:11px;font-size:10px;gap:9px}.game-link>span{margin-left:auto;color:#6f7067;font-size:9px}.game-link:hover{color:var(--text)}.game-dot{display:inline-block;width:6px;height:6px;border-radius:50%;flex:0 0 6px}.red{background:#e44d46}.amber{background:#e5ae45}.violet{background:#9c7aee}.sidebar-bottom{margin-top:auto}.squad-card{padding:14px;background:linear-gradient(135deg,#25281d,#191a15);border:1px solid #34372a;position:relative;overflow:hidden}.squad-icon{color:var(--orange);font-size:16px;margin-bottom:8px}.squad-card strong{font:700 17px var(--font-display);text-transform:uppercase}.squad-card p{font-size:9px;color:#929389;line-height:1.6;margin:5px 0 12px}.squad-card button{width:100%;border:1px solid #444638;background:none;color:var(--orange);text-align:left;padding:9px;font-size:9px}.squad-card button span{float:right}.sidebar-foot{font-size:7px;color:#55574f;letter-spacing:1px;padding:18px 0 0 2px}main{min-width:0;flex:1}.hero{height:475px;display:grid;grid-template-columns:1.05fr .95fr;position:relative;overflow:hidden;border-bottom:1px solid var(--line)}.hero-copy{padding:62px 20px 40px clamp(34px,6vw,92px);z-index:1}.eyebrow{display:flex;align-items:center;gap:9px;color:#9a9c90;font-size:8px;font-weight:700;letter-spacing:1.45px}.eyebrow-line{width:19px;height:2px;background:var(--orange)}h1,h2,h3,p{margin-top:0}h1{font:900 clamp(62px,7vw,99px)/.83 var(--font-display);letter-spacing:-1px;margin:22px 0 18px;color:#f0f0e8}h1:after{content:'';position:absolute}.period{color:var(--orange)}.hero-description{max-width:365px;color:#a1a297;font-size:12px;line-height:1.8;margin-bottom:22px}.hero-buttons{display:flex;gap:9px}.btn-large{min-height:42px;padding:0 17px}.btn-outline{background:transparent;border:1px solid #393a34;color:#c7c8bd}.play-icon{color:var(--orange);font-size:10px}.hero-proof{display:flex;align-items:center;gap:12px;margin-top:27px;color:#77796f;font-size:9px}.hero-proof b{color:#dfdfd5}.avatar-stack{display:flex;padding-left:5px}.avatar-stack i,.online-players i{width:23px;height:23px;border-radius:50%;border:2px solid var(--bg);background:#555e49;margin-left:-5px;display:grid;place-items:center;font-style:normal;font-size:8px;color:#e4e8d9}.avatar-stack i:nth-child(2){background:#805949}.avatar-stack i:nth-child(3){background:#505f6e}.avatar-stack i:last-child{background:#292a24;color:var(--orange)}.hero-art{position:relative;overflow:hidden;background:linear-gradient(110deg,#11120f 0%,#25261e 38%,#343329 100%)}.art-grid{position:absolute;inset:0;background-image:linear-gradient(#ffffff08 1px,transparent 1px),linear-gradient(90deg,#ffffff08 1px,transparent 1px);background-size:39px 39px;mask-image:linear-gradient(90deg,transparent,#000 30%)}.art-glow{position:absolute;width:310px;height:310px;border-radius:50%;background:#b7ce3830;filter:blur(88px);top:70px;left:30%}.art-ring{position:absolute;border:1px solid #d5ec5338;border-radius:50%;left:48%;top:44%;transform:translate(-50%,-50%)}.ring-one{width:270px;height:270px}.ring-two{width:390px;height:390px;border-color:#d5ec5319}.art-crosshair{position:absolute;top:20%;left:48%;font-size:20px;color:#c2d950}.art-figure{position:absolute;height:100%;width:210px;left:43%;bottom:-2px;filter:drop-shadow(0 8px 12px #080908aa)}.figure-head{position:absolute;width:70px;height:89px;left:72px;top:65px;border-radius:43% 50% 39% 42%;background:linear-gradient(130deg,#77705b,#36372e 70%);transform:rotate(7deg)}.figure-head:before{content:'';position:absolute;width:76px;height:27px;left:-5px;top:19px;background:#242720;transform:skew(-12deg);border-bottom:3px solid #bdcd3c}.figure-head:after{content:'';position:absolute;width:43px;height:8px;left:21px;top:34px;background:#b9d248;box-shadow:0 0 10px #c5db50}.figure-body{position:absolute;width:149px;height:250px;top:143px;left:29px;background:linear-gradient(105deg,#47483a,#23251f 54%,#151713);clip-path:polygon(31% 0,70% 0,100% 18%,89% 100%,4% 100%,0 24%);border-top:2px solid #717052}.figure-body:after{content:'';position:absolute;inset:15px 30px;background:repeating-linear-gradient(0deg,transparent 0 22px,#ffffff08 23px 24px)}.figure-gun{position:absolute;width:180px;height:15px;background:linear-gradient(#56564a,#20211d);top:209px;left:76px;transform:rotate(-12deg);box-shadow:35px 16px 0 -4px #292a23}.art-stamp{position:absolute;right:22px;top:64px;font:900 37px/.84 var(--font-display);letter-spacing:1px;color:#e0e0c9;text-align:right;transform:rotate(-5deg);text-shadow:2px 3px #181a12}.art-stamp span{display:block;font:700 7px var(--font-body);letter-spacing:2px;color:var(--orange);margin-top:10px}.hero-coordinates{position:absolute;top:26px;left:24px;color:#828476;font:8px/1.6 monospace;letter-spacing:1px}.art-bottom{position:absolute;bottom:21px;left:20px;right:24px;display:flex;justify-content:space-between;color:#939488;font-size:8px;letter-spacing:1px}.art-number{position:absolute;bottom:46px;right:23px;font:700 25px var(--font-display);color:var(--orange)}.art-number span{font:10px var(--font-body);color:#85867a}.hero-edge{position:absolute;right:0;top:0;writing-mode:vertical-rl;color:#67685e;font-size:7px;letter-spacing:3px;padding:17px 7px;border-left:1px solid #ffffff13}.stats-strip{height:84px;display:flex;align-items:center;gap:0;border-bottom:1px solid var(--line);padding:0 clamp(28px,5vw,76px)}.stats-strip>div:not(.stats-quote):not(.stats-tag){min-width:140px;border-right:1px solid var(--line);padding:0 25px 0 0;margin-right:25px}.stats-strip strong{display:block;font:700 23px var(--font-display);line-height:1}.stats-strip strong span{color:var(--orange)}.stats-strip small{font-size:7px;color:#77796f;letter-spacing:1.1px}.stats-quote{font-size:9px;color:#85867b;line-height:1.5;margin-left:auto}.stats-quote b{color:#d1d2c6}.stats-tag{font-size:7px;color:#838579;letter-spacing:1px;margin-left:36px}.content-section{padding:40px clamp(28px,5vw,76px)}.section-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:19px}.section-heading h2{font:800 30px/.95 var(--font-display);letter-spacing:.3px;margin:8px 0 0}.text-button{border:0;background:none;color:#a7a89d;font-size:9px;padding:8px 0}.text-button span{color:var(--orange);font-size:15px;margin-left:7px}.server-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.server-card{background:var(--panel);border:1px solid var(--line);min-width:0;transition:.2s}.server-card:hover{border-color:#626740;transform:translateY(-2px)}.server-cover{height:117px;position:relative;overflow:hidden;background-color:#292a23}.server-cover:before{content:'';position:absolute;inset:0;opacity:.75;background:linear-gradient(110deg,#171816cc,#12130fcc),repeating-linear-gradient(135deg,transparent 0 18px,#ffffff0d 19px 20px)}.server-cover:after{content:'';position:absolute;width:170px;height:170px;border:1px solid #d9fa4e42;border-radius:50%;right:14px;top:-68px;box-shadow:0 0 0 20px #d9fa4e08,0 0 0 40px #d9fa4e06}.cover-l4d{background:linear-gradient(135deg,#4a2a20,#22231d 70%)}.cover-cs{background:linear-gradient(135deg,#3b3422,#22231d 70%)}.cover-val{background:linear-gradient(135deg,#393048,#22231d 70%)}.cover-tag{position:absolute;top:12px;left:13px;color:#c9e878;font-size:7px;letter-spacing:1px;z-index:1}.cover-game{position:absolute;left:14px;bottom:13px;font:700 21px var(--font-display);z-index:1;letter-spacing:.5px}.cover-number{position:absolute;right:12px;bottom:0;color:#ffffff1a;font:900 68px/.9 var(--font-display);z-index:1}.server-info{display:flex;justify-content:space-between;padding:13px 13px 9px}.server-info h3{font:700 17px var(--font-display);margin:0 0 5px}.server-info p{font-size:8px;color:#9a9b90;margin:0}.server-info p .game-dot{margin-right:4px}.server-info p span{color:#696b60}.server-players{text-align:right}.server-players b{font:700 17px var(--font-display);color:var(--orange)}.server-players b span{font-size:10px;color:#77786f}.server-players small{display:block;color:#686a60;font-size:6px;letter-spacing:1px}.player-meter{height:2px;background:#33342d;margin:0 13px}.player-meter i{height:100%;display:block;background:var(--orange)}.server-footer{display:flex;align-items:center;justify-content:space-between;padding:11px 13px;color:#7b7d72;font-size:8px}.good-ping{color:#a9d747}.server-footer button{border:0;background:none;color:#d5d6ca;font-size:8px}.server-footer button span{color:var(--orange);margin-left:5px}.lower-grid{display:grid;grid-template-columns:1.65fr 1fr;border-top:1px solid var(--line)}.forum-preview{padding-top:34px}.forum-preview .section-heading h2{font-size:26px}.forum-list{border-top:1px solid var(--line)}.forum-row{min-height:61px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:12px}.forum-category{font-size:7px;color:#dc776e;background:#382622;padding:5px 6px;letter-spacing:.5px}.category-blue{color:#73a8d2;background:#1c2d37}.category-gold{color:#d2be74;background:#332f20}.forum-row>div{min-width:0}.forum-row b{display:block;font-size:10px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.forum-row small{display:block;color:#77796e;font-size:8px;margin-top:5px}.forum-time{color:#77796e;font-size:8px;margin-left:auto;white-space:nowrap}.community-widget{align-self:center;margin:30px clamp(20px,4vw,56px) 30px 10px;padding:24px 23px;background:#1e2019;border:1px solid #373a2c;position:relative;overflow:hidden;min-height:202px}.widget-top{display:flex;justify-content:space-between;align-items:start}.widget-top .eyebrow{font-size:7px;color:var(--orange)}.widget-top h3{font:800 25px var(--font-display);margin:5px 0}.widget-arrow{color:var(--orange)}.community-widget>p{font-size:9px;color:#929389;max-width:240px;line-height:1.6;margin:4px 0 13px}.online-players{display:flex;align-items:center;margin-bottom:15px}.online-players i{width:21px;height:21px}.online-players i:nth-child(1){background:#8d6652}.online-players i:nth-child(2){background:#4d6970}.online-players i:nth-child(3){background:#777348}.online-players i:nth-child(4){background:#644b71}.online-players span{font-size:8px;color:#a3a499;margin-left:7px}.widget-btn{font-size:9px;padding:10px 12px;position:relative;z-index:1}.widget-decoration{position:absolute;right:-11px;bottom:-38px;font:900 118px var(--font-display);color:#ffffff05;letter-spacing:-12px}.page-footer{height:70px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 clamp(28px,5vw,76px)}.page-footer .brand{transform:scale(.78);transform-origin:left center}.page-footer>span{font-size:7px;color:#696b61;letter-spacing:1px}dialog{border:1px solid #3b3d31;background:#191a16;color:var(--text);padding:33px;width:min(410px,calc(100% - 28px));box-shadow:0 24px 100px #000b}dialog::backdrop{background:#050604c9;backdrop-filter:blur(4px)}.modal-close{position:absolute;right:14px;top:8px}.modal-close button,.close-chat{border:0;background:none;color:#9b9c91;font-size:25px}.modal-kicker{font-size:8px;letter-spacing:1.5px;color:var(--orange)}dialog h2{font:800 37px var(--font-display);margin:8px 0 3px;text-transform:uppercase}.modal-subtitle{color:#94958a;font-size:10px;margin-bottom:22px}dialog label{display:block;font-size:9px;color:#adaea3;margin-bottom:13px}dialog input{display:block;width:100%;height:40px;margin-top:7px;padding:0 12px;border:1px solid #393a34;background:#11120f;color:var(--text);outline:none;font:11px var(--font-body)}dialog input:focus{border-color:var(--orange)}.modal-submit{width:100%;margin-top:5px}.modal-switch{text-align:center;color:#88897e;font-size:9px;margin:18px 0 0}.modal-switch button{background:none;border:0;color:var(--orange);font-weight:700}.form-message{font-size:10px;color:#ed827a;margin-top:10px}.chat-dialog{position:fixed;margin:0 25px 25px auto;inset:auto 0 0 auto;width:min(350px,calc(100% - 24px));padding:0;height:440px}.chat-head{height:62px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 15px}.chat-head>div{position:relative;padding-left:15px}.chat-live{position:absolute;left:0;top:4px;width:6px;height:6px;background:#9bc743;border-radius:50%}.chat-head b{font-size:11px;display:block}.chat-head small{font-size:7px;letter-spacing:1px;color:#8a8b80}.chat-messages{height:322px;overflow:auto;padding:14px}.chat-empty{color:#818277;font-size:10px;text-align:center;margin-top:120px}.chat-line{margin-bottom:13px;font-size:10px;line-height:1.55;overflow-wrap:anywhere}.chat-line b{color:var(--orange);margin-right:5px}.chat-line small{color:#65665e;font-size:8px}.chat-dialog #chatForm{height:55px;border-top:1px solid var(--line);display:flex;padding:8px;gap:6px}.chat-dialog #chatForm input{height:37px;margin:0;flex:1}.chat-dialog #chatForm button{width:39px;border:0;background:var(--orange);color:#12130d;font-weight:700}.toast{position:fixed;bottom:22px;right:22px;background:#25271f;border:1px solid #474a39;padding:12px 16px;color:#e6e6da;font-size:11px;z-index:20;opacity:0;transform:translateY(8px);transition:.2s;pointer-events:none}.toast.show{opacity:1;transform:translateY(0)}.view-page{min-height:calc(100vh - 200px);padding:58px clamp(28px,5vw,76px)}.view-page h1{font-size:64px;margin-top:13px}.view-page>p{color:#96978d;font-size:12px}.view-list{display:grid;gap:12px;margin-top:28px}.view-card{padding:20px;background:var(--panel);border:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:15px}.view-card h3{font:700 20px var(--font-display);margin:0 0 5px}.view-card p{color:#909187;font-size:10px;margin:0}.view-card button{background:var(--orange);color:#15160f;border:0;padding:10px 12px;font-size:9px;font-weight:700;white-space:nowrap}.badge{display:inline-block;color:var(--orange);border:1px solid #626b35;padding:4px 7px;font-size:8px;margin:4px}.empty-state{border:1px dashed #3a3b34;padding:35px;text-align:center;color:#96978c;font-size:11px}.member-actions{display:flex;gap:8px;align-items:center}.member-actions button{min-width:90px}
@media(max-width:1100px){.topbar{gap:25px;padding:0 25px}.sidebar{width:210px;flex-basis:210px;padding-left:17px}.online-chip{display:none}.hero-copy{padding-left:38px}.hero-art{min-width:280px}.stats-strip{padding:0 25px}.stats-strip>div:not(.stats-quote):not(.stats-tag){min-width:120px;margin-right:15px;padding-right:15px}.stats-tag{display:none}.content-section{padding-left:30px;padding-right:30px}.server-grid{gap:9px}.server-info{padding-left:9px;padding-right:9px}.server-info h3{font-size:15px}.server-footer{padding-left:9px;padding-right:9px}}@media(max-width:800px){.topbar{height:65px;padding:0 18px}.brand{min-width:0}.main-nav{display:none;position:absolute;top:64px;left:0;right:0;height:auto;background:#171815;border-bottom:1px solid var(--line);padding:15px 20px;gap:18px;flex-direction:column;align-items:flex-start}.main-nav.open{display:flex}.nav-link{height:30px}.nav-link.active:after{bottom:0}.top-actions .btn-ghost{display:none}.top-actions .btn{padding:9px 11px;font-size:9px}.menu-btn{display:block}.layout{display:block}.sidebar{display:none}.hero{height:auto;min-height:430px;grid-template-columns:1fr .75fr}.hero-copy{padding:54px 8px 35px 27px}.hero-art{min-width:190px}.art-stamp{font-size:28px;right:14px}.art-figure{left:14%;transform:scale(.82);transform-origin:bottom center}.hero-edge{display:none}.stats-strip{height:auto;min-height:80px;padding:14px 18px;flex-wrap:wrap;row-gap:12px}.stats-strip>div:not(.stats-quote):not(.stats-tag){min-width:22%;margin-right:3%;padding-right:8px}.stats-strip strong{font-size:19px}.stats-strip small{font-size:6px}.stats-quote{font-size:8px}.content-section{padding:30px 20px}.server-grid{grid-template-columns:1fr 1fr}.server-card:last-child{display:none}.lower-grid{grid-template-columns:1fr}.community-widget{margin:0 20px 24px}.forum-preview{padding-bottom:25px}.page-footer{padding:0 20px}.page-footer>span:nth-child(2){display:none}}@media(max-width:520px){.brand-name{font-size:17px}.top-actions{gap:6px}.top-actions .btn-primary{font-size:0;gap:0;width:36px;height:36px;padding:0}.top-actions .btn-primary span{font-size:16px}.hero{display:block;min-height:510px}.hero-copy{padding:48px 24px 28px;position:relative;z-index:2}.hero h1{font-size:75px}.hero-description{max-width:300px}.hero-art{position:absolute;inset:0 0 0 30%;opacity:.52}.hero-copy:before{content:'';position:absolute;inset:0 -50px;background:linear-gradient(90deg,var(--bg) 5%,#11120fee 38%,transparent);z-index:-1}.art-figure{left:30%;opacity:.7}.art-stamp{top:auto;bottom:80px}.art-bottom{bottom:15px}.stats-strip{justify-content:space-between}.stats-strip>div:not(.stats-quote):not(.stats-tag){min-width:42%;margin:0;padding:4px 0;border:0}.stats-quote{width:100%;margin:3px 0}.section-heading h2{font-size:26px}.server-grid{grid-template-columns:1fr}.server-card:last-child{display:block}.server-cover{height:110px}.forum-row{gap:8px}.forum-row b{font-size:9px}.forum-time{font-size:7px}.page-footer{height:62px}.page-footer>span:last-child{font-size:6px}.view-page{padding:40px 20px}.view-page h1{font-size:52px}.view-card{align-items:flex-start}.chat-dialog{margin:0 auto 10px;right:0;left:0}}