*{box-sizing:border-box;margin:0;padding:0}html,body{color:#eaf2ff;-webkit-user-select:none;user-select:none;background:#05060a;width:100%;height:100%;font-family:PingFang SC,Microsoft YaHei,Segoe UI,system-ui,sans-serif;overflow:hidden}#game{position:fixed;inset:0}canvas{display:block}#hud{pointer-events:none;opacity:0;z-index:8;transition:opacity .4s;position:fixed;inset:0}#hud.show{opacity:1}.topbar{justify-content:space-between;align-items:flex-start;gap:18px;padding:0 26px;display:flex;position:absolute;top:16px;left:0;right:0}.side{flex:1}.side.right{flex-direction:column;align-items:flex-end}.pname{opacity:.95;margin-bottom:4px;font-weight:700}.ultname{margin-bottom:5px}.bar{width:100%;position:relative;overflow:hidden}.side.right .bar{transform:skew(16deg)}.bar .fill{width:100%;transition:width .16s cubic-bezier(.2,.9,.3,1);position:absolute;inset:0}.bar.ki{border-width:1px}.timer{text-align:center;font-variant-numeric:tabular-nums;font-weight:900;line-height:1}.ultTag{opacity:0;font-weight:800;transition:opacity .2s;position:absolute}.ultTag.on{opacity:1}.side.left .ultTag{left:0}#combo{pointer-events:none;opacity:0;z-index:15;font-style:italic;font-weight:900;transition:opacity .15s,transform .15s;position:fixed}#combo.show{opacity:1}.dmgNum{pointer-events:none;z-index:14;font-size:26px;font-style:italic;font-weight:900;animation:.75s ease-out forwards dmgFly;position:fixed;transform:translate(-50%,-50%)}@keyframes dmgFly{0%{opacity:1;margin-top:0;transform:translate(-50%,-50%)scale(.5)}25%{transform:translate(-50%,-50%)scale(1.35)}to{opacity:0;margin-top:-72px;transform:translate(-50%,-50%)scale(.95)}}#menu{z-index:20;flex-direction:column;align-items:center;transition:opacity .45s,transform .45s;display:flex;position:fixed;inset:0}#menu.hidden{opacity:0;pointer-events:none}h1{-webkit-text-fill-color:transparent;margin-left:12px;font-weight:900}.sub{margin-left:8px}.section{width:100%;max-width:1120px}.section h2{align-items:center;gap:10px;padding-left:4px;font-weight:700;display:flex}.section h2:after{content:"";flex:1;height:1px}.cards{gap:10px;display:grid}@media (max-width:640px){#charList,#mapList{grid-template-columns:repeat(2,1fr)}}.card{cursor:pointer;position:relative}.card.sel{border-color:var(--c1)}.card.sel:after{font-weight:900;position:absolute}.cname{text-align:center;letter-spacing:.5px}.map-card{padding:0;overflow:hidden}.map-thumb{background:linear-gradient(160deg, var(--m1), var(--m2));position:relative}.map-thumb:after{content:"";background:radial-gradient(at 50% 120%,#ffffff47,#0000 62%);position:absolute;inset:0}.mname{letter-spacing:.5px;font-weight:800}#startBtn{cursor:pointer;margin-top:4px;font-family:inherit;font-weight:900;transition:all .2s}.controls b{font-weight:800}#result{z-index:30;opacity:0;pointer-events:none;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);flex-direction:column;justify-content:center;align-items:center;gap:14px;transition:opacity .5s;display:flex;position:fixed;inset:0}#result.show{opacity:1;pointer-events:auto}#resultTitle{margin-left:16px;font-weight:900}#resultTitle.win{background:linear-gradient(#fff,#ffe08a 45%,#ff9d2e);-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 34px #ffb43cd9);-webkit-background-clip:text;background-clip:text}#resultTitle.lose{background:linear-gradient(#dfe8ff,#7c95c4 50%,#3a4a6e);-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 26px #7896dc99);-webkit-background-clip:text;background-clip:text}.btnrow{display:flex}.rbtn{letter-spacing:4px;cursor:pointer;border:1.5px solid #82b4ff66;border-radius:8px;padding:11px 32px;font-family:inherit;font-weight:800;transition:all .18s}.rbtn:hover{background:#284682e6;border-color:#96c8ffcc;transform:translateY(-2px);box-shadow:0 8px 26px #3c82ff59}.rbtn.primary{border:none}#loading{z-index:99;justify-content:center;align-items:center;transition:opacity .5s;display:flex;position:fixed;inset:0}#loading.hidden{opacity:0;pointer-events:none}h1{background:linear-gradient(#d86a2d,#a44022);filter:none;letter-spacing:6px;-webkit-background-clip:text;background-clip:text;font-size:clamp(28px,4vw,44px)}.sub{color:#7b6750;letter-spacing:5px;margin-top:-4px;font-size:11px}.section h2{color:#48605a;letter-spacing:3px;margin-bottom:8px;font-size:11px}.section h2:after{background:linear-gradient(90deg,#ab9c78,#0000)}.card{text-align:left;color:#273c38;background:#f9efdb;border:1.5px solid #c7b998;border-radius:6px;padding:0;font-family:inherit;transition:transform .15s,border-color .15s;overflow:hidden;box-shadow:0 3px #bdad8b}.card.sel:after{content:"✓";text-shadow:none;top:0;right:0}.portrait{aspect-ratio:1.16;object-fit:contain;border-bottom:1px solid #d2c3a0;width:100%;display:block}.cname{margin:8px 0 3px;font-size:13px;font-weight:900}.map-thumb{width:100%;display:block}.match-options{flex-wrap:wrap;align-items:center}.match-options label{align-items:center;display:flex}select,.smallBtn{cursor:pointer;font-family:inherit}.era-note{letter-spacing:1px}.timer{font-size:43px}.value{color:#ffeac3;text-shadow:0 2px 2px #25382a;font-variant-numeric:tabular-nums;font-size:10px}#fightbar{white-space:nowrap;pointer-events:auto;align-items:center;display:flex;position:fixed;left:50%;transform:translate(-50%)}#fightbar b{color:#fff7e4}#pauseBtn{color:#29413b;cursor:pointer;background:#ebd8b0;border:0;border-radius:3px;padding:7px 12px;font-family:inherit}.dashTrack{height:3px;margin-top:5px}.dashTrack span{height:100%;display:block}#actionState{text-shadow:0 2px 2px #34422b;position:absolute;left:28px}#arenaName{text-shadow:0 1px 3px #333;position:absolute;left:50%;transform:translate(-50%)}#fightNotice{z-index:16;opacity:0;pointer-events:none;padding:8px 20px;font-size:clamp(22px,3.5vw,42px);font-weight:900;transition:opacity .12s,transform .12s;position:fixed;top:36%;left:50%;transform:translate(-50%,-50%)scale(.92)}#fightNotice.visible{opacity:1;transform:translate(-50%,-50%)scale(1)}#pause{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:28;color:#fff1cd;opacity:0;pointer-events:none;background:#182923c7;flex-direction:column;justify-content:center;align-items:center;gap:18px;display:flex;position:fixed;inset:0}#pause.show{opacity:1;pointer-events:auto}#pause p{color:#ccbea0;font-size:12px}#pause button{color:#344b41;cursor:pointer;background:#f1dfb5;border:1px solid #cab793;border-radius:4px;padding:12px 38px;font:700 14px inherit}#result{background:#172a24d6}.rbtn{color:#2a4339;background:#e4cfa4;border-color:#bc9a6f}.rbtn.primary{color:#fff4d8;background:#bd6237}#touch{pointer-events:none;justify-content:space-between;display:none;position:absolute;left:12px;right:12px}.touchGroup{pointer-events:auto;flex-wrap:wrap;gap:6px;width:160px;display:flex}.touchGroup.move{display:grid}.touchGroup button{color:#fff2cc;touch-action:none;background:#243d34cc;border:1px solid #eddbaf;border-radius:9px;width:44px;height:44px;font-family:inherit;font-size:13px}.touchGroup.move button{width:40px;height:40px}button:focus-visible,select:focus-visible{outline-offset:3px;outline:3px solid #3e7f79}@media (max-height:740px) and (min-width:800px){#menu{gap:9px;padding:14px 32px}.portrait{aspect-ratio:1.5}.map-thumb{height:52px}h1{font-size:33px}.sub,.controls{font-size:10px}}@media (max-width:850px){#charList{grid-template-columns:repeat(4,1fr)}#menu{justify-content:flex-start;gap:12px;padding:20px}.section{max-width:700px}.portrait{aspect-ratio:1.4}#fightbar{gap:10px;font-size:10px}.topbar{gap:12px!important;padding:0 14px!important}.pname{font-size:14px}}@media (pointer:coarse),(max-width:600px){#touch{display:flex}#fightbar{padding:7px 10px}.bar{height:13px}.timer{font-size:32px}.side{max-width:42%}.value,.ultname{font-size:8px}#fightbar .keyboardHint{display:none}#mapList{grid-template-columns:repeat(3,1fr)}.mname{font-size:10px}.mdesc{display:none}.map-thumb{height:40px}#charList{gap:7px}.cname{font-size:11px}.ctitle,.cult{font-size:9px}.controls{font-size:10px}.sub{letter-spacing:2px}.match-options{gap:8px}#actionState{top:108px;left:14px}#arenaName{top:80px}}.portrait{background:#efe0be}#hud:not(.show),#pause:not(.show),#result:not(.show),#menu.hidden{visibility:hidden}#game:after{content:"";pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 0 120px #0a1d1c29}.guardBar{border-radius:2px;width:100%;overflow:hidden}.guardBar span{height:100%;transition:width 80ms;display:block}.escapeRow{letter-spacing:2px;text-shadow:0 1px 3px #233a2c;margin-top:5px;font-size:10px}#combatReadout{text-shadow:0 2px 4px #1c3226;position:absolute;left:28px}#combo small{margin-top:3px;font-style:normal;display:block}#fightbar{max-width:calc(100vw - 24px)}#fightbar .keyboardHint{font-size:10px}#fightbar button{cursor:pointer;border-radius:3px}#moveGuide{z-index:40;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#314c41;background:#122420cc;justify-content:center;align-items:center;padding:20px;display:none;position:fixed;inset:0}#moveGuide.show{display:flex}.guidePanel h2{margin-bottom:16px}.guidePanel table{border-collapse:collapse;width:100%;font-size:12px;line-height:1.6}.guidePanel td{border-bottom:1px solid #d3c5a6;padding:9px 8px}.guidePanel td:first-child{width:130px;font-weight:800}.guidePanel p{margin:14px 0;font-size:11px;line-height:1.7}.guidePanel button{cursor:pointer}#trainingTools{align-items:center;gap:8px;display:flex}.value{margin-top:5px}#touch .touchGroup:not(.move){width:190px}#touch .touchGroup button{width:40px;height:40px;font-size:11px}@media (max-width:700px){#combatReadout{font-size:10px;left:14px}#arenaName{top:120px}#actionState{font-size:10px}#fightbar{bottom:166px}#fightbar #resetPractice{display:none}.guidePanel{padding:18px}.match-options{font-size:10px}.match-options select{padding:6px 4px;font-size:10px}.escapeRow{letter-spacing:1px;font-size:8px}.guardBar{margin-top:4px}.portrait{aspect-ratio:1.15}}#actionState{top:181px}#combatReadout{top:201px}@media (max-width:700px){#actionState{top:161px}#combatReadout{top:182px}}@media (pointer:coarse){#fightbar .keyboardHint{display:none}#fightbar{padding:6px 10px;bottom:150px}}@media (pointer:coarse) and (max-height:480px){#touch{bottom:8px}#touch .touchGroup:not(.move){width:210px}#touch .touchGroup button{font-size:10px}#touch .touchGroup.move{grid-template-columns:repeat(3,32px);gap:4px;width:104px}#fightbar{padding:4px 8px;font-size:9px}#fightbar button{padding:5px 8px}#actionState{font-size:10px;top:144px}#combatReadout{font-size:9px;top:160px}#hud .topbar{top:10px}.pname{font-size:13px}.bar{height:11px}.timer{font-size:29px}.escapeRow,.value{font-size:8px}#arenaName{top:107px}}[hidden]{display:none!important}body{background:#061327}button{font-family:inherit}#menuBackdrop{z-index:18;pointer-events:none;background-image:linear-gradient(90deg,#030d1d9e,#04101d0f 72%),url(./menu-backdrop-d1tS3uJx.png);background-position:50%;background-size:cover;position:fixed;inset:0}#menuBackdrop:after{content:"";background:linear-gradient(#0000 70%,#020a17d1);position:absolute;inset:0}body.inFight #menuBackdrop{display:none}#home{z-index:20;color:#fff6db;background:linear-gradient(90deg,#030f2233,#0000);flex-direction:column;justify-content:center;align-items:flex-start;padding:7vh 8vw;display:flex;position:fixed;inset:0;overflow:auto}.homeTop{color:#b8cde3;letter-spacing:5px;font-size:11px;position:absolute;top:30px;left:8vw}.homeTag{color:#f5d48c;align-items:center;gap:9px;font-weight:800;display:inline-flex}.homeTag:before{content:"★";color:#ffbe3a;font-size:20px}.dragonLogo{letter-spacing:-.045em;white-space:nowrap;filter:drop-shadow(6px 8px #031020);-webkit-text-stroke:2px #1b0f11;text-shadow:2px 3px #15141b;font-family:Impact,Arial Black,sans-serif;font-size:clamp(72px,8.5vw,146px);font-style:italic;line-height:.95;transform:skew(-4deg)}.dragonLogo .dragon{color:#ffdd48}.dragonLogo .ball{color:#ee5d28}.dragonLogo .starLogo{-webkit-text-stroke:0;line-height:1;display:inline-block}.homeSubtitle{margin:16px 0 10px;font-size:clamp(18px,2vw,27px);font-weight:900}.homeCopy{color:#9db5c9;max-width:340px;font-size:12px;line-height:1.8}.sevenBalls{gap:9px;display:flex}.dragonBall{background:radial-gradient(circle at 28% 23%,#fff5bd,#ffcd32 26%,#eda221 66%,#ca6710);border:1px solid #ffde69;border-radius:50%;flex-wrap:wrap;place-content:center;align-items:center;gap:0;width:31px;height:31px;padding:6px;display:flex;box-shadow:inset -2px -2px 4px #bc640d,0 0 12px #ffbf372a}.dragonBall b{color:#e74322;text-align:center;width:7px;font-size:7px;line-height:7px}.homeActions{flex-direction:column;width:310px;display:flex}.homeButton{color:#132033;text-align:left;cursor:pointer;background:linear-gradient(110deg,#ffcf4b,#eb8c27);border:1px solid #ffd56a;padding:17px 26px;font-size:20px;font-weight:900;position:relative;transform:skew(-7deg);box-shadow:4px 5px #452217}.homeButton span{display:inline-block;transform:skew(7deg)}.homeButton:after{content:"›";font-size:33px;position:absolute;top:9px;right:23px}.homeButton.secondary{background:#081a2dcc;border-color:#5a7085;box-shadow:3px 4px #030d1c}.homeButton:hover{filter:brightness(1.14)}.homeFooter{color:#8198ae;letter-spacing:2px;font-size:10px;position:absolute;bottom:24px;left:8vw}.homeWatermark{color:#ffffff05;letter-spacing:-.04em;pointer-events:none;font:italic 900 clamp(60px,8vw,150px) Impact,sans-serif;position:absolute;bottom:10px;right:2vw}#menu{justify-content:flex-start;overflow-y:auto}#menu:not(.hidden){visibility:visible}.selectHeader{justify-content:space-between;align-items:center;width:min(1300px,100%);display:flex}.miniLogo{color:#ffd247;letter-spacing:-2px;-webkit-text-stroke:1px #122039;white-space:nowrap;font:italic 50px Impact,Arial Black,sans-serif}.miniLogo em{color:#ff7040;font-style:inherit}.selectHeader h1{-webkit-text-fill-color:initial;filter:none;background:0 0;margin:0}.selectHeader p{letter-spacing:2px;color:#9bb0c5;margin-top:4px;font-size:10px}.backHome{color:#c9d9e8;cursor:pointer;background:#122b43;border:1px solid #40617e;border-radius:4px;padding:10px 16px;font-size:11px}.selectLayout{align-items:start;width:min(1300px,100%);display:grid}.heroPanel{position:relative;overflow:hidden}.heroPanel:before{content:"亀";color:#ffffff04;font-size:190px;font-weight:900;line-height:1;position:absolute;top:34px;left:26px}.heroEyebrow{font-weight:800}.heroPortrait{object-fit:contain;mix-blend-mode:normal;width:100%;position:relative}.heroPanel .heroTitle{line-height:1.6}.heroUlt{align-items:center;gap:8px;display:flex}.heroUlt:before{content:"必杀";border-radius:3px;font-size:9px}.heroStats{border-top:1px solid #395c77;grid-template-columns:1fr 1fr;gap:10px;display:grid}.heroStats b{margin-top:4px;display:block}.heroTip{color:#91aabc;margin-top:15px;font-size:10px;line-height:1.8}.rosterColumn{min-width:0}.playerTabs{gap:7px;margin-bottom:14px;display:flex}.playerTabs button{cursor:pointer;border:1px solid #416580;border-radius:4px}.playerTabs button.active{font-weight:900}.playerTabs button:disabled{opacity:.35;cursor:default}#menu .section{width:100%;max-width:none}#menu .section h2:after{background:linear-gradient(90deg,#496985,#0000)}#charList{display:grid}.char-card{color:#e7f3fe;background:linear-gradient(160deg,#1c4561,#0e2238);border:1px solid #466980;border-radius:5px;position:relative;box-shadow:0 3px #03101d}.char-card .ctitle{display:none}.char-card .cult{color:#b3cddd;margin:0 8px 10px;font-size:9px}.card.sel:after{border-radius:0 0 0 4px;padding:3px 6px;font-size:10px}#mapList{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.map-card{color:#e8f1f8;background:#132d42;border:1px solid #456981;box-shadow:0 3px #03101d}.match-options{color:#a0bdcf;justify-content:flex-start;gap:9px;font-size:10px}.match-options label{gap:5px}select,.smallBtn{color:#d4e6f1;background:#102a40;border:1px solid #486a82;border-radius:4px;padding:8px 9px;font-size:10px}.controls b{color:#c7dfec}.era-note{color:#6b8b9f;font-size:9px}.selectSummary{margin-top:10px}#singleTarget,.lockTarget{pointer-events:none;z-index:5;border:1px solid #f6dc6b9c;border-radius:50%;width:36px;height:36px;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 10px #ffe08926}#singleTarget:after,.lockTarget:after{content:"";border:1px dashed #ffdc76c7;border-radius:50%;position:absolute;inset:7px}#singleTarget{position:fixed}#senzuStatus{pointer-events:none;z-index:9;position:fixed;left:50%;transform:translate(-50%)}#senzuStatus:before{content:"●";color:#9add4c;margin-right:7px}.splitMode #hud .topbar,.splitMode #arenaName,.splitMode #actionState,.splitMode #combatReadout{display:none}.splitMode #fightbar{padding:5px 10px;font-size:9px}.splitMode #fightbar .keyboardHint{display:none}.splitMode #senzuStatus{padding:4px 10px;bottom:auto;left:auto;right:14px;transform:none}.splitMode #fightNotice{font-size:25px;top:50%}.splitMode #combo{font-size:25px}.splitMode #touch{display:none}#splitOverlay{z-index:6;pointer-events:none;position:fixed;inset:0}#splitOverlay:after{content:"";background:linear-gradient(90deg,#24495c,#b9c46d,#24495c);height:3px;position:absolute;top:50%;left:0;right:0;transform:translateY(-1px);box-shadow:0 0 10px #000}.viewHUD{width:100%;height:50%;position:absolute;left:0;overflow:hidden}.viewHUD.one{top:0}.viewHUD.two{top:50%}.viewStats{color:#fff2d2;position:absolute;top:13px;left:18px}.viewName{text-shadow:0 2px 3px #14231f;font-weight:900}.viewLabel{vertical-align:middle;border-radius:3px;margin-right:7px;padding:3px 6px;font-size:10px;display:inline-block}.viewHP,.viewKi{background:#0a2436a6;border:1px solid #fd9;height:13px;margin-top:5px;overflow:hidden}.viewHP span{height:100%;display:block}.viewKi{border-color:#8ec5df;height:5px}.viewKi span{height:100%;display:block}.viewStats p{text-shadow:0 2px 2px #173325;margin-top:6px}.viewEnemy{border-radius:4px;padding:6px 9px;font-size:11px;position:absolute;top:17px;right:20px}.viewControls{color:#cedfdd;text-shadow:0 1px 3px #102c30;letter-spacing:.5px;font-size:9px;position:absolute;bottom:13px;left:20px}#splitClock{z-index:2;border:2px solid #ebd17e;padding:4px 13px;font:900 23px Impact,sans-serif;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 12px #0006}.splitMode #pause{z-index:28}.splitMode #pauseMenu{display:block}#quitOverlay{z-index:100;flex-direction:column;justify-content:center;align-items:center;gap:16px;display:flex;position:fixed;inset:0}#quitOverlay p{color:#9bb2c4;font-size:12px}#quitOverlay button{cursor:pointer;border:0;border-radius:4px;padding:12px 30px}.bar{border-color:#ffe1a3}.timer{font-family:Impact,sans-serif}.guidePanel td{border-color:#395d74}.guidePanel td:first-child{color:#f9d68d}.guidePanel p{color:#91b4c8}@media (max-width:1150px){.selectLayout{grid-template-columns:240px minmax(0,1fr);gap:18px}#charList{grid-template-columns:repeat(4,minmax(0,1fr))}.char-card .portrait{aspect-ratio:1.06}.heroPortrait{height:255px}.heroPanel{padding:20px 15px}.match-options{gap:7px}}@media (max-height:760px) and (min-width:1100px){#menu{gap:12px;padding:14px 3vw}.heroPortrait{height:230px}.heroPanel{padding-top:18px}.char-card .portrait{aspect-ratio:1}.heroPanel h3{font-size:23px}.controls{font-size:9px}.heroTip{display:none}.map-thumb{height:47px}}@media (max-width:760px){#home{background:linear-gradient(90deg,#041329bb,#06152655);justify-content:center;padding:22px}.homeTop,.homeFooter{left:24px}.dragonLogo{font-size:clamp(57px,13vw,100px)}.homeSubtitle{letter-spacing:5px;font-size:18px}.homeActions{width:260px}.homeCopy{max-width:270px;font-size:11px}.sevenBalls{gap:7px}.homeButton{font-size:17px}.homeFooter{max-width:300px;font-size:9px;line-height:1.6}.selectHeader{align-items:center}.miniLogo{letter-spacing:-1px}.selectHeader p{display:none}.heroPanel{align-items:center}.heroPortrait{mix-blend-mode:normal}.heroPanel h3{margin-top:0}.heroTitle{margin-top:2px!important}.heroStats{padding-top:0}.heroTip,.heroPanel:before{display:none}.char-card .cname{margin-top:7px}.char-card .cult{margin:0 5px 8px;font-size:8px}.match-options{justify-content:flex-start;gap:8px}.viewHP{height:10px}.viewControls{line-height:1.7}.viewLabel{font-size:8px}.splitMode #fightbar{left:auto;transform:none}.splitMode #fightbar .dashTrack,.splitMode #fightbar>span{display:none}#senzuStatus{white-space:nowrap;font-size:9px;bottom:218px}}@media (max-height:480px){.homeTop{top:15px}.homeCopy{display:none}.homeFooter{font-size:8px;bottom:8px}.homeTag{font-size:9px}.homeWatermark{display:none}#senzuStatus{bottom:128px}.splitMode .viewStats{top:5px}.splitMode .viewName{font-size:12px}.splitMode .viewHP{height:8px}.splitMode .viewStats p{margin-top:3px;font-size:8px}.splitMode .viewEnemy{font-size:9px;top:8px}.splitMode .viewControls{font-size:7px;bottom:5px}.splitMode #splitClock{padding:2px 9px;font-size:16px}}@media (prefers-reduced-motion:reduce){.homeButton,.card,#menu{transition:none}}.dragonLogo .logoA{position:relative}.dragonLogo .starLogo{color:#ffdd48;vertical-align:initial;margin:0;font-size:.15em;position:absolute;top:2.1em;left:.41em}.bar.ki.charging .fill,.viewKi.charging span{filter:brightness(1.35);animation:.65s ease-in-out infinite alternate kiChargePulse;box-shadow:0 0 16px #75e9ff}.bar.ki.insufficient,.viewKi.insufficient{outline:2px solid #ff765e;animation:.15s linear 4 kiDenied}@keyframes kiChargePulse{to{filter:brightness(1.8)}}@keyframes kiDenied{50%{filter:brightness(1.7);outline-color:#ffe4ab}}@media (prefers-reduced-motion:reduce){.bar.ki.charging .fill,.viewKi.charging span,.bar.ki.insufficient,.viewKi.insufficient{animation:none}}#roundScore{z-index:9;pointer-events:none;text-shadow:0 2px 3px #122533;position:fixed;left:50%;transform:translate(-50%)}#specialState{position:absolute;top:222px;left:28px}#trainingPanel{z-index:10;pointer-events:auto;border-radius:5px;position:fixed}#frameReadout,#inputHistory{margin-top:7px;font-family:Consolas,monospace}.frameTable{border-collapse:collapse;width:100%;font-size:10px}.frameTable td,.frameTable th{text-align:left;padding:5px}.frameTable th{color:#aad1db}.lockTarget,#singleTarget{text-align:center;color:#ffe78c;font-size:20px;line-height:33px}#specialState{pointer-events:none}.splitMode #specialState,#resetPractice{display:none}body.training #resetPractice{display:block}@media (max-width:700px){#roundScore{font-size:9px;top:136px}#trainingPanel{width:220px;padding:8px;font-size:9px;top:215px;right:10px}#specialState{font-size:10px;top:202px}.guidePanel{width:94vw}}.artOpen{cursor:pointer;border:1px solid #b39666;border-radius:4px;padding:9px 16px;font:700 12px inherit}#artGallery{z-index:65;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#07121bd4;justify-content:center;align-items:center;padding:24px;display:none;position:fixed;inset:0}#artGallery.show{display:flex}.artPanel{flex-direction:column;width:min(1100px,100%);display:flex;overflow:hidden}.artHeader{border-bottom:1px solid #c9b58e;flex-wrap:wrap;align-items:center;display:flex}.artHeader strong{margin-right:auto}.artHeader button{cursor:pointer;border-radius:4px;padding:8px 14px}.artHeader select{max-width:55vw}.artBody{flex:1;min-height:0;display:flex}.artViewport{touch-action:none;cursor:grab;flex:1;min-width:0;position:relative}.artViewport canvas{width:100%;height:100%}.artCaption{text-align:center;pointer-events:none;font-size:11px;position:absolute}.artNotes{border-left:1px solid #c9b58e;line-height:1.9}.artNotes small{color:#82745b;margin-top:24px;font-size:11px;display:block}@media (max-width:700px){#artGallery{padding:10px}.artNotes h3{font-size:16px}.artHeader{padding:10px}.artHeader strong{font-size:13px}.artBody{flex-direction:column}.artNotes{border-top:1px solid #c9b58e;border-left:0;width:auto;max-height:170px;padding:12px 16px;overflow:auto}.artNotes small{margin-top:10px}.artNotes h3{margin:0 0 5px}.artViewport{min-height:220px}}:root{--ink:#071725;--panel:#102b3e;--soft:#17384b;--paper:#f3e4c2;--text:#f5edda;--muted:#b2c5ca;--line:#466273;--gold:#ffcd57;--orange:#ec8634}body{color:var(--text)}button,select,input,summary{font-family:inherit}button,select,summary{cursor:pointer;transition:background .16s,border-color .16s}button:focus-visible,select:focus-visible,summary:focus-visible,input:focus-visible{outline:3px solid var(--gold);outline-offset:4px}button:disabled{opacity:.4;cursor:default}input[type=checkbox]{width:16px;height:16px;accent-color:var(--gold)}select,.smallBtn,.backHome,.rbtn,#pause button,.artOpen,.artHeader button{border:1px solid var(--line);background:var(--soft);min-height:40px;color:var(--text);letter-spacing:0;box-shadow:none;border-radius:4px;padding:9px 13px;font-size:12px;transform:none}select{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;max-width:100%}button:hover{filter:brightness(1.08)}.rbtn:hover,#pause button:hover{background:var(--soft);border-color:var(--gold);box-shadow:none;transform:none}.rbtn.primary,#resumeBtn{background:var(--gold);color:var(--ink);border:1px solid var(--gold);font-weight:900}.homeTag{letter-spacing:4px;margin-bottom:12px;font-size:12px}.homeTag:before{display:none}.homeSubtitle{color:var(--text);letter-spacing:6px}.homeActions{gap:12px}.homeButton{letter-spacing:3px}.homeButton:hover{transform:skew(-7deg)}.homeButton.secondary{letter-spacing:1px;color:var(--muted);min-height:44px;padding:12px 26px;font-size:13px}.homeButton.secondary:after{font-size:27px;top:3px}.sevenBalls{margin:24px 0 32px}#menu{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);color:var(--text);background:#061624e8;gap:22px;padding:24px max(24px,4vw)}#menu.hidden{transform:none}.selectHeader{border-bottom:1px solid var(--line);gap:24px;max-width:1240px;padding-bottom:16px}.miniLogo{font-size:42px}.selectHeader h1{letter-spacing:2px;color:var(--text);font-size:21px}.selectHeader .backHome{margin-left:auto}.selectLayout{grid-template-columns:250px minmax(0,1fr);gap:24px;max-width:1240px}.heroPanel{border:1px solid var(--line);background:var(--panel);border-radius:7px;padding:18px;box-shadow:0 4px #03121e}.heroPanel:before{display:none}.heroEyebrow{letter-spacing:2px;color:var(--gold);margin-bottom:12px;font-size:11px}.heroPortrait{background:var(--paper);filter:none;border-radius:4px;height:250px}.heroPanel h3{color:var(--text);margin-top:16px;font-size:25px}.heroPanel .heroTitle{color:var(--muted);margin-top:4px;font-size:12px}.heroUlt{color:var(--gold);margin:12px 0 18px;font-size:13px}.heroUlt:before{background:var(--gold);color:var(--ink);border:0;padding:3px 6px}.heroStats{border-color:var(--line);padding-top:14px}.heroStats div{color:var(--muted);font-size:11px}.heroStats b{color:var(--text);font-size:20px}.artOpen{width:100%;margin-top:18px}.modeRow{flex-wrap:wrap;align-items:center;gap:10px 18px;margin-bottom:22px;display:flex}.modeRow label,.settingsContent label{color:var(--muted);align-items:center;gap:8px;font-size:12px;display:flex}.modeRow select{min-width:125px}.modeNote{color:var(--muted);font-size:11px}.rosterHeading{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.playerTabs{margin:0}.playerTabs button{border-color:var(--line);background:var(--panel);min-height:36px;color:var(--muted);padding:7px 14px;font-size:11px}.playerTabs button.active{background:var(--gold);color:var(--ink);border-color:var(--gold)}#menu .section{margin-bottom:22px}#menu .section h2{letter-spacing:1px;color:var(--text);gap:9px;margin:0 0 12px;padding:0;font-size:12px}#menu .rosterHeading h2{margin:0}#menu .section h2:after{display:none}.step{color:var(--gold);font:900 14px Impact,sans-serif}.card,.char-card,.map-card{border:2px solid var(--line);background:var(--panel);color:var(--text);border-radius:5px;box-shadow:0 4px #03121e}.card:hover{border-color:#b6a777;transform:none;box-shadow:0 4px #03121e}.card.sel{border:2px solid var(--gold);box-shadow:0 0 0 1px var(--gold), 0 4px 0 #03121e}.card.sel:after{background:var(--gold);color:var(--ink)}.char-card .portrait{background:var(--paper);border-bottom:1px solid var(--line);object-fit:cover}.char-card .cname{color:var(--text);white-space:nowrap;padding:10px 2px}.map-thumb{object-fit:cover;height:78px}.map-info{padding:10px}.mname{color:var(--text);font-size:12px}.mdesc{color:var(--muted);margin-top:4px;font-size:10px;line-height:1.5}.match-options{margin:0 0 20px;display:block}.settingsDisclosure{background:var(--panel);border:1px solid var(--line);border-radius:5px}.settingsDisclosure summary{min-height:42px;color:var(--muted);justify-content:space-between;align-items:center;padding:10px 14px;font-size:12px;list-style:none;display:flex}.settingsDisclosure summary::-webkit-details-marker{display:none}.settingsDisclosure summary:after{content:"＋";color:var(--gold);font-size:17px}.settingsDisclosure[open] summary:after{content:"−"}.settingsContent{flex-wrap:wrap;align-items:center;gap:12px;padding:4px 14px 14px;display:flex}.match-options select{min-height:40px;padding:8px 10px;font-size:12px}.settingHint{color:var(--muted);font-size:10px}.launchRow{align-items:center;gap:18px;display:flex}.selectSummary{text-align:left;color:var(--muted);flex:1;margin:0;font-size:12px;line-height:1.8}.selectSummary b{color:var(--text);font-size:13px}.selectSummary span{color:var(--gold);margin:0 8px;font-style:italic;font-weight:900}.selectSummary small{font-size:11px;display:block}#startBtn{background:linear-gradient(110deg, var(--gold), var(--orange));width:auto;min-width:220px;min-height:52px;color:var(--ink);letter-spacing:3px;border:2px solid #ffe7a0;border-radius:5px;margin:0;padding:13px 28px;font-size:17px;box-shadow:0 4px #76401f}#startBtn:hover{background:linear-gradient(110deg, var(--gold), var(--orange));transform:none;box-shadow:0 4px #76401f}.controls{text-align:left;letter-spacing:0;width:min(1240px,100%);max-width:1240px;color:var(--muted);border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:16px;padding-top:16px;font-size:12px;line-height:1.8;display:flex}.controls .smallBtn{background:0 0}kbd{border:1px solid var(--line);white-space:nowrap;color:var(--text);background:#ffffff0c;border-radius:3px;padding:1px 5px;font-family:inherit;font-size:11px;font-weight:700;display:inline-block}#pause,#result,#moveGuide,#artGallery{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:var(--text);background:#04101cc7;gap:0;padding:24px}.dialogCard{border:1px solid var(--line);border-top:4px solid var(--gold);background:var(--panel);text-align:center;border-radius:7px;width:min(440px,100%);padding:34px 28px;box-shadow:0 16px 48px #0006}.dialogEyebrow{letter-spacing:3px;color:var(--muted);margin-bottom:12px;font-size:11px}#pause h2{letter-spacing:3px;margin-bottom:12px;font-size:32px}.dialogCard p,#pause p{color:var(--muted);font-size:12px;line-height:1.8}.btnrow{gap:10px;margin-top:24px}.btnrow button{white-space:nowrap;flex:1;min-height:44px;padding:10px 12px}.pauseHint{margin-top:18px}.rbtn{font-size:13px}#resultTitle{letter-spacing:4px;margin:0 0 12px;font-size:44px}#resultTitle.win,#resultTitle.lose{-webkit-text-fill-color:initial;filter:none;color:var(--gold);background:0 0}#resultTitle.lose{color:var(--paper)}#resultSub{letter-spacing:0;color:var(--muted);font-size:13px;line-height:1.8}#quitOverlay{background:var(--ink);color:var(--text)}#quitOverlay h2{letter-spacing:2px;font-size:30px}#quitOverlay button{background:var(--gold);color:var(--ink);min-height:44px;margin-top:24px}.guidePanel{background:var(--panel);width:min(850px,100%);max-height:90vh;color:var(--text);border:1px solid var(--line);border-top:4px solid var(--gold);border-radius:7px;flex-direction:column;padding:0;display:flex;overflow:hidden}.guideHeader{justify-content:space-between;align-items:center;gap:12px;padding:20px 24px 16px;display:flex}.guidePanel h2{color:var(--text);margin:0;font-size:21px}.guidePanel button{background:var(--soft);min-height:40px;color:var(--text);border:1px solid var(--line);border-radius:4px;padding:8px 14px;font-family:inherit}.guideTabs{border-bottom:1px solid var(--line);gap:6px;padding:0 24px 12px;display:flex}.guideTabs button{color:var(--muted);background:0 0;flex:1;font-size:12px}.guideTabs button[aria-selected=true]{background:var(--gold);color:var(--ink);border-color:var(--gold);font-weight:900}.guideContent{min-height:0;padding:20px 24px;overflow:auto}.guideContent table{border-collapse:collapse;width:100%;font-size:12px;line-height:1.7}.guideContent td,.guideContent th{text-align:left;border-bottom:1px solid var(--line);vertical-align:top;padding:10px 8px}.guideContent td:first-child{color:var(--text);width:auto;font-weight:700}.guideContent th{color:var(--gold);font-size:11px}.guideContent p{color:var(--muted);margin:12px 0;font-size:12px;line-height:1.9}.guideContent h3{color:var(--gold);margin-bottom:12px;font-size:15px}.guideContent details{border:1px solid var(--line);border-radius:4px;margin-top:16px;padding:12px}.guideContent summary{color:var(--gold);font-size:12px}.tableScroll{overflow:auto}.frameTable{min-width:530px}.keyTable{table-layout:fixed}.keyTable th:first-child{width:28%}.keyTable th:nth-child(2){width:31%}.frameLegend{font-size:11px!important}.artPanel{border:1px solid var(--line);border-top:4px solid var(--gold);background:var(--panel);height:min(700px,90vh);color:var(--text);border-radius:7px}.artHeader{border-color:var(--line);gap:10px;padding:16px 20px}.artHeader strong{font-size:17px}.artHeader button{border:1px solid var(--line);background:var(--soft);min-height:40px;color:var(--text);font-size:12px}.artViewport{background:var(--paper)}.artNotes{border-color:var(--line);width:230px;padding:24px}.artNotes h3{color:var(--gold);margin:8px 0 12px;font-size:22px}.artNotes p{color:var(--muted);font-size:12px}#artType{color:var(--muted);font-size:11px}.artCaption{white-space:nowrap;color:var(--text);background:#102b3ede;border-radius:4px;padding:6px 10px;bottom:14px;left:50%;right:auto;transform:translate(-50%)}.artOpen{background:var(--soft);border-color:var(--line);color:var(--text)}#loading{background:var(--ink);color:var(--gold);letter-spacing:3px;font-size:13px}#loading.hidden{visibility:hidden}#hud .topbar{gap:28px;padding:0;top:20px;left:24px;right:24px}.side{background:#071725ce;border:1px solid #d8c18a66;border-radius:5px;max-width:40%;padding:12px 14px;position:relative}.side.right{text-align:right;display:block}.pname{color:var(--paper);letter-spacing:1px;text-shadow:none;font-size:17px}.ultname{color:var(--gold);letter-spacing:0;text-shadow:none;margin:4px 0 9px;font-size:11px}.bar{background:var(--ink);height:15px;box-shadow:none;border:1px solid #d8c18a;border-radius:2px;transform:none!important}.bar.ki{border-color:#83bdcc;height:6px;margin-top:6px}.hp .fill{background:linear-gradient(90deg,#779d61,#c4d487)}.ki .fill{box-shadow:none;background:linear-gradient(90deg,#4c91aa,#b0e0dd)}.bar.ki.full .fill{background:var(--gold);box-shadow:none;animation:none}.guardBar{background:#ffffff1a;height:3px;margin-top:5px}.guardBar span{background:#dec28c}.resourceRow{justify-content:space-between;align-items:center;gap:8px;margin-top:8px;display:flex}.side.right .resourceRow{flex-direction:row-reverse}.value,.escapeRow{letter-spacing:0;color:var(--paper);text-shadow:none;margin:0;font-size:10px}.escapeRow{color:var(--muted)}.timer{min-width:56px;color:var(--gold);text-shadow:0 3px 0 var(--ink);letter-spacing:0;padding-top:7px;font:46px/1 Impact,sans-serif}.timer.low{color:#ff8b73;text-shadow:0 3px 0 var(--ink)}.ultTag{background:var(--gold);letter-spacing:0;text-shadow:none;border-radius:3px;padding:4px 8px;font-size:11px;top:calc(100% + 6px);bottom:auto;left:12px;color:var(--ink)!important}.ultTag.on{animation:none}.side.right .ultTag{left:auto;right:12px}#arenaName{text-align:center;white-space:normal;color:var(--paper);font-size:10px;line-height:1.6;top:84px}#roundScore{color:var(--paper);white-space:nowrap;font-size:11px;top:126px}.actionReadout{max-width:calc(100% - 48px);text-shadow:0 2px 3px var(--ink);flex-direction:column;gap:5px;display:flex;position:absolute;bottom:95px;left:24px}#actionState,#specialState,#combatReadout{letter-spacing:0;position:static;top:auto;left:auto}#actionState{color:var(--paper);font-size:13px;font-weight:800}#specialState{color:var(--gold);font-size:11px}#combatReadout{color:var(--muted);font-size:11px}#combatReadout:empty{display:none}#fightbar{border:1px solid var(--line);color:var(--muted);background:#071725e6;border-radius:5px;gap:12px;padding:9px 12px;font-size:11px;bottom:20px}#fightbar button{min-height:36px;padding:7px 12px;font-family:inherit;font-size:11px}.dashStatus{font-size:10px}.dashTrack{background:#4b6167;width:54px}.dashTrack span{background:var(--gold)}#senzuStatus{white-space:nowrap;background:#103326e6;border:1px solid #81a762;border-radius:4px;padding:6px 12px;font-size:11px;bottom:90px}#senzuStatus:before{display:none}#fightNotice{color:var(--gold);text-shadow:0 3px 0 var(--ink), 0 0 16px var(--ink);white-space:normal;text-align:center;max-width:90vw}#combo{color:var(--gold);text-shadow:0 3px 0 var(--ink);letter-spacing:0;font-size:32px;top:28%;left:24px;transform:scale(.8)}#combo.show{transform:scale(1)}#combo small{letter-spacing:0;color:var(--paper);font-size:11px}.dmgNum{text-shadow:0 2px 3px var(--ink)}#trainingPanel{border:1px solid var(--line);border-top:3px solid var(--gold);width:280px;max-height:calc(100vh - 300px);padding:16px;font-size:11px;line-height:1.8;top:185px;right:24px;overflow:auto}#trainingPanel h3{color:var(--gold);margin-bottom:12px;font-size:14px}#trainingPanel label{align-items:center;gap:8px;margin:8px 0;display:flex}#trainingPanel select{flex:1;width:auto;min-width:0;min-height:32px;padding:6px;font-size:11px}#trainingPanel .boxLegend{color:var(--muted);font-size:10px}#frameReadout,#inputHistory{white-space:pre-wrap;overflow-wrap:anywhere;color:var(--muted);margin:12px 0;font-size:11px;line-height:1.8}#inputHistory{color:var(--gold)}.trainingActions{gap:8px;display:flex}.trainingActions button{flex:1}.splitMode .actionReadout{display:none}.viewStats{background:#071725cc;border:1px solid #d8c18a66;border-radius:4px;width:min(35vw,380px);padding:10px 12px}.viewName{font-size:15px}.viewStats p{white-space:pre-line;color:var(--paper);font-size:10px;line-height:1.7}.viewEnemy{color:var(--paper);background:#071725cc}.viewLabel{background:var(--gold);color:var(--ink)}.viewHP,.viewKi{transform:none}.viewHP span{background:linear-gradient(90deg,#779d61,#c4d487)}.viewKi span{background:linear-gradient(90deg,#4c91aa,#b0e0dd)}#splitClock{background:var(--panel);border-color:var(--gold);color:var(--gold);border-radius:4px}.splitMode #fightbar{bottom:10px;left:auto;right:18px;transform:none}.splitMode #fightbar>span{display:none}.splitMode #roundScore{font-size:10px;top:calc(50% - 33px)}.splitMode #senzuStatus{font-size:10px;top:calc(50% + 75px)}.splitMode #combo{top:32%;left:24px;transform:none}.splitMode #combo.show{transform:none}#touch{bottom:max(12px, env(safe-area-inset-bottom));align-items:flex-end}.touchGroup,#touch .touchGroup:not(.move){grid-template-columns:repeat(4,44px);gap:6px;width:auto;display:grid}.touchGroup.move{grid-template-columns:repeat(3,44px);width:auto}#touch .touchGroup button,.touchGroup.move button{width:44px;height:44px;color:var(--paper);background:#102b3ed9;border:1px solid #d7c89a;border-radius:5px;font-size:11px}.touchGroup .held{background:var(--gold)!important;color:var(--ink)!important}@media (max-width:1100px){.selectLayout{grid-template-columns:220px minmax(0,1fr);gap:20px}#charList{grid-template-columns:repeat(4,minmax(0,1fr))}.char-card .portrait{aspect-ratio:1.15}.heroPortrait{height:230px}.modeRow{gap:10px}.keyboardHint{display:none}#startBtn{min-width:180px}.miniLogo{font-size:36px}}@media (max-height:760px) and (min-width:1101px){#menu{gap:18px;padding-top:20px;padding-bottom:20px}.selectHeader{padding-bottom:14px}.heroPortrait{height:220px}.char-card .portrait{aspect-ratio:1.05}#menu .section{margin-bottom:18px}.map-thumb{height:60px}.modeRow{margin-bottom:18px}.controls{padding-top:12px}}@media (max-width:760px){#menu{gap:18px;padding:18px 16px 24px}.selectHeader{flex-wrap:wrap;gap:12px;padding-bottom:14px}.miniLogo{font-size:31px}.selectHeader h1{letter-spacing:1px;order:3;width:100%;font-size:16px}.backHome{min-height:36px;padding:8px 10px;font-size:11px}.selectLayout{grid-template-columns:1fr;gap:18px}.heroPanel{grid-template-columns:86px 1fr;gap:0 14px;padding:12px 14px;display:grid}.heroEyebrow{display:none}.heroPortrait{grid-row:1/5;height:122px}.heroPanel h3{margin:0;font-size:21px}.heroPanel .heroTitle{font-size:11px}.heroUlt{margin:8px 0;font-size:12px}.heroStats{border:0;gap:14px;padding:0;display:flex}.heroStats div{font-size:10px}.heroStats b{margin-left:6px;font-size:14px;display:inline}.artOpen{grid-column:1/-1;min-height:36px;margin-top:12px;font-size:11px}.modeRow{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:20px;display:grid}.modeRow label{flex-direction:column;align-items:flex-start;gap:5px}.modeRow select{width:100%;min-height:40px}.modeNote{grid-column:1/-1}#menu .section h2{letter-spacing:0;font-size:12px}.playerTabs button{padding:6px 10px}#charList{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.char-card .portrait{aspect-ratio:.96}.char-card .cname{padding:9px 1px;font-size:11px}.map-thumb{height:58px}.map-info{padding:9px 5px}.mname{font-size:11px}.mdesc{display:none}.launchRow{flex-direction:column;align-items:stretch;gap:12px}#startBtn{width:100%;min-height:50px}.controls{flex-direction:column;align-items:flex-start;gap:12px;font-size:11px}.controls .smallBtn{width:100%;min-height:40px}#hud .topbar{gap:12px;top:12px;left:12px;right:12px;padding:0!important}.side{max-width:42%;padding:9px}.pname{letter-spacing:0;font-size:13px}.ultname{margin:3px 0 7px;font-size:10px}.bar{height:12px}.timer{min-width:36px;font-size:32px}.resourceRow,.side.right .resourceRow{flex-direction:column;align-items:flex-start;gap:4px}.side.right .resourceRow{align-items:flex-end}.value,.escapeRow{font-size:9px}.ultTag{padding:3px 5px;font-size:9px;left:0}.side.right .ultTag{right:0}#arenaName{font-size:9px;top:63px}#roundScore{font-size:10px;top:155px}.actionReadout{max-width:calc(100% - 24px);left:12px}#actionState{font-size:11px}#specialState{font-size:10px}#combo{top:30%;left:12px}#fightbar{gap:6px;max-width:calc(100vw - 20px);padding:6px 8px}#fightbar button{padding:7px 9px;font-size:10px}.dashStatus{display:none}#pause,#result,#moveGuide,#artGallery{padding:12px}.dialogCard{padding:28px 20px}.guidePanel{width:100%;max-height:92vh;padding:0}.guideHeader{padding:16px}.guidePanel h2{font-size:18px}.guideTabs{padding:0 16px 12px}.guideContent{padding:16px}.guideContent table{font-size:11px}.guideContent td,.guideContent th{padding:8px 5px}.keyTable kbd{padding:1px 3px;font-size:10px}.artPanel{height:90vh}.artBody{flex-direction:column}.artHeader{gap:8px;padding:12px}.artHeader strong{width:100%;font-size:15px}.artHeader select{flex:1;max-width:none;font-size:11px}.artHeader button{padding:8px 10px;font-size:11px}.artViewport{min-height:220px}.artNotes{border-left:0;border-top:1px solid var(--line);width:auto;max-height:170px;padding:14px 16px;overflow:auto}.artNotes h3{margin:3px 0 6px;font-size:19px}.viewStats{width:46vw;padding:7px 8px;top:8px;left:10px}.viewName{font-size:12px}.viewStats p{font-size:8px}.viewEnemy{padding:6px 8px;font-size:9px;top:8px;right:10px}.viewControls{max-width:50vw;font-size:9px;bottom:10px;left:10px}.splitMode #senzuStatus{font-size:8px;top:calc(50% + 62px);right:10px}.splitMode #fightbar{bottom:8px;right:10px}.splitMode #roundScore{font-size:9px}.splitMode #combo{font-size:22px}}@media (pointer:coarse),(max-width:600px){#fightbar{bottom:166px}.actionReadout{bottom:220px}#senzuStatus{font-size:9px}.keyboardHint{display:none}#trainingPanel{width:230px;padding:12px;right:12px}.splitMode #fightbar{bottom:8px}}@media (max-width:380px){.touchGroup,#touch .touchGroup:not(.move){grid-template-columns:repeat(4,40px);gap:5px}.char-card .cname,.mname{font-size:10px}}@media (max-height:480px){#home{padding-top:26px;padding-bottom:26px}.dragonLogo{font-size:70px}.homeTag{margin-bottom:8px}.homeSubtitle{margin-top:12px;font-size:16px}.sevenBalls{margin:16px 0}.homeActions{gap:8px}.homeButton{min-height:44px;padding:10px 20px;font-size:16px}.homeButton.secondary{min-height:36px;padding:9px 20px}.homeButton:after{top:0}#hud .topbar{top:8px}.side{padding:7px 10px}.pname{font-size:13px}.bar{height:10px}.ultname{margin-bottom:5px}.resourceRow{margin-top:5px}.timer{font-size:30px}.ultTag{font-size:9px}#arenaName{top:62px}#roundScore{font-size:9px;top:111px}.viewStats{padding:6px 8px;top:6px}.viewStats p{margin-top:3px;font-size:8px;line-height:1.5}.viewHP{height:8px}.viewName{font-size:12px}.viewEnemy{font-size:9px;top:6px}.viewControls{font-size:8px;bottom:6px}#splitClock{font-size:18px}.splitMode #senzuStatus{font-size:8px;top:calc(50% + 44px)}#trainingPanel{max-height:calc(100vh - 220px);font-size:10px;top:135px}.artViewport{min-height:140px}.artNotes{max-height:90px}}@media (pointer:coarse) and (max-height:480px){#touch .touchGroup:not(.move){gap:5px}#touch .touchGroup button{width:44px;height:44px}.touchGroup.move{grid-template-columns:repeat(3,44px)}#fightbar{bottom:108px}.actionReadout{max-width:45vw;bottom:155px}.guidePanel{max-height:95vh}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important}.bar.ki.full .fill,.ultTag.on{animation:none!important}}#drillTools{border-top:1px solid var(--line);margin-top:14px;padding-top:10px}#drillReadout,#tacticsReadout{white-space:pre-line;color:var(--muted);margin-top:10px;font-size:11px;line-height:1.8}.tacticsDetails{border-top:1px solid var(--line);margin-top:12px;padding-top:10px}.tacticsDetails summary{color:var(--gold);font-size:11px}.v1Rule{font-size:12px}#arenaName{width:160px;max-width:160px}#arenaName span{display:block}@media (max-width:760px){#arenaName{width:62px;max-width:62px}}@media (pointer:coarse),(max-width:600px){#senzuStatus{top:184px;bottom:auto}#trainingPanel{max-height:calc(100vh - 490px);top:220px}}@media (pointer:coarse) and (max-height:480px){#senzuStatus{inset:145px auto auto 50%;transform:translate(-50%)}#trainingPanel{max-height:calc(100vh - 255px);top:135px}}@media (max-width:380px){#touch .touchGroup:not(.move){grid-template-columns:repeat(4,44px);gap:6px}.touchGroup.move{grid-template-columns:repeat(3,44px);gap:6px}#touch .touchGroup button{width:44px;height:44px}}@media (pointer:coarse) and (max-height:480px){#touch .touchGroup:not(.move){grid-template-columns:repeat(6,44px)}}#touch .touchGroup.move{grid-template-columns:repeat(3,44px);gap:6px;width:auto}#hud .side,#splitOverlay .viewStats,#splitOverlay .viewEnemy,#fightbar,#senzuStatus,#splitClock{box-shadow:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:0 0!important;border:0!important}#hud .bar,#hud .guardBar,#splitOverlay .viewHP,#splitOverlay .viewKi{box-shadow:none!important;background:#ffffff24!important}#hud .bar{border-color:#f3e4c2d9}#hud .pname,#hud .ultname,#hud .value,#hud .escapeRow,#fightbar,#splitOverlay .viewEnemy{color:var(--paper);text-shadow:0 1px 2px #071725,0 0 4px #07172599}#hud .ultname{color:var(--gold)}#splitClock{text-shadow:0 2px 2px #071725}#senzuStatus{color:#e4ffc4;text-shadow:0 1px 2px #173325,0 0 4px #17332599}#hud kbd{color:var(--paper);background:0 0;border-color:#f3e4c299}#fightbar button{color:var(--ink);text-shadow:none;border:1px solid #f3e4c2cc;background:#f3e4c2a6!important}#fightbar .dashTrack{background:#ffffff40}#touch .touchGroup button{color:var(--paper);text-shadow:0 1px 2px #071725,0 0 3px #07172599;border-color:#f3e4c2cc;background:#f3e4c238!important}#touch .touchGroup button.held{text-shadow:none;background:var(--gold)!important;color:var(--ink)!important}#trainingPanel{color:var(--ink);box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;border-color:#f3e4c2b3;background:#f3e4c2b3!important}#trainingPanel h3,#trainingPanel summary,#trainingPanel #inputHistory{color:#714213}#trainingPanel #frameReadout,#trainingPanel .boxLegend{color:#315365}#trainingPanel select,#trainingPanel button{color:var(--ink);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;border-color:#8b805d;background:#f3e4c2a6!important}#trainingPanel #drillReadout,#trainingPanel #tacticReadout{color:var(--ink)}#charList{grid-template-columns:repeat(7,minmax(0,1fr));gap:8px}.char-card .portrait{aspect-ratio:1.12}.char-card .cname{margin:5px 0;font-size:11px}#heroTactics{color:#a5b7ca;white-space:pre-line;margin:12px 0;font-size:10px;line-height:1.65}.v2Ability{color:#d5e7e5;text-shadow:0 1px 3px #091d25;max-width:350px;margin-top:6px;font-size:10px;line-height:1.5}.v2MoveNotes{margin-top:18px;font-size:12px;line-height:1.8}.v2MoveNotes p{margin:8px 0}#v2TrainingState{white-space:pre-line;font-size:10px;line-height:1.6}#v2Goal{font-size:10px;line-height:1.6}.homeSubtitle:after{content:"V2 · 十四角色";letter-spacing:3px;margin-top:10px;font-size:12px;display:block}@media (max-width:900px){#charList{grid-template-columns:repeat(4,minmax(0,1fr))}.selectLayout{align-items:start}#menu{overflow-y:auto!important}.v2Ability{max-width:40vw}}@media (max-width:500px){#charList{grid-template-columns:repeat(3,minmax(0,1fr))}.v2Ability{font-size:8px}.char-card .cname{font-size:10px}}