:root{--ink:#173d3a;--green:#087e6b;--mint:#c8eee0;--gold:#eac47b}*{box-sizing:border-box}body{margin:0;background:#f6f6ee;color:var(--ink);font:14px/1.6 "Microsoft YaHei",system-ui,sans-serif}button,select{font:inherit;color:inherit}button,a,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible,select:focus-visible{outline:3px solid #d89539;outline-offset:3px}a{color:inherit;text-decoration:none}header{height:94px;display:flex;align-items:center;gap:40px;border-bottom:1px solid #dae2d9;margin:0 5vw}header>a:last-child{margin-left:auto;font-size:13px}.brand{display:flex;align-items:center;gap:12px;font-size:20px;font-weight:800}.brand>b{position:relative;display:grid;place-items:center;width:44px;height:49px;border:1px solid #49786a;border-radius:10px;color:var(--green);font-size:29px}.brand>b span{position:absolute;top:1px;left:5px;font-size:9px}.brand small{display:block;font-size:8px;letter-spacing:2px}.breadcrumb{font-size:12px;color:#799088}main{max-width:1560px;margin:auto;padding:34px 5vw 0}.heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:750;color:#6f8b7f;margin:0 0 10px}h1{font-size:44px;line-height:1.2;margin:0;letter-spacing:-2px}h1 span{color:var(--green)}h1 i{font-style:normal;color:#d5a04b;font-size:36px;margin-left:20px}.intro{color:#789084;font-size:13px;margin:13px 0 0}.version{font-size:11px;border:1px solid #d5dfd4;padding:10px 15px;border-radius:8px}.version>span,.arena-top i{display:inline-block;width:6px;height:6px;background:#31a987;border-radius:50%;margin-right:7px}.version small{display:block;color:#7b9288;padding-left:15px}.layout{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:27px}.game-panel{min-width:0}.arena-top{height:46px;display:flex;align-items:center;justify-content:space-between;background:white;border:1px solid #d9e4d9;border-bottom:0;padding:0 15px;border-radius:12px 12px 0 0;font-size:12px}.arena-top small{font-size:9px;color:#9aac9f;letter-spacing:1px;margin-left:8px}.arena-top button{border:0;background:none;font-size:10px;padding:7px;color:#6c8179}.stage{position:relative;aspect-ratio:16/9;overflow:hidden;background:#dbece0;isolation:isolate}canvas{width:100%;height:100%;display:block;outline:none}.hud{position:absolute;left:4%;right:4%;top:5%;display:flex;align-items:start;gap:4%;pointer-events:none}.fighter-hud{width:43%}.fighter-hud>div:first-child{display:flex;justify-content:space-between;align-items:center;font-size:clamp(9px,1vw,16px)}.fighter-hud span{font-size:9px;letter-spacing:1px}.life{height:15px;background:#254d47;border:3px solid white;outline:1px solid #6e9186;transform:skew(-12deg);margin:7px 0 3px;overflow:hidden}.life i{display:block;width:100%;height:100%;background:linear-gradient(90deg,#15927d,#7adeb3);transition:width .08s linear}.right{text-align:right}.right .life i{margin-left:auto;background:linear-gradient(90deg,#efd789,#d7a858)}.fighter-hud small{font-size:10px;background:#ffffffaa;border-radius:3px;padding:2px 6px}.timer{text-align:center;line-height:1.2;min-width:42px}.timer b{font-size:clamp(19px,2.7vw,40px);font-family:Georgia,serif}.timer span{display:block;font-size:8px;letter-spacing:1px;margin-top:5px}.overlay{position:absolute;inset:0;display:flex;justify-content:center;align-items:center;flex-direction:column;background:#eef7eee0;text-align:center;backdrop-filter:blur(3px);z-index:3;padding:20px}.overlay.hidden{display:none}.overlay h2{font-size:clamp(22px,3vw,42px);margin:0;letter-spacing:2px}.overlay>p:not(.eyebrow){color:#67877a;font-size:12px}.primary{border:0;background:#087e6b;color:white;padding:12px 27px;border-radius:6px;box-shadow:0 6px 0 #055a4c;margin:16px 0;font-weight:700;min-width:170px}.primary span{margin-left:26px}.overlay .overlay-tip{font-size:10px!important;margin-top:24px}.announcement{position:absolute;top:27%;left:0;right:0;text-align:center;pointer-events:none;font-size:clamp(16px,3vw,34px);font-weight:900;color:#19463e;text-shadow:0 2px white}.stage-footer{border:1px solid #d9e4d9;border-top:0;border-radius:0 0 12px 12px;background:white;padding:11px 14px;display:flex;justify-content:space-between;align-items:center;font-size:10px;color:#769184}.stage-footer b{color:#c79b51;margin-right:5px}.stage-footer button{background:none;border:0;font-size:10px}.controls{display:flex;gap:25px;padding:23px 3px}.controls>div{display:flex;gap:10px;flex:1}.controls p{margin:0;color:#708579;font-size:10px;line-height:2.3}.player-tag{border:1px solid #bcd8c9;background:#e5f0e4;height:24px;padding:1px 6px;font-size:11px;border-radius:4px;font-weight:700}.player-tag.gold{background:#f4edd8;border-color:#e9dbb8}kbd{font-family:inherit;color:#3d6356;background:#fff;border:1px solid #dce2d6;border-bottom-width:2px;padding:1px 4px;border-radius:3px;margin-right:3px}aside{border-left:1px solid #dbe3d8;padding-left:26px}.selection-title h2{font-size:20px;margin:0 0 17px}.selection-title .eyebrow{font-size:9px}.roster{display:grid;grid-template-columns:1fr 1fr;gap:10px}.character{position:relative;padding:0;border:1px solid #d9dfd2;border-radius:9px;overflow:hidden;background:#fcfcf5;text-align:left;transition:transform .2s}.character:not(:disabled):hover{transform:translateY(-3px)}.character.selected{border:2px solid var(--green);box-shadow:0 0 0 3px #d8ebde}.character img{width:100%;height:117px;object-fit:cover;object-position:50% 15%;mix-blend-mode:multiply}.character>span:not(.number){display:block;padding:3px 9px 9px}.character b{font-size:13px}.character small{display:block;font-size:9px;color:#89968b}.character .number{position:absolute;top:5px;left:7px;font-size:10px;color:#678273}.character i{display:none;position:absolute;top:5px;right:5px;color:white;background:var(--green);font-style:normal;font-size:8px;padding:1px 5px;border-radius:3px}.character.selected i{display:block}.locked{opacity:.55;cursor:default}.mode-label{display:block;font-size:11px;margin:20px 0 6px;font-weight:700}select{width:100%;background:#fff;border:1px solid #d0ddcf;border-radius:6px;font-size:11px;padding:9px}.move-card{margin-top:17px;padding:15px;border:1px solid #d6e5d5;border-radius:9px;background:#ecf3e7;display:flex;flex-wrap:wrap;gap:10px}.move-card>span{font-size:24px;font-weight:bold;background:#fff;border-radius:8px;width:37px;height:40px;text-align:center;color:var(--green)}.move-card h3{margin:0;font-size:13px}.move-card p{font-size:9px;color:#7b9080;margin:4px 0}.move-card>div{flex:1}.move-card dl{width:100%;margin:0;border-top:1px solid #d5e3d0;padding-top:10px;font-size:10px}.move-card dt{color:#8b9987;font-size:9px}.move-card dd{margin:3px 0 10px}.move-card dd:last-child{margin-bottom:0}.note{font-size:10px;color:#93a08e;margin-top:14px}.touch-controls{display:flex;justify-content:space-between;gap:14px;padding-top:12px}.touch-controls>div{display:flex;gap:5px;flex-wrap:wrap}.touch-controls button{touch-action:none;user-select:none;background:#edf2e8;border:1px solid #cedbcd;border-radius:5px;min-width:34px;height:31px;font-size:10px}.touch-controls button:active{background:#b9dfcf}footer{display:flex;justify-content:space-between;border-top:1px solid #dce3d5;padding:20px 0;margin-top:20px;font-size:10px;color:#8b9a8a}.stage:fullscreen{width:100vw;height:100vh;aspect-ratio:auto;background:#152e2b}.stage:fullscreen canvas{object-fit:contain}@media(min-width:1600px){main{padding-left:50px;padding-right:50px}.layout{grid-template-columns:minmax(0,1fr) 290px}.character img{height:140px}}@media(max-width:1000px){main{padding:25px 3vw}.layout{grid-template-columns:1fr}aside{border-left:0;padding-left:0;display:grid;grid-template-columns:1fr 1fr;gap:14px}.selection-title{grid-column:1/-1}.roster{grid-row:2/6}.move-card{margin:0}.mode-label{margin:0}.character img{height:130px}.breadcrumb{display:none}}@media(max-width:600px){header{height:74px}.brand{font-size:16px}.heading{align-items:flex-start}h1{font-size:32px}.version{display:none}.intro{font-size:11px}.arena-top small{display:none}.arena-top{padding:0 7px}.controls{gap:10px}.controls p{font-size:8px}.controls>div{gap:5px}.overlay .eyebrow{font-size:7px}.overlay .overlay-tip{display:none}.primary{padding:8px 16px;margin:5px 0}.overlay>p:not(.eyebrow){margin:5px 0}.hud{top:4%}.fighter-hud span{font-size:6px}.life{height:10px;margin:3px 0}.fighter-hud small{font-size:7px}.timer span{font-size:6px}.stage-footer{font-size:8px;padding:8px}.character img{height:100px}footer{gap:15px}.note{font-size:9px}}

.property-strip{position:absolute;bottom:2.5%;left:3%;right:3%;display:grid;grid-template-columns:1fr 1fr;gap:18%;pointer-events:none}.property-toast{opacity:0;transform:translateY(5px);transition:opacity .18s,transform .18s;border-left:3px solid #28bda3;background:#fafff2ed;padding:7px 10px;border-radius:5px;box-shadow:0 3px 12px #24493913;font-size:10px;line-height:1.45}.property-toast.visible{opacity:1;transform:none}.property-toast.carbon{border-color:#b19a63}.property-toast b{display:block;color:#175b50;font-size:12px}.property-toast span{display:block;color:#567365}.property-toast small{color:#8d997d;font-size:9px}.science-guide{margin-top:14px;border:1px solid #d4dfce;background:#edf3e6;border-radius:8px;padding:10px 14px;font-size:11px}.science-guide summary{cursor:pointer;font-weight:bold}.science-guide summary span{font-weight:normal;font-size:10px;color:#81947c;margin-left:14px}.science-guide p{color:#59705a}.science-guide a{text-decoration:underline}.science-sources{font-size:10px}@media(max-width:600px){.property-strip{gap:5%;bottom:2%;left:2%;right:2%}.property-toast{padding:3px 5px;font-size:7px;line-height:1.25}.property-toast b{font-size:8px}.property-toast small{display:none}.science-guide summary span{font-size:8px;margin-left:5px}} 

.victory-overlay{position:absolute;inset:0;z-index:2;pointer-events:none}.victory-overlay[hidden]{display:none}.victory-heading{position:absolute;top:7%;left:5%;right:5%;text-align:center}.victory-heading small{font-size:10px;letter-spacing:3px;color:#618375}.victory-heading h2{margin:2px 0;font-size:clamp(19px,3vw,38px);color:#19604f}.victory-heading p{margin:0;font-size:12px;color:#6c826d}.victory-facts{position:absolute;top:32%;right:6%;width:40%;padding:16px 20px;border:1px solid #bccfb2;background:#fcfff0ed;border-radius:12px;box-shadow:0 8px 30px #24563a12}.victory-facts>span{font-size:9px;letter-spacing:2px;color:#8b9b78}.victory-facts h3{margin:4px 0 8px;font-size:21px}.victory-facts article{opacity:0;transform:translateY(8px);transition:opacity .45s,transform .45s;padding:7px 0;border-top:1px solid #dfe8d1}.victory-facts article.revealed{opacity:1;transform:none}.victory-facts b{display:block;font-size:12px;color:#337454}.victory-facts p{font-size:11px;line-height:1.6;margin:3px 0;color:#68816a}.victory-facts>small{font-size:8px;color:#9aa38a}.victory-actions{position:absolute;bottom:5%;left:6%;right:6%;display:flex;align-items:center;justify-content:flex-end;gap:15px;pointer-events:auto}.victory-actions>button:not(.primary){border:0;background:none;font-size:11px;cursor:pointer}.victory-actions .primary{margin:0;padding:9px 20px;min-width:135px}.victory-actions .primary:disabled{opacity:.5;cursor:default}.victory-preview{width:100%;border:1px solid #cadbc4;background:#e8f1df;border-radius:7px;padding:9px;font-size:10px;margin-top:12px}.victory-preview:disabled{opacity:.45;cursor:default}.stage:has(.victory-overlay:not([hidden])) .hud,.stage:has(.victory-overlay:not([hidden])) .property-strip{visibility:hidden}@media(max-width:600px){.victory-heading{top:3%}.victory-heading small{font-size:6px;letter-spacing:1px}.victory-heading h2{font-size:16px;line-height:1.3}.victory-heading p{font-size:7px}.victory-facts{top:29%;right:3%;width:46%;padding:5px 8px;border-radius:6px}.victory-facts>span,.victory-facts>small{display:none}.victory-facts h3{font-size:10px;margin:0 0 2px}.victory-facts article{padding:2px 0}.victory-facts b{font-size:8px}.victory-facts p{font-size:7px;line-height:1.25;margin:1px 0}.victory-actions{bottom:3%;gap:6px;right:3%}.victory-actions .primary{font-size:9px;padding:3px 7px;min-width:80px;box-shadow:0 2px 0 #055a4c}.victory-actions>button:not(.primary){font-size:8px;padding:1px}}

.damage-report{border:1px solid #cbdcc3;border-radius:10px;background:#fafff1;margin-top:16px;padding:17px}.damage-report[hidden]{display:none}.damage-report h3{font-size:17px;margin:0 0 5px}.damage-report>p{font-size:10px;color:#7f9179}.damage-report h4{margin:20px 0 3px;font-size:13px}.damage-best{font-size:11px;color:#2c8061;margin:0 0 8px}.damage-table-scroll{overflow-x:auto}.damage-report table{border-collapse:collapse;width:100%;font-size:11px;min-width:510px}.damage-report th,.damage-report td{text-align:left;padding:7px 8px;border-bottom:1px solid #e0e9d8}.damage-report th{color:#758767;font-size:10px;background:#f0f6e7}.damage-top{background:#dff0d8;font-weight:bold}

.victory-facts{bottom:20%;overflow:auto;pointer-events:auto}@media(min-width:601px){.victory-facts{top:30%;padding:10px 14px}.victory-facts h3{font-size:18px;margin:3px 0 5px}.victory-facts article{padding:4px 0}.victory-facts p{font-size:10px;line-height:1.4}}

.skill-guide{margin-top:10px;border:1px solid #cadcc4;background:#f5faed;padding:12px 14px;border-radius:8px;font-size:11px}.skill-guide summary{cursor:pointer;font-weight:bold}#skill-catalog{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px}#skill-catalog article{padding:10px;background:white;border:1px solid #e0e8d7;border-radius:6px}#skill-catalog b{display:block;margin-top:5px}#skill-catalog p{color:#738870;margin:4px 0;font-size:10px}@media(max-width:600px){#skill-catalog{grid-template-columns:1fr}}

.life{position:relative}.life>b{position:absolute;top:0;bottom:0;left:0;background:#edc07d}.life>i{position:relative}.right .life>b{left:auto;right:0}#difficulty-controls[hidden],#training-controls[hidden]{display:none}.announcement{font-style:italic;letter-spacing:4px}.touch-controls button{min-height:34px}

.power-meter{margin-top:9px;padding:6px 8px;background:#163f39dc;border:1px solid #729a80;border-radius:7px;color:#e8eee0;text-align:left;min-height:0}.right .power-meter{text-align:right}.power-segments{display:flex;gap:4px;height:10px}.power-segments>span{flex:1;background:#102d2d;border:1px solid #779483;border-radius:2px;overflow:hidden}.power-segments i{display:block;height:100%;width:0;background:#6ce0b8;transition:width .12s linear}.power-meter.ready{border-color:#f3d482;box-shadow:0 0 0 1px #e7c878,0 0 14px #edd08a55}.power-meter.ready .power-segments i{background:linear-gradient(90deg,#e5b955,#ffedac)}.announcement.ko{top:34%;font-size:clamp(58px,10vw,136px);line-height:1.1;font-weight:1000;color:#fff0bf;-webkit-text-stroke:2px #71462d;text-shadow:5px 6px 0 #392e2ad9,0 0 26px #ffdc89;z-index:2;letter-spacing:12px;animation:ko-enter .22s ease-out both;pointer-events:none}@keyframes ko-enter{from{transform:scale(1.55);opacity:0}to{transform:scale(1);opacity:1}}@media(max-width:600px){.power-meter{padding:3px 4px;margin-top:5px;min-height:0}.power-segments{height:7px;gap:2px}.announcement.ko{-webkit-text-stroke:1px #71462d;letter-spacing:5px}}
@media(prefers-reduced-motion:reduce){.announcement.ko{animation:none}}

/* One-screen victory summary: no nested scrolling or off-stage results. */
.stage{container-type:inline-size}.victory-facts{top:25%;bottom:auto;right:4%;width:47%;padding:1.1cqw 1.5cqw;overflow:visible;pointer-events:auto}.victory-facts>span{font-size:clamp(9px,1.25cqw,15px);letter-spacing:1px}.victory-facts h3{font-size:clamp(14px,2.4cqw,28px);margin:0 0 .4cqw}.victory-facts article{padding:.4cqw 0;display:flex;gap:.8cqw;align-items:baseline}.victory-facts b{font-size:clamp(10px,1.65cqw,20px);white-space:nowrap}.victory-facts p{font-size:clamp(9px,1.5cqw,18px);line-height:1.35;margin:0}.victory-facts>small{display:none}.victory-overlay .damage-report{position:absolute;top:59%;bottom:auto;right:4%;width:47%;margin:0;padding:.8cqw 1.5cqw;border-radius:9px;pointer-events:auto}.damage-report h3{font-size:clamp(10px,1.55cqw,18px);margin:0 0 .2cqw}.damage-report table{min-width:0;table-layout:fixed;width:100%;font-size:clamp(11px,1.7cqw,20px)}.damage-report th,.damage-report td{padding:.15cqw .3cqw;text-align:center;line-height:1.3}.damage-report th{font-size:clamp(8px,1.15cqw,14px);background:none}.damage-report td{font-weight:800}.damage-report .damage-best{font-size:clamp(8px,1.15cqw,14px);line-height:1.3;margin:.2cqw 0 0;white-space:nowrap;color:#52725d}.victory-actions{bottom:3%;right:4%;gap:1.5cqw}.victory-actions .primary{padding:.7cqw 1.8cqw;min-width:0;font-size:clamp(10px,1.7cqw,20px)}.victory-actions>button:not(.primary){font-size:clamp(9px,1.3cqw,15px)}

.victory-facts{top:27%;padding:.6cqw 1.5cqw}.victory-facts h3{line-height:1.2;margin:0 0 .2cqw}.victory-facts article{padding:.2cqw 0}.victory-overlay .damage-report{top:60%}

/* Learning report keeps all moves for both elements visible together. */
.victory-facts{left:3%;right:auto;top:65%;width:31%;padding:.6cqw 1cqw}.victory-facts>span{display:none}.victory-facts h3{font-size:1.8cqw}.victory-facts article{padding:.15cqw 0;gap:.5cqw}.victory-facts b{font-size:1.25cqw}.victory-facts p{font-size:1.15cqw}.victory-overlay .damage-report{left:36%;right:3%;width:auto;top:26%;padding:1cqw 1.1cqw}.damage-report h3{font-size:1.9cqw}.damage-report .learning-note{margin:.3cqw 0;font-size:1.05cqw;line-height:1.3;color:#6a8066}.damage-report table{font-size:1.3cqw;table-layout:fixed}.damage-report th,.damage-report td{padding:.35cqw .25cqw;line-height:1.3}.damage-report tr>th:first-child{width:11%;font-size:1.3cqw}.damage-report tr>th:nth-child(2),.damage-report tr>th:nth-child(4){width:29%}.damage-report tr>th:nth-child(3),.damage-report tr>th:nth-child(5){width:15.5%}.damage-report td b{display:block;font-size:1.4cqw;color:#206d54}.damage-report td span{display:block;font-size:1.05cqw;font-weight:400;color:#69816b}.damage-report .learning-hit{color:#116d53}.damage-report .learning-zero{color:#8e9c87;font-weight:400}.victory-heading{top:4%}.victory-actions{bottom:2%}

.victory-actions{left:3%;right:auto;width:31%;justify-content:center;gap:.5cqw}.victory-facts b{font-size:1.55cqw}.victory-facts p{font-size:1.25cqw}.victory-facts article{padding:.2cqw 0}.victory-actions .primary{font-size:1.5cqw;padding:.6cqw .9cqw}.victory-actions>button:not(.primary){font-size:1.15cqw}