*{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100%;overflow:hidden;background:#000;color:#fff;font-family:PingFang SC,Microsoft YaHei,Noto Sans CJK SC,system-ui,sans-serif}#stage{position:fixed;inset:0;width:100%;height:100%;display:block}#hud{position:fixed;top:14px;left:50%;transform:translate(-50%);width:min(1120px,94vw);display:grid;grid-template-columns:1fr 76px 1fr;gap:10px;align-items:start;pointer-events:none}.side .name{font:900 20px/1.2 Impact,Arial Black,sans-serif;letter-spacing:2px;text-shadow:2px 2px 0 #000;display:flex;gap:8px;align-items:baseline}.side .name span{font:700 13px system-ui;color:#ffd84a;letter-spacing:0}.side.p2 .name{justify-content:flex-end}.difficulty-label{display:none;height:16px;font:700 12px/16px system-ui,sans-serif;color:#ffe085;text-align:right;white-space:nowrap;text-shadow:0 1px 3px #000}.wins{color:#ffd84a;font-style:normal;font-size:16px}.life{position:relative;height:18px;margin-top:4px;border:2px solid #f4f4f4;background:#b0121b;box-shadow:0 0 0 2px #000,inset 0 2px #0006}.life i,.life b{position:absolute;top:0;bottom:0;right:0}.p2 .life i,.p2 .life b{left:0;right:auto}.life b{background:#ff8a3c}.life i{background:linear-gradient(#fff56e,#f2b705 60%,#d88f00);transition:width .05s}.life i.low{animation:blink .3s steps(2) infinite}@keyframes blink{50%{filter:brightness(1.6)}}#timer{text-align:center;font:900 46px/1 Impact,Arial Black,sans-serif;color:#fff;text-shadow:3px 3px 0 #b3170f,0 0 10px #000}#meters{position:fixed;bottom:128px;left:50%;transform:translate(-50%);width:min(1120px,94vw);display:flex;justify-content:space-between;pointer-events:none}.meter{position:relative;width:240px;height:14px;border:2px solid #ddd;background:#00001e99}.meter span{position:absolute;top:-17px;font:900 12px Impact,sans-serif;letter-spacing:2px;color:#9fe3ff}.meter.p2 span{right:0}.meter i{position:absolute;top:0;bottom:0;left:0;background:linear-gradient(#a8f0ff,#2f86ff)}.meter.p2 i{left:auto;right:0}.meter.full i{animation:blink .25s steps(2) infinite;background:linear-gradient(#fff,#ffcf3a)}.callout{position:fixed;top:132px;font:900 22px PingFang SC,sans-serif;color:#fff;text-shadow:2px 2px 0 #b3170f,0 0 8px #000;opacity:0;transition:opacity .2s;pointer-events:none}.callout.p1{left:6vw}.callout.p2{right:6vw}.callout.show{opacity:1}.combo{position:fixed;top:34%;font:900 40px Impact,sans-serif;font-style:italic;color:#ffe14d;text-shadow:3px 3px 0 #c0140c;opacity:0;pointer-events:none}.combo.p1{left:5vw}.combo.p2{right:5vw}.combo.show{opacity:1;animation:pop .15s ease-out}#banner{position:fixed;top:38%;left:50%;transform:translate(-50%,-50%);font:900 84px Impact,Arial Black,sans-serif;font-style:italic;color:#ffd84a;text-shadow:5px 5px 0 #b3170f,0 0 24px rgba(0,0,0,.7);letter-spacing:4px;opacity:0;pointer-events:none;white-space:nowrap}#banner.show{opacity:1;animation:pop .2s ease-out}@keyframes pop{0%{transform:translate(-50%,-50%) scale(1.5)}to{transform:translate(-50%,-50%) scale(1)}}.combo.show{animation:none}#info{position:fixed;left:10px;top:170px;font:11px/1.4 ui-monospace,monospace;color:#cfe;text-shadow:1px 1px 0 #000;pointer-events:none;white-space:pre}#help{position:fixed;bottom:8px;left:50%;transform:translate(-50%);width:min(1260px,98vw);display:grid;grid-template-columns:1.15fr .9fr 1.15fr;gap:10px;pointer-events:none;transition:opacity .2s}#help.hidden{opacity:0}.pad{background:#060a18a8;border:1px solid rgba(255,255,255,.12);border-radius:8px;padding:6px 10px;font-size:11.5px;line-height:1.65;color:#dfe6f5}.pad h3{font-size:12.5px;color:#ffd84a}.pad.p2 h3{color:#7fd0ff}.pad .moves{color:#b7c3dc}kbd{display:inline-block;min-width:18px;padding:0 4px;text-align:center;font:600 10.5px/15px ui-monospace,monospace;color:#fff;background:#1d2440;border:1px solid #4a5684;border-bottom-width:2px;border-radius:4px;margin:0 1px}.pads{font-size:10.5px;color:#8590ab}#loading{position:fixed;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;background:radial-gradient(circle at 50% 40%,#3a1d14,#050302 70%);transition:opacity .5s;z-index:10}#loading.done{opacity:0;pointer-events:none}#loading .title{font:900 clamp(28px,6vw,52px) Impact,sans-serif;font-style:italic;color:#ffd84a;text-shadow:4px 4px 0 #b3170f;white-space:nowrap}.progress{width:min(320px,85vw);height:10px;border:2px solid #fff}.progress i{display:block;height:100%;width:0;background:#f2b705;transition:width .2s}#progress-text{font-size:13px;color:#c9b8aa}.progress.indeterminate{overflow:hidden}.progress.indeterminate i{animation:loading-progress 1.4s ease-in-out infinite}@keyframes loading-progress{0%{transform:translate(-100%)}to{transform:translate(340%)}}#loading.error .progress{display:none}#loading.error #progress-text{max-width:min(640px,85vw);line-height:1.7;overflow-wrap:anywhere}#loading-retry{padding:9px 22px;border:1px solid #ffd84a;border-radius:4px;background:#3a1d14;color:#ffd84a;font:inherit;cursor:pointer}#loading-retry:hover{background:#5a2c1c}body.match-started :is(#help,#info,#banner,.callout,.combo,.meter span,.touch-tip,#touch-help,#touch-guide){display:none}body.match-started #hud{align-items:center}body.match-started .difficulty-label{display:block}body.match-started .life{margin-top:0}body.match-started .side.p1 .life{margin-top:16px}body.match-started:not(.touch-mode) #meters{bottom:20px}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}body:not(.match-started) :is(#hud,#meters,#help,#info,#banner,.callout,.combo){visibility:hidden}#match-setup{position:fixed;inset:0;z-index:9;display:grid;place-items:center;align-items:safe center;padding:24px;overflow-y:auto;background:linear-gradient(115deg,#030711f0,#070e1ec2);backdrop-filter:blur(5px)}#match-setup[hidden]{display:none}.setup-panel{position:relative;width:min(960px,100%);padding:36px 38px 30px;border:1px solid #49505f;border-top:4px solid #ffd84a;background:repeating-linear-gradient(135deg,transparent,transparent 9px,rgba(255,255,255,.012) 10px,rgba(255,255,255,.012) 11px),#0b101c;box-shadow:12px 12px #00000059,0 20px 80px #0009;animation:setup-in .25s ease-out}.setup-panel:after{content:"";position:absolute;right:-1px;top:-4px;width:74px;height:4px;background:#f25339}.setup-kicker{font:700 11px/1.4 Courier New,monospace;letter-spacing:3px;color:#99aec8}.setup-matchup{margin:10px 0 28px;font:900 clamp(30px,5.5vw,65px)/1.1 Impact,"Arial Black",sans-serif;letter-spacing:1px;color:#edf3ff}.setup-matchup em{display:inline-block;margin:0 10px;color:#ffd84a;text-shadow:3px 3px #ad251c;font-size:.75em}.setup-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:18px}.setup-heading h1{font-size:clamp(20px,3vw,27px);font-weight:800;letter-spacing:1px}#selected-difficulty{color:#ffd84a;font-size:12px;white-space:nowrap}#difficulty-form fieldset{border:0;min-inline-size:0}#difficulty-options{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.difficulty-option{position:relative;display:block;cursor:pointer}.difficulty-option input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;z-index:1;cursor:pointer}.difficulty-card{display:flex;flex-direction:column;gap:12px;min-height:144px;padding:16px;border:1px solid #354357;background:#111d2d;transition:transform .16s,border-color .16s,background .16s}.difficulty-rank{font:900 32px/1 Impact,Arial Black,sans-serif;color:#64778e}.difficulty-name{font-size:19px;font-weight:800;color:#d8e3f0}.difficulty-dots{display:flex;gap:4px;margin-top:auto}.difficulty-dots i{display:block;width:12px;height:4px;background:#29364a;transform:skew(-18deg)}.difficulty-dots .filled{background:#6d859f}.difficulty-option:hover .difficulty-card{border-color:#90a7c1}.difficulty-option input:checked+.difficulty-card{transform:translateY(-4px);border-color:#ffd84a;background:linear-gradient(150deg,#49381b,#211d16);box-shadow:inset 0 3px #ffd84a}.difficulty-option input:checked+.difficulty-card :is(.difficulty-rank,.difficulty-name){color:#ffe58e}.difficulty-option input:checked+.difficulty-card .filled{background:#ffd84a}.difficulty-option input:focus-visible+.difficulty-card{outline:2px solid #9bdbff;outline-offset:4px}.difficulty-option[data-level="5"] .difficulty-name{color:#ff927d}#match-setup[data-level="5"] :is(#selected-difficulty,.setup-matchup em){color:#ff927d}#difficulty-detail{min-height:46px;padding-top:18px;font-size:14px;line-height:1.7;color:#b7c6d9}.setup-footer{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:20px;padding-top:22px;border-top:1px solid #2a3546}.setup-footer p{color:#c1cddd;font-size:13px}.setup-footer p span{margin:0 3px;color:#ffd84a;font-weight:800}.setup-footer small{display:block;margin-top:8px;font-size:11px;color:#8092a8}#start-match{min-width:220px;padding:16px 30px;color:#17140c;background:#ffd84a;border:1px solid #ffe793;box-shadow:4px 4px #8f5a18;font-family:inherit;font-size:17px;font-weight:800;line-height:1.2;letter-spacing:2px;cursor:pointer;transition:background .15s,transform .15s}#start-match:hover{background:#ffe994;transform:translateY(-1px)}#start-match:focus-visible{outline:2px solid #9bdbff;outline-offset:5px}#start-match:disabled{opacity:.5;cursor:wait}#match-result{margin:-6px 0 16px;padding:10px 14px;border-left:3px solid #ffd84a;background:#24202a;color:#ffe8a2;font-size:14px;font-weight:700}#match-result[hidden]{display:none}.tutti-credit{display:flex;align-items:baseline;justify-content:center;flex-wrap:wrap;gap:.28em;margin-top:30px;padding-top:20px;border-top:1px solid #2a3546;color:#e8eefb;font-size:clamp(15px,2vw,20px);font-weight:900;letter-spacing:.08em;text-shadow:1px 1px 0 #51657b,2px 2px 0 #283849,3px 3px 0 #111b29,4px 5px 6px #000}.tutti-credit span,.tutti-credit a{font-family:Impact,Arial Black,sans-serif;font-size:1.15em;letter-spacing:.035em}.tutti-credit span{color:#ffe795}.tutti-credit a{display:inline-block;padding:2px 10px 4px;border:1px solid #ffe88e;color:#231709;background:linear-gradient(160deg,#fff3a7,#ffd84a 45%,#c88620);box-shadow:inset 0 2px #fff8c9,2px 2px #b76b16,4px 4px #754018,6px 7px 10px #0009;text-decoration:none;text-shadow:1px 1px 0 #fff4aa;transform:skew(-8deg);transition:transform .16s,box-shadow .16s,filter .16s}.tutti-credit a span{color:inherit;font-size:.8em}.tutti-credit a:hover{filter:brightness(1.12);transform:skew(-8deg) translateY(-3px);box-shadow:inset 0 2px #fff8c9,2px 5px #b76b16,4px 7px #754018,6px 10px 13px #0009}.tutti-credit a:focus-visible{outline:2px solid #9bdbff;outline-offset:5px}#loading .loading-credit{width:min(520px,88vw);margin-top:28px;padding-top:24px;font-size:clamp(15px,2.3vw,22px);border-color:#54463c}@keyframes setup-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 640px){#match-setup{padding:16px}.setup-panel{padding:24px 18px;margin-block:auto}.setup-matchup{margin-bottom:24px}#difficulty-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.difficulty-card{min-height:104px;padding:12px;gap:8px}.difficulty-rank{font-size:25px}.difficulty-name{font-size:17px}.difficulty-option:last-child{grid-column:1 / -1}.difficulty-option:last-child .difficulty-card{flex-direction:row;align-items:center;min-height:70px}.difficulty-option:last-child .difficulty-dots{margin:0 0 0 auto}.setup-footer{flex-direction:column;align-items:stretch;gap:18px;margin-top:8px}#difficulty-detail{min-height:62px}#start-match{width:100%}}@media (prefers-reduced-motion: reduce){.setup-panel{animation:none}.difficulty-card,#start-match{transition:none}}#touch-controls{display:none}body.touch-mode{width:var(--game-width);height:var(--game-height);position:absolute;overscroll-behavior:none;touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;--touch-button: clamp(58px, calc(var(--game-height) * .18), 78px);--stick-size: clamp(118px, calc(var(--game-height) * .39), 168px);--edge: max(22px, env(safe-area-inset-left), env(safe-area-inset-right))}body.touch-portrait{transform-origin:0 0;transform:translate(var(--physical-width)) rotate(90deg)}.touch-mode #stage{width:100%;height:100%;touch-action:none}.touch-mode #touch-controls{display:block;position:fixed;inset:0;z-index:5;pointer-events:none}body:not(.match-started) #touch-controls{visibility:hidden}.touch-mode #help{display:none}.touch-mode #hud{width:calc(100% - var(--edge) * 2);top:max(10px,env(safe-area-inset-top));grid-template-columns:1fr 52px 1fr;gap:8px}.touch-mode .side .name{font-size:17px;gap:5px}.touch-mode .side .name span{font-size:10px}.touch-mode .life{height:13px}.touch-mode #timer{font-size:35px}.touch-mode #meters{width:calc(100% - var(--edge) * 2);bottom:auto;top:max(65px,calc(env(safe-area-inset-top) + 56px))}.touch-mode .meter{width:26%;height:8px}.touch-mode .meter span{top:-12px;font-size:9px}.touch-mode #banner{font-size:clamp(36px,calc(var(--game-height) * .16),76px);top:34%}.touch-mode .callout{top:92px;font-size:15px}.touch-mode .combo{font-size:28px}.touch-mode #loading .title{font-size:38px}.touch-mode #info{display:none}.touch-toolbar{position:absolute;top:max(62px,calc(env(safe-area-inset-top) + 54px));left:50%;transform:translate(-50%);display:flex;gap:6px}.touch-toolbar button,#touch-close-guide{pointer-events:auto;min-width:44px;min-height:36px;padding:5px 10px;border:1px solid #a9c4d84d;border-radius:7px;background:#081321b3;color:#e3edf5;font-family:inherit;font-size:11px;font-weight:600;touch-action:manipulation}#touch-stick{position:absolute;left:calc(var(--edge) + 12px);bottom:max(30px,calc(env(safe-area-inset-bottom) + 12px));width:var(--stick-size);height:var(--stick-size);border-radius:50%;pointer-events:auto;touch-action:none;border:1px solid #d5e5f84f;background:radial-gradient(circle,#17283a4d 0 38%,#8cb9dd12 39% 68%,#b8d9f522 69% 70%,#08132144 71%);box-shadow:inset 0 0 22px #02081277,0 3px 12px #0003}#touch-stick.active{border-color:#e9d087c4}.stick-thumb{position:absolute;top:50%;left:50%;width:42%;height:42%;border-radius:50%;transform:translate(-50%,-50%);background:radial-gradient(circle at 35% 25%,#c1dded9c,#375570ae 65%,#122538c9);border:1px solid #d2e6f994;box-shadow:inset 0 2px 5px #e9f4ff33,0 4px 12px #0006;pointer-events:none}.active .stick-thumb{border-color:#ffdc88;box-shadow:0 0 16px #f0cc5e44}.stick-axis{position:absolute;top:50%;left:50%;background:#b8d9f51c;transform:translate(-50%,-50%)}.stick-axis.horizontal{width:82%;height:1px}.stick-axis.vertical{height:82%;width:1px}.stick-arrow{position:absolute;color:#e0edff99;font-size:16px;line-height:1}.stick-arrow.up{top:8%;left:calc(50% - 5px)}.stick-arrow.down{bottom:8%;left:calc(50% - 5px)}.stick-arrow.left{left:8%;top:calc(50% - 8px)}.stick-arrow.right{right:8%;top:calc(50% - 8px)}.stick-caption{position:absolute;bottom:-22px;width:100%;text-align:center;font-size:10px;letter-spacing:2px;color:#d1dfefb3;text-shadow:0 1px 3px #000}.touch-actions{position:absolute;right:var(--edge);bottom:max(23px,calc(env(safe-area-inset-bottom) + 12px));display:grid;grid-template-columns:repeat(2,var(--touch-button));gap:10px 14px;transform:rotate(-7deg)}.touch-action{width:var(--touch-button);height:var(--touch-button);border-radius:50%;border:1px solid #efd58e99;color:#ffe9b2;background:radial-gradient(circle at 38% 24%,#c2974c80,#483319bb 60%,#1c1919aa);box-shadow:inset 0 0 0 4px #ffe3a411,inset 0 1px 5px #ffe3a433,0 3px 10px #0006;pointer-events:auto;touch-action:none;font-family:inherit;display:grid;align-content:center;justify-items:center;gap:3px;transform:rotate(7deg)}.touch-action span{font-size:14px;font-weight:800;text-shadow:0 1px 2px #0008}.touch-action small{font:8px/1 Courier New,monospace;letter-spacing:1px;opacity:.6}.touch-action.kick{border-color:#a0d6f7aa;color:#d0edff;background:radial-gradient(circle at 38% 24%,#6ba4cc80,#19394dbb 60%,#111f2daa)}.touch-action[aria-pressed=true]{background:#c7993dcc;border-color:#fff1ba;box-shadow:0 0 20px #f5c86180,inset 0 0 0 4px #fff2;transform:rotate(7deg) scale(.93)}.touch-action.kick[aria-pressed=true]{background:#387aa8dd;border-color:#dbf6ff;box-shadow:0 0 20px #73c9ff80}.touch-tip{position:absolute;bottom:max(12px,env(safe-area-inset-bottom));left:50%;transform:translate(-50%);font-size:10px;color:#d1dfef99;white-space:nowrap;text-shadow:0 1px 3px #000}#touch-guide{pointer-events:auto;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(390px,80%);padding:20px 24px;border:1px solid #d0b26c;border-radius:12px;background:#081321f5;box-shadow:0 12px 60px #000a}#touch-guide[hidden]{display:none}#touch-guide h2{font-size:19px;color:#ffe095;margin-bottom:8px}#touch-guide p{font-size:11px;line-height:1.7;color:#afc1d2}#touch-guide dl{display:grid;grid-template-columns:1fr 1.7fr;gap:10px;font-size:13px;margin:15px 0}#touch-guide dd{color:#ffe095}#touch-close-guide{position:absolute;right:8px;top:8px;font-size:20px}.touch-mode #match-setup{padding:12px var(--edge)}.touch-mode .setup-panel{width:min(860px,100%);padding:15px 22px;margin:auto}.touch-mode .setup-kicker{font-size:9px}.touch-mode .setup-matchup{font-size:32px;margin:5px 0 12px}.touch-mode .setup-heading{margin-bottom:10px}.touch-mode .setup-heading h1{font-size:19px}.touch-mode #difficulty-options{grid-template-columns:repeat(5,minmax(0,1fr));gap:7px}.touch-mode .difficulty-card{min-height:83px;padding:10px;gap:7px}.touch-mode .difficulty-rank{font-size:22px}.touch-mode .difficulty-name{font-size:15px}.touch-mode .difficulty-option:last-child{grid-column:auto}.touch-mode .difficulty-option:last-child .difficulty-card{flex-direction:column;align-items:initial;min-height:83px}.touch-mode .difficulty-option:last-child .difficulty-dots{margin:auto 0 0}.touch-mode #difficulty-detail{padding-top:10px;font-size:11px;min-height:28px}.touch-mode .setup-footer{flex-direction:row;align-items:center;gap:10px;margin-top:8px;padding-top:10px}.touch-mode .setup-footer p{font-size:11px}.touch-mode .setup-footer small{font-size:0;margin-top:4px}.touch-mode .setup-footer small:after{content:"左侧摇杆移动 · 右侧拳脚攻击";font-size:10px}.touch-mode #start-match{min-width:150px;width:auto;padding:12px 22px;font-size:15px}@media (prefers-reduced-motion: reduce){.touch-mode *{animation-duration:.01ms!important}}