:root{font-family:-apple-system,BlinkMacSystemFont,'PingFang SC','Microsoft YaHei',sans-serif;color:#edf5f8;--lime:#d9ee7c;--ice:#9cdae9;--navy:#0b1c30}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#0b1c30;overscroll-behavior:none}body{user-select:none;-webkit-user-select:none}button{font:inherit;color:inherit;border:0;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation}button:focus-visible{outline:2px solid #e9f599;outline-offset:5px}button:active{transform:scale(.96)}button:disabled{cursor:default}#world,#vignette,#flash{position:fixed;inset:0;width:100%;height:100%}#world{display:block;touch-action:none}#vignette{pointer-events:none;background:linear-gradient(90deg,rgba(5,16,31,.45),transparent 55%),linear-gradient(0deg,rgba(4,16,29,.75),transparent 33%,transparent 78%,rgba(4,16,29,.3))}#flash{pointer-events:none;background:#d2fbff;opacity:0;transition:opacity .15s}.hidden{display:none!important}.eyebrow{font-size:11px;letter-spacing:3px;font-weight:600;color:#c4d2df}#loading{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;background:#0b1c30;z-index:20}#loading h1{font-size:55px;letter-spacing:8px;margin:24px}#loading p{font-size:13px;color:#aabfcf}.load-line{width:160px;height:2px;background:#24435c;overflow:hidden}.load-line:after{content:'';display:block;width:65px;height:2px;background:var(--lime);animation:loading 1.4s infinite}@keyframes loading{from{transform:translateX(-65px)}to{transform:translateX(160px)}}#menu{position:fixed;inset:0;background:linear-gradient(90deg,rgba(5,17,32,.92),rgba(6,20,34,.6) 43%,transparent 75%)}.menu-copy{position:absolute;left:max(6vw,env(safe-area-inset-left));top:50%;transform:translateY(-50%);width:340px}.brand-mark{color:var(--lime);font-size:20px;vertical-align:middle;margin-right:7px}.menu-copy h1{font-size:clamp(46px,6vw,78px);line-height:1.13;letter-spacing:4px;margin:20px 0 10px;font-weight:850}.menu-copy h1 span{color:var(--lime);display:block}.tagline{font-size:15px;color:#b9cbd7;letter-spacing:2px;margin:15px 0 20px}.location{font-size:11px;color:#a1bacb;display:flex;align-items:center;gap:8px;margin-bottom:25px}.location i{width:5px;height:5px;border-radius:50%;background:var(--lime)}.select-label{font-size:12px;display:flex;justify-content:space-between;color:#c5d4df;margin:0 0 10px}.select-label span{font-size:10px;color:#7892a4}.roster{display:flex;gap:10px;margin-bottom:14px}.fighter-card{position:relative;text-align:left;padding:12px 15px;background:#132c40bb;border:1px solid #55718455;border-radius:10px;flex:1;transition:background .2s,border .2s;overflow:hidden}.fighter-card.selected{background:#243c40dd;border-color:var(--lime)}.card-num{position:absolute;right:11px;top:10px;font:10px monospace;opacity:.5}.fighter-card strong{display:block;font-size:19px;letter-spacing:1px;margin-bottom:5px}.fighter-card>span:not(.card-num){font-size:11px;color:#bdcbd4}.card-line{display:block;height:2px;width:28px;margin-top:10px;background:var(--ice)}.card-line.lime{background:var(--lime)}.primary{width:100%;padding:17px 20px;text-align:left;border-radius:9px;font-weight:750;font-size:16px;letter-spacing:2px;background:var(--lime);color:#152731;box-shadow:0 7px 25px #060e1833;display:flex;justify-content:space-between;align-items:center}.primary span{font-size:23px;line-height:1}.menu-links{display:flex;align-items:center;justify-content:space-between;margin-top:15px;font-size:11px;color:#91aabd}.menu-links button{background:transparent;padding:7px 0;font-size:12px;color:#d9e6ec}.menu-caption{position:absolute;right:6vw;bottom:7vh;text-align:right}.menu-caption span{font-size:10px;letter-spacing:3px;color:var(--lime)}.menu-caption p{font-size:14px;letter-spacing:1px;color:#c7d7e0}#portrait-hint{display:none}#hud{position:fixed;left:max(5vw,env(safe-area-inset-left));right:max(5vw,env(safe-area-inset-right));top:max(22px,env(safe-area-inset-top));display:flex;align-items:flex-start;gap:20px;pointer-events:none}.fighter-hud{flex:1;max-width:420px}.fighter-meta{display:flex;align-items:center;gap:10px;margin-bottom:9px}.fighter-meta strong{font-size:18px;letter-spacing:2px;text-shadow:0 2px 10px #0008}.fighter-meta>span{font-size:10px;color:#c0d4de;border:1px solid #a8c2ce55;padding:2px 7px;border-radius:3px}.wins{display:flex;gap:5px;margin-left:auto}.wins i{width:7px;height:7px;border:1px solid #d7e6ee88;transform:rotate(45deg)}.wins i.won{background:var(--lime);border-color:var(--lime)}.health-track{height:10px;background:#10283cbb;border:1px solid #9cb8c355;padding:2px;transform:skewX(-12deg)}.health-track>div{height:100%;width:100%;background:linear-gradient(90deg,#a9cc6e,#e4edb2);transition:width .16s}.energy-track{height:3px;background:#0c2436aa;width:70%;margin-top:7px}.energy-track>div{height:100%;width:35%;background:#f0d89b;transition:width .2s}.opponent .health-track>div{background:linear-gradient(90deg,#e6fbff,#78bbc9);margin-left:auto}.opponent .fighter-meta{justify-content:flex-end}.opponent .wins{margin-right:auto;margin-left:0}.opponent .energy-track{margin-left:auto}.opponent .energy-track>div{margin-left:auto;background:#b8def4}.match-clock{width:76px;text-align:center;flex-shrink:0;position:relative}.match-clock>span{display:block;font-size:9px;letter-spacing:2px;color:#c6d7df}.match-clock strong{font-size:38px;font-weight:400;line-height:1.2;font-variant-numeric:tabular-nums}.match-clock button{background:#18364a99;color:#d7e7ed;border:1px solid #8da6b633;border-radius:50%;width:31px;height:31px;pointer-events:auto;margin-top:6px;font-size:12px}#announcement{position:fixed;left:0;right:0;top:37%;text-align:center;pointer-events:none;font-size:clamp(30px,5vw,65px);font-weight:800;letter-spacing:8px;color:#f5f1d8;text-shadow:0 2px 25px #091b2f;animation:announce .3s ease-out}@keyframes announce{from{transform:scale(1.12);opacity:0}to{transform:scale(1);opacity:1}}#dialogue{position:fixed;left:50%;transform:translateX(-50%);top:26%;padding:9px 18px;background:#122b3dd9;backdrop-filter:blur(10px);border:1px solid #c2d8df33;border-radius:20px;white-space:nowrap;font-size:12px;letter-spacing:1px}#hit-label{position:fixed;top:45%;left:50%;font-size:20px;font-weight:800;color:#f8e6ac;pointer-events:none;text-shadow:0 2px 10px #000;transform:rotate(-6deg)}#controls{position:fixed;inset:0;pointer-events:none}#move-pad{position:absolute;left:max(5vw,env(safe-area-inset-left));bottom:max(43px,calc(env(safe-area-inset-bottom) + 20px));width:205px;height:80px;display:flex;align-items:center;justify-content:center;gap:13px;border:1px solid #c6e5ef44;border-radius:45px;background:#16344860;backdrop-filter:blur(10px);touch-action:none;pointer-events:auto}.pad-arrow{font-size:32px;color:#b4d0dc}.pad-track{width:95px;height:5px;border-radius:4px;background:#c2dce344;position:relative}#move-knob{width:42px;height:42px;position:absolute;top:-18px;left:27px;border-radius:50%;background:#dcebefcc;border:1px solid #ffffffb0;box-shadow:0 2px 16px #07142355;pointer-events:none}#move-pad small{position:absolute;bottom:-22px;left:0;right:0;text-align:center;font-size:10px;letter-spacing:1px;color:#9ebdcd}.action-buttons{position:absolute;right:max(5vw,env(safe-area-inset-right));bottom:max(40px,calc(env(safe-area-inset-bottom) + 20px));display:flex;align-items:flex-end;gap:13px;pointer-events:auto}.action{border-radius:50%;display:flex;align-items:center;justify-content:center;flex-direction:column;position:relative;touch-action:none;box-shadow:0 4px 20px #05162655;border:1px solid #cee7ed55;background:#153447b8;backdrop-filter:blur(10px)}.action strong{font-size:13px;letter-spacing:1px;font-weight:600}.action small{font:8px -apple-system,sans-serif;color:#b1ccd9;margin-top:5px}.action-icon{font-size:27px;line-height:1.1;margin-bottom:4px}.action.secondary{width:74px;height:74px;margin-bottom:0}.action.attack{width:96px;height:96px;background:#d8ed88e8;color:#1a3036;border:2px solid #eef5ccbb;box-shadow:0 0 28px #c7e97520}.action.attack small{color:#4b665e}.action.special{width:80px;height:80px;background:#7b775e44;border-color:#eed6a75a;color:#dbcba9;margin-bottom:21px}.action.special.ready{background:#e7c782;color:#2d2d29;box-shadow:0 0 25px #e4ce9d44}.action.special.ready small{color:#454c3a}.action.unavailable{opacity:.48}.action i{position:absolute;inset:-4px;border-radius:50%;border:2px solid transparent;pointer-events:none}.controls-footer{position:absolute;left:5vw;right:5vw;bottom:max(9px,env(safe-area-inset-bottom));display:flex;justify-content:space-between;font-size:8px;letter-spacing:2px;color:#a5bfcc88}.controls-footer button{background:none;color:#a5bfcc;font-size:10px;letter-spacing:1px;padding:0;pointer-events:auto}#overlay{position:fixed;inset:0;z-index:10;background:#081828aa;backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center;padding:20px}.panel{width:390px;max-width:100%;max-height:100%;overflow:auto;padding:32px;background:#102c3ef5;border:1px solid #94b3c244;border-radius:18px;box-shadow:0 20px 80px #04101d66}.panel h2{font-size:27px;letter-spacing:2px;margin:16px 0}.panel p{font-size:13px;line-height:1.9;color:#baceD9}.panel .primary{margin-top:23px}.plain{background:none;width:100%;padding:15px 0 0;font-size:12px;color:#b5c9d5}.stat-row{display:flex;justify-content:space-between;border-bottom:1px solid #adc7d022;padding:10px 0;font-size:13px;color:#bbd2df}.stat-row strong{color:#e5edb5}.rules-line{margin:12px 0}.rules-line b{color:#e3edb5}.panel .eyebrow{font-size:10px}
@media(min-width:1400px){.menu-copy{width:380px}#move-pad{width:230px;height:90px}.action-buttons{gap:20px}.action.attack{width:112px;height:112px}}
@media(orientation:landscape) and (max-height:570px){.menu-copy{width:300px;left:max(5vw,env(safe-area-inset-left));}.menu-copy h1{font-size:43px;margin:10px 0 5px;display:flex;gap:8px}.tagline{font-size:12px;margin:9px 0 12px}.location{margin-bottom:15px;font-size:10px}.eyebrow{font-size:9px}.fighter-card{padding:9px 12px}.fighter-card strong{font-size:17px}.card-line{margin-top:7px}.primary{padding:12px 17px;font-size:14px}.menu-links{margin-top:7px}.select-label{font-size:11px}.menu-caption{bottom:6vh}.menu-caption p{font-size:11px}.action-buttons{gap:10px;bottom:max(30px,calc(env(safe-area-inset-bottom) + 10px))}.action.attack{width:82px;height:82px}.action.secondary{width:65px;height:65px}.action.special{width:72px;height:72px;margin-bottom:12px}#move-pad{width:180px;height:66px;bottom:max(38px,calc(env(safe-area-inset-bottom) + 18px))}#hud{top:max(12px,env(safe-area-inset-top));gap:14px}.fighter-meta strong{font-size:15px}.fighter-meta{margin-bottom:6px}.match-clock strong{font-size:30px}.match-clock button{width:25px;height:25px;margin-top:1px}.health-track{height:9px}#dialogue{top:25%;font-size:11px}.panel{padding:22px;max-width:410px}.panel h2{font-size:23px;margin:10px 0}.panel p{font-size:12px;line-height:1.7}.panel .primary{margin-top:15px}.rules-line{margin:8px 0}}
@media(orientation:portrait){#menu{background:linear-gradient(0deg,#071a2ff2 10%,#071a2fa8 60%,#071a2f22)}.menu-copy{top:auto;bottom:7%;left:7%;width:86%;transform:none}.menu-copy h1{display:flex;gap:10px;font-size:48px;margin:15px 0 8px}.tagline{font-size:13px;margin:10px 0 15px}.location{margin-bottom:19px}.menu-caption{display:none}#portrait-hint{display:block;position:absolute;top:max(20px,env(safe-area-inset-top));left:0;right:0;text-align:center;font-size:11px;color:#dbecf0;letter-spacing:1px}.fighter-card{padding:12px 16px}.primary{padding:16px 19px}#hud{left:5%;right:5%;gap:9px;top:max(20px,env(safe-area-inset-top))}.fighter-meta{gap:5px;flex-wrap:wrap}.fighter-meta strong{font-size:14px;letter-spacing:0}.fighter-meta>span{font-size:9px;padding:1px 4px}.wins{width:100%;margin:0!important}.opponent .wins{justify-content:flex-end;order:3}.health-track{height:9px}.match-clock{width:48px}.match-clock strong{font-size:32px}.match-clock>span{font-size:7px;letter-spacing:0}#move-pad{width:145px;height:69px;left:5%;bottom:max(57px,calc(env(safe-area-inset-bottom) + 30px));gap:6px}.pad-track{width:72px}#move-knob{left:15px}.action-buttons{right:5%;bottom:max(48px,calc(env(safe-area-inset-bottom) + 20px));width:162px;height:158px;display:block}.action.attack{position:absolute;bottom:0;right:0;width:82px;height:82px}.action.secondary{position:absolute;left:0;bottom:0;width:65px;height:65px}.action.special{position:absolute;right:14px;top:0;width:70px;height:70px;margin:0}.action strong{font-size:12px}.action small{font-size:7px}#announcement{top:35%;font-size:33px;letter-spacing:3px}#dialogue{top:22%;font-size:11px;padding:9px 13px;max-width:90%;white-space:normal;line-height:1.6}.controls-footer{bottom:max(15px,env(safe-area-inset-bottom))}.panel{padding:26px}.energy-track{width:85%}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}

.action:disabled{opacity:.48;cursor:default}

/* v0.2: weapon-duel presentation, readable silhouettes and portrait references. */
.fighter-card{padding-left:76px;min-height:102px;background:#102d43e8}.fighter-card:before{content:'';position:absolute;left:7px;top:8px;bottom:8px;width:58px;border-radius:5px;background-image:url(assets/fighter-portraits.jpg);background-size:auto 100%;background-repeat:no-repeat;background-position:left center;box-shadow:inset 0 0 0 1px #e4f1fb22}.fighter-card[data-hero="xiaoxue"]:before{background-position:right center}.fighter-card.selected{background:#283b3ae8;box-shadow:0 0 25px #b3dd5820}.fighter-card strong{font-size:19px}.fighter-card>span:not(.card-num){font-size:9px;white-space:nowrap}.card-num{font-size:8px;right:8px;top:7px}.card-line{width:23px}.fighter-hud{position:relative;padding-left:48px}.fighter-hud.opponent{padding-left:0;padding-right:48px}.hud-avatar{position:absolute;left:0;top:0;width:38px;height:46px;border:1px solid #e3ecaf99;border-radius:4px;background-image:url(assets/fighter-portraits.jpg);background-size:auto 100%;background-position:left center}.hud-avatar.xiaoxue{background-position:right center;border-color:#9bd9e9}.opponent .hud-avatar{left:auto;right:0}.health-track{height:13px;box-shadow:0 2px 12px #03111f66}.fighter-meta strong{font-weight:800}.energy-track{height:4px}.action.attack{background:linear-gradient(135deg,#f0edb0,#ddbb68);border-color:#fff0b3;box-shadow:0 0 30px #d6c78135}.action.special.ready{background:linear-gradient(135deg,#ccf7ff,#75cce4);color:#123348;border-color:#d9faff;box-shadow:0 0 28px #71d8eb66}.action.special.ready small{color:#285567}.action.attack .action-icon{font-size:32px}#hit-label{top:33%;left:48%;font-size:19px;letter-spacing:2px;padding:5px 10px;color:#fff2bc;white-space:nowrap;text-shadow:0 2px 10px #031426;transform:rotate(-7deg)}#hit-label.heavy-hit{font-size:26px;color:#fff7d4}#combo-callout{position:fixed;left:24%;top:29%;display:flex;align-items:baseline;gap:7px;color:#f5e5a6;text-shadow:0 3px 12px #0b1b2f;transform:skew(-8deg);pointer-events:none}#combo-callout b{font-size:58px;font-style:italic;font-weight:900;line-height:1}#combo-callout span{font-size:14px;letter-spacing:3px}#special-banner{position:fixed;left:50%;top:25%;transform:translateX(-50%) skewX(-7deg);background:linear-gradient(90deg,#102c44dd,#23455fee,#102c44dd);border-top:1px solid #d4efec88;border-bottom:1px solid #d4efec88;color:#e9f9ff;padding:9px 35px;font-size:20px;font-weight:800;letter-spacing:4px;white-space:nowrap;box-shadow:0 4px 40px #081b37bb;pointer-events:none}#announcement{font-style:italic;letter-spacing:5px;color:#fff1b0;-webkit-text-stroke:1px #e4dfb522;text-shadow:0 4px 0 #6a4b32,0 8px 35px #061425;}
@media(orientation:landscape) and (max-height:570px){.fighter-card{min-height:86px;padding-left:62px;padding-top:12px}.fighter-card:before{width:46px}.fighter-card strong{font-size:17px}.fighter-card>span:not(.card-num){font-size:8px}.menu-copy{width:322px}.card-line{margin-top:8px}.health-track{height:11px}.fighter-hud{padding-left:43px}.fighter-hud.opponent{padding-right:43px}.hud-avatar{width:34px;height:39px}.action.attack{width:90px;height:90px}.action.special{margin-bottom:14px}.fighter-meta>span{font-size:8px;padding:2px 4px}#special-banner{font-size:16px;padding:7px 25px}#combo-callout b{font-size:43px}}
@media(orientation:portrait){.fighter-hud{padding-left:0;padding-top:40px}.fighter-hud.opponent{padding-right:0;padding-top:40px}.hud-avatar{width:35px;height:35px}.fighter-meta strong{font-size:14px}.fighter-meta>span{font-size:8px}.fighter-card{min-height:103px;padding-left:72px}.fighter-card:before{width:54px}.fighter-card strong{font-size:19px}.fighter-card>span:not(.card-num){font-size:8px}#dialogue{top:21%}#special-banner{top:29%;font-size:16px;padding:8px 17px;letter-spacing:2px}#combo-callout{left:12%;top:35%}#combo-callout b{font-size:45px}#hit-label{top:39%;left:43%;font-size:17px}#hit-label.heavy-hit{font-size:21px}}

#hit-label{top:24%;left:44%;font-size:17px}@media(orientation:portrait){#hit-label{top:32%;left:40%}}
.mode-select{display:flex;gap:8px;margin:14px 0 10px}.mode-select button{flex:1;text-align:left;padding:12px 14px;border:1px solid #8aa8bd4a;background:#10283b;color:#d5e1e9;border-radius:10px;font-weight:700}.mode-select button.selected{border-color:#cdfa7d;color:#dcff9c;background:#213b3d}.mode-select small{display:block;margin-top:5px;font-weight:400;font-size:10px;color:#a9c2d1}#drill-hint{position:fixed;top:110px;left:50%;transform:translateX(-50%);max-width:70vw;padding:10px 18px;background:#092337e8;border:1px solid #9ac3d94a;border-radius:10px;color:#e5f5ed;font-size:13px;text-align:center;pointer-events:none}#telegraph{position:fixed;left:50%;top:37%;transform:translateX(-50%);background:#422835e8;border:1px solid #ffaa71;color:#ffe4bd;border-radius:12px;padding:10px 18px;font-weight:700;pointer-events:none}@media(max-height:550px){.mode-select{margin:8px 0}.mode-select button{padding:8px 10px}.mode-select small{font-size:9px}#drill-hint{top:80px;font-size:11px}}
@media(orientation:landscape) and (max-height:570px){.menu-copy{top:max(12px,env(safe-area-inset-top));bottom:max(12px,env(safe-area-inset-bottom));transform:none;overflow-y:auto;scrollbar-width:thin;padding-right:3px}.menu-copy h1{font-size:36px;margin:6px 0}.menu-copy .tagline{margin:6px 0 8px;font-size:11px}.location{margin-bottom:9px}.select-label{margin-bottom:6px}.fighter-card{min-height:70px;padding-top:8px;padding-bottom:8px}.fighter-card strong{font-size:16px}.roster{margin-bottom:7px}.mode-select{margin:6px 0}.mode-select button{font-size:12px;padding:7px 9px}.mode-select small{margin-top:3px}.menu-links{margin-top:4px}.menu-links button{padding:5px 0}}
@media(orientation:portrait){#drill-hint{top:155px;max-width:88vw;width:max-content;font-size:11px}#telegraph{top:32%;font-size:12px;max-width:88vw;width:max-content}.mode-select button{font-size:13px}}