@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800;900&family=DM+Sans:wght@400;500;600;700&display=swap');
:root{color-scheme:dark;--ink:#111121;--paper:#f7f2dc;--acid:#d4ff3f;--pink:#ff57bd;--purple:#7955e7}*{box-sizing:border-box}body{margin:0;background:var(--ink);color:var(--paper);font-family:'DM Sans',system-ui,sans-serif}a{color:inherit;text-decoration:none}button,a{touch-action:manipulation}button:focus-visible,a:focus-visible{outline:3px solid var(--acid);outline-offset:5px}header{height:86px;display:flex;align-items:center;justify-content:space-between;padding:0 6vw;border-bottom:1px solid #ffffff20}.brand{font-family:'Barlow Condensed',Impact,sans-serif;font-size:23px;font-weight:900;line-height:.85;letter-spacing:-.5px}.brand span{color:var(--acid)}nav{display:flex;gap:28px;align-items:center;font-size:12px;text-transform:uppercase;font-weight:800;letter-spacing:1.5px}.play-link,.button{background:var(--acid);color:#151520;padding:15px 24px;display:inline-flex;gap:28px;align-items:center;border:0;font:800 13px 'DM Sans',sans-serif;text-transform:uppercase;letter-spacing:1px}.hero{position:relative;overflow:hidden;min-height:665px;background:radial-gradient(ellipse at 80% 25%,#ad58d0 0,transparent 55%),#6441ad;padding:66px 6vw 55px;isolation:isolate}.hero:after{content:'';position:absolute;z-index:-1;inset:0;opacity:.11;background:repeating-linear-gradient(115deg,transparent 0 6px,#000 7px 8px)}.hero-copy{position:relative;z-index:2;max-width:620px;pointer-events:none}.hero-copy a{pointer-events:auto}.kicker{font:800 11px 'DM Sans',sans-serif;text-transform:uppercase;letter-spacing:3px;color:var(--acid);display:flex;gap:12px;align-items:center}.kicker:before{content:'';height:1px;width:28px;background:currentColor}h1,h2,h3{font-family:'Barlow Condensed',Impact,'Arial Narrow',sans-serif;text-transform:uppercase;line-height:.9;margin:0;letter-spacing:-1px}h1{font-size:clamp(70px,8.5vw,140px);margin:26px 0 20px;font-weight:900;text-shadow:3px 4px 0 #17132c}h1 .fresh{color:var(--acid);display:block;transform:rotate(-3deg);transform-origin:left}h1 .bel-air{color:var(--paper);display:block}h1 small{font-size:24px;letter-spacing:8px;color:#f7deed;display:block;line-height:2.4;text-shadow:none}.hero p{font-size:15px;line-height:1.7;color:#e4d9f4;max-width:365px}.hero .button{margin:22px 0;box-shadow:5px 5px 0 #30233f}.hero-fighters{position:absolute;inset:0 0 0 auto;width:min(61vw,900px);z-index:1;transform:rotate(-3deg);pointer-events:none}.hero-fighters .figure{position:absolute;bottom:2%;height:auto;aspect-ratio:1;background-repeat:no-repeat;filter:drop-shadow(7px 10px 0 #221b343a)}.hero-fighters .figure.two{width:64%;right:-4%;bottom:0;opacity:.9}.hero-fighters .figure.one{width:82%;right:20%;z-index:1}.hero-fighters .figure,.fighter-card .portrait{background-size:calc(var(--atlas-columns,3) * 100%) calc(var(--atlas-rows,2) * 100%);background-position:var(--atlas-x,0%) var(--atlas-y,0%)}.hero-stamp{position:absolute;right:4vw;top:30px;font:900 12px 'DM Sans',sans-serif;background:var(--pink);color:var(--ink);width:94px;height:94px;border-radius:50%;display:grid;place-content:center;text-align:center;transform:rotate(12deg);line-height:1.6}.ticker{background:var(--acid);color:#161622;display:flex;justify-content:space-around;gap:18px;padding:16px;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:2px;overflow:hidden;white-space:nowrap}.section{padding:64px 6vw}.section-heading{display:flex;justify-content:space-between;gap:25px;align-items:end;margin-bottom:30px}h2{font-size:clamp(44px,5vw,70px)}.section-heading p{max-width:390px;color:#a5a2b7;font-size:13px;line-height:1.7;margin:0}.section-heading .count{color:var(--pink)}.roster{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}.fighter-card{position:relative;display:flex;flex-direction:column;background:#242337;border:1px solid #ffffff0d;transition:transform .2s,background .2s;min-width:0}.fighter-card:hover{transform:translateY(-6px);background:#413164;border-color:var(--pink)}.fighter-card .portrait{width:100%;height:auto;aspect-ratio:1;flex-shrink:0;background-repeat:no-repeat;position:relative}.fighter-card .number{position:absolute;top:10px;left:12px;z-index:1;font-size:10px;color:#bdb7d0}.fighter-info{flex:1;padding:15px 12px 16px;border-top:1px solid #ffffff0a}.fighter-info h3{font-size:25px;letter-spacing:0}.fighter-info .super{font-size:10px;color:#bab3cb;line-height:1.5;margin:9px 0 0;min-height:30px}.fighter-info .super b{font-size:8px;letter-spacing:1px;color:var(--pink);display:block}.fighter-info .actor{font-size:9px;display:block;line-height:1.4;color:#b3a4ce;margin:6px 0}.roster-note{font-size:12px;color:#a39cb4;margin-top:20px}.stages-section{background:#1b1a2b}.stages{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.stage-card{background:#28243d;overflow:hidden}.stage-art{aspect-ratio:16/10;background:linear-gradient(#70a9d9,#e3c9a2);position:relative}.stage-art img{width:100%;height:100%;object-fit:cover}.stage-card .label{padding:17px}.stage-card h3{font-size:27px}.stage-card p{font-size:10px;text-transform:uppercase;letter-spacing:1.5px;color:#c0b7d1;margin-bottom:0}.stage-card:hover img{transform:scale(1.03);transition:transform .3s}.feature-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;padding:50px 6vw;background:#f0ead4;color:#201c32}.feature-strip strong{font:900 31px 'Barlow Condensed',Impact,sans-serif;text-transform:uppercase}.feature-strip p{font-size:12px;line-height:1.8;color:#666071}.feature-strip .tag{font-size:10px;color:#7955e7;font-weight:900;letter-spacing:2px;display:block;margin-bottom:13px}.footer{display:flex;justify-content:space-between;gap:20px;padding:28px 6vw;color:#8d889f;font-size:10px;line-height:1.7}footer a{color:var(--acid)}.backline{display:flex;gap:20px;margin-bottom:30px}.stage-page .stage-card{max-width:none}.stage-page .stages{grid-template-columns:repeat(2,minmax(0,1fr))}.stage-page .stage-art{aspect-ratio:16/9}.visually-hidden{position:absolute;left:-9999px}
@media(max-width:1100px){.roster{grid-template-columns:repeat(4,1fr)}.stages{grid-template-columns:repeat(2,1fr)}.hero-fighters{opacity:.7;width:62%;right:-8%}.hero-copy{max-width:530px}h1{font-size:105px}}
@media(max-width:900px){.hero{padding-bottom:390px}.hero-fighters{inset:auto 0 -20px auto;width:580px;height:430px;opacity:1}.hero-stamp{top:auto;bottom:300px;right:5vw}}
@media(max-width:700px){header{height:72px;padding:0 5vw}nav{gap:14px;font-size:10px}nav .play-link{display:none}.hero{padding:38px 5vw 365px;min-height:0}.hero-copy{max-width:none}h1{font-size:clamp(66px,12vw,85px)}h1 small{font-size:17px;letter-spacing:5px}.hero p{font-size:13px;max-width:320px}.hero-fighters{inset:auto 0 -10px auto;width:min(100%,520px);height:380px;opacity:1}.hero-fighters .figure.one{width:80%;right:24%}.hero-fighters .figure.two{width:68%;right:-3%}.hero-stamp{width:70px;height:70px;font-size:9px;top:auto;bottom:270px;right:8vw}.ticker{justify-content:flex-start;font-size:9px}.section{padding:42px 5vw}.section-heading{display:block}.section-heading p{margin-top:18px}.roster{grid-template-columns:repeat(2,minmax(0,1fr))}.fighter-info h3{font-size:28px}.stages,.stage-page .stages{grid-template-columns:1fr}.feature-strip{grid-template-columns:1fr;gap:18px}.footer{display:block}.footer>div{margin:14px 0}}


/* Published game and journal links on the title page. */
.hero-actions{display:flex;flex-wrap:wrap;gap:14px;align-items:center}.hero-actions .button{margin-bottom:10px}.hero-actions .button-secondary{background:#30233f;color:#f7f2dc;border:1px solid #d4ff3f66;gap:18px}.hero .published-game-link{margin-top:10px;max-width:440px;font-size:12px}.published-game-link span{display:block;font-size:9px;font-weight:800;letter-spacing:2px;color:#f7f2dc99}.published-game-link a{display:inline-block;padding:7px 0;color:var(--acid);text-decoration:underline;text-underline-offset:4px;overflow-wrap:anywhere}