.playground-keybar{position:absolute;z-index:3;right:18px;bottom:18px;display:flex;gap:6px;width:max-content;max-width:calc(100% - 36px);padding:4px;overflow-x:auto;scrollbar-width:none;pointer-events:none}.playground-keybar::-webkit-scrollbar{display:none}.playground-keybar[hidden],.playground-keycard[hidden]{display:none}.playground-keycard{display:grid;grid-template-rows:48px 12px;justify-items:center;align-content:center;gap:2px;flex:0 0 auto;min-width:52px;height:74px;padding:5px 8px;border:1px solid #d7e5dd;border-radius:9px;background:#ffffffe8;color:#61776e;box-shadow:0 4px 14px #233d3414;transition:transform .12s ease,background-color .12s ease,border-color .12s ease,box-shadow .12s ease,color .12s ease}.playground-keycard kbd{display:flex;align-items:center;justify-content:center;height:48px;font:700 12px/1 ui-monospace,monospace;color:#376f5c;white-space:nowrap}.mouse-key-icon{align-self:center;width:22px;height:28px;fill:none;stroke:#376f5c;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.mouse-key-icon .mouse-key-button{fill:#a7d7bd;stroke:none}.playground-keycard>span{display:flex;align-items:center;justify-content:center;height:12px;font-size:9px;line-height:12px;white-space:nowrap}.playground-keycard.is-pressed{transform:translateY(-2px);border-color:#68aa90;background:#d9f2e5;color:#1e5f48;box-shadow:inset 0 -3px #438f7b,0 5px 17px #438f7b40}.playground-keycard.is-pressed kbd{color:#1e7053}.playground-keycard.is-pressed .mouse-key-icon .mouse-key-button{fill:#32966f}.playground-move-group{display:grid;grid-template-rows:48px 12px;justify-items:center;align-content:center;gap:2px;flex:0 0 auto;height:74px;padding:5px 7px;border:1px solid #d7e5dd;border-radius:9px;background:#ffffffe8;color:#61776e;box-shadow:0 4px 14px #233d3414}.playground-move-keys{display:grid;grid-template-columns:repeat(3,28px);grid-template-rows:repeat(2,22px);gap:4px}.playground-move-key{display:grid;grid-template-rows:1fr;place-items:center;gap:0;width:28px;min-width:0;height:22px;padding:0;border-radius:5px;background:#f3f9f5;box-shadow:none}.playground-move-key[data-keycard=forward]{grid-area:1 / 2}.playground-move-key[data-keycard=left]{grid-area:2 / 1}.playground-move-key[data-keycard=back]{grid-area:2 / 2}.playground-move-key[data-keycard=right]{grid-area:2 / 3}.playground-move-key kbd{height:auto;font-size:10px}.playground-move-caption{display:flex;align-items:center;justify-content:center;height:12px;font-size:9px;line-height:12px}@media(max-width:680px){.playground-keybar{right:10px;bottom:10px;max-width:calc(100% - 20px);pointer-events:auto}.playground-keycard:not(.playground-move-key){min-width:46px;padding-inline:6px}}@media(prefers-reduced-motion:reduce){.playground-keycard{transition:none}.playground-keycard.is-pressed{transform:none}}:root{color-scheme:light;--lacquer: #f3f6f4;--jade: #438f7b;--jade-deep: #367e68;--mist: #263c35;--muted: #71817a;--line: #dce6e2;--panel: #ffffff;font-family:PingFang SC,Microsoft YaHei,system-ui,sans-serif;color:var(--mist);background:var(--lacquer);font-synthesis:none}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}body{min-width:320px}button{font:inherit}.fight-shell{display:grid;grid-template-rows:62px minmax(0,1fr);gap:8px;padding:7px;isolation:isolate;min-height:420px;background:var(--lacquer);transition:grid-template-rows .48s cubic-bezier(.22,1,.36,1),gap .48s cubic-bezier(.22,1,.36,1),padding .48s cubic-bezier(.22,1,.36,1)}.fight-masthead,.fight-sidecard,.fight-stage{min-width:0;border:1px solid var(--line);border-radius:12px;background:var(--panel);box-shadow:0 4px 20px #284c3f0b}.fight-masthead{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 28px;transition:transform .48s cubic-bezier(.22,1,.36,1),opacity .3s ease,margin .48s cubic-bezier(.22,1,.36,1),border-width .48s}.fight-brand{display:flex;align-items:center;gap:13px;color:#253b33;font-size:20px;font-weight:700;letter-spacing:.035em;white-space:nowrap}.fight-brand img{width:38px;height:38px;object-fit:contain;image-rendering:pixelated}.fight-workspace{display:grid;grid-row:2;grid-template-columns:234px minmax(0,1fr) 276px;gap:8px;min-height:0;transition:grid-template-columns .48s cubic-bezier(.22,1,.36,1),gap .48s cubic-bezier(.22,1,.36,1)}.fight-sidecard{display:flex;flex-direction:column;min-height:0;padding:23px 19px;overflow:auto;transition:transform .48s cubic-bezier(.22,1,.36,1),opacity .3s ease,padding .48s cubic-bezier(.22,1,.36,1),margin .48s cubic-bezier(.22,1,.36,1),border-width .48s}.fight-sidecard__heading{margin:0 0 22px;color:#55786c;font-size:11px;font-weight:650;line-height:1.2;letter-spacing:.12em}.fight-arena-list{display:grid;align-content:start;gap:3px}.fight-arena-item{position:relative;display:flex;align-items:center;width:100%;min-height:50px;padding:8px 9px;border:1px solid transparent;border-radius:8px;background:transparent;color:#687a72;text-align:left;cursor:pointer;transition:.16s ease}.fight-arena-item>span{overflow:hidden;font:500 11px PingFang SC,Microsoft YaHei,system-ui,sans-serif;letter-spacing:.02em;text-overflow:ellipsis;white-space:nowrap}.fight-arena-item:hover{background:#47796614;color:var(--mist)}.fight-arena-item:focus-visible{outline:2px solid var(--jade);outline-offset:-2px}.fight-arena-item.is-selected{border-color:var(--line);background:#eff7f4;color:var(--mist)}.fight-arena-item.is-selected:before{position:absolute;left:-1px;width:2px;height:28px;background:var(--jade);content:""}.fight-setting-group{display:grid;gap:8px;margin:0}.fight-setting-group+.fight-setting-group{margin-top:18px}.fight-setting-group h2{margin:0;color:#55786c;font-size:9px;font-weight:600;line-height:1.4;letter-spacing:.18em}.fight-select-wrap{position:relative}.fight-select-wrap:after{position:absolute;top:12px;right:16px;width:6px;height:6px;border-right:1.5px solid var(--jade);border-bottom:1.5px solid var(--jade);content:"";pointer-events:none;transform:rotate(45deg)}.fight-select{display:block;width:100%;height:36px;padding:0 36px 0 11px;appearance:none;border:1px solid #dce6e2;border-radius:8px;background:#f8faf9;color:var(--mist);font:11px PingFang SC,Microsoft YaHei,system-ui,sans-serif;text-overflow:ellipsis;cursor:pointer}.fight-select:hover{border-color:#a7c9b9}.fight-select:focus-visible{outline:2px solid var(--jade);outline-offset:2px}.fight-select:disabled{opacity:.65;cursor:wait}.fight-stage{position:relative;overflow:hidden;background:#ecf2ef;transition:border-radius .48s cubic-bezier(.22,1,.36,1),box-shadow .48s,margin .48s cubic-bezier(.22,1,.36,1)}.fight-stage:after{content:"";position:absolute;z-index:1;right:0;bottom:0;left:0;height:36%;background:linear-gradient(transparent,#eff5f1e8);opacity:1;transition:opacity .3s ease;pointer-events:none}#viewport,#viewport canvas{position:absolute;inset:0;width:100%;height:100%;display:block}#viewport canvas{touch-action:none}.fight-stage-caption{position:absolute;z-index:2;bottom:48px;left:38px;right:24px;color:#304a3e;text-shadow:0 2px 18px rgba(245,249,246,.96);pointer-events:none;transition:opacity .3s ease,transform .48s cubic-bezier(.22,1,.36,1)}.fight-stage-caption h1{margin:11px 0 4px;font:400 clamp(37px,4vw,56px)/1.1 "Songti SC",STSong,SimSun,serif;letter-spacing:.09em}.fight-stage-caption p{margin:0;color:#5f776b;font-size:10px;letter-spacing:.14em}.fight-enter-button,.fight-exit-button{display:inline-flex;align-items:center;gap:8px;min-height:34px;padding:7px 12px;border:1px solid rgba(67,143,123,.42);border-radius:7px;background:#fafdfbf0;color:#2d7865;font-size:11px;font-weight:650;letter-spacing:.03em;box-shadow:0 3px 12px #2d5c4b17;cursor:pointer;pointer-events:auto}.fight-enter-button:hover:not(:disabled),.fight-exit-button:hover{border-color:#74ad95;background:#eaf6ee}.fight-enter-button:disabled{opacity:.65;cursor:wait}.fight-enter-button:focus-visible,.fight-exit-button:focus-visible{outline:2px solid var(--jade);outline-offset:3px}.fight-exit-button{position:absolute;z-index:4;top:16px;right:16px}.fight-exit-button[hidden],.fight-diagnostics[hidden]{display:none}.fight-shell.is-entered{grid-template-rows:0 minmax(0,1fr);gap:0;padding:0}.fight-shell.is-entered,.fight-shell.is-entered *{cursor:url(/fight-ui/arena-cursor.png) 0 0,auto}.fight-shell.is-entered .fight-masthead{margin:0;border-width:0;opacity:0;transform:translateY(-100%);pointer-events:none}.fight-shell.is-entered .fight-workspace{grid-template-columns:0 minmax(0,1fr) 0;grid-template-rows:minmax(0,1fr);gap:0}.fight-shell.is-entered .fight-sidecard{grid-row:1;overflow:hidden;margin:0;padding-inline:0;border-width:0;opacity:0;pointer-events:none}.fight-shell.is-entered .fight-sidecard--left{grid-column:1;transform:translate(-100%)}.fight-shell.is-entered .fight-sidecard--right{grid-column:3;transform:translate(100%)}.fight-shell.is-entered .fight-stage{grid-column:2;grid-row:1;border:0;border-radius:0;box-shadow:none}.fight-shell.is-entered .fight-stage-caption{opacity:0;transform:translateY(12px)}.fight-shell.is-entered .fight-stage:after{opacity:0}.fight-diagnostics,.playground-keybar{opacity:0;transform:translateY(10px);transition:opacity .28s ease .12s,transform .48s cubic-bezier(.22,1,.36,1)}.fight-shell.is-entered .fight-diagnostics,.fight-shell.is-entered .playground-keybar{opacity:1;transform:translateY(0)}.playground-keybar{z-index:3}.fight-shell.is-entered .fight-exit-button{border-color:#967739b8;background:#181612bf;color:#b99b5b;box-shadow:0 3px 14px #00000047}.fight-shell.is-entered .fight-exit-button:hover{border-color:#a98948;background:#262118bf;color:#d0b36e}.fight-shell.is-entered .fight-diagnostics{border-color:#806531b8;background:#181612bf;color:#a88c54;box-shadow:0 5px 18px #0000004d}.fight-shell.is-entered .fight-diagnostics__header{border-bottom-color:#8065316b}.fight-shell.is-entered .fight-diagnostics__title,.fight-shell.is-entered .fight-diagnostics__stats dd{color:#b99b5b}.fight-shell.is-entered .fight-diagnostics__title i{background:#9e7d3f;box-shadow:0 0 0 3px #9e7d3f29}.fight-shell.is-entered .fight-diagnostics__fps{color:#9d895f}.fight-shell.is-entered .fight-diagnostics__fps strong{color:#c4a55f}.fight-shell.is-entered .fight-diagnostics__stats>div{border-bottom-color:#8065313d}.fight-shell.is-entered .fight-diagnostics__stats dt,.fight-shell.is-entered .fight-diagnostics__note{color:#8c7951}.fight-shell.is-entered .fight-diagnostics__header:focus-visible{outline-color:#b99b5b}.fight-shell.is-entered .fight-diagnostics.is-collapsed{padding:5.33px 6.67px;border-color:transparent;background:#181612bf;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}.fight-shell.is-entered .fight-diagnostics.is-collapsed .fight-diagnostics__fps{gap:3.33px;font-size:6px}.fight-shell.is-entered .fight-diagnostics.is-collapsed .fight-diagnostics__fps strong{font-size:14px}.fight-shell.is-entered .playground-keycard,.fight-shell.is-entered .playground-move-group{border-color:#826837c2;background:#181612bf;color:#a88c54;box-shadow:0 4px 14px #00000047}.fight-shell.is-entered .playground-keycard kbd,.fight-shell.is-entered .playground-move-key kbd,.fight-shell.is-entered .mouse-key-icon{color:#b99b5b;stroke:#b99b5b}.fight-shell.is-entered .mouse-key-icon .mouse-key-button{fill:#9e7d3f}.fight-shell.is-entered .playground-move-key{border-color:#8268378c;background:#332b1dbf}.fight-shell.is-entered .playground-keycard.is-pressed{border-color:#a98948;background:#463920bf;color:#d0b36e;box-shadow:inset 0 -3px #9e7d3f,0 5px 17px #00000052}.fight-shell.is-entered .playground-keycard.is-pressed kbd{color:#e0c77f}.fight-shell.is-entered .playground-move-key.is-pressed{background:#463920bf}.fight-diagnostics{position:absolute;z-index:4;top:16px;left:16px;width:224px;padding:12px 13px 9px;border:1px solid rgba(207,224,215,.95);border-radius:11px;background:#f9fbf9f0;color:#52685f;box-shadow:0 5px 18px #233d3421;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.fight-diagnostics__header{display:flex;align-items:center;justify-content:space-between;width:100%;padding:0 0 9px;border:0;border-bottom:1px solid #e2ebe5;background:transparent;color:inherit;font:inherit;cursor:pointer}.fight-diagnostics__title{display:inline-flex;align-items:center;gap:7px;color:#49675a;font-size:11px;font-weight:650;letter-spacing:.04em}.fight-diagnostics__title i{width:7px;height:7px;border-radius:50%;background:#438f7b;box-shadow:0 0 0 3px #438f7b1f}.fight-diagnostics__fps{display:inline-flex;align-items:baseline;gap:5px;color:#71817a;font-size:9px}.fight-diagnostics__fps strong{color:#275f4b;font:700 21px/.95 ui-monospace,SFMono-Regular,Menlo,monospace;font-variant-numeric:tabular-nums}.fight-diagnostics__stats{display:grid;gap:0;margin:5px 0 0}.fight-diagnostics__stats>div{display:flex;align-items:baseline;justify-content:space-between;gap:8px;min-height:21px;border-bottom:1px solid rgba(226,235,229,.74)}.fight-diagnostics__stats dt{color:#78877f;font-size:9px}.fight-diagnostics__stats dd{margin:0;color:#335b4b;font:600 9px/1.4 ui-monospace,SFMono-Regular,Menlo,monospace;font-variant-numeric:tabular-nums;text-align:right}.fight-diagnostics__note{margin:7px 0 0;color:#95a29b;font-size:8px;line-height:1.2;text-align:right}.fight-diagnostics.is-collapsed{width:auto;padding:8px 10px}.fight-diagnostics.is-collapsed .fight-diagnostics__header{justify-content:flex-start;padding:0;border:0}.fight-diagnostics.is-collapsed .fight-diagnostics__title,.fight-diagnostics.is-collapsed .fight-diagnostics__stats,.fight-diagnostics.is-collapsed .fight-diagnostics__note{display:none}.fight-diagnostics__header:focus-visible{outline:2px solid #438f7b;outline-offset:3px;border-radius:4px}.loading{position:absolute;z-index:5;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:13px;background:#f3f6f4f7;color:#35584b;transition:opacity .4s ease,visibility .4s}.loading.is-hidden{opacity:0;visibility:hidden;pointer-events:none}.loading-seal{display:grid;place-items:center;width:64px;height:64px;border:1px solid #9fc5b2;border-radius:50%;background:#e7f4ee;color:var(--jade);font:400 28px/1 Songti SC,STSong,serif;box-shadow:0 0 0 7px #438f7b12}.loading strong{margin-top:3px;font-size:15px;font-weight:650;letter-spacing:.12em}.loading #loading-detail{max-width:min(520px,80vw);color:var(--muted);font-size:11px;line-height:1.6;text-align:center;overflow-wrap:anywhere}@media(prefers-reduced-motion:reduce){.loading,.fight-shell,.fight-masthead,.fight-workspace,.fight-sidecard,.fight-stage,.fight-stage-caption,.fight-stage:after,.fight-diagnostics,.playground-keybar{transition-duration:.01ms}}@media(max-width:850px){html,body,#app{height:auto;overflow:visible}.fight-shell{min-height:100dvh;grid-template-rows:58px auto}.fight-masthead{padding-inline:15px}.fight-brand{gap:8px;font-size:16px}.fight-brand img{width:31px;height:31px}.fight-workspace{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(430px,66dvh) auto auto}.fight-stage{grid-column:1;grid-row:1}.fight-sidecard{padding:18px 19px}.fight-sidecard--left{grid-column:1;grid-row:2}.fight-sidecard--right{grid-column:1;grid-row:3}.fight-sidecard__heading{margin-bottom:16px}.fight-setting-group+.fight-setting-group{margin-top:16px}.fight-stage-caption{bottom:28px;left:23px}#app.fight-shell.is-entered{height:100dvh;min-height:0;overflow:hidden}.fight-shell.is-entered .fight-workspace{grid-template-rows:minmax(0,1fr)}.playground-keybar{right:8px;left:8px;width:auto;max-width:none;gap:3px}.playground-move-group{padding-inline:4px}.playground-keycard:not(.playground-move-key){flex:1 1 0;min-width:0;padding-inline:2px}.playground-keycard:not(.playground-move-key) kbd{font-size:10px}.fight-diagnostics{top:10px;left:10px;width:205px;padding:10px 11px 8px}.fight-diagnostics.is-collapsed{width:auto;padding:8px 10px}.fight-diagnostics__stats>div{min-height:20px}}@media(min-width:681px)and (max-width:850px){.fight-workspace{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:minmax(430px,66dvh) auto}.fight-stage{grid-column:1 / -1}.fight-sidecard--right{grid-column:2;grid-row:2}}@media(min-width:851px)and (max-width:1050px){.fight-workspace{grid-template-columns:194px minmax(0,1fr) 214px}.fight-sidecard{padding-inline:15px}.fight-stage-caption{left:25px}}