.fo-page{--fo-bg: #0b0714;--fo-surface: #170f27;--fo-surface-2: #1f1433;--fo-panel: rgba(20, 12, 34, .9);--fo-panel-2: #140c22;--fo-ink: #f5f0ff;--fo-muted: #a99bc4;--fo-line: #3a2856;--fo-p1: #ff2d55;--fo-p2: #22d3ee;--fo-gold: #ffd400;--fo-gold-2: #ffb800;--fo-gold-hi: #ffe34d;--fo-on-gold: #150a1f;--fo-calm-surface: #16121f;--fo-calm-line: #2a2338;--fo-calm-gold: #d9b45a;--fo-calm-ink: #e6dfef;--fo-display: "Teko", "Arial Narrow", sans-serif;--fo-hud: "Chakra Petch", ui-sans-serif, system-ui, sans-serif;--fo-read: "Inter", ui-sans-serif, system-ui, sans-serif;--fo-glow-gold: 0 0 16px rgba(255, 212, 0, .55);--fo-glow-p1: 0 0 14px var(--fo-p1);--fo-glow-p2: 0 0 14px var(--fo-p2);--fo-gutter: 16px;min-height:100vh;overflow-x:clip;color:var(--fo-ink);background-color:var(--fo-bg);background-image:radial-gradient(120% 60% at 50% 0%,#2a0d3d,#0b0714 60%);background-repeat:no-repeat;font-family:var(--fo-read);-webkit-font-smoothing:antialiased}@media(min-width:768px){.fo-page{--fo-gutter: 24px}}.fo-page ::selection{background:var(--fo-gold);color:var(--fo-on-gold)}.fo-page :focus-visible{outline:2px solid var(--fo-gold);outline-offset:3px}.fo-link{color:var(--fo-p2);text-decoration:underline;text-underline-offset:3px}.fo-link:hover{color:var(--fo-ink)}.fo-label{font:600 .75rem/1.3 var(--fo-hud);text-transform:uppercase;letter-spacing:.1em;color:var(--fo-muted)}.fo-display{display:inline-block;transform:skew(-8deg);transform-origin:left bottom;font-family:var(--fo-display);font-weight:700;text-transform:uppercase;letter-spacing:.01em;text-shadow:3px 3px 0 var(--fo-p1);color:var(--fo-ink)}.fo-h2{font-size:clamp(2.2rem,6vw,3.4rem);line-height:.9;padding-top:.12em}.fo-body{font-size:1.02rem;line-height:1.6;color:var(--fo-muted)}.fo-wrap{max-width:1100px;margin:0 auto;padding-inline:var(--fo-gutter)}.fo-section{padding-block:56px}@media(min-width:768px){.fo-section{padding-block:88px}}.fo-section-head{display:flex;flex-direction:column;gap:16px;max-width:44rem;margin-bottom:32px}.fo-hero{display:grid;gap:28px;padding-top:28px;padding-bottom:40px}@media(min-width:900px){.fo-hero{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);align-items:center;gap:48px;padding-top:72px;padding-bottom:88px}}.fo-hero-text{display:flex;flex-direction:column;gap:16px;min-width:0}.fo-name{font:700 .85rem/1.2 var(--fo-hud);text-transform:uppercase;letter-spacing:.14em;color:var(--fo-gold)}.fo-h1{font-size:clamp(2.6rem,11vw,5.2rem);line-height:.86;padding-top:.1em;padding-right:.3em;text-wrap:balance}.fo-h1:after{content:"";display:block;width:64%;height:6px;margin-top:14px;background:var(--fo-gold);transform:skew(-30deg);box-shadow:var(--fo-glow-gold)}.fo-lede{font-size:1.05rem;line-height:1.55;color:var(--fo-ink);max-width:36rem}@media(min-width:900px){.fo-lede{font-size:1.15rem}}.fo-facts{display:grid;gap:6px;margin:4px 0 0;padding:0;list-style:none;font:500 .95rem/1.4 var(--fo-read);color:var(--fo-ink)}.fo-facts li{position:relative;padding-left:18px}.fo-facts li:before{content:"";position:absolute;left:2px;top:.55em;width:7px;height:7px;transform:rotate(45deg);background:var(--fo-gold)}.fo-cta{display:flex;flex-wrap:wrap;align-items:center;gap:10px 18px;margin-top:10px}.fo-notify{display:inline-block;padding:12px 24px;transform:skew(-10deg);border-radius:4px;background:linear-gradient(180deg,var(--fo-gold-hi),var(--fo-gold-2));color:var(--fo-on-gold);font:700 .95rem/1.2 var(--fo-hud);text-transform:uppercase;letter-spacing:.06em;text-decoration:none;box-shadow:var(--fo-glow-gold)}.fo-notify:hover{background:var(--fo-gold-hi)}.fo-store{margin:0;font:500 .85rem/1.4 var(--fo-hud);color:var(--fo-muted)}.fo-store-label{color:var(--fo-gold);font-weight:700}.fo-faceoff{position:relative;width:100%;max-width:300px;aspect-ratio:65 / 100;margin:0 auto}@media(max-width:899px){.fo-faceoff{max-width:min(300px,78vw);aspect-ratio:100 / 80}.fo-faceoff .fo-fighter{width:44%}}@media(min-width:900px){.fo-faceoff{max-width:440px}}.fo-fighter{position:absolute;width:56%}.fo-fighter-a{top:0;left:0;z-index:1}.fo-fighter-b{right:0;bottom:0;z-index:2}.fo-frame{position:relative;width:100%;aspect-ratio:3 / 4;overflow:hidden;background:var(--fo-panel-2);box-shadow:inset 0 0 0 2px var(--fo-p1),var(--fo-glow-p1);clip-path:polygon(8% 0,100% 0,92% 100%,0 100%)}.fo-fighter-b .fo-frame{box-shadow:inset 0 0 0 2px var(--fo-p2),var(--fo-glow-p2);clip-path:polygon(0 0,92% 0,100% 100%,8% 100%)}.fo-frame:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;box-shadow:inset 0 0 0 3px var(--fo-p1)}.fo-fighter-b .fo-frame:after{box-shadow:inset 0 0 0 3px var(--fo-p2)}.fo-frame img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:50% 15%;display:block}.fo-flip{transform:scaleX(-1)}.fo-vs{position:absolute;top:50%;left:50%;z-index:3;translate:-50% -50%;display:inline-block;transform:skew(-10deg);font:700 clamp(2.6rem,9vw,4.2rem) / .8 var(--fo-display);color:var(--fo-gold);text-shadow:3px 3px 0 var(--fo-p1),0 0 18px rgba(255,212,0,.5);padding-top:.12em}@keyframes fo-in-a{0%{opacity:0;transform:translate(-28px,-28px)}to{opacity:1;transform:none}}@keyframes fo-in-b{0%{opacity:0;transform:translate(28px,28px)}to{opacity:1;transform:none}}@keyframes fo-vs-pulse{0%{transform:skew(-10deg) scale(1.6);opacity:0}60%{transform:skew(-10deg) scale(.92);opacity:1}to{transform:skew(-10deg) scale(1)}}@media(prefers-reduced-motion:no-preference){.fo-fighter-a{animation:fo-in-a .42s cubic-bezier(.16,1,.3,1) both}.fo-fighter-b{animation:fo-in-b .42s cubic-bezier(.16,1,.3,1) 80ms both}.fo-vs{animation:fo-vs-pulse .46s ease-out .36s both}}.fo-steps{display:grid;gap:14px;list-style:none;margin:0;padding:0}@media(min-width:640px){.fo-steps{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:1024px){.fo-steps{grid-template-columns:repeat(4,minmax(0,1fr))}}.fo-step{position:relative;display:flex;flex-direction:column;gap:8px;padding:18px 18px 20px;background:var(--fo-panel);border:1px solid var(--fo-line);border-top:3px solid var(--fo-p1);border-radius:4px}.fo-step:nth-child(2n){border-top-color:var(--fo-p2)}.fo-step-num{display:inline-block;align-self:flex-start;transform:skew(-10deg);font:700 2.6rem/.8 var(--fo-display);color:var(--fo-gold);text-shadow:2px 2px 0 var(--fo-p1);padding-top:.12em}.fo-step h3,.fo-panel h3{font:700 1.05rem/1.25 var(--fo-hud);text-transform:uppercase;letter-spacing:.05em;color:var(--fo-ink)}.fo-step p,.fo-panel p{font-size:.98rem;line-height:1.55;color:var(--fo-muted)}.fo-family{display:grid;gap:16px}@media(min-width:768px){.fo-family{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}}.fo-panel{display:flex;flex-direction:column;gap:10px;padding:24px 24px 26px;border-radius:4px}.fo-panel-duel{background:var(--fo-panel);border:1px solid var(--fo-line);border-left:4px solid var(--fo-p1);border-right:4px solid var(--fo-p2);box-shadow:-8px 0 22px -14px var(--fo-p1),8px 0 22px -14px var(--fo-p2)}.fo-panel-calm{background:var(--fo-calm-surface);border:1px solid var(--fo-calm-line);border-top:3px solid var(--fo-calm-gold)}.fo-panel-calm h3{color:var(--fo-calm-gold)}.fo-panel-calm p{color:var(--fo-calm-ink);opacity:.8}.fo-stories{display:grid;gap:32px}@media(min-width:900px){.fo-stories{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:56px}.fo-stories .fo-section-head{margin-bottom:0}}.fo-story{margin:0;display:flex;flex-direction:column;gap:10px;padding:22px 20px 24px;background:var(--fo-panel);border:1px solid var(--fo-line);border-radius:4px;box-shadow:0 24px 50px -30px #000c;font:400 1.02rem/1.6 var(--fo-read);color:var(--fo-ink)}.fo-story-meta{display:flex;flex-direction:column;gap:4px;padding-bottom:12px;margin-bottom:4px;border-bottom:1px solid var(--fo-line)}.fo-story-matchup{font:600 .95rem/1.3 var(--fo-hud);color:var(--fo-ink)}.fo-story-title{font:600 1.6rem/1.05 var(--fo-display);padding-top:.1em;color:var(--fo-ink)}.fo-story-winner{margin-top:6px;font-weight:700;color:var(--fo-gold)}.fo-story-why{font-style:italic;color:var(--fo-muted)}.fo-roster{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px 6px;list-style:none;margin:0;padding:0}@media(min-width:640px){.fo-roster{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px 8px}}@media(min-width:1024px){.fo-roster{grid-template-columns:repeat(6,minmax(0,1fr))}}.fo-tile{position:relative;aspect-ratio:1;overflow:hidden;background:linear-gradient(180deg,var(--fo-surface-2),var(--fo-panel-2));clip-path:polygon(10% 0,100% 0,90% 100%,0 100%)}.fo-tile img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:50% 30%;display:block}.fo-tile:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none;box-shadow:inset 0 0 0 1px var(--fo-line)}.fo-tile-hero:after{box-shadow:inset 0 0 0 1px #ff2d558c}.fo-tile-animal:after{box-shadow:inset 0 0 0 1px #22d3ee80}.fo-tile-strip{position:absolute;left:0;right:0;bottom:0;z-index:1;padding:14px 12% 6px;background:linear-gradient(180deg,transparent,rgba(5,2,10,.85) 45%,rgba(5,2,10,.94))}.fo-tile-name{display:block;font:700 clamp(.56rem,1.9vw,.8rem) / 1.15 var(--fo-hud);text-transform:uppercase;letter-spacing:.02em;color:#fff;word-break:normal;overflow-wrap:normal;-webkit-hyphens:manual;hyphens:manual}.fo-faq{display:flex;flex-direction:column;max-width:48rem;border-top:1px solid var(--fo-line)}.fo-faq details{border-bottom:1px solid var(--fo-line)}.fo-faq summary{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:56px;padding:14px 0;cursor:pointer;list-style:none;font:600 1.05rem/1.35 var(--fo-hud);color:var(--fo-ink)}.fo-faq summary::-webkit-details-marker{display:none}.fo-faq summary:after{content:"+";flex:none;font:700 1.8rem/1 var(--fo-display);color:var(--fo-gold)}.fo-faq details[open] summary:after{content:"−"}.fo-faq details p{padding-bottom:18px;max-width:42rem;line-height:1.6;color:var(--fo-muted)}.fo-sibling{display:flex;flex-direction:column;gap:12px;padding:24px;border:1px solid var(--fo-line);border-left:4px solid var(--fo-gold);border-radius:4px;background:var(--fo-panel)}.fo-sibling h2{font:700 1.2rem/1.25 var(--fo-hud);text-transform:uppercase;letter-spacing:.04em}.fo-sibling p{color:var(--fo-muted);line-height:1.6}.fo-legal{max-width:44rem;margin:0 auto;padding:40px var(--fo-gutter) 64px}.fo-legal h1{display:block;margin-top:20px;font:600 clamp(2.4rem,7vw,3.2rem) / .95 var(--fo-display);text-transform:uppercase;letter-spacing:.01em;padding-top:.1em;color:var(--fo-ink)}.fo-legal h2{margin-top:36px;font:600 1.7rem/1 var(--fo-display);text-transform:uppercase;letter-spacing:.02em;padding-top:.1em;color:var(--fo-ink)}.fo-legal p{margin-top:14px;line-height:1.7;color:#d9d0ea}.fo-legal .fo-back{font:600 .85rem/1.3 var(--fo-hud);text-transform:uppercase;letter-spacing:.06em}.fo-legal-updated{font:600 .75rem/1.3 var(--fo-hud)!important;text-transform:uppercase;letter-spacing:.1em;color:var(--fo-muted)!important}.fo-legal-lede{margin-top:24px!important;padding-left:16px;border-left:3px solid var(--fo-gold);font-size:1.05rem}
