@import "https://fonts.googleapis.com/css2?family=Zen+Kaku+Gothic+New:wght@500;700;900&display=swap";:root{color:#fff;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;background:#050505;font-family:Zen Kaku Gothic New,Noto Sans JP,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;background:#050505}body{background:radial-gradient(circle at 20% 5%,#d9232347,#0000 28rem),radial-gradient(circle at 80% 0,#d7a63238,#0000 24rem),#050505;min-width:320px;min-height:100vh;margin:0;overflow-x:hidden}a{color:inherit}main{position:relative;overflow:hidden}.hero{isolation:isolate;text-align:center;place-items:center;min-height:100svh;padding:48px clamp(18px,4vw,64px) 36px;display:grid;position:relative}.flameLayer,.sparks{z-index:-2;pointer-events:none;position:absolute;inset:0}.flameLayer{filter:blur(1px);background:radial-gradient(at 50% 105%,#ff350ab8 0%,#ff962657 20%,#0000 54%),linear-gradient(115deg,#0000 0 22%,#9b000047 28%,#0000 42% 100%),linear-gradient(245deg,#0000 0 18%,#ffb3362e 28%,#0000 48% 100%);animation:3.8s ease-in-out infinite alternate flamePulse}.sparks{opacity:.75;background-image:radial-gradient(circle,#ffcf54f2 0 1px,#0000 2px),radial-gradient(circle,#ff3c28bf 0 1px,#0000 2px);background-size:120px 160px,190px 230px;animation:10s linear infinite sparkRise}.hero h1{letter-spacing:-.08em;text-shadow:0 0 28px #d923238c,0 0 52px #d7a63247;max-width:1120px;margin:0;font-size:clamp(2.5rem,9vw,7.8rem);line-height:.94}.hero h1 span{color:#d92323;-webkit-text-stroke:1px #ffd87a;place-items:center;margin:0 .08em;font-style:italic;display:inline-grid}.dateLine{color:#ffd87a;letter-spacing:.16em;text-transform:uppercase;background:#d923232e;border:1px solid #ffd87a6b;border-radius:999px;width:fit-content;margin:0 auto 22px;padding:10px 18px;font-size:clamp(.85rem,2.2vw,1.1rem);font-weight:1000;box-shadow:0 0 28px #d923233d}.tagline{color:#0000;background:linear-gradient(90deg,#fff,#ffd87a,#ff4b34,#fff) 0 0/220%;-webkit-background-clip:text;background-clip:text;width:min(900px,100%);margin:16px auto;font-size:clamp(1rem,3vw,1.6rem);font-weight:800;animation:3.5s linear infinite textFlow}.heroDisclaimer{color:#ffffffc7;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#00000061;border:1px solid #ffffff29;border-radius:18px;width:min(760px,100%);margin:0 auto 34px;padding:14px 18px;font-size:clamp(.78rem,2vw,.95rem);line-height:1.75}.heroDisclaimer p{margin:0}.heroMatchup{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:end;gap:clamp(12px,3vw,38px);width:min(1120px,100%);display:grid;position:relative}.fighterVisual{min-width:0}.fighterVisual.left{text-align:right}.fighterVisual.right{text-align:left}.portraitFrame{aspect-ratio:.78;border:1px solid color-mix(in srgb, var(--fighter-accent), white 20%);background:linear-gradient(160deg, #ffffff24, #ffffff05), radial-gradient(circle at 50% 20%, color-mix(in srgb, var(--fighter-accent), transparent 25%), transparent 55%);width:min(330px,38vw);box-shadow:0 0 60px color-mix(in srgb, var(--fighter-accent), transparent 58%);border-radius:32px 32px 10px 10px;margin-inline:auto;position:relative;overflow:hidden}.portraitFrame:before{content:"";background:linear-gradient(0deg, color-mix(in srgb, var(--fighter-accent), #000 55%), transparent);height:42%;position:absolute;inset:auto -12% 0}.portraitFrame img{object-fit:cover;width:100%;height:100%;display:block}.fallbackPortrait{place-items:center;display:grid;position:absolute;inset:0;overflow:hidden}.fallbackPortrait .head{aspect-ratio:1;background:linear-gradient(145deg,#1d1d1d,#090909);border:2px solid #ffffff2e;border-radius:50%;width:28%;position:absolute;top:18%}.fallbackPortrait .shoulders{background:linear-gradient(145deg,#1b1b1b,#050505);border-top:2px solid #ffffff24;border-radius:46% 46% 0 0;width:82%;height:55%;position:absolute;bottom:0}.fallbackPortrait span{letter-spacing:-.08em;color:#ffffff1f;font-size:clamp(2.4rem,8vw,5.5rem);font-weight:1000;position:absolute;bottom:18px}.fighterVisual p{color:#d7a632;letter-spacing:.18em;text-transform:uppercase;margin:14px 0 2px}.fighterVisual h3{margin:0;font-size:clamp(1.15rem,2.7vw,2rem)}.vsBadge{aspect-ratio:1;color:#fff;background:radial-gradient(circle,#d92323 0 38%,#120505 72%);border:2px solid #ffd87a;border-radius:50%;align-self:center;place-items:center;width:clamp(70px,12vw,128px);font-size:clamp(1.5rem,4vw,3rem);font-weight:1000;display:grid;box-shadow:0 0 32px #ffd87a61}.scrollCue{color:#ffffffc7;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid #ffffff2e;border-radius:999px;align-self:start;margin-top:38px;padding:12px 18px;text-decoration:none;display:inline-flex}.section{width:min(1180px,100% - 32px);margin:0 auto;padding:clamp(72px,11vw,128px) 0}.sectionTitle{margin-bottom:34px}.sectionTitle span{color:#d7a632;letter-spacing:.22em;text-transform:uppercase;font-weight:800}.sectionTitle h2{letter-spacing:-.06em;margin:8px 0 0;font-size:clamp(2rem,6vw,4.8rem);line-height:1}.profileGrid,.timelineGrid,.radarGrid,.predictionGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;display:grid}.profileCard,.timelineCard,.radarCard,.predictionCard{background:linear-gradient(145deg,#ffffff18,#ffffff07);border:1px solid #ffffff21;border-radius:28px;box-shadow:inset 0 1px #ffffff1f,0 24px 70px #00000057}.profileCard{padding:clamp(22px,4vw,36px);position:relative;overflow:hidden}.profileCard:after{content:"";background:radial-gradient(circle, color-mix(in srgb, var(--fighter-accent), transparent 40%), transparent 64%);z-index:-1;height:70%;position:absolute;inset:auto -20% -45% 18%}.profileLabel{color:var(--fighter-accent);letter-spacing:.28em;font-weight:1000}.profileCard h3{margin:8px 0 24px;font-size:clamp(1.8rem,4.8vw,3.3rem);line-height:1}.recordGrid{grid-template-columns:repeat(5,1fr);gap:10px;display:grid}.recordLine{text-align:center;background:#0000005c;border-radius:18px;padding:16px 10px}.recordLine strong{color:#fff;font-size:clamp(1.8rem,5vw,3.1rem);display:block}.recordLine span{color:#d7a632;font-weight:800}.bioLine{color:#ffffffbd;margin:22px 0 0}.timelineCard{padding:clamp(22px,4vw,34px)}.timelineCard h3{color:var(--fighter-accent);margin:0 0 26px;font-size:clamp(1.45rem,3vw,2.3rem)}.timelineTrack{padding-left:42px;position:relative}.timelineTrack:before,.timelineProgress{content:"";transform-origin:top;background:#ffffff24;border-radius:999px;width:3px;position:absolute;top:8px;bottom:8px;left:13px}.timelineProgress{background:linear-gradient(#ffd87a, var(--fighter-accent))}.timelineMarker{aspect-ratio:1;border:4px solid var(--fighter-accent);width:22px;box-shadow:0 0 24px var(--fighter-accent);background:#050505;border-radius:50%;position:absolute;left:4px;transform:translateY(-50%)}.timelineItem{padding:0 0 22px;position:relative}.timelineItem span{color:#d7a632;margin-bottom:4px;font-weight:1000;display:inline-flex}.timelineItem p{color:#ffffffdb;margin:0;line-height:1.7}.radarCard{text-align:center;padding:clamp(20px,4vw,32px)}.radarCard h3{color:var(--fighter-accent);margin:0 0 12px;font-size:clamp(1.4rem,3vw,2.15rem)}.radarCard svg{width:min(100%,360px);overflow:visible}.radarRing{fill:none;stroke:#ffffff29;stroke-width:1px}.radarShape{fill:color-mix(in srgb, var(--fighter-accent), transparent 58%);stroke:var(--fighter-accent);stroke-width:4px;filter:drop-shadow(0 0 14px color-mix(in srgb, var(--fighter-accent), transparent 35%))}.radarCard text{fill:#ffffffd1;font-size:12px;font-weight:800}.radarCard ul{text-align:left;gap:8px;margin:12px 0 0;padding:0;list-style:none;display:grid}.radarCard li{background:#00000047;border-radius:12px;justify-content:space-between;gap:12px;padding:10px 12px;display:flex}.radarCard li span{color:#ffd87a;letter-spacing:.08em}.predictionGrid{grid-template-columns:repeat(3,minmax(0,1fr))}.predictionCard{flex-direction:column;gap:10px;min-height:280px;padding:24px;text-decoration:none;transition:transform .25s,border-color .25s;display:flex}.predictionCard:hover{border-color:#d7a632b8;transform:translateY(-6px)}.predictionCard span{color:#ffd87a;background:#d923233d;border-radius:999px;width:fit-content;padding:8px 10px;font-size:.82rem;font-weight:800}.predictionCard h3{margin:0;font-size:1.22rem;line-height:1.45}.predictionCard p{color:#ffffffc7;margin:0;line-height:1.65}.predictionCard .channel{color:#d7a632;font-weight:800}.footer{color:#ffffffb8;background:#ffffff0a;border:1px solid #ffffff24;border-radius:24px;width:min(1180px,100% - 32px);margin:0 auto 28px;padding:26px;line-height:1.75}.footer p{margin:0 0 8px}.footer p:last-child{margin-bottom:0}@keyframes flamePulse{0%{opacity:.82;transform:translateY(0)scale(1)}to{opacity:1;transform:translateY(-18px)scale(1.04)}}@keyframes sparkRise{0%{background-position:0 0,0 0}to{background-position:30px -620px,-60px -720px}}@keyframes textFlow{0%{background-position:0%}to{background-position:220%}}@media (width<=860px){.hero{padding-top:36px}.heroMatchup{grid-template-columns:1fr;gap:18px}.fighterVisual.left,.fighterVisual.right{text-align:center}.portraitFrame{width:min(310px,76vw)}.vsBadge{margin:-8px auto;position:relative}.profileGrid,.timelineGrid,.radarGrid,.predictionGrid{grid-template-columns:1fr}.recordGrid{grid-template-columns:repeat(5,minmax(54px,1fr));overflow-x:auto}}@media (width<=540px){.hero h1{letter-spacing:-.05em}.section{width:min(100% - 24px,1180px)}.profileCard,.timelineCard,.radarCard,.predictionCard{border-radius:20px}.recordGrid{gap:6px}.recordLine{padding:12px 8px}.timelineTrack{padding-left:34px}.radarCard text{font-size:10px}}.lpBehindOpening{pointer-events:none;-webkit-user-select:none;user-select:none}.openingOverlay{z-index:1000;color:#fff;isolation:isolate;background:#000;place-items:center;display:grid;position:fixed;inset:0;overflow:hidden}.openingScene{background:radial-gradient(circle at 50% 42%,#ffffff0e,#0000 32%),linear-gradient(#020202 0%,#050505 45%,#000 100%);place-items:center;display:grid;position:absolute;inset:0;overflow:hidden}.skipOpening{z-index:1010;top:max(18px, env(safe-area-inset-top));right:max(18px, env(safe-area-inset-right));color:#ffffffd1;font:inherit;letter-spacing:.12em;text-transform:uppercase;cursor:pointer;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#00000075;border:1px solid #ffffff52;border-radius:999px;padding:10px 16px;font-size:.82rem;font-weight:800;transition:border-color .2s,color .2s,background .2s;position:fixed}.skipOpening:hover,.skipOpening:focus-visible{color:#fff;background:#ffffff1a;border-color:#ffffffb8;outline:none}.filmGrain{z-index:1001;pointer-events:none;opacity:.08;mix-blend-mode:screen;background-image:radial-gradient(circle,#ffffff8c 0 1px,#0000 1px),radial-gradient(circle,#ffffff4d 0 1px,#0000 1px);background-size:31px 37px,47px 53px;animation:9s steps(7,end) infinite grainDrift;position:absolute;inset:-40%}.typingFrame{align-items:center;width:min(960px,100% - 40px);min-height:clamp(9.4rem,17vw,15.6rem);display:flex}.typingText{color:#ffffffed;letter-spacing:.02em;text-align:left;text-shadow:0 0 28px #ffffff14;white-space:pre-wrap;width:100%;min-height:2.7em;margin:0;font-size:clamp(1.55rem,5.4vw,4.6rem);font-weight:900;line-height:1.35}.typingCaret{color:#ffffffe6;width:.38em;margin-left:.08em;animation:.72s steps(2,jump-none) infinite caretBlink;display:inline-block}.wordScene:before,.collisionScene:before{content:"";z-index:0;opacity:.24;background:linear-gradient(90deg,#ffffff0f 0 1px,#0000 1px) 0 0/16vw 100%,linear-gradient(#ffffff09 0 1px,#0000 1px) 0 0/100% 18vh;position:absolute;inset:0}.wordScene-red{background:radial-gradient(circle at 18%,#ae0f1847,#0000 34%),#000}.wordScene-blue{background:radial-gradient(circle at 82%,#1253be4f,#0000 34%),#000}.sceneLabel{z-index:2;color:#ffffffb8;letter-spacing:.36em;text-transform:uppercase;font-size:clamp(.72rem,1.5vw,1rem);font-weight:900;position:absolute;top:clamp(58px,9vw,96px);left:clamp(18px,4vw,54px)}.titleWordCloud{z-index:1;position:absolute;inset:0}.titleWord{color:#ffffffd6;letter-spacing:-.055em;text-transform:uppercase;white-space:nowrap;will-change:transform, opacity;mix-blend-mode:screen;max-width:min(72vw,940px);font-weight:1000;line-height:.92;display:inline-block;position:absolute}.titleWord-emphasis{letter-spacing:-.07em}.titleWord-red{color:#ff303bd6;text-shadow:0 0 14px #ba121d1f}.titleWord-blue{color:#438bffd6;letter-spacing:-.035em;text-shadow:0 0 14px #1859c41f}.titleWordCloud-blue .titleWord{font-style:italic}.collisionScene{background:radial-gradient(circle at 36%,#b2101e45,#0000 30%),radial-gradient(circle at 64%,#1453b84d,#0000 32%),#000}.collisionScene .titleWord{opacity:.68;filter:saturate(.92)}.witnessText{z-index:3;color:#fff;letter-spacing:.02em;text-align:center;text-shadow:0 4px 24px #000000eb;width:min(980px,100% - 32px);margin:0;font-size:clamp(1.85rem,6vw,5.8rem);font-weight:1000;line-height:1.08;position:relative}.crtScene{background:#000}.crtVanish{transform-origin:50%;background:radial-gradient(#ffffff1f,#0000 34%),#000;position:absolute;inset:0}.crtLine{transform-origin:50%;background:#ffffffeb;height:2px;position:absolute;top:50%;left:8%;right:8%;box-shadow:0 0 18px #ffffff73}.reducedOpening{text-align:center;gap:12px;padding:28px}.reducedOpening p,.reducedOpening h1,.reducedOpening span{margin:0}.reducedOpening p{color:#ffd87a;letter-spacing:.16em;font-weight:1000}.reducedOpening h1{font-size:clamp(2rem,8vw,5.4rem);line-height:1}.reducedOpening span{color:#ffffffb8}@keyframes grainDrift{0%{transform:translate(0,0)}25%{transform:translate(-3%,2%)}50%{transform:translate(2%,-4%)}75%{transform:translate(4%,3%)}to{transform:translate(0,0)}}@keyframes caretBlink{50%{opacity:0}}@media (width<=680px){.skipOpening{padding:9px 13px;top:12px;right:12px}.typingFrame{align-items:center;width:min(100% - 28px,560px);min-height:11.2rem}.typingText{font-size:clamp(1.42rem,8vw,3.1rem)}.sceneLabel{letter-spacing:.22em;top:62px}.titleWord{white-space:normal;max-width:92vw}.witnessText{width:min(100% - 28px,560px);font-size:clamp(2rem,10vw,4.2rem)}}@media (prefers-reduced-motion:reduce){.filmGrain,.typingCaret{animation:none}}.blackoutScene{background:#000}.blackoutBreath{pointer-events:none;mix-blend-mode:screen;filter:blur(1.2px);background:radial-gradient(circle at 50% 52%,#ffffff0e,#0000 22%),repeating-radial-gradient(circle,#ffffff09 0 1px,#0000 1px 5px);position:absolute;inset:-20%}.lpReveal{transform-origin:top}