@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@400;500;600;700;800;900&family=DM+Sans:wght@400;500;600;700&family=IBM+Plex+Mono:wght@400;500;600&display=swap');
:root{--black:#050506;--ink:#09090b;--panel:#111114;--panel2:#17171b;--white:#f8f8f6;--muted:#aaa7a3;--line:rgba(255,255,255,.13);--red:#ff2b12;--orange:#ff7200;--amber:#ffb000;--max:1480px;--ease:cubic-bezier(.16,1,.3,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--black);color:var(--white);font-family:'DM Sans',system-ui,sans-serif;line-height:1.55;overflow-x:hidden}body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:50;opacity:.035;background-image:linear-gradient(rgba(255,255,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.08) 1px,transparent 1px);background-size:54px 54px}body:after{content:"";position:fixed;inset:0;pointer-events:none;z-index:49;background:radial-gradient(circle at 80% 0,rgba(255,43,18,.16),transparent 27%),radial-gradient(circle at 10% 70%,rgba(255,114,0,.08),transparent 28%)}a{color:inherit;text-decoration:none}button{font:inherit}.site-shell{min-height:100vh;background:linear-gradient(180deg,#060607 0,#09090b 60%,#050506 100%)}.accent-line{height:4px;background:linear-gradient(90deg,var(--red),var(--orange),var(--red))}.container{width:min(calc(100% - 56px),var(--max));margin:0 auto}.nav{position:sticky;top:0;z-index:40;background:rgba(5,5,6,.84);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}.nav-inner{height:82px;display:flex;align-items:center;justify-content:space-between;gap:28px}.brand{display:flex;align-items:center;gap:14px}.brand img{width:48px;height:48px;object-fit:contain}.brand-text{font:800 25px/1 'Barlow Condensed';letter-spacing:1px}.brand-text i{color:var(--red);font-style:normal}.nav-links{display:flex;align-items:center;gap:7px}.nav-links a{padding:12px 14px;font:600 12px 'IBM Plex Mono';letter-spacing:1px;color:#d7d5d2;transition:.25s}.nav-links a:hover,.nav-links a.active{color:#fff;background:rgba(255,255,255,.06)}.nav-links .nav-button{background:linear-gradient(100deg,var(--red),var(--orange));color:#fff;border-radius:2px;padding-inline:18px}.menu-toggle{display:none;background:none;border:1px solid var(--line);color:#fff;padding:9px 12px;font:600 10px 'IBM Plex Mono'}
.hero{min-height:calc(100vh - 86px);position:relative;display:flex;align-items:center;overflow:hidden;border-bottom:1px solid var(--line)}.hero-media{position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,5,6,.98) 0%,rgba(5,5,6,.76) 43%,rgba(5,5,6,.28) 100%),radial-gradient(circle at 76% 42%,rgba(255,43,18,.34),transparent 25%),radial-gradient(circle at 92% 80%,rgba(255,114,0,.2),transparent 25%);}.hero-media:before{content:"";position:absolute;right:-8vw;top:8%;width:58vw;height:85%;background:linear-gradient(135deg,transparent 0 30%,rgba(255,43,18,.13) 30% 31%,transparent 31% 43%,rgba(255,114,0,.12) 43% 44%,transparent 44%),repeating-linear-gradient(135deg,rgba(255,255,255,.03) 0 2px,transparent 2px 22px);transform:skewX(-12deg);}.hero-grid{position:absolute;inset:0;background:linear-gradient(transparent 95%,rgba(255,255,255,.05) 95%),linear-gradient(90deg,transparent 95%,rgba(255,255,255,.05) 95%);background-size:100% 90px,90px 100%;opacity:.35}.hero-content{position:relative;z-index:2;padding:90px 0 150px}.eyebrow,.section-label,.kicker{font:600 10px 'IBM Plex Mono';letter-spacing:2px;color:#ff9a55}.eyebrow:before,.section-label:before{content:'// ';color:var(--red)}h1,h2,h3{font-family:'Barlow Condensed',sans-serif;margin:0;text-transform:uppercase}h1{font-size:clamp(90px,12vw,190px);line-height:.78;letter-spacing:-2px;max-width:1000px;margin:28px 0}.hero h1 span,h2 em{color:var(--red);font-style:normal}.hero p{max-width:650px;font-size:17px;color:#c9c5c1;line-height:1.7}.actions{display:flex;gap:12px;margin-top:34px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;gap:14px;min-height:50px;padding:0 22px;font:700 11px 'IBM Plex Mono';letter-spacing:1px;border:1px solid var(--line);transition:.3s}.button-primary{background:linear-gradient(105deg,var(--red),var(--orange));border-color:transparent}.button-primary:hover{transform:translateY(-2px);filter:brightness(1.1)}.button-ghost:hover{border-color:var(--red);background:rgba(255,43,18,.08)}.hero-bottom{position:absolute;z-index:3;bottom:0;left:50%;transform:translateX(-50%);display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);background:rgba(7,7,8,.7)}.hero-bottom>div{padding:18px 24px;border-right:1px solid var(--line)}.hero-bottom span,.hero-bottom strong{display:block}.hero-bottom span{font:600 8px 'IBM Plex Mono';color:#888}.hero-bottom strong{font:700 15px 'Barlow Condensed';letter-spacing:.7px;margin-top:5px}.ticker{overflow:hidden;border-bottom:1px solid var(--line);background:linear-gradient(90deg,var(--red),var(--orange));color:#fff}.ticker-track{width:max-content;display:flex;gap:25px;align-items:center;padding:12px 0;animation:ticker 28s linear infinite;font:800 17px 'Barlow Condensed';letter-spacing:1px}.ticker i{font-style:normal;opacity:.7}@keyframes ticker{to{transform:translateX(-50%)}}
.section{padding:110px 0}.dark-section{background:linear-gradient(180deg,#09090b,#0c0c0f)}.intro{background:radial-gradient(circle at 80% 50%,rgba(255,43,18,.09),transparent 35%)}.two-col{display:grid;grid-template-columns:.8fr 1.7fr;gap:80px}.section h2{font-size:clamp(64px,8vw,120px);line-height:.82;letter-spacing:-1px}.lead{font-size:22px;max-width:850px;color:#e5e2df}.two-col p{max-width:850px;color:var(--muted)}.text-link{display:inline-block;margin-top:18px;font:700 11px 'IBM Plex Mono';border-bottom:1px solid var(--red);padding-bottom:7px}.section-head{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:38px}.section-head h2{margin-top:18px}.game-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.game-card{position:relative;min-height:530px;overflow:hidden;border:1px solid var(--line);background:#0d0d10;isolation:isolate}.game-card:after{content:"";position:absolute;inset:auto 0 0;height:55%;background:linear-gradient(transparent,rgba(0,0,0,.98));z-index:1}.game-art{position:absolute;inset:0;background:radial-gradient(circle at 70% 30%,rgba(255,114,0,.3),transparent 24%),linear-gradient(145deg,#151518,#09090b 55%,#190604)}.game-art:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(135deg,transparent 0 28px,rgba(255,43,18,.11) 29px 31px,transparent 32px 74px);transform:skewX(-18deg)}.game-card:nth-child(2) .game-art{background:radial-gradient(circle at 35% 35%,rgba(255,43,18,.3),transparent 26%),linear-gradient(145deg,#0b1118,#09090b 55%,#170507)}.game-card:nth-child(3) .game-art{background:radial-gradient(circle at 70% 45%,rgba(255,176,0,.25),transparent 25%),linear-gradient(145deg,#17130b,#09090b 55%,#190604)}.game-copy{position:absolute;z-index:2;left:28px;right:28px;bottom:26px}.game-copy .number{font:600 10px 'IBM Plex Mono';color:#ff8750}.game-copy h3{font-size:70px;line-height:.8;margin:12px 0}.game-copy p{color:#c2bfbb;max-width:400px}.game-copy .button{margin-top:12px}.feature-player{display:grid;grid-template-columns:1.1fr .9fr;min-height:570px;border:1px solid var(--line);background:linear-gradient(120deg,#111114,#09090b);overflow:hidden}.feature-player-image{position:relative;min-height:570px;background:radial-gradient(circle at 50% 40%,rgba(255,43,18,.23),transparent 35%);display:flex;align-items:end;justify-content:center;overflow:hidden}.feature-player-image img{width:92%;height:100%;object-fit:contain;object-position:center bottom}.feature-player-copy{padding:70px 55px;display:flex;flex-direction:column;justify-content:center}.feature-player-copy h3{font-size:clamp(75px,8vw,140px);line-height:.78;margin:15px 0}.feature-player-copy h3 span{color:var(--red)}.player-number{font:700 70px 'Barlow Condensed';color:rgba(255,255,255,.08)}.staff-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.staff-tile{min-height:470px;position:relative;overflow:hidden;border:1px solid var(--line);background:#111}.staff-tile img{width:100%;height:100%;object-fit:cover;object-position:center top;transition:.5s}.staff-tile:hover img{transform:scale(1.04)}.staff-overlay{position:absolute;inset:auto 0 0;padding:60px 20px 20px;background:linear-gradient(transparent,rgba(0,0,0,.95));}.staff-overlay span,.staff-overlay small{display:block;font:600 9px 'IBM Plex Mono';color:#ff9a55}.staff-overlay strong{display:block;font:800 45px 'Barlow Condensed'}.history{background:linear-gradient(110deg,#100605,#080809 50%,#0e0d09)}.history-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:100px}.timeline{border-left:1px solid var(--line);padding-left:40px}.timeline-item{padding:0 0 45px;position:relative}.timeline-item:before{content:"";position:absolute;left:-46px;top:4px;width:10px;height:10px;background:var(--red);box-shadow:0 0 22px var(--red)}.timeline-year{font:600 10px 'IBM Plex Mono';color:#ff8d53}.timeline-item h3{font-size:38px;margin:8px 0}.timeline-item p{color:var(--muted);max-width:650px}.cta{padding:100px 0;background:linear-gradient(105deg,var(--red),var(--orange) 45%,#1a0b05);color:#fff}.cta-inner{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:end}.cta .section-label{color:#fff}.cta .section-label:before{color:#111}.cta h2{font-size:clamp(70px,8vw,125px);line-height:.8}.cta h2 em{color:#0b0b0c}.cta-copy p{font-size:19px;max-width:550px}.cta .button-primary{background:#080809;color:#fff}.footer{padding:70px 0 25px;background:#050506;border-top:1px solid var(--line)}.footer-grid{display:grid;grid-template-columns:1.3fr .7fr .8fr 1.3fr;gap:40px}.footer-brand img{width:55px}.footer-brand strong{display:block;font:800 35px 'Barlow Condensed';margin-top:12px}.footer-brand span,.footer small{display:block;font:600 9px 'IBM Plex Mono';color:#888}.footer a{display:block;margin:8px 0;color:#c6c3c0}.footer-note p{color:#999}.copyright{border-top:1px solid var(--line);margin-top:45px;padding-top:18px;color:#6f6c68;font:600 9px 'IBM Plex Mono'}.page-hero{padding:100px 0 80px;border-bottom:1px solid var(--line);background:radial-gradient(circle at 85% 50%,rgba(255,43,18,.2),transparent 30%),linear-gradient(120deg,#0b0808,#070708)}.page-hero h1{font-size:clamp(85px,12vw,170px);margin:25px 0 15px}.page-hero p{max-width:650px;color:#bbb;font-size:17px}.roster-grid,.competition-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.roster-card,.comp-card{border:1px solid var(--line);background:#101013;overflow:hidden}.card-art{height:420px;background:radial-gradient(circle at 50% 30%,rgba(255,43,18,.18),transparent 35%);display:flex;align-items:end;justify-content:center}.card-art img{width:100%;height:100%;object-fit:contain;object-position:center bottom}.card-copy{padding:22px}.card-number,.comp-index{font:600 9px 'IBM Plex Mono';color:#ff8d53}.card-copy h2{font-size:52px;margin:8px 0}.card-copy h2 span{color:var(--red)}.card-copy p{font:600 9px 'IBM Plex Mono';color:#999}.placeholder-card .card-art{display:grid;place-items:center;background:repeating-linear-gradient(135deg,#0d0d10 0 25px,#111114 25px 50px)}.placeholder-mark{font:800 150px 'Barlow Condensed';color:rgba(255,255,255,.08)}.comp-card{padding:35px;min-height:360px}.comp-card h2{font-size:80px;margin:30px 0 10px}.comp-card p{color:#aaa}.comp-status{margin-top:30px;border-top:1px solid var(--line);padding-top:14px;font:600 9px 'IBM Plex Mono';color:#ff8d53}.empty-results,.status-panel{border:1px solid var(--line);padding:35px;background:#0e0e11;display:flex;gap:25px;align-items:center}.empty-mark{font:800 80px 'Barlow Condensed';color:var(--red)}.reveal{opacity:0;transform:translateY(20px);transition:.8s var(--ease)}.reveal.is-visible{opacity:1;transform:none}
/* compact staff cards */.staff-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.staff-card{display:flex;flex-direction:column;min-width:0;border:1px solid var(--line);background:linear-gradient(160deg,#111114,#09090b);overflow:hidden;position:relative}.staff-card:before{content:"";position:absolute;inset:0 0 auto;height:2px;background:linear-gradient(90deg,var(--red),var(--orange));z-index:2}.staff-card-image{height:285px;display:flex;align-items:end;justify-content:center;overflow:hidden;background:radial-gradient(circle at 50% 30%,rgba(255,45,10,.15),transparent 38%),linear-gradient(145deg,#160604,#080809)}.staff-card-image img{width:100%;height:100%;object-fit:contain;object-position:center bottom}.staff-card-copy{padding:25px 24px}.staff-card-copy h2{font-size:58px;margin:12px 0 8px}.staff-card-copy h2 span{color:var(--red)}.staff-card-copy h3{font:600 9px 'IBM Plex Mono';letter-spacing:1px;margin:0 0 15px}.staff-card-copy p{font-size:12px;color:#aaa}.staff-card-copy blockquote{margin:18px 0 0;padding-top:14px;border-top:1px solid rgba(255,43,18,.35);font-style:italic;font-size:13px}
@media(max-width:1050px){.nav-links{display:none}.menu-toggle{display:block}.nav-links.open{display:flex;position:absolute;top:82px;left:0;right:0;flex-direction:column;align-items:stretch;background:#080809;border-bottom:1px solid var(--line);padding:12px}.hero-bottom{position:relative;left:auto;bottom:auto;transform:none;width:min(calc(100% - 56px),var(--max));margin-top:-130px}.game-grid,.roster-grid,.competition-grid{grid-template-columns:1fr 1fr}.staff-grid{grid-template-columns:1fr 1fr}.two-col,.history-grid,.cta-inner{grid-template-columns:1fr}.feature-player{grid-template-columns:1fr}.feature-player-image{min-height:520px}.footer-grid{grid-template-columns:1fr 1fr}}
@media(max-width:650px){.container{width:min(calc(100% - 30px),var(--max))}.nav-inner{height:70px}.brand-text{font-size:20px}.hero{min-height:780px}.hero-content{padding:70px 0 100px}.hero h1{font-size:78px}.hero p{font-size:15px}.hero-bottom{width:100%;grid-template-columns:1fr}.hero-bottom>div{border-right:0;border-bottom:1px solid var(--line)}.section{padding:75px 0}.section h2{font-size:64px}.game-grid,.roster-grid,.competition-grid,.staff-grid,.staff-list{grid-template-columns:1fr}.game-card{min-height:500px}.feature-player-copy{padding:40px 25px}.feature-player-image{min-height:400px}.footer-grid{grid-template-columns:1fr}.page-hero{padding:75px 0 60px}.page-hero h1{font-size:82px}.card-art{height:390px}}
