.match-replay-preview{color:#f4f6f5;background:#101015;min-height:100vh;padding:36px 24px 70px}.match-replay-preview__note,.match-replay-preview__explanation{max-width:1280px;margin:0 auto}.match-replay-preview__note{color:#9d96aa;font:700 11px/1.4 var(--chakra-fonts-body);letter-spacing:.08em;justify-content:space-between;gap:20px;padding-bottom:20px;display:flex}.match-replay-preview__note a{color:#ddd6f4;text-underline-offset:4px;text-decoration:underline}.match-replay{isolation:isolate;background:radial-gradient(70% 90% at 92% 52%,#36234f 0%,#0000 68%),linear-gradient(#1a1b21 0%,#15171b 100%);border:1px solid #4e435f;border-radius:18px;max-width:1280px;min-height:750px;margin:0 auto;position:relative;overflow:hidden;box-shadow:0 24px 64px #0006}.match-replay:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(50% 50% at 83% 30%,#4647da24 0%,#0000 100%);position:absolute;inset:0}.match-replay__noise{opacity:.08;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.6' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.12'/%3E%3C/svg%3E");position:absolute;inset:0}.match-replay__topline,.match-replay__footer{z-index:4;font:700 11px/1.5 var(--chakra-fonts-body);letter-spacing:.08em;justify-content:space-between;gap:20px;display:flex;position:relative}.match-replay__topline{border-bottom:1px solid #b8aaf028;padding:25px 36px}.match-replay__eyebrow{color:#e4dcff}.match-replay__eyebrow i,.match-replay__signal i{background:#8e7bff;border-radius:50%;width:7px;height:7px;margin-right:9px;display:inline-block;box-shadow:0 0 12px #8e7bff99}.match-replay__chapter{color:#9e94b3}.match-replay__stage{grid-template-columns:minmax(0,53%) minmax(0,47%);min-height:630px;display:grid}.match-replay__story{z-index:3;padding:58px 0 58px 58px;position:relative}.match-replay__overline{color:#8e7bff;font:700 12px/1 var(--chakra-fonts-mono);letter-spacing:.15em;text-transform:uppercase;margin:0 0 16px}.match-replay h2{letter-spacing:-.055em;max-width:720px;margin:0;font-size:clamp(38px,4.4vw,64px);font-weight:800;line-height:.98}.match-replay h2 em{color:#c5b9dd;font-style:normal}.match-replay__lead{color:#b9b3c9;max-width:570px;margin:23px 0 32px;font-size:16px;line-height:1.65}.match-replay__chapter-nav{border-top:1px solid #574e6c;gap:0;width:min(100%,550px);display:flex}.match-replay__chapter-nav button{color:#a299b4;text-align:left;cursor:pointer;background:0 0;border:0;flex:1;min-height:60px;padding:13px 4px 12px 0;font-size:13px;font-weight:650;position:relative}.match-replay__chapter-nav button:before{content:"";transform-origin:0;background:0 0;border-radius:10px;height:3px;transition:background .18s;position:absolute;top:-2px;left:0;right:15px}.match-replay__chapter-nav button.is-active{color:#f4f6f5}.match-replay__chapter-nav[data-playing=true] button.is-active:before{animation:3.3s linear both match-replay-progress}.match-replay__chapter-nav button:focus-visible{outline-offset:-3px;outline:2px solid #8e7bff}.match-replay__chapter-nav button span{color:#8e7bff;font:650 10px/1 var(--chakra-fonts-mono);margin-bottom:4px;display:block}.match-replay__report{background:linear-gradient(125deg,#2c2444 0%,#211d31 65%,#191826 100%);border:1px solid #665283;border-radius:14px;width:min(100%,550px);min-height:153px;padding:19px 22px;animation:.22s ease-out both match-replay-enter;box-shadow:12px 12px #07030d61}.match-replay__report-head{color:#d0c2e8;font:650 10px/1.4 var(--chakra-fonts-mono);letter-spacing:.08em;justify-content:space-between;gap:12px;display:flex}.match-replay__signal{color:#f7b1bf}.match-replay__signal i{width:6px;height:6px;box-shadow:none;background:#f09aab;margin-right:3px}.match-replay__report-title{letter-spacing:-.025em;margin:20px 0 6px;font-size:22px;font-weight:700}.match-replay__report-detail{color:#c0b8d0;max-width:480px;margin:0;font-size:13px;line-height:1.5}.match-replay__turn{color:#eeeaf6;margin:30px 0 0;font-size:16px;font-weight:650;display:inline-block}.match-replay__turn:before{content:"↗";color:#8e7bff;margin-right:10px}.match-replay__visual{background:radial-gradient(70% 65%,#5e3f9a50 0%,#0000 72%);min-width:0;position:relative;overflow:hidden}.match-replay__visual:before{content:"";border:1px solid #baa3f030;border-radius:50%;position:absolute;inset:4% -23% -20% -25%;transform:rotate(-28deg);box-shadow:0 0 0 85px #bcb0ff08,0 0 0 170px #bcb0ff06}.match-replay__radar{background:linear-gradient(90deg,#0000 49.85%,#bda8ff18 50%,#0000 50.15%),linear-gradient(#0000 49.85%,#bda8ff18 50%,#0000 50.15%);border:1px solid #bda8ff39;border-radius:50%;width:520px;height:520px;transition:transform .95s cubic-bezier(.2,.8,.2,1);position:absolute;top:40px;left:50%;transform:translate(-50%);box-shadow:inset 0 0 0 110px #3d2d5312,inset 0 0 0 111px #bda8ff22}.match-replay__radar:after{content:"";border:1px dashed #bda8ff26;border-radius:50%;position:absolute;inset:41px}.match-replay__radar-cross{color:#cab8f095;font:400 24px/1 var(--chakra-fonts-mono);position:absolute}.match-replay__radar-cross--a{top:80px;left:74px}.match-replay__radar-cross--b{bottom:81px;right:93px}.match-replay__radar-dot{border:2px solid #8e7bff;border-radius:50%;width:8px;height:8px;transition:transform .95s cubic-bezier(.2,.8,.2,1),opacity .7s;position:absolute;box-shadow:0 0 14px #8e7bff}.match-replay__radar-dot--a{top:22%;right:28%}.match-replay__radar-dot--b{top:48%;left:10%}.match-replay__radar-dot--c{bottom:13%;right:21%}.match-replay__character{z-index:2;object-fit:contain;filter:drop-shadow(-25px 8px 38px #07030dbb)saturate(.88);transition:transform .95s cubic-bezier(.2,.8,.2,1),filter .95s;bottom:-36px;left:50%;transform:translate(-50%);mask-image:linear-gradient(#000 0% 87%,#0000);width:min(650px,120%)!important;max-width:none!important;height:auto!important;position:absolute!important}.match-replay__visual[data-phase=drop] .match-replay__radar-dot--a{transform:translate(-48px,46px)}.match-replay__visual[data-phase=drop] .match-replay__radar-dot--b{transform:translate(30px,-30px)}.match-replay__visual[data-phase=drop] .match-replay__radar-dot--c{transform:translate(-38px,-40px)}.match-replay__visual[data-phase=fight] .match-replay__radar-dot--a{transform:translate(-20px,18px)}.match-replay__visual[data-phase=fight] .match-replay__radar-dot--b{transform:translate(10px,8px)}.match-replay__visual[data-phase=fight] .match-replay__radar-dot--c{transform:translate(30px,-8px)}.match-replay__visual[data-phase=again] .match-replay__radar-dot{opacity:.36}.match-replay__visual[data-phase=again] .match-replay__character{filter:drop-shadow(-25px 8px 38px #07030dbb)saturate(.65);transform:translate(-50%)translateY(13px)}.match-replay__visual-label{z-index:3;font:650 10px/1.5 var(--chakra-fonts-mono);letter-spacing:.09em;background:#181323e0;border-left:2px solid #f09aab;padding:10px 12px;position:absolute;bottom:28px;left:28px}.match-replay__visual-label span,.match-replay__visual-label strong{display:block}.match-replay__visual-label span{color:#a9a0bc}.match-replay__visual-label strong{color:#f09aab;font-weight:700}.match-replay__vertical-mark{writing-mode:vertical-rl;color:#c9bde589;font:650 10px/1 var(--chakra-fonts-mono);letter-spacing:.14em;position:absolute;top:36px;right:22px}.match-replay__footer{color:#a49ab6;border-top:1px solid #b8aaf028;padding:22px 36px}.match-replay__footer span:last-child{color:#d8c9ff}.match-replay-preview__explanation{color:#aca4b9;max-width:900px;padding:24px 0 0;font-size:14px;line-height:1.6}.match-replay-preview__explanation strong{color:#f0eaff}@keyframes match-replay-enter{0%{opacity:0;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}@keyframes match-replay-progress{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@media (width<=950px){.match-replay__stage{grid-template-columns:1fr}.match-replay__story{padding:42px 42px 0}.match-replay__visual{min-height:380px}.match-replay__character{width:min(550px,85%)!important}.match-replay__radar{top:-50px}}@media (width<=580px){.match-replay-preview{padding:18px 12px 40px}.match-replay-preview__note{flex-direction:column;gap:8px}.match-replay__topline,.match-replay__footer{padding:17px 20px}.match-replay__chapter,.match-replay__footer span:first-child{display:none}.match-replay__story{padding:34px 21px 0}.match-replay h1{font-size:clamp(38px,10.2vw,55px)}.match-replay__lead{margin-bottom:24px;font-size:15px}.match-replay__chapter-nav button{min-height:57px;font-size:12px}.match-replay__report{min-height:170px;padding:17px}.match-replay__report-head{font-size:9px}.match-replay__report-title{font-size:20px}.match-replay__turn{margin-top:25px}.match-replay__visual{min-height:380px}.match-replay__character{bottom:-55px;width:116%!important}.match-replay__radar{width:390px;height:390px;top:25px;left:55%}.match-replay__visual-label{bottom:20px;left:20px}}@media (prefers-reduced-motion:reduce){.match-replay__report{animation:none}.match-replay__chapter-nav button:before{transition:none}.match-replay__chapter-nav[data-playing=true] button.is-active:before{animation:none}.match-replay__radar,.match-replay__radar-dot,.match-replay__character{transition:none}}.match-replay{width:100%;max-width:none;min-height:0;box-shadow:none;background:0 0;border:0;border-radius:0;margin:0;overflow:hidden}.match-replay:before,.match-replay__noise,.match-replay__chapter,.match-replay__footer,.match-replay__vertical-mark,.match-replay__radar-cross,.match-replay__visual-label{display:none}.match-replay__topline{font-family:var(--chakra-fonts-body);border:0;padding:56px 0 0}.match-replay__stage{grid-template-columns:minmax(0,52%) minmax(0,48%);min-height:590px}.match-replay__story{padding:25px 0 60px}.match-replay__overline{font-family:var(--chakra-fonts-body);color:var(--chakra-colors-purple-100);font-size:12px;font-weight:700}.match-replay h2{letter-spacing:-.02em;text-transform:uppercase;max-width:560px;font-size:clamp(30px,3.3vw,44px);font-weight:900;line-height:1.1}.match-replay h2 em{color:var(--chakra-colors-fg-muted)}.match-replay__lead{max-width:500px;color:var(--chakra-colors-fg-muted);line-height:1.7}.match-replay__chapter-nav{border-color:var(--chakra-colors-border-subtle)}.match-replay__chapter-nav button span{font-family:var(--chakra-fonts-body);color:var(--chakra-colors-purple-100)}.match-replay__chapter-nav button.is-active:before{background:var(--chakra-colors-purple-300)}.match-replay__report{border:1px solid var(--chakra-colors-border-subtle);background:linear-gradient(165deg,#24262eeb 0%,#17181cd9 100%);border-radius:16px;box-shadow:0 18px 40px -20px #0009}.match-replay__report-head{color:var(--chakra-colors-fg-muted)}.match-replay__report-title{font-size:18px}.match-replay__report-detail{color:var(--chakra-colors-fg-muted)}.match-replay__visual{background:radial-gradient(circle at 60% 45%,#4b50e622 0%,#0000 63%);min-height:590px}.match-replay__visual:before{border-color:#8e7bff16;box-shadow:0 0 0 85px #8e7bff05,0 0 0 170px #8e7bff03}.match-replay__radar{transform:translateX(-50%)translateY(var(--replay-field-offset,0px));background:0 0;border-color:#8e7bff20;box-shadow:inset 0 0 0 110px #8e7bff05,inset 0 0 0 111px #8e7bff10}.match-replay__radar:after{border-color:#8e7bff17}.match-replay__character{transform:translateX(-50%)translateY(calc(var(--replay-image-offset,0px) + var(--phase-offset,0px)));filter:drop-shadow(-20px 10px 30px #0007);bottom:-20px;width:min(470px,100%)!important}.match-replay__visual[data-phase=again]{--phase-offset:13px}.match-replay__visual[data-phase=again] .match-replay__radar{transform:translateX(-50%)translateY(var(--replay-field-offset,0px))scale(1.07)}.match-replay__visual[data-phase=again] .match-replay__character{transform:translateX(-50%)translateY(calc(var(--replay-image-offset,0px) + var(--phase-offset,0px)));filter:drop-shadow(-20px 10px 30px #0007)saturate(.8)}@media (width<=950px){.match-replay__topline{padding-top:36px}.match-replay__stage{grid-template-columns:1fr;min-height:0}.match-replay__story{padding:22px 0 0}.match-replay__visual{min-height:360px}.match-replay__character{bottom:-25px;width:min(430px,78%)!important}}@media (width<=580px){.match-replay__topline{padding-top:26px}.match-replay h2{font-size:clamp(27px,7.7vw,35px)}.match-replay__lead{font-size:15px}.match-replay__story{padding-bottom:0}.match-replay__visual{min-height:320px}.match-replay__character{bottom:-45px;width:min(370px,105%)!important}}._highlight_u9ln6_1{background-image:url(/images/landing/play-modes/highlight.webp);background-repeat:no-repeat;background-size:100% 100%}