/* Banner reference: graphite, yellow, bold condensed titles. */
:root{--bg:#222;--surface:#2b2b2b;--ink:#f5f5f5;--muted:#aaa;--line:#454545;--accent:#ffcf00;--green:#d5be52}
body{background:linear-gradient(90deg,#202020 0 20%,#292929 20% 100%);color:#f3f3f3}.wrap{width:min(1200px,calc(100% - 72px))}.nav{position:relative;z-index:2;margin-top:36px;padding:0 35px;background:#292929;border:1px solid #474747;border-bottom:0;border-radius:18px 18px 0 0;height:90px}.brand{font-family:'Anton',sans-serif;font-size:26px;letter-spacing:0}.brand>span{color:#ffcf00}.brand small{font-family:var(--body);font-size:7px;color:#aaa}.nav nav{font-size:13px;font-weight:600}.nav-cta{background:#ffcf00;border:0;color:#171717;border-radius:24px;padding:8px 24px}.nav-cta span{color:#171717}.nav nav>a.nav-cta:hover{color:#171717;background:#ffe15a}.hero{display:block;position:relative;padding:90px 65px 0;min-height:600px;background:#272727 url('images/img.png') center center/cover no-repeat;border:1px solid #474747;border-top:0;border-radius:0 0 18px 18px;overflow:hidden}.hero:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(10,12,16,.85),rgba(10,12,16,.68) 45%,rgba(10,12,16,.48) 100%)}.hero-copy{padding:0 0 90px;max-width:690px}.eyebrow{font-size:13px;font-weight:700;letter-spacing:.1em;color:#f6f6f6;margin-bottom:21px}.hero h1{font:400 clamp(42px,5vw,67px)/1.24 'Anton',sans-serif;letter-spacing:.035em;margin:0 0 15px;color:#fff}.hero h1 em{color:#ffcf00}.game-version{font-size:.72em;color:#fff;white-space:nowrap}.hero .lead{font-size:14px;font-weight:700;letter-spacing:.04em;color:#fff;margin-bottom:25px}.hero-art{display:none!important}.hero-actions{align-items:center;gap:22px}.hero .btn.primary{border:0;border-radius:30px;background:#fff;color:#b08f00;min-height:49px;padding:0 4px 0 23px;gap:25px;letter-spacing:.07em;font-weight:700}.hero .btn.primary>span{display:grid;place-items:center;width:41px;height:41px;background:#ffcf00;border-radius:50%;color:#282828;font-size:16px}.hero .btn.primary:hover{background:#ffcf00;color:#282828}.hero .btn.ghost{border:0;background:none;color:#eee;font-size:12px;padding:0}.stats{position:relative;padding:23px 0;border-top:1px solid #5558;border-bottom:0;gap:25px;font-size:11px;color:#ddd}.stats strong{color:#ffcf00}.stats>div+div{border-color:#555}.stats>a span{color:#ffcf00}.online-summary i,.status i,.live-state i,.live-chat header i,.live-tabs i{background:#ffcf00}.servers{margin-top:38px;padding:40px 0;background:#303030;border-top:1px solid #444;border-bottom:1px solid #444;color:#eee}.servers h2,.servers .server-main strong{color:#f6f6f6}.servers .kicker{color:#ffcf00}.servers .server-head>p,.servers .server-main code,.servers .server-live small{color:#aaa}.servers .server-main small,.servers .connect,.servers h2>span{color:#ffcf00}.servers .server-list,.servers .server{border-color:#4b4b4b}.servers .server:hover{background:#373737}.servers .status{color:#d8c461}.live-section{background:#252525}.live-shell{background:#292929;border-color:#494949;border-radius:9px}.live-tabs{background:#232323}.live-tabs button.active{border-color:#ffcf00;color:#fff}.live-command{background:#333}.live-identity p,.live-state{color:#d6c86b}.live-source{color:#aaa}.live-roster{background:#2d2d2d}.live-chat{background:#262626}.live-admins{background:#303030}.live-empty{color:#aaa}.player-row,.chat-message,.admin-chip{border-color:#414141}.player-table-head,.chat-message time{color:#aaa}.chat-message strong{color:#ddd}.player-row.admin strong,.chat-message.admin strong{color:#ffcf00}.admin-chip i{color:#ffcf00;background:#3b3826;border-color:#72672e}.live-telemetry em{color:#888}.live-telemetry strong{color:#fff}.live-state.offline{color:#aaa}.btn.primary{background:#ffcf00;border-color:#ffcf00;color:#222}.btn.primary:hover{background:#ffe25c}.btn.ghost:hover{background:#3b3b3b}.discord-section{background:#222}.discord-panel{border-color:#444}.discord-button{color:#ffcf00}.discord-fallback{background:#383838;color:#ffcf00}.community .kicker{color:#ffcf00}.footer{border-color:#444}.footer-logo>span{color:#ffcf00}
@media(max-width:1000px){.hero{padding:75px 40px 0;min-height:570px}.hero h1{font-size:52px}.hero-copy{max-width:570px;padding-bottom:75px}.hero:before{background:linear-gradient(90deg,rgba(10,12,16,.85),rgba(10,12,16,.64) 65%,rgba(10,12,16,.48))}}
@media(max-width:700px){.wrap{width:calc(100% - 28px)}.nav{margin-top:14px;height:78px;padding:0 20px;border-radius:12px 12px 0 0}.nav nav{top:76px;left:0;right:0;background:#303030;border-radius:5px}.nav-cta{border-radius:3px;text-align:center}.hero{padding:65px 23px 0;min-height:590px;border-radius:0 0 12px 12px;background-position:63% center}.hero:before{background:linear-gradient(90deg,rgba(10,12,16,.88),rgba(10,12,16,.7))}.hero h1{font-size:clamp(32px,8.8vw,44px);line-height:1.3;letter-spacing:.025em}.eyebrow{font-size:10px}.hero .lead{font-size:10px;letter-spacing:.025em}.hero-copy{padding-bottom:100px}.hero-actions{gap:15px}.hero .btn.primary{font-size:11px;gap:14px;padding-left:17px}.hero .btn.ghost{font-size:10px}.stats{font-size:9px;gap:12px;align-items:center}.stats>div+div{padding-left:12px}.stats>a{margin:0}.servers{margin-top:24px}.brand{font-size:24px}.brand small{font-size:6px}}
.brand-lockup{display:flex;align-items:center;gap:12px}.brand-grenade{display:block;width:48px;height:48px;object-fit:contain;border-radius:50%;flex-shrink:0}.footer-brand{display:flex;align-items:center;gap:10px}.footer-brand .brand-grenade{width:34px;height:34px}@media(max-width:700px){.brand-lockup{gap:8px}.brand-grenade{width:36px;height:36px}.nav{padding-inline:15px}}