@import "https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@400;500;600;700;800;900&family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700&display=swap";:root{--ink:#0b0a0d;--surface:#141217;--panel:#1c181d;--paper:#f5eee5;--muted:#9d9594;--line:#393338;--pink:#ef387f;--blue:#4d93ce;--font-display:"Barlow Condensed", Impact, sans-serif;--font-body:"Manrope", Arial, sans-serif;--font-mono:"DM Mono", monospace}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--ink);color:var(--paper);font-family:var(--font-body);margin:0;font-size:15px;line-height:1.5}body:before{content:"";opacity:.08;pointer-events:none;z-index:10;background-image:radial-gradient(#ffffff21 .6px,#0000 .6px);background-size:5px 5px;position:fixed;inset:0}a{color:inherit;text-decoration:none}button{color:inherit;cursor:pointer;font:inherit}img{max-width:100%;display:block}.site-shell{max-width:1600px;margin:0 auto;overflow:hidden}.site-header{border-bottom:1px solid var(--line);z-index:20;background:#0b0a0de6;justify-content:space-between;align-items:center;height:84px;padding:0 clamp(24px,5vw,80px);display:flex;position:relative}.brand{font-family:var(--font-display);letter-spacing:-.05em;font-size:24px;font-weight:900;line-height:.8}.brand span{color:var(--pink)}.primary-nav{gap:clamp(24px,4vw,64px);margin-left:auto;margin-right:clamp(28px,5vw,78px);display:flex}.primary-nav a{color:#aaa3a1;font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;font-size:11px;transition:color .2s}.primary-nav a:hover,.primary-nav a.is-active{color:var(--paper)}.primary-nav a.is-active:before{color:var(--pink);content:"//";margin-right:6px}.header-cta,.button{background:var(--pink);border:1px solid var(--pink);color:#160c13;font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:18px;padding:13px 18px;font-size:11px;font-weight:500;transition:background .2s,color .2s,transform .2s;display:inline-flex}.header-cta:hover,.button-primary:hover{background:var(--paper);border-color:var(--paper);transform:translateY(-2px)}.menu-toggle{background:0 0;border:0;display:none}.hero-section{grid-template-columns:minmax(360px,.86fr) minmax(500px,1.14fr);min-height:calc(100vh - 84px);display:grid;position:relative}.hero-copy{z-index:2;align-self:center;padding:clamp(54px,8vw,126px) clamp(24px,6vw,96px);position:relative}.eyebrow,.section-kicker{color:var(--pink);font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;margin:0 0 30px;font-size:10px}.eyebrow{align-items:center;gap:10px;display:flex}.eyebrow-dot{background:var(--pink);border-radius:50%;width:7px;height:7px}h1,h2,h3,p{margin-top:0}h1,h2{font-family:var(--font-display);letter-spacing:-.04em;text-transform:uppercase;font-weight:800;line-height:.83}h1{margin-bottom:36px;font-size:clamp(76px,10vw,156px)}h1 em,h2 em{color:var(--pink);font-style:normal}.hero-description{color:#aaa3a1;max-width:360px;font-size:14px;line-height:1.75}.hero-actions{align-items:center;gap:28px;margin:36px 0 82px;display:flex}.text-link{border-bottom:1px solid var(--pink);color:var(--paper);font-family:var(--font-mono);letter-spacing:.05em;text-transform:uppercase;padding-bottom:5px;font-size:11px}.text-link span{color:var(--pink);margin-left:10px;transition:margin .2s}.text-link:hover span{margin-left:16px}.hero-meta{border-top:1px solid var(--line);gap:clamp(22px,4vw,54px);padding-top:18px;display:flex}.hero-meta div{flex-direction:column;display:flex}.hero-meta strong{font-family:var(--font-display);font-size:29px;font-weight:600}.hero-meta span{color:#777174;font-family:var(--font-mono);letter-spacing:.05em;text-transform:uppercase;font-size:9px}.hero-visual{background:#171419;min-height:720px;position:relative;overflow:hidden}.hero-visual:before{content:"";opacity:.5;z-index:1;background:linear-gradient(125deg,#0000 30%,#ef387f40,#0000 70%);position:absolute;inset:0}.hero-card{position:absolute;overflow:hidden}.hero-card img{object-fit:cover;filter:saturate(.8)contrast(1.05);width:100%;height:100%}.hero-card:after{content:"";background:linear-gradient(#0000 58%,#0b0a0de6);position:absolute;inset:0}.hero-card-main{clip-path:polygon(11% 0,100% 0,100% 100%,0 100%,0 7%);width:70%;height:85%;top:0;right:0}.hero-card-main img{object-position:center 19%}.hero-card-side{clip-path:polygon(0 0,88% 0,100% 10%,100% 100%,0 100%);width:42%;height:56%;bottom:0;left:0}.hero-card-side img{object-position:center 12%}.hero-card-label{z-index:2;flex-direction:column;display:flex;position:absolute;bottom:28px;left:34px}.hero-card-label span,.fighter-overlay span,.matchup-player-info>span{color:var(--pink);font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;font-size:9px}.hero-card-label strong{font-family:var(--font-display);text-transform:uppercase;font-size:32px;line-height:.9}.hero-mark{color:var(--paper);font-family:var(--font-display);z-index:4;font-size:44px;font-weight:900;position:absolute}.hero-mark-top{top:17%;left:39%;transform:rotate(-8deg)}.hero-mark-bottom{color:var(--pink);font-family:var(--font-mono);font-size:12px;bottom:12%;right:8%}.hero-stamp{border:1px solid var(--pink);color:var(--pink);font-family:var(--font-mono);letter-spacing:.12em;z-index:4;padding:10px;font-size:9px;line-height:1.4;position:absolute;top:8%;right:6%;transform:rotate(10deg)}.scroll-cue{z-index:3;align-items:center;gap:12px;display:flex;position:absolute;bottom:23px;left:clamp(24px,6vw,96px)}.scroll-cue span:first-child{color:#777174;font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;font-size:9px}.scroll-line{background:var(--pink);width:55px;height:1px}.section-frame{border-top:1px solid var(--line);padding:clamp(80px,10vw,150px) clamp(24px,6vw,96px)}.section-heading{justify-content:space-between;align-items:end;margin-bottom:56px;display:flex}h2{margin-bottom:0;font-size:clamp(64px,8vw,122px)}.section-intro{color:#9d9594;max-width:280px;margin-bottom:6px;font-size:13px;line-height:1.8}.roster-tabs{border-bottom:1px solid var(--line);gap:28px;margin-bottom:24px;display:flex;overflow:auto}.roster-tab{color:#6e686b;font-family:var(--font-mono);text-transform:uppercase;white-space:nowrap;background:0 0;border:0;padding:0 0 16px;font-size:10px}.roster-tab.is-active,.roster-tab:hover{color:var(--paper)}.roster-tab.is-active{border-bottom:2px solid var(--pink)}.roster-grid{grid-template-columns:1.28fr 1fr 1fr;gap:16px;min-height:520px;display:grid}.fighter-card{background:var(--panel);border:1px solid var(--line);text-align:left;min-height:450px;padding:0;transition:border-color .25s,transform .25s;position:relative;overflow:hidden}.fighter-card:hover,.fighter-card.is-selected{border-color:var(--pink);transform:translateY(-7px)}.fighter-card[hidden]{display:none}.fighter-card img{object-fit:cover;width:100%;height:100%;transition:transform .5s,filter .3s}.fighter-card-featured img{object-position:center 18%}.fighter-card:nth-child(2) img{object-position:center 15%}.fighter-card:nth-child(3) img{object-position:center 19%}.fighter-card:hover img{filter:saturate(1.2);transform:scale(1.04)}.fighter-card:after{content:"";pointer-events:none;background:linear-gradient(#0000 35%,#0b0a0deb);position:absolute;inset:0}.fighter-number{color:var(--paper);font-family:var(--font-mono);z-index:2;font-size:10px;position:absolute;top:16px;left:16px}.fighter-overlay{z-index:2;gap:4px;display:grid;position:absolute;bottom:22px;left:22px;right:22px}.fighter-overlay strong{font-family:var(--font-display);text-transform:uppercase;font-size:42px;line-height:.8}.fighter-overlay i{color:var(--pink);font-size:20px;font-style:normal;position:absolute;top:12px;right:0}.roster-footer{align-items:center;gap:22px;margin-top:24px;display:flex}.roster-footer>span:first-child{color:#777174;font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;font-size:9px}.progress{background:var(--line);width:110px;height:2px}.progress i{background:var(--pink);width:24%;height:100%;display:block}.roster-footer .text-link{margin-left:auto}.matchup-section{background:var(--surface)}.matchup-heading{max-width:600px;margin-bottom:48px}.matchup-heading h2{margin-bottom:22px}.matchup-heading>p:last-child{color:#9d9594;max-width:320px;font-size:14px}.matchup-stage{grid-template-columns:1fr 110px 1fr;align-items:center;display:grid}.matchup-player{grid-template-columns:minmax(120px,.85fr) 1fr;align-items:end;gap:26px;display:grid}.matchup-player-right{text-align:right;grid-template-columns:1fr minmax(120px,.85fr)}.matchup-player-right .matchup-portrait{order:2}.matchup-player-info{padding-bottom:13px}.matchup-player-info>span{color:#777174}.matchup-player-info b{color:var(--pink);font-weight:400}.matchup-player-info h3{font-family:var(--font-display);text-transform:uppercase;margin:15px 0 12px;font-size:clamp(40px,5vw,78px);line-height:.82}.matchup-player-info p{color:#888084;font-family:var(--font-mono);margin:0;font-size:10px}.matchup-portrait{border:1px solid var(--line);height:300px;position:relative;overflow:hidden}.matchup-portrait:after{content:"";background:linear-gradient(#0000 45%,#0b0a0d9e);position:absolute;inset:0}.matchup-portrait img{object-fit:cover;width:100%;height:100%}.matchup-player-left .matchup-portrait img{object-position:center 15%}.matchup-player-right .matchup-portrait img{object-position:center 18%}.versus-badge{flex-direction:column;align-items:center;gap:14px;display:flex}.versus-badge span,.versus-badge small{color:#777174;font-family:var(--font-mono);letter-spacing:.1em;font-size:9px}.versus-badge strong{color:var(--pink);font-family:var(--font-display);font-size:66px;font-style:italic;line-height:.8}.matchup-controls{border-top:1px solid var(--line);justify-content:space-between;align-items:center;margin-top:52px;padding-top:18px;display:flex}.matchup-controls>span{color:#777174;font-family:var(--font-mono);text-transform:uppercase;font-size:9px}.launch-message{color:var(--pink);font-family:var(--font-mono);opacity:0;text-align:right;margin-top:14px;font-size:10px;transition:opacity .2s}.launch-message.is-visible{opacity:1}.about-section{grid-template-columns:1.1fr .9fr;align-items:stretch;padding-top:clamp(80px,12vw,180px);padding-bottom:clamp(80px,12vw,180px);display:grid}.about-panel{background:var(--pink);color:#190c14;padding:clamp(32px,6vw,90px)}.about-panel .section-kicker{color:#190c14}.about-panel h2{font-size:clamp(66px,8vw,122px)}.button-light{background:var(--paper);border-color:var(--paper);margin-top:55px}.button-light:hover{background:var(--ink);border-color:var(--ink);color:var(--paper);transform:translateY(-2px)}.about-copy{background:#1c181d;flex-direction:column;justify-content:space-between;align-items:flex-end;padding:clamp(32px,6vw,90px);display:flex}.about-copy>p{font-family:var(--font-display);text-transform:uppercase;max-width:460px;font-size:clamp(30px,3vw,48px);line-height:.98}.about-note{border-top:1px solid var(--line);flex-direction:column;gap:7px;width:100%;padding-top:18px;display:flex}.about-note span{color:#777174;font-family:var(--font-mono);text-transform:uppercase;font-size:9px}.about-note strong{color:var(--pink);font-family:var(--font-display);font-size:24px}.site-footer{border-top:1px solid var(--line);color:#6e686b;font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;justify-content:space-between;align-items:center;padding:30px clamp(24px,6vw,96px);font-size:9px;display:flex}.site-footer .brand{color:var(--paper);font-family:var(--font-display);letter-spacing:-.04em;font-size:18px}.sr-only{clip:rect(0,0,0,0);width:1px;height:1px;margin:-1px;position:absolute;overflow:hidden}@media (width<=900px){.hero-section{grid-template-columns:1fr}.hero-copy{padding-top:76px;padding-bottom:46px}.hero-visual{min-height:620px}.scroll-cue{bottom:18px}.section-heading{flex-direction:column;align-items:start;gap:28px}.roster-grid{grid-template-columns:1fr 1fr}.fighter-card-featured{grid-column:span 2;min-height:540px}.matchup-stage{grid-template-columns:1fr 70px 1fr}.matchup-player{grid-template-columns:1fr;gap:12px}.matchup-player-right{grid-template-columns:1fr}.matchup-player-right .matchup-portrait{order:0}.matchup-portrait{height:250px}.matchup-player-info h3{font-size:48px}.about-section{grid-template-columns:1fr}}@media (width<=640px){.site-header{height:70px}.brand{font-size:21px}.menu-toggle{flex-direction:column;gap:4px;padding:10px 0 10px 10px;display:flex}.menu-toggle>span:not(.sr-only){background:var(--paper);width:24px;height:1px;display:block}.primary-nav{background:var(--surface);border-bottom:1px solid var(--line);flex-direction:column;gap:22px;margin:0;padding:28px 24px;display:none;position:absolute;top:70px;left:0;right:0}.primary-nav.is-open{display:flex}.header-cta{display:none}.hero-section{min-height:auto}.hero-copy{padding:68px 24px 44px}.hero-copy h1{font-size:88px}.hero-description{font-size:13px}.hero-actions{flex-direction:column;align-items:flex-start;gap:22px;margin:30px 0 62px}.hero-meta{justify-content:space-between;gap:16px}.hero-meta strong{font-size:24px}.hero-meta span{font-size:8px}.hero-visual{min-height:560px}.hero-card-main{width:78%;height:82%}.hero-card-side{width:52%;height:54%}.hero-card-label{bottom:22px;left:20px}.hero-card-label strong{font-size:27px}.hero-mark-top{top:20%;left:32%}.hero-stamp{top:5%;right:8%}.section-frame{padding:78px 24px}h2{font-size:76px}.roster-tabs{gap:22px}.roster-grid{grid-template-columns:1fr 1fr;gap:10px;min-height:0}.fighter-card,.fighter-card-featured{grid-column:auto;min-height:360px}.fighter-card-featured{grid-column:span 2;min-height:460px}.fighter-overlay{left:16px;right:16px}.fighter-overlay strong{font-size:31px}.roster-footer{flex-wrap:wrap;align-items:flex-start;gap:14px}.roster-footer .text-link{width:100%;margin-left:0}.matchup-stage{grid-template-columns:1fr 38px 1fr;gap:4px}.matchup-portrait{height:180px}.matchup-player-info h3{margin:10px 0;font-size:34px}.matchup-player-info>span{font-size:7px}.matchup-player-info p{font-size:8px}.versus-badge{gap:9px}.versus-badge strong{font-size:39px}.versus-badge span,.versus-badge small{font-size:7px}.matchup-controls{flex-direction:column;align-items:flex-start;gap:22px}.site-footer{flex-direction:column;align-items:flex-start;gap:15px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}.header-tools{align-items:center;gap:18px;display:flex}.language-switcher,.download-menu{position:relative}.language-button{color:#aaa3a1;font-family:var(--font-mono);letter-spacing:.08em;background:0 0;border:0;align-items:center;gap:8px;padding:10px 0;font-size:10px;display:flex}.language-button span:last-child{color:var(--pink);font-size:14px;line-height:1}.language-menu,.download-dropdown{background:var(--surface);border:1px solid var(--line);opacity:0;pointer-events:none;visibility:hidden;z-index:30;transition:opacity .2s,transform .2s;position:absolute;top:calc(100% + 12px);right:0;transform:translateY(-5px);box-shadow:0 18px 40px #00000059}.language-switcher.is-open .language-menu,.download-menu.is-open .download-dropdown{opacity:1;pointer-events:auto;visibility:visible;transform:translateY(0)}.language-menu{min-width:150px;padding:7px}.language-menu button{color:#898286;font-family:var(--font-mono);text-align:left;background:0 0;border:0;width:100%;padding:11px 12px;font-size:10px}.language-menu button:hover,.language-menu button[aria-selected=true]{background:var(--pink);color:var(--ink)}.download-dropdown{min-width:245px;padding:15px}.download-dropdown p{color:#777174;font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;margin:0 0 9px;font-size:9px}.download-dropdown button{border:0;border-top:1px solid var(--line);text-align:left;background:0 0;grid-template-columns:1fr auto;align-items:center;gap:3px;width:100%;padding:13px 0;display:grid}.download-dropdown button:hover span,.download-dropdown button:hover b{color:var(--pink)}.download-dropdown button span{font-family:var(--font-display);text-transform:uppercase;font-size:22px;line-height:.8}.download-dropdown button small{color:#777174;font-family:var(--font-mono);grid-column:1;font-size:8px}.download-dropdown button b{color:var(--paper);font-family:var(--font-mono);grid-area:1/2/span 2;font-size:15px}.download-toast{background:var(--pink);color:var(--ink);font-family:var(--font-mono);letter-spacing:.08em;opacity:0;pointer-events:none;text-transform:uppercase;z-index:40;padding:14px 18px;font-size:10px;transition:opacity .2s,transform .2s;position:fixed;bottom:24px;left:50%;transform:translate(-50%,10px)}.download-toast.is-visible{opacity:1;transform:translate(-50%)}@media (width<=640px){.header-tools{gap:8px;margin-left:auto;margin-right:8px}.language-button{font-size:9px}.language-menu{right:-45px}.download-dropdown{position:fixed;top:80px;right:18px}.download-toast{text-align:center;width:calc(100% - 32px);bottom:16px}}
