:root{color-scheme:dark;--cyan:#7ee8ff;--paper:#f2eee7;--muted:#a5b3bc;--ink:#0c1620;--red:#f36165}*{box-sizing:border-box}html,body{margin:0;height:100%;font-family:"Microsoft YaHei","PingFang SC",sans-serif;color:var(--paper);background:#080f17}body{overflow:hidden}button,select,input{font:inherit}button{cursor:pointer;color:inherit;touch-action:manipulation}button:focus-visible,select:focus-visible{outline:2px solid var(--cyan);outline-offset:4px}button:disabled{opacity:.35;cursor:default}[hidden]{display:none!important}.ambient{position:fixed;inset:-40px;background:linear-gradient(90deg,#080e17d9,#101a2580,#080e17ef),url('assets/courtyard.png') center/cover;filter:blur(17px);opacity:.55;pointer-events:none}.stage{height:100dvh;display:flex;align-items:center;justify-content:center;gap:clamp(24px,5vw,100px);padding:14px}.game-shell{position:relative;width:min(calc((100dvh - 28px)*.5625),100vw);height:min(calc(100dvh - 28px),177.7778vw);aspect-ratio:9/16;container-type:inline-size;background:#1b2e3e;border:1px solid #6e849943;box-shadow:0 24px 100px #000b;overflow:hidden;isolation:isolate;user-select:none;touch-action:none}#game{position:absolute;inset:0;width:100%;height:100%;touch-action:none}.vignette{position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,#08101ee0,transparent 17%,transparent 73%,#050d18df);box-shadow:inset 0 0 42px #030a1250}.hud{position:absolute;inset:0 0 auto;height:21cqw;padding:3.3cqw 3.5cqw;pointer-events:none}.hud button{pointer-events:auto}.health-group{display:flex;gap:1.6cqw;align-items:center;width:64cqw}.portrait{width:11cqw;height:11cqw;background:linear-gradient(135deg,#243b50,#101a2b);border:1px solid #87bbd866;transform:skew(-5deg);overflow:hidden;box-shadow:0 0 15px #439cd52e}.portrait canvas{width:100%;height:100%}.health-info{flex:1}.hero-name{font-size:2.5cqw;font-weight:bold;letter-spacing:.3cqw;margin-bottom:.8cqw}.hero-name span{font-size:1.6cqw;letter-spacing:.2cqw;color:#a5c6d7;margin-left:1cqw}.hp-track{height:2.3cqw;transform:skew(-18deg);background:#141a24;box-shadow:0 0 0 2px #080e15;border:1px solid #e3fff754;overflow:hidden}#hp-fill{height:100%;width:100%;background:linear-gradient(90deg,#83e388,#3cebb0);box-shadow:0 0 10px #63e6ba;transition:width .12s}.hp-label{font-size:2.5cqw;color:#bfe4a9;padding-top:.8cqw}.hp-label b{color:#fff;margin-left:1.6cqw;font-size:2.6cqw}.icon-button{position:absolute;right:3.4cqw;top:3.4cqw;width:8.5cqw;height:8.5cqw;padding:0;font-weight:900;font-size:4.5cqw;border:1px solid #c6d6e04d;background:#0c162cb0;border-radius:1.8cqw}.wave-info{position:absolute;top:17.5cqw;left:50%;transform:translateX(-50%);text-align:center;font-size:2.5cqw;width:43cqw;text-shadow:0 1px 8px #000}.map-name{font-family:Georgia,"KaiTi",serif;letter-spacing:1cqw;font-size:3cqw}.wave-dots{display:flex;align-items:center;justify-content:space-between;margin:1.5cqw auto;position:relative;width:28cqw}.wave-dots:before{content:"";position:absolute;left:0;right:0;height:1px;background:#a1cad477}.wave-dots i{width:1.5cqw;height:1.5cqw;background:#526874;border:1px solid #a3c5d0;border-radius:50%;z-index:1}.wave-dots i.done{background:#baefff;box-shadow:0 0 8px #6adaff}.wave-dots i.current{background:#ddf9ff;box-shadow:0 0 0 3px #101c2a,0 0 0 4px #b0e4f5}.wave-dots .elite{font-style:normal;width:4.2cqw;height:4.2cqw;line-height:4.2cqw;color:#ff8783;background:#391d26;border:0;font-size:3cqw}.kill-info{position:absolute;right:3.4cqw;top:15.5cqw;display:flex;gap:1cqw;align-items:center;font-size:3.3cqw}.coin{display:inline-flex;align-items:center;justify-content:center;width:4.6cqw;height:4.6cqw;font-family:"KaiTi",serif;color:#ffe0a0;border:1px solid #ac8042;border-radius:50%;background:radial-gradient(#946227,#38271b)}.kill-info small{position:absolute;right:0;top:5.8cqw;font-size:2cqw;color:#b4c6d3;font-variant-numeric:tabular-nums}.boss-bar{position:absolute;left:20%;top:32.5cqw;width:60%;font-size:2.1cqw;text-align:center;text-shadow:0 2px 6px #000}.boss-bar span small{color:#ffa59c;margin-left:1cqw}.boss-bar>div{height:1.2cqw;background:#11151d;border:1px solid #925653;margin-top:.8cqw}.boss-bar i{display:block;height:100%;width:100%;background:linear-gradient(90deg,#bd353f,#ff8a74)}.charge-hud{position:absolute;right:6cqw;bottom:12cqw;width:23cqw;text-align:center;pointer-events:none;text-shadow:0 2px 10px #000}.charge-heading{font-size:3cqw;font-weight:bold}.charge-heading b{font-size:4.2cqw;color:var(--cyan);margin-left:.9cqw}.charge-shards{display:flex;gap:1.5cqw;justify-content:center;margin:1.5cqw 0}.charge-shards i{display:block;width:4cqw;height:5cqw;transform:skew(-24deg);background:#344357;border:1px solid #516277}.charge-shards i.ready{background:linear-gradient(#c8faff,#4acfff);border-color:#9deeff;filter:drop-shadow(0 0 5px #29bbff)}#recharge-text{font-size:2cqw;color:#c5d8e6}.charge-ring{width:21cqw;height:21cqw;margin:1.8cqw auto 0;border-radius:50%;background:radial-gradient(#17395d90,#07182ca8);box-shadow:0 0 18px #30b7ff25}.charge-ring svg{width:100%;height:100%;overflow:visible}.charge-ring circle{fill:none;stroke:var(--cyan);stroke-width:1.6;transform:rotate(-90deg);transform-origin:50% 50%}.charge-ring .ring-back{stroke:#608ea457;stroke-width:4}.charge-ring path{fill:#b5efff;filter:drop-shadow(0 0 5px #56cfff)}.joystick{position:absolute;left:7cqw;bottom:15.5cqw;width:21cqw;height:21cqw;border:1px solid #e3f3ff44;border-radius:50%;background:radial-gradient(#3542552c,#0e1c3540);touch-action:none;box-shadow:inset 0 0 0 4cqw #39465b17}.joystick-center{position:absolute;left:33%;top:33%;width:34%;height:34%;border-radius:50%;border:1px solid #d2e5f05e;background:#aecbdf25;pointer-events:none}.joystick span{position:absolute;bottom:-4.6cqw;left:0;right:0;text-align:center;font-size:2.2cqw;letter-spacing:.8cqw;color:#b8c9d6;pointer-events:none}.footer-tools{position:absolute;left:4cqw;right:4cqw;bottom:2.2cqw;display:flex;align-items:center;justify-content:space-between;font-size:2.1cqw;color:#a0b2c4}.footer-tools button{border:0;background:transparent;color:#b1c4d5;padding:1cqw 0;min-width:10cqw}.footer-tools>span{letter-spacing:1.1cqw;color:#c7d5e170}.build{position:absolute;bottom:8cqw;left:5cqw;display:flex;gap:1cqw}.build i{font-style:normal;border:1px solid #81c9e762;width:5cqw;height:5cqw;font-size:2.8cqw;text-align:center;line-height:5cqw;background:#102239c7;color:var(--cyan)}.toast{position:absolute;left:10%;right:10%;top:37cqw;opacity:0;transform:translateY(-6px);pointer-events:none;text-align:center;font-family:"KaiTi",serif;font-size:4cqw;letter-spacing:.5cqw;text-shadow:0 2px 8px #000;background:linear-gradient(90deg,transparent,#071420cb,transparent);padding:2cqw 0;transition:opacity .25s,transform .25s}.toast.show{opacity:1;transform:translateY(0)}.combo{position:absolute;left:5cqw;top:61cqw;display:flex;align-items:center;pointer-events:none;transform:rotate(-9deg) scale(.7);opacity:0;font-family:"KaiTi","STKaiti",serif;font-weight:900;font-style:italic;text-shadow:2px 2px #080c19,0 0 18px #ff4e5260;transition:opacity .16s,transform .16s}.combo:before{content:"";position:absolute;inset:0 -3cqw;background:#070d19db;transform:skew(-22deg);z-index:-1;box-shadow:0 0 0 2px #9b344531}.combo.show{opacity:1;transform:rotate(-9deg) scale(1)}.combo>span{font-size:8cqw;letter-spacing:-1cqw}.combo>b{color:#ff705f;font-size:6cqw;padding-left:2cqw}.combo em{font-size:15cqw;line-height:1}.tutorial{position:absolute;top:29%;left:5%;right:5%;text-align:center;pointer-events:none;text-shadow:0 2px 9px #061221;font-size:3.2cqw}.tutorial b{display:block;color:#cff7ff;letter-spacing:.4cqw}.tutorial span{display:block;font-size:2.2cqw;margin-top:1.8cqw;color:#c1d2db}.overlay{position:absolute;inset:0;background:#050d18d4;backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:20;padding:6cqw}.menu-overlay{background:linear-gradient(180deg,#050d1640,#08152662 20%,#07131bb0 75%,#050e17eb);backdrop-filter:none}.menu-body{width:100%;text-align:center;padding-top:9cqw}.location-label{display:flex;justify-content:center;gap:2.6cqw;align-items:center;font-size:2.6cqw;color:#cdd6d1;letter-spacing:1cqw}.location-label span{width:8cqw;height:1px;background:#8ba09a66}.menu-title{font-family:"KaiTi","STKaiti","Microsoft YaHei",serif;font-size:18cqw;font-weight:900;font-style:italic;letter-spacing:-1cqw;line-height:1.1;margin:5cqw 0 3cqw;transform:rotate(-5deg);text-shadow:2px 3px 0 #0c1b2c,0 0 26px #bfdcf440}.menu-title span{display:block;font-size:19cqw;margin-left:4cqw}.menu-subtitle{font-size:3cqw;letter-spacing:.5cqw;color:#e5e1d8}.slash-divider{height:2px;background:linear-gradient(90deg,transparent,#98e9ff,transparent);transform:rotate(-12deg);width:73%;margin:8cqw auto 0;box-shadow:0 0 12px #41c8ff}.swipe-demo{width:29cqw;height:13cqw;margin:4cqw auto 0;position:relative}.swipe-demo:before{content:"";position:absolute;width:27cqw;height:2px;background:linear-gradient(90deg,#72dafa11,#78eaff);transform:rotate(-30deg);left:0;top:50%;box-shadow:0 0 12px #2ab6ff}.swipe-demo b{position:absolute;right:0;top:0;font-size:10cqw;color:var(--cyan);font-weight:400}.swipe-demo span{position:absolute;left:0;bottom:0;width:5cqw;height:5cqw;border:1px solid #b7ecff88;border-radius:50%;animation:swipe 2s ease-in-out infinite}.menu-instruction{font-size:3.1cqw;line-height:1.9;color:#e7eced;margin:1cqw 0 4cqw}.menu-instruction b{color:var(--cyan);padding:0 1.2cqw}.menu-instruction small{font-size:2.35cqw;color:#afbfc9}.primary-button{display:block;width:100%;border:1px solid #c1f4ff9c;border-radius:2px;background:linear-gradient(110deg,#143953e8,#30667cec);box-shadow:0 0 28px #56caff20,inset 0 0 20px #63c5e513;padding:3.7cqw 5cqw;font-weight:bold;font-size:3.7cqw;letter-spacing:.8cqw;color:#e3faff;transition:background .2s}.primary-button:hover{background:linear-gradient(110deg,#205875,#3c8599)}.menu-body .primary-button{width:80%;margin:0 auto;transform:skew(-5deg)}.primary-button span{margin-left:5cqw;font-size:5cqw}.menu-meta{font-size:2cqw;color:#b5b9b8;margin-top:3cqw;letter-spacing:.2cqw}.best{font-size:2cqw;color:#e1ba82;margin-top:3cqw}.panel{width:100%;padding:6cqw 5cqw;border:1px solid #9fb7c03e;background:linear-gradient(135deg,#152432f7,#0b141ff7);box-shadow:0 15px 50px #0006;text-align:center}.eyebrow{font-size:2.2cqw;letter-spacing:.65cqw;color:#aac6d6}.panel h2{font-family:"KaiTi",serif;font-size:7cqw;font-weight:800;letter-spacing:.3cqw;margin:2.5cqw 0 3cqw}.panel>p{font-size:2.8cqw;line-height:1.8;color:#bbc6ce}.panel>p small{font-size:2.3cqw;color:#8bcec4}.secondary-button{display:block;width:100%;margin-top:2cqw;border:1px solid #8ca5b02e;background:#7189990d;padding:2.7cqw;font-size:2.9cqw;color:#b8c9d8}.control-note{margin-top:5cqw!important;font-size:2.25cqw!important;line-height:2!important}.upgrade-panel{padding:5cqw 3cqw}#upgrade-cards{display:flex;flex-direction:column;gap:2cqw;margin-top:4cqw}.upgrade-card{display:grid;grid-template-columns:11cqw 1fr 4cqw;align-items:center;text-align:left;gap:2cqw;background:#1d344052;border:1px solid #7196a64d;padding:3cqw 2cqw;min-height:20cqw}.upgrade-card:hover{border-color:#92e7ff;background:#21475a99}.upgrade-icon{font-family:Georgia,"KaiTi",serif;font-size:7cqw;color:var(--cyan);text-align:center}.upgrade-name{font-size:3.4cqw;font-weight:bold}.upgrade-tag{font-size:1.9cqw;color:#edca91;margin-left:1.5cqw;font-weight:normal}.upgrade-desc{font-size:2.2cqw;color:#b4c8d6;line-height:1.8;margin-top:1cqw}.upgrade-arrow{color:var(--cyan);font-size:4cqw}.result-stats{display:grid;grid-template-columns:1fr 1fr;gap:3cqw;margin:5cqw 0}.result-stats>div{border-bottom:1px solid #93b6c322;padding-bottom:3cqw}.result-stats b{font-size:6cqw;display:block;color:#e5f6fb;font-variant-numeric:tabular-nums}.result-stats span{font-size:2.2cqw;color:#9bb8c6}.result-build{font-size:2.3cqw;color:#b0dcdf;line-height:1.7;margin-bottom:4cqw;min-height:2cqw}.text-button{border:0;background:transparent;color:#859daa;font-size:2.3cqw;padding:3cqw 0 0}.debug-panel{position:absolute;z-index:30;left:5%;right:5%;top:18%;padding:4cqw;background:#091523f5;border:1px solid #86d8ff70;box-shadow:0 15px 50px #0008;font-size:2.4cqw}.debug-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:2cqw;font-size:3.5cqw}.debug-head button{font-size:5cqw;border:0;background:transparent}.debug-panel small{font-size:2cqw;line-height:1.8;color:#8ca7b7}.debug-panel label{display:flex;align-items:center;gap:2cqw;margin-top:2cqw}.debug-panel button,.debug-panel select{background:#1b3444;border:1px solid #567185;padding:1.4cqw;font-size:2.3cqw}.debug-panel select{flex:1;min-width:0}.debug-row{display:flex;gap:2cqw;margin:3cqw 0}.debug-row button{flex:1}.debug-panel input{accent-color:#7ee8ff}.side-note{width:220px;position:relative;color:#cad2d5}.edition{font-size:10px;letter-spacing:3px;color:#93a3ae;margin-bottom:36px}.left-note h1{font-family:"KaiTi","STKaiti",serif;font-size:59px;font-style:italic;letter-spacing:-2px;line-height:1.25;transform:rotate(-6deg);margin:0 0 26px;color:#f4f0e9}.left-note h1 span{font-size:57px}.slogan{font-family:"KaiTi",serif;font-size:15px;line-height:2;letter-spacing:2px}.red-seal{width:38px;height:38px;display:flex;align-items:center;justify-content:center;border:1px solid #b34c4c;color:#cd6361;font-family:"KaiTi",serif;font-size:16px;letter-spacing:2px;transform:rotate(-4deg);margin-top:28px}.small-note{font-family:"KaiTi",serif;color:#8a9ba9;font-size:12px;margin-top:75px;letter-spacing:1px}.right-note{width:195px}.mechanic{position:relative;margin:0 0 33px;padding-left:34px}.mechanic>i{position:absolute;left:0;top:4px;color:#75cfe5;font:italic 13px Georgia}.mechanic>b{font-family:"KaiTi",serif;font-size:25px;font-weight:400;color:#e2e6e5;letter-spacing:3px}.mechanic p{font-size:11px;line-height:2;color:#99abb8;letter-spacing:.5px;margin:8px 0 0}.keyboard-hint{border-top:1px solid #69859a33;padding-top:22px;font-size:10px;line-height:2.5;color:#94a4b0}.keyboard-hint span{margin-right:10px;color:#bdced8;font-size:10px;letter-spacing:1px}@keyframes swipe{0%,25%{transform:translate(0,0);opacity:0}35%{opacity:1}85%{transform:translate(20cqw,-9cqw);opacity:1}100%{transform:translate(20cqw,-9cqw);opacity:0}}@media(max-width:1050px){.side-note{display:none}}@media(max-width:600px){.stage{padding:0}.game-shell{width:min(100vw,calc(100dvh*.5625));height:min(100dvh,177.7778vw);border:0}.footer-tools{bottom:max(2.2cqw,env(safe-area-inset-bottom))}}@media(prefers-reduced-motion:reduce){.swipe-demo span{animation:none}.combo,.toast,#hp-fill{transition:none}}
:root .upgrade-desc{font-size:max(11px,2.5cqw)}:root .panel>p small{font-size:max(10px,2.3cqw)}:root .control-note{font-size:max(10px,2.25cqw)!important}:root .debug-panel,:root .debug-panel button,:root .debug-panel select{font-size:max(10px,2.3cqw)}@media(max-width:600px){.icon-button{min-width:44px;min-height:44px}.footer-tools button{min-height:28px;min-width:50px;font-size:10px}.menu-instruction small{font-size:max(10px,2.35cqw)}.menu-meta,.best{font-size:max(9px,2cqw)}}