@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@700;800;900&family=Inter:wght@400;500;600;700;800&display=swap');
:root{color-scheme:dark;--bg:#0c0f11;--panel:#171c1e;--line:#343d40;--red:#e24749;--cream:#eee9df;--muted:#aab4b6;--display:'Barlow Condensed',Impact,'Arial Narrow',sans-serif;--text:Inter,system-ui,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 80% 0%,#35191c 0,transparent 31%),var(--bg);color:var(--cream);font:14px var(--text)}button,a{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.site-header{min-height:78px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:12px clamp(20px,4vw,72px);border-bottom:1px solid #343a3c;background:#0c0f11}.logo{font:900 33px var(--display);letter-spacing:1px;white-space:nowrap}.logo span{color:var(--red)}.logo small{font:700 8px var(--text);letter-spacing:2.5px;display:block;color:#aab6ba}.site-header nav{display:flex;gap:26px;align-items:center;flex-wrap:wrap}.site-header nav a{font-size:10px;font-weight:800;letter-spacing:1.6px;color:#b1bbbc;padding:10px 0}.site-header nav a:hover,.site-header nav .current{color:#fff;border-bottom:2px solid var(--red)}.hero{position:relative;min-height:390px;display:flex;align-items:center;background:#101416;overflow:hidden;border-bottom:1px solid #4d2729}.hero-art{position:absolute;inset:0;background:linear-gradient(90deg,#0c0f11 6%,#0c0f11e0 34%,#0c0f1170 73%,#0c0f1135),url('/assets/redzone-hero.webp') center 62%/cover}.hero-copy{position:relative;width:min(1050px,calc(100% - 42px));margin:0 auto;padding:56px 0 65px}.eyebrow,.overline{font-size:10px;font-weight:900;letter-spacing:2.2px;color:#e5575d}.hero h1{font:900 clamp(56px,8vw,116px)/.84 var(--display);letter-spacing:.4px;margin:19px 0 22px}.hero h1 em,.intro h2 em,.future h2 em{color:var(--red);font-style:normal}.hero p{max-width:570px;line-height:1.75;color:#c2caca;margin:0 0 28px}.hero-link{display:inline-flex;align-items:center;gap:20px;padding:14px 17px;background:#d84449;color:white;font-size:11px;font-weight:900;letter-spacing:1px}.hero-link:hover{background:#ee5559}.hero-index{position:absolute;right:3%;bottom:20px;writing-mode:vertical-rl;letter-spacing:2px;font-size:9px;color:#d1d5d1}.wrap{max-width:1170px;margin:auto;padding:0 24px}.status-board{display:grid;grid-template-columns:2fr 1fr 1.5fr auto;gap:24px;align-items:center;background:#1a2022;border:1px solid #3d484a;margin-top:-1px;padding:20px 24px}.status-board>div{display:flex;flex-direction:column;gap:6px;min-width:0}.status-board strong{font:900 21px var(--display);letter-spacing:.3px}.status-board small{font-size:10px;line-height:1.4;color:#a9b2b3}.status-primary{flex-direction:row!important;align-items:center;gap:14px!important}.status-primary>div{display:flex;flex-direction:column;gap:5px}.status-primary .overline{color:#aebabb}.signal{width:12px;height:12px;border-radius:50%;background:#c9944c;box-shadow:0 0 0 6px #c9944c20;flex:none}.signal.online{background:#70c178;box-shadow:0 0 0 6px #70c17825}.signal.stale{background:#e4aa53;box-shadow:0 0 0 6px #e4aa5325}.status-board button{background:#272e30;color:#dce0d9;border:1px solid #586163;padding:12px;font-size:10px;font-weight:900;letter-spacing:1px}.status-board button:hover{border-color:var(--red)}.intro,.future-head{display:flex;justify-content:space-between;align-items:end;gap:28px;margin:58px 0 23px}.intro h2,.future h2{font:900 clamp(37px,5vw,64px)/.9 var(--display);margin:12px 0 0}.intro p,.future-head p{max-width:395px;margin:0;color:#aab4b6;font-size:12px;line-height:1.8}.board-layout{display:grid;grid-template-columns:minmax(0,1fr) 285px;gap:18px;align-items:start}.tabs{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:12px}.tabs button{background:#1a2022;color:#afbbbc;border:1px solid #455052;padding:12px 16px;font-size:10px;letter-spacing:1.1px;font-weight:900}.tabs button:hover,.tabs button.on{background:#a9363c;border-color:#e2575a;color:#fff}.leaderboard,.side-card{background:var(--panel);border:1px solid var(--line)}.leaderboard{padding:24px;min-height:510px}.topline{display:flex;justify-content:space-between;gap:15px;align-items:end;border-bottom:1px solid #434a49;padding-bottom:15px}.topline h2{font:900 39px var(--display);margin:7px 0 0}.topline>span{font-size:9px;letter-spacing:1px;color:#849395;white-space:nowrap}.metric-summary{font-size:12px;color:#aebabb;line-height:1.6;margin:16px 0 18px}.podium{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-bottom:22px}.podium:empty{display:none}.podium-card{min-height:118px;display:flex;flex-direction:column;gap:6px;padding:15px;border:1px solid #595350;background:linear-gradient(145deg,#302923,#1c2324)}.podium-1{border-color:#af8643;background:linear-gradient(140deg,#5c4322,#242523)}.podium-2{border-color:#73858b}.podium-3{border-color:#84584b}.podium-position{font:900 24px var(--display);color:#f6b85a}.podium-name{font-size:12px;overflow-wrap:anywhere}.podium-score{font:900 22px var(--display);margin-top:auto}.podium-unit{font-size:8px;letter-spacing:1.3px;color:#aeb5ad}.rows{display:grid;gap:5px}.entry{display:grid;grid-template-columns:45px minmax(0,1fr) auto;gap:13px;align-items:center;padding:10px 14px;background:#202729;border:1px solid #343e40;min-height:61px}.place{font:900 24px var(--display);color:#e0c4a9}.entry-info{min-width:0}.name{font-weight:800;display:block;overflow-wrap:anywhere}.members{display:block;color:#9aa9aa;font-size:10px;margin:4px 0}.bar{height:3px;background:#354044;display:block;margin-top:9px}.bar span{height:100%;background:linear-gradient(90deg,#a9373a,#e25f56);display:block}.value{color:#f2d6b5;font:900 23px var(--display);white-space:nowrap}.empty{padding:65px 22px;text-align:center;line-height:1.7;color:#b6c1c1;border:1px dashed #4a5758}.board-side{padding-top:54px;display:grid;gap:15px}.side-card{padding:23px}.side-card h3{font:900 35px/.9 var(--display);margin:13px 0 18px}.side-card p,.rule-text{font-size:11px;line-height:1.8;color:#aab6b6}.rule-text{border-left:3px solid var(--red);background:#242526;padding:11px 13px;color:#e9dfd8}.side-card a{display:inline-block;color:#f27a73;font-size:10px;font-weight:900;letter-spacing:1px;border-bottom:1px solid currentColor;padding:6px 0}.reward-card{background:radial-gradient(circle at 80% 5%,#572024,#191e20 60%)}.future{padding:15px 0 38px}.future-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.future-grid article{background:#171d20;border:1px solid #3f484a;padding:21px;min-height:170px}.future-grid span{font-size:9px;color:#e4706f;letter-spacing:1.3px;font-weight:900}.future-grid h3{font:900 22px var(--display);margin:15px 0 8px}.future-grid p{color:#aab4b6;font-size:11px;line-height:1.7;margin:0}.footnote{margin:15px 0 55px;border-top:1px solid #374043;padding-top:18px;color:#8f9ea0;font-size:11px;line-height:1.7}footer{background:#090d0f;border-top:1px solid #3b4143;padding:27px max(24px,calc((100vw - 1122px)/2));display:flex;justify-content:space-between;gap:20px;color:#aab5b5;font-size:10px;letter-spacing:1.1px}footer a{color:#eb706f;font-weight:900}
@media(max-width:900px){.board-layout{grid-template-columns:1fr}.board-side{grid-template-columns:repeat(2,minmax(0,1fr));padding-top:0}.status-board{grid-template-columns:1.6fr 1fr;gap:18px}.future-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.site-header{padding:14px 16px;align-items:flex-start;flex-direction:column}.site-header nav{gap:14px}.site-header nav a{font-size:9px}.hero{min-height:405px}.hero-art{background:linear-gradient(90deg,#0c0f11ee,#0c0f1199),url('/assets/redzone-hero.webp') 59% center/cover}.hero-copy{padding:42px 0}.hero p{font-size:12px}.hero-index{display:none}.wrap{padding:0 15px}.status-board{grid-template-columns:1fr 1fr;padding:17px;gap:15px}.status-primary{grid-column:1/-1}.status-board button{grid-column:1/-1}.intro,.future-head{display:block;margin-top:42px}.intro p,.future-head p{margin-top:15px}.leaderboard{padding:15px}.tabs{display:grid;grid-template-columns:1fr 1fr}.tabs button{padding:12px 5px}.topline{align-items:start}.topline h2{font-size:31px}.topline>span{white-space:normal;text-align:right}.podium{grid-template-columns:1fr 1fr 1fr;gap:5px}.podium-card{padding:10px;min-height:105px}.podium-name{font-size:10px}.podium-score{font-size:18px}.entry{grid-template-columns:27px minmax(0,1fr) auto;padding:9px;gap:8px}.place{font-size:19px}.value{font-size:18px}.name{font-size:12px}.board-side,.future-grid{grid-template-columns:1fr}footer{padding:22px 16px;flex-wrap:wrap}}