@import"https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap";:root{font-family:Manrope,PingFang SC,Microsoft YaHei,sans-serif;color:#e7e8ed;background:#101114;font-synthesis:none;font-weight:400}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #c7ed89;outline-offset:3px}.shell{max-width:1440px;padding:0 42px;margin:auto}header{height:90px;display:flex;align-items:center;border-bottom:1px solid #2c2e33;gap:35px}.brand{font-size:30px;font-weight:800;color:#d7eea7;letter-spacing:-2px;display:flex;gap:14px;align-items:center}.brand span{font-size:12px;letter-spacing:2px;color:#e9e9eb}.edition{color:#777c86;letter-spacing:2px;font-size:10px}.edition b{color:#c4c7ce;margin-left:10px}.live{margin-left:auto;color:#a8aeb8;font-size:11px}.live i,.phase-line i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#c7e777;margin-right:8px}.intro{padding:48px 0 36px;display:flex;align-items:center;justify-content:space-between;gap:30px}.eyebrow{color:#bdcf95;font-size:10px;font-weight:700;letter-spacing:2px;margin:0 0 12px}.intro h1{font-size:37px;letter-spacing:-1px;margin:0 0 17px;line-height:1.4;font-weight:600}.intro h1 span{display:block;color:#9ca3ae}.intro p:not(.eyebrow){font-size:12px;color:#949ba6;line-height:1.8;margin:0}.numbers{display:flex;gap:37px}.numbers div{display:flex;flex-direction:column;gap:8px}.numbers b{font-size:36px;letter-spacing:-2px}.numbers span{font-size:10px;color:#868d98}.roster{display:grid;grid-template-columns:repeat(10,1fr);gap:8px;margin-bottom:28px}.character{position:relative;background:#191b20;border:1px solid #2b2e36;border-radius:8px;height:158px;padding:6px 6px 12px;display:flex;flex-direction:column;align-items:center;color:#cdd0d6;overflow:hidden;transition:background .2s,border-color .2s}.character:hover{background:#242831;border-color:#626c79}.character.selected{background:#252b2a;border-color:var(--accent)}.character .index{position:absolute;left:9px;top:9px;font-size:9px;color:#747f8b}.character img{width:104px;height:104px;image-rendering:pixelated;object-fit:contain;margin-top:-10px}.character strong{font-size:11px;margin-top:3px;white-space:nowrap}.character small{font-size:8px;color:#7e8795;margin-top:6px}.character.selected strong{color:var(--accent)}main{display:grid;grid-template-columns:minmax(0,1fr) 332px;gap:18px}.viewer,aside{border:1px solid #2c2f36;background:#15171c;border-radius:10px;overflow:hidden}.viewer-head{display:flex;justify-content:space-between;align-items:center;padding:24px 26px 0;gap:15px}.viewer-head .eyebrow{font-size:8px;margin-bottom:8px;letter-spacing:1px}.viewer-head h2{font-size:23px;margin:0 0 7px;font-weight:600}.viewer-head p:last-child{font-size:10px;color:#8c96a4;margin:0}.pill{border:1px solid #384038;padding:7px 10px;border-radius:20px;font-size:10px;color:#c8d5ab;white-space:nowrap}.stage{height:auto;aspect-ratio:640/314;position:relative;background:#15171c;display:flex;align-items:center;justify-content:center}.stage canvas{width:100%;height:auto;max-height:100%;image-rendering:pixelated}.stage-label{position:absolute;bottom:12px;left:26px;right:26px;display:flex;justify-content:space-between;font-size:7px;color:#575f6d;letter-spacing:1px}.loading{position:absolute;font-size:11px;color:#9da7b5}.transport{padding:17px 24px;display:flex;gap:12px;border-top:1px solid #252932;align-items:center}.transport button{background:none;border:0;color:#c6cebd;height:32px;width:32px}.transport .play{border-radius:50%;background:#c7e777;color:#222920;font-size:12px}.timeline{flex:1;display:flex;align-items:center;gap:14px}.timeline input{min-width:0;flex:1;accent-color:#c7e777;height:3px}.timeline span{font-size:10px;min-width:77px;color:#cdd4de}.timeline i{color:#5c6878;font-style:normal}select{border:1px solid #353a44;background:#1c2028;color:#bcc5d3;padding:7px 8px;border-radius:5px;font-size:10px;max-width:100%}.phase-line{display:flex;gap:24px;padding:0 27px 15px;font-size:9px;color:#768393;align-items:center}.phase-line>span:first-child{color:#c7dba7}.phase-line button{margin-left:auto;background:none;border:none;color:#919fab;font-size:10px;padding:5px}.options{padding:17px 26px;border-top:1px solid #292d35;display:flex;align-items:center;gap:18px;flex-wrap:wrap}.options label{font-size:10px;color:#8f9bae;display:flex;align-items:center;gap:6px}.options input{accent-color:#c7e777}.options select{margin-left:auto}.states{display:flex;align-items:center;gap:13px;padding:0 26px 20px;font-size:10px;color:#8f9bae}.states small{color:#5e6b7b;font-size:9px}.action-top{display:flex;align-items:center;justify-content:space-between;padding:22px 20px 13px}.action-top h3{margin:0;font-size:15px}.action-top span{font-size:8px;color:#738093;letter-spacing:1px}.tabs{display:flex;gap:2px;padding:0 16px 15px}.tabs button{flex:1;border:0;background:none;color:#69778c;font-size:10px;padding:9px 0;border-bottom:1px solid #30363f}.tabs small{font-size:8px;margin-left:5px}.tabs .active{color:#c7e777;border-bottom-color:#c7e777}.combo-box{margin:0 18px 13px;padding:13px;background:#222925;border:1px solid #354234;border-radius:6px}.combo-box>div:first-child{display:flex;justify-content:space-between;align-items:center}.combo-box b{font-size:10px;color:#c0d3ad}.combo-box button{border:0;background:transparent;color:#829273;font-size:9px;cursor:pointer}.combo-box button.active{color:#d3eeac}.prefix{display:flex;gap:6px;margin-top:12px}.prefix button{flex:1;background:#1a211b;border:1px solid #394535;border-radius:3px;padding:6px}.prefix button.active{background:#c7e777;color:#293022}.combo-box p{font-size:8px;color:#76866f;margin:10px 0 0}.action-list{max-height:420px;overflow:auto;padding:0 14px 15px;scrollbar-width:thin;scrollbar-color:#465249 #1b2028}.action-list button{display:flex;width:100%;gap:13px;text-align:left;align-items:center;border:1px solid transparent;background:none;color:#c6ccd5;border-radius:5px;padding:10px 9px}.action-list button:hover{background:#222932}.action-list button.active{background:#28312a;border-color:#3f543a}.action-list .action-num{font-size:9px;color:#647385}.action-list button div{flex:1;display:flex;flex-direction:column;gap:4px}.action-list strong{font-size:11px;font-weight:500}.action-list small{font-size:8px;color:#65778b}.action-list button>span:last-child{font-size:9px;color:#7c8a9d}.asset-bar{border:1px solid #30373b;border-radius:8px;margin-top:23px;padding:27px;display:flex;justify-content:space-between;gap:25px;align-items:center;background:#1b201d}.asset-bar .eyebrow{font-size:9px;margin-bottom:9px}.asset-bar h3{margin:0 0 9px;font-weight:500;font-size:21px}.asset-bar p:last-child{font-size:11px;color:#8d9c8d;margin:0}.downloads{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end;max-width:385px}.downloads a{border:1px solid #3a443b;border-radius:5px;font-size:10px;padding:11px 14px;color:#c4d1bc}.downloads a.primary{background:#c7e777;border-color:#c7e777;color:#222c1d}.notes{display:grid;grid-template-columns:repeat(3,1fr);gap:36px;padding:30px 5px}.notes span{color:#919e8a;font-size:9px;letter-spacing:1px}.notes p{font-size:10px;color:#637083;line-height:1.9;margin:11px 0 0}footer{border-top:1px solid #2b2f36;padding:25px 0 38px;display:flex;gap:25px;color:#687181;font-size:9px;letter-spacing:.5px}footer span:last-child{margin-left:auto}footer a{color:#adba99}@media(min-width:1500px){.stage{aspect-ratio:640/340}}@media(max-width:1050px){.shell{padding:0 24px}.roster{grid-template-columns:repeat(5,1fr)}.character{height:140px}.intro h1{font-size:30px}.numbers{gap:18px}.numbers b{font-size:29px}main{grid-template-columns:minmax(0,1fr) 290px}.options{gap:9px}.options select{margin-left:0}.states small{display:none}.viewer-head{padding:20px 18px 0}.pill{font-size:8px}.asset-bar{flex-wrap:wrap}}@media(max-width:720px){.shell{padding:0 15px}header{height:70px}.edition{display:none}.brand span{font-size:9px}.intro{display:block;padding:28px 0 23px}.intro h1{font-size:29px}.numbers{margin-top:24px;justify-content:space-between;max-width:310px}.numbers b{font-size:25px}.roster{gap:5px;margin-bottom:15px}.character{height:116px;padding:5px 0 8px;border-radius:5px}.character img{width:78px;height:78px;margin-top:-8px}.character strong{font-size:9px}.character small{font-size:6px}.index{display:none}main{display:flex;flex-direction:column}.viewer-head h2{font-size:19px}.viewer-head p:last-child{font-size:8px}.viewer-head .eyebrow{font-size:6px}.transport{padding:12px 13px;gap:4px}.timeline{gap:5px}.timeline span{font-size:8px;min-width:65px}.stage-label{left:15px;right:15px;font-size:5px}.options,.states{padding-left:16px;padding-right:16px}.options{gap:10px}.options label{font-size:9px}.phase-line{padding-left:16px;padding-right:16px;gap:15px}aside .action-list{max-height:260px}.asset-bar{padding:20px}.asset-bar h3{font-size:19px}.downloads{justify-content:flex-start;max-width:none}.notes{grid-template-columns:1fr;gap:20px;padding:24px 5px}footer{flex-wrap:wrap;gap:12px;font-size:8px}footer span:last-child{margin-left:0}}.matchup{display:flex;align-items:center;gap:15px;margin-bottom:15px}.fighter-picker{flex:1;display:flex;align-items:center;gap:18px;padding:8px 20px;border:1px solid #353a44;background:#191c21;border-radius:8px}.fighter-picker.focused{border-color:#879f64;background:#20261f}.fighter-picker>button{border:0;background:none;color:#abb99a;font-size:11px;text-align:left;min-width:95px}.fighter-picker>img{height:70px;width:70px;object-fit:contain;image-rendering:pixelated}.fighter-picker label{display:flex;flex-direction:column;gap:7px;color:#6e7a89;font-size:8px;flex:1}.fighter-picker select{font-size:12px;width:100%}.swap{background:#232a23;border:1px solid #404d39;color:#c7e777;border-radius:50%;height:35px;width:35px;font-size:19px;flex-shrink:0}.roster-hint{font-size:10px;color:#b3c69a;margin:12px 0}.roster-hint span{color:#627184;margin-left:15px}.viewer-head h2{font-size:20px}.viewer-head h2 em{font-size:11px;font-style:normal;color:#5f6c7e;padding:0 8px}.viewer-head p:last-child{line-height:1.6;max-width:470px}.reaction-fx{padding:0 26px 17px;display:flex;align-items:center;gap:15px;font-size:10px;color:#8f9bae}.reaction-fx label{display:flex;align-items:center;gap:12px}.reaction-fx small{font-size:8px;color:#5e6b7b}.numbers b:last-child{white-space:nowrap}@media(max-width:1050px){.fighter-picker{gap:8px;padding:8px 12px}.fighter-picker>button{min-width:80px}.fighter-picker>img{width:45px;height:60px}.reaction-fx small{display:none}}@media(max-width:720px){.matchup{gap:7px}.fighter-picker{flex-wrap:wrap;gap:3px;padding:9px;position:relative}.fighter-picker>button{min-width:0;font-size:9px;z-index:1}.fighter-picker>img{height:45px;width:45px;margin-left:auto}.fighter-picker label{width:100%;flex:auto}.fighter-picker select{font-size:10px}.swap{width:27px;height:27px;font-size:15px}.roster-hint span{display:none}.viewer-head h2{font-size:15px}.reaction-fx{padding-left:16px;padding-right:16px}.numbers{max-width:350px}.numbers b{font-size:22px}}@media(min-width:721px){header{height:72px}.intro{padding:28px 0 23px}.intro h1{font-size:32px;margin-bottom:10px}.intro h1 span{display:inline;margin-left:8px}.character{height:140px}.character img{width:88px;height:88px}.numbers b{font-size:31px}.roster{margin-bottom:20px}}.quick-motion{display:flex;gap:6px;padding:16px 26px 0}.quick-motion button{background:#1c2227;border:1px solid #343d43;color:#889986;border-radius:5px;padding:6px 11px;font-size:9px}.quick-motion .active{color:#d5e9b6;border-color:#728c55;background:#2a3226}@media(max-width:720px){.quick-motion{padding-left:16px;padding-right:16px}}