:root{--bg:#050505;--surface:#111;--surface-warm:#1a1a1a;--fg:#f8fafc;--fg-2:#d0d5dd;--muted:#98a2b3;--meta:#ff1f2d;--border:#2b2b2b;--border-soft:#1f1f1f;--accent:#ff1f2d;--accent-on:#fff;--accent-hover:color-mix(in oklab, var(--accent), white 10%);--accent-active:color-mix(in oklab, var(--accent), black 14%);--success:#16a34a;--warn:#f59e0b;--danger:#ef4444;--font-display:Inter, system-ui, sans-serif;--font-body:Inter, system-ui, sans-serif;--font-mono:"SF Mono", ui-monospace, Menlo, monospace;--text-xs:12px;--text-sm:14px;--text-base:16px;--text-lg:18px;--text-xl:24px;--text-2xl:36px;--text-3xl:54px;--text-4xl:76px;--leading-body:1.52;--leading-tight:1.06;--tracking-display:-.025em;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-12:48px;--section-y-desktop:96px;--section-y-tablet:68px;--section-y-phone:48px;--radius-sm:10px;--radius-md:16px;--radius-lg:24px;--radius-pill:9999px;--elev-flat:none;--elev-ring:0 0 0 1px var(--border);--elev-raised:0 20px 52px #00000073;--focus-ring:0 0 0 4px #ff1f2d3d;--motion-fast:.15s;--motion-base:.24s;--ease-standard:cubic-bezier(.2, 0, 0, 1);--container-max:1180px;--container-gutter-desktop:36px;--container-gutter-tablet:24px;--container-gutter-phone:16px}*,:before,:after{box-sizing:border-box}html{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;-webkit-text-size-adjust:100%;overflow-x:clip}body{background:radial-gradient(circle at 50% -10%, color-mix(in oklab, var(--accent), transparent 72%), transparent 34rem), linear-gradient(180deg, color-mix(in oklab, var(--surface), var(--bg) 35%), var(--bg) 34rem);min-width:320px;color:var(--fg);font-family:var(--font-body);font-size:var(--text-base);line-height:var(--leading-body);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;margin:0;overflow-x:clip}img,svg{max-width:100%;display:block}a{color:inherit;text-decoration:none}button{font:inherit}p{text-wrap:pretty}h1,h2,h3{text-wrap:balance}.container{width:100%;max-width:var(--container-max);padding-inline:var(--container-gutter-desktop);margin-inline:auto}.topnav{z-index:30;border-bottom:1px solid var(--border-soft);background:color-mix(in oklab, var(--bg), transparent 14%);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);position:sticky;top:0}.topnav-inner{justify-content:space-between;align-items:center;gap:var(--space-4);min-height:72px;display:flex}.brand{align-items:center;gap:var(--space-3);letter-spacing:.02em;font-weight:900;display:inline-flex}.brand img{border-radius:var(--radius-sm);object-fit:cover;background:var(--bg);width:42px;height:42px;box-shadow:var(--elev-ring)}.nav-links{align-items:center;gap:var(--space-6);color:var(--muted);font-size:var(--text-sm);text-transform:uppercase;letter-spacing:.06em;font-weight:700;display:none}.nav-links a{transition:color var(--motion-fast) var(--ease-standard)}.nav-links a:hover,.nav-links a:focus-visible{color:var(--fg);outline:none}.btn{justify-content:center;align-items:center;gap:var(--space-2);border:1px solid var(--border);border-radius:var(--radius-md);min-height:44px;color:var(--fg);background:color-mix(in oklab, var(--surface), transparent 10%);font-size:var(--text-sm);text-transform:uppercase;letter-spacing:.06em;cursor:pointer;transition:transform var(--motion-fast) var(--ease-standard), border-color var(--motion-fast) var(--ease-standard), background var(--motion-fast) var(--ease-standard);padding:12px 18px;font-weight:800;line-height:1;display:inline-flex}.topnav .btn{display:none}.btn:hover{border-color:var(--fg-2);transform:translateY(-1px)}.btn:focus-visible{box-shadow:var(--focus-ring);outline:none}.btn:active{transform:translateY(1px)}.btn-primary{border-color:var(--accent);background:var(--accent);color:var(--accent-on)}.btn-primary:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.btn-link{border-color:var(--border-soft);background:var(--bg);color:var(--fg-2)}.cta-icon{fill:currentColor;flex:none;width:18px;height:18px}.section{padding-block:var(--section-y-desktop);position:relative}.hero{isolation:isolate;align-items:center;min-height:calc(100svh - 72px);padding-block:64px;display:grid}.hero:before,.hero:after{content:"";background:linear-gradient(transparent, var(--accent), transparent);opacity:.8;width:1px;filter:drop-shadow(0 0 18px var(--accent));z-index:-1;animation:scanline 3.8s var(--ease-standard) infinite;position:absolute;inset-block:8%}.hero:before{left:7vw;transform:rotate(-18deg)}.hero:after{animation-delay:1.2s;right:9vw;transform:rotate(14deg)}.hero-grid{grid-template-columns:1fr;align-items:center;gap:clamp(32px,5vw,76px);display:grid}.eyebrow{margin:0 0 var(--space-4);color:var(--accent);font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.18em;text-transform:uppercase;font-weight:800}h1,h2,h3{font-family:var(--font-display);color:var(--fg);letter-spacing:var(--tracking-display);margin:0}h1{text-transform:uppercase;font-size:clamp(54px,8.2vw,124px);font-weight:950;line-height:.88}h2{font-size:clamp(34px, 5.4vw, var(--text-4xl));line-height:var(--leading-tight);text-transform:uppercase;font-weight:900}h3{font-size:var(--text-xl);font-weight:900;line-height:1.12}.lead{max-width:32ch;margin:var(--space-5) 0 0;color:var(--fg-2);font-size:clamp(17px,1.5vw,21px)}.hero-actions{gap:var(--space-3);margin-top:var(--space-8);flex-wrap:wrap;display:flex}.signal-row{gap:var(--space-3);margin-top:var(--space-8);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.signal{border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-4);background:color-mix(in oklab, var(--surface), transparent 16%)}.signal strong{font-family:var(--font-mono);font-size:var(--text-lg);font-variant-numeric:tabular-nums;line-height:1;display:block}.signal span{margin-top:var(--space-2);color:var(--muted);font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase;font-weight:800;display:block}.hero-stage{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);min-height:520px;box-shadow:var(--elev-raised);position:relative;overflow:hidden}.hero-stage:before{content:"";background:linear-gradient(90deg, color-mix(in oklab, var(--accent), transparent 78%), transparent 28%, transparent 72%, color-mix(in oklab, var(--accent), transparent 72%)), linear-gradient(180deg, transparent 58%, color-mix(in oklab, var(--bg), transparent 18%));z-index:2;pointer-events:none;position:absolute;inset:0}.hero-stage:after{content:"";background:repeating-linear-gradient(0deg, transparent 0 9px, color-mix(in oklab, var(--fg), transparent 96%) 10px);mix-blend-mode:screen;opacity:.45;z-index:3;pointer-events:none;animation:7s linear infinite scan;position:absolute;inset:0}.hero-player{object-fit:cover;object-position:center 18%;filter:saturate(1.06)contrast(1.04);width:100%;height:100%;transition:opacity var(--motion-base) var(--ease-standard), transform .9s var(--ease-standard);opacity:0;position:absolute;inset:0;transform:scale(1.02)}.hero-player.is-active{opacity:1;transform:scale(1)}.logo-ghost{object-fit:contain;opacity:.82;z-index:4;width:46px;height:46px;filter:drop-shadow(0 0 24px var(--accent));position:absolute;bottom:24px;right:24px}.stage-caption{z-index:5;justify-content:space-between;align-items:end;gap:var(--space-4);color:var(--fg);display:flex;position:absolute;bottom:20px;left:20px;right:20px}.stage-caption span{color:var(--muted);font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.12em;text-transform:uppercase;font-weight:800;display:block}.stage-caption strong{margin-top:var(--space-1);font-size:var(--text-2xl);text-transform:uppercase;line-height:1;display:block}.section-head{gap:var(--space-8);margin-bottom:var(--space-8);grid-template-columns:1fr;align-items:end;display:grid}.section-head p{color:var(--muted);font-size:var(--text-lg);margin:0}.roster{padding-block:clamp(44px,6vw,72px)}.roster .section-head{margin-bottom:var(--space-5)}.roster-title{letter-spacing:.015em;transform-origin:0;width:100%;max-width:none;font-size:clamp(38px,6.8vw,88px);line-height:.9}.roster-stage{border:1px solid var(--border);border-radius:var(--radius-lg);background:radial-gradient(circle at 18% 22%, color-mix(in oklab, var(--accent), transparent 56%), transparent 18rem), radial-gradient(circle at 84% 30%, color-mix(in oklab, var(--fg), transparent 90%), transparent 15rem), radial-gradient(circle at 50% 108%, color-mix(in oklab, var(--accent), transparent 44%), transparent 24rem), conic-gradient(from 214deg at 50% 78%, transparent 0 22deg, color-mix(in oklab, var(--accent), transparent 80%) 26deg 34deg, transparent 40deg 360deg), linear-gradient(125deg, color-mix(in oklab, var(--surface), var(--bg) 12%), var(--bg) 72%);min-height:clamp(540px,55vh,620px);box-shadow:var(--elev-raised), inset 0 0 0 1px color-mix(in oklab, var(--fg), transparent 92%), inset 0 -120px 140px color-mix(in oklab, var(--accent), transparent 86%);isolation:isolate;opacity:0;animation:revealUp .7s var(--ease-standard) forwards, stagePulse 6.5s var(--ease-standard) .8s infinite;background-size:120% 120%,110% 110%,130% 130%,100% 100%,100% 100%;position:relative;overflow:hidden;transform:translateY(18px)}.roster-stage:before,.roster-stage:after{content:"";pointer-events:none;z-index:0;position:absolute;inset:-28%}.roster-stage:before{background:radial-gradient(circle at 50% 54%, transparent 0 18rem, color-mix(in oklab, var(--accent), transparent 86%) 18.2rem 18.35rem, transparent 18.6rem), repeating-linear-gradient(106deg, transparent 0 30px, color-mix(in oklab, var(--fg), transparent 92%) 31px 32px), repeating-linear-gradient(0deg, transparent 0 17px, color-mix(in oklab, var(--accent), transparent 88%) 18px 19px);opacity:.48;transform-origin:50% 62%;animation:9.6s ease-in-out infinite alternate gridDrift}.roster-stage:after{background:linear-gradient(90deg, transparent 0 25%, color-mix(in oklab, var(--accent), transparent 12%) 45%, color-mix(in oklab, var(--fg), transparent 76%) 50%, color-mix(in oklab, var(--accent), transparent 18%) 55%, transparent 76% 100%), radial-gradient(circle at 50% 100%, color-mix(in oklab, var(--accent), transparent 62%), transparent 30rem);opacity:.62;mix-blend-mode:screen;animation:redSweep 5.4s var(--ease-standard) infinite;transform:translate(-72%)skew(-18deg)}.stage-label{top:var(--space-5);left:var(--space-5);z-index:4;align-items:center;gap:var(--space-2);border:1px solid color-mix(in oklab, var(--fg), transparent 84%);border-radius:var(--radius-pill);background:color-mix(in oklab, var(--bg), transparent 18%);color:var(--fg-2);font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.1em;text-transform:uppercase;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);padding:9px 12px;font-weight:900;display:inline-flex;position:absolute}.stage-label:before{content:"";background:var(--accent);width:8px;height:8px;box-shadow:0 0 18px var(--accent);animation:pulseDot 1.4s var(--ease-standard) infinite;border-radius:50%}.roster-grid{inset:60px var(--space-5) 112px;z-index:2;grid-template-columns:repeat(3,minmax(0,1fr));align-items:end;gap:clamp(0px,1.8vw,24px);display:grid;position:absolute}.player-card{isolation:isolate;align-items:end;min-height:370px;display:grid;position:relative}.player-card[data-player-card=Gr1n4]{z-index:2;order:1;transform:translate(4%,12px)rotate(-2deg)}.player-card[data-player-card=wKurdz]{z-index:3;order:2;transform:translateY(-6px)scale(1.04)}.player-card[data-player-card=-Fero]{z-index:2;order:3;transform:translate(-4%,14px)rotate(2deg)}.player-card:hover .player-photo,.player-card:focus-within .player-photo{filter:saturate(1.12)contrast(1.12)drop-shadow(0 34px 42px #000000b3);transform:translateY(-10px)scale(1.045)}.player-photo{object-fit:contain;filter:saturate(1.06)contrast(1.08)drop-shadow(0 28px 38px #000000a3);transform-origin:bottom;width:min(96%,300px);min-height:0;transition:transform .7s var(--ease-standard), filter .7s var(--ease-standard);margin-inline:auto}.player-card[data-player-card=Gr1n4] .player-photo{width:min(82%,248px)}.player-meta{z-index:5;width:min(100%,288px);padding:var(--space-3);border:1px solid color-mix(in oklab, var(--fg), transparent 84%);border-radius:var(--radius-md);background:color-mix(in oklab, var(--bg), transparent 10%);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);text-align:center;position:absolute;bottom:-82px;left:50%;transform:translate(-50%)}.player-topline{justify-content:space-between;align-items:center;gap:var(--space-3);color:var(--muted);font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.1em;text-transform:uppercase;font-weight:800;display:flex}.player-name{margin-top:var(--space-2);text-transform:uppercase;font-size:clamp(30px,3.4vw,48px);font-weight:950;line-height:.95}.socials{margin-top:var(--space-3);grid-template-columns:repeat(3,34px);justify-content:center;gap:6px;display:grid}.socials a,.community-links a{justify-content:center;align-items:center;gap:var(--space-2);border:1px solid var(--border);border-radius:var(--radius-sm);background:color-mix(in oklab, var(--surface), transparent 8%);min-height:42px;color:var(--fg-2);font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase;transition:color var(--motion-fast) var(--ease-standard), border-color var(--motion-fast) var(--ease-standard), transform var(--motion-fast) var(--ease-standard);font-weight:900;display:inline-flex}.socials a:hover,.community-links a:hover,.socials a:focus-visible,.community-links a:focus-visible{color:var(--fg);border-color:var(--accent);outline:none;transform:translateY(-1px)}.socials a{aspect-ratio:1;width:34px;height:34px;min-height:34px;padding:0}.platform-icon{fill:currentColor;width:23px;height:23px}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.panel{border:1px solid var(--border);border-radius:var(--radius-lg);background:color-mix(in oklab, var(--surface), transparent 10%);padding:var(--space-8);box-shadow:var(--elev-ring)}.panel p{margin:var(--space-4) 0 0;color:var(--muted);font-size:var(--text-lg)}.logo-panel{place-items:center;min-height:360px;display:grid;position:relative;overflow:hidden}.logo-panel:before{content:"";border:1px solid var(--border);border-radius:var(--radius-lg);animation:breathe 3.4s var(--ease-standard) infinite;position:absolute;inset:18%;transform:rotate(-6deg)}.mark{z-index:2;width:min(74%,360px);filter:drop-shadow(0 0 22px color-mix(in oklab, var(--accent), transparent 44%));animation:markHit 4.4s var(--ease-standard) infinite;position:relative}.module-grid{gap:var(--space-5);grid-template-columns:1fr;display:grid}.module{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);padding:var(--space-6)}.module h3{font-size:var(--text-xl);text-transform:uppercase}.module p{margin:var(--space-3) 0 0;color:var(--muted)}.loadout{gap:var(--space-3);margin-top:var(--space-5);display:grid}.loadout-row{gap:var(--space-3);font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase;color:var(--fg-2);grid-template-columns:96px 1fr auto;align-items:center;font-weight:800;display:grid}.bar{border-radius:var(--radius-pill);background:var(--border-soft);height:8px;overflow:hidden}.bar span{height:100%;width:var(--value);border-radius:inherit;background:color-mix(in oklab, var(--fg), transparent 22%);box-shadow:0 0 16px color-mix(in oklab, var(--fg), transparent 72%);display:block}.community{border-top:1px solid var(--border-soft)}.community-grid{gap:var(--space-8);grid-template-columns:1fr;align-items:center;display:grid}.community-links{justify-content:flex-start;gap:var(--space-3);margin-top:var(--space-8);flex-wrap:wrap;display:flex}.community-links a{min-width:152px;min-height:48px;padding-inline:var(--space-5)}.pagefoot{border-top:1px solid var(--border-soft);padding-block:var(--space-8);color:var(--muted);font-size:var(--text-sm)}.foot-row{justify-content:space-between;gap:var(--space-4);flex-wrap:wrap;display:flex}@keyframes gridDrift{0%{transform:translate(-26px,-18px)rotate(-.35deg)scale(1.04)}50%{transform:translate(18px,10px)rotate(.18deg)scale(1.045)}to{transform:translate(48px,28px)rotate(.35deg)scale(1.04)}}@keyframes stagePulse{0%,to{filter:saturate();background-position:0 0,100% 0,50% 100%,50%,0 0}50%{filter:saturate(1.22);background-position:8% 4%,92% 7%,50% 92%,50%,0 0}}@keyframes redSweep{0%,to{opacity:0;transform:translate(-78%)skew(-18deg)}18%{opacity:0}42%{opacity:.6;transform:translate(6%)skew(-18deg)}68%{opacity:0;transform:translate(78%)skew(-18deg)}}@keyframes pulseDot{0%,to{opacity:.75;transform:scale(.78)}50%{opacity:1;transform:scale(1.16)}}@keyframes revealUp{to{opacity:1;transform:translateY(0)}}@keyframes scan{0%{transform:translateY(-20px)}to{transform:translateY(20px)}}@keyframes scanline{0%,to{opacity:.2;scale:1 .7}45%{opacity:.95;scale:1}55%{opacity:.35;scale:1 .82}}@keyframes breathe{0%,to{opacity:.5;transform:rotate(-6deg)scale(1)}50%{opacity:.9;transform:rotate(-4deg)scale(1.04)}}@keyframes markHit{0%,78%,to{transform:translate(0,0)rotate(0)}80%{transform:translate(-1px)rotate(-.4deg)}82%{transform:translate(2px)rotate(.4deg)}84%{transform:translate(0,0)rotate(0)}}.icon-sprite{display:none}a[aria-disabled=true],[data-disabled-link]{opacity:.52;cursor:not-allowed}a[aria-disabled=true]:hover,a[aria-disabled=true]:focus-visible,[data-disabled-link]:hover,[data-disabled-link]:focus-visible{border-color:var(--border);transform:none}@media (width>=761px){.nav-links{display:flex}.topnav .btn{display:inline-flex}.lead{max-width:58ch}.module-grid{grid-template-columns:1fr 1fr}}@media (width>=1081px){.hero-grid{grid-template-columns:minmax(0,.88fr) minmax(420px,1.12fr)}.section-head{grid-template-columns:minmax(0,.95fr) minmax(260px,.7fr)}.roster .section-head{grid-template-columns:1fr}.roster-title{width:min(88vw,980px);transform:scaleX(1.04)}.community-grid{grid-template-columns:minmax(0,1fr) minmax(320px,.72fr)}.hero-stage{min-height:650px}}@media (width>=761px) and (width<=1080px){.hero-stage{min-height:560px}.roster-stage{min-height:600px}.roster-grid{inset:64px var(--space-4) 112px}.player-card{min-height:340px}.player-photo{width:min(100%,260px)}.player-card[data-player-card=Gr1n4] .player-photo{width:min(86%,220px)}}@media (width<=760px){.container{padding-inline:var(--container-gutter-phone)}.topnav .btn{padding-inline:14px}.topnav-inner{min-height:64px}.section{padding-block:var(--section-y-phone)}.hero{min-height:auto;padding-block:var(--section-y-phone)}.hero-grid{gap:var(--space-8)}h1{font-size:clamp(48px,17vw,72px)}.signal-row,.module-grid{grid-template-columns:1fr}.hero-stage{min-height:520px}.roster-title{letter-spacing:-.01em;overflow-wrap:anywhere;max-width:100%;font-size:clamp(38px,11.2vw,54px);line-height:.92}.roster-stage{min-height:0;padding:74px 12px 18px;overflow:hidden}.stage-label{top:var(--space-4);left:var(--space-4)}.roster-grid{grid-template-columns:1fr;align-items:stretch;gap:14px;position:relative;inset:auto}.player-card{grid-template-columns:minmax(104px,34%) minmax(0,1fr);align-items:center;gap:10px;min-height:0;display:grid}.player-card:first-child,.player-card:nth-child(2),.player-card:nth-child(3){transform:none}.player-photo{width:min(100%,150px);margin:0 auto 0 0}.player-card[data-player-card=Gr1n4] .player-photo{width:min(90%,132px)}.player-meta{width:100%;padding:var(--space-3);position:relative;bottom:auto;left:auto;right:auto;transform:none}.player-name{font-size:clamp(28px,8.2vw,36px)}.socials{grid-template-columns:repeat(3,32px)}.panel{padding:var(--space-5)}.loadout-row{grid-template-columns:78px 1fr 54px}.stage-caption{flex-direction:column;align-items:start}}@media (width<=420px){.brand{gap:var(--space-2);font-size:var(--text-sm)}.brand img{width:38px;height:38px}.topnav .btn{min-height:40px;padding-inline:12px;font-size:11px}h1{font-size:clamp(44px,14.6vw,60px)}.roster-stage{padding-inline:10px}.player-card{grid-template-columns:minmax(92px,36%) minmax(0,1fr);gap:8px}.player-photo{width:min(100%,132px)}.player-card[data-player-card=Gr1n4] .player-photo{width:min(88%,116px)}.player-meta{padding:14px 10px}.player-name{font-size:clamp(26px,8vw,32px)}.socials{grid-template-columns:repeat(3,30px);gap:5px}.socials a{width:30px;height:30px;min-height:30px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}
