:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#07080f;--panel:#0c0f1edb;--panel2:#141a32eb;--line:#8caaff2e;--line2:#e8c36a73;--ink:#e8ecf8;--ink2:#9aa6c8;--ink3:#6a7598;--gold:#e8c36a;--gold2:#ffe27a;--cyan:#5fd4ff;--red:#ff4a3a;--green:#5fe08a;--violet:#b894ff;--brush:"Ma Shan Zheng","STKaiti","KaiTi",serif;--display:"ZCOOL QingKe HuangYou","PingFang SC","Microsoft YaHei",sans-serif;--sans:-apple-system,BlinkMacSystemFont,"PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;--safe-t:env(safe-area-inset-top,0px);--safe-b:env(safe-area-inset-bottom,0px)}[hidden]{display:none!important}html,body{height:100%}body{background:var(--bg);color:var(--ink);font-family:var(--sans);-webkit-user-select:none;user-select:none;touch-action:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;overscroll-behavior:none;margin:0;overflow:hidden}#game{position:fixed;inset:0;overflow:hidden}#game canvas{display:block}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible{outline:2px solid var(--gold);outline-offset:2px}#vignette{pointer-events:none;z-index:1;background:radial-gradient(#0000 55%,#0000008c 100%);position:fixed;inset:0}#flash{pointer-events:none;z-index:2;opacity:0;position:fixed;inset:0}#flash.hurt{background:radial-gradient(#0000 35%,#ff1e148c 100%);animation:.45s ease-out fl}#flash.ult{background:radial-gradient(#dcf0ffb3,#78a0ff59 70%);animation:.8s ease-out fl}#flash.gold{background:radial-gradient(#ffe68c80,#0000 70%);animation:.8s ease-out fl}@keyframes fl{0%{opacity:1}to{opacity:0}}#hud.low~#vignette{background:radial-gradient(#0000 45%,#a0000080 100%)}.bar{background:#0000008c;border:1px solid #ffffff24;border-radius:6px;height:10px;position:relative;overflow:hidden}.bar i{border-radius:5px;width:0;transition:width .15s;position:absolute;inset:0 auto 0 0}#hud{z-index:5;padding:calc(var(--safe-t) + 12px) 16px 0;pointer-events:none;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:start;gap:12px;display:grid;position:fixed;top:0;left:0;right:0}#hud .me{background:var(--panel);border:1px solid var(--line);box-sizing:border-box;border-radius:12px;width:min(300px,100%);padding:8px 12px 10px;box-shadow:0 8px 24px #00000059}#hud .rk{align-items:baseline;gap:8px;min-width:0;margin-bottom:6px;display:flex}#hud .rk b{letter-spacing:.06em;white-space:nowrap;font-size:17px;font-weight:800}#hud .rk span{color:var(--ink2);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.bar.hp{height:16px}.bar.hp i{background:linear-gradient(#ff7a6a,#d8302a)}.bar.hp i.sh{background:linear-gradient(#bfefffd9,#5fb4ffb3);height:5px;top:auto;bottom:0}.bar.hp span{font-variant-numeric:tabular-nums;text-shadow:0 1px 2px #000;place-items:center;font-size:11px;font-weight:700;display:grid;position:absolute;inset:0}#hud.low .bar.hp i{animation:.6s infinite alternate lowhp}@keyframes lowhp{to{filter:brightness(1.6)}}.bar.xp{border:none;height:4px;margin-top:4px}.bar.xp i{background:var(--gold)}#hud .row2{align-items:center;gap:10px;margin-top:6px;display:flex}.bar.en{flex:1;height:7px}.bar.en i{background:linear-gradient(90deg,#5fd4ff,#b894ff)}.pips{gap:3px;display:flex}.pips i{background:#ffffff1f;border-radius:2px;width:8px;height:12px;transition:background .1s;transform:skew(-14deg)}.pips i.on{background:var(--cyan);box-shadow:0 0 6px var(--cyan)}.pips.hot i.on{background:var(--violet);box-shadow:0 0 8px var(--violet)}#hud .obj{background:var(--panel);border:1px solid var(--line);text-align:center;border-radius:12px;min-width:220px;padding:8px 14px 9px;box-shadow:0 8px 24px #00000059}#hud .obj .ot{color:var(--ink);white-space:nowrap;margin-bottom:6px;font-size:13px}.bar.ob{height:5px}.bar.ob i{background:linear-gradient(90deg,var(--gold),var(--gold2))}#hud .side{justify-content:flex-end;align-items:center;gap:8px;display:flex}.loot,.money{background:var(--panel);border:1px solid var(--line2);font-family:var(--display);color:var(--gold2);font-variant-numeric:tabular-nums;white-space:nowrap;border-radius:999px;align-items:center;gap:7px;padding:6px 14px 6px 10px;font-size:18px;display:flex}.gem{clip-path:polygon(50% 0,100% 35%,70% 100%,30% 100%,0 35%);background:linear-gradient(160deg,#fff,#9fe8ff 45%,#3a8ad8);flex:none;width:12px;height:16px}#bPause{pointer-events:auto;background:var(--panel);border:1px solid var(--line);width:38px;height:38px;color:var(--ink);border-radius:10px;place-items:center;display:grid}#bPause:hover{border-color:var(--gold)}#bHome{pointer-events:auto;letter-spacing:.1em;white-space:nowrap;color:#2a1a04;background:linear-gradient(#f3d27a,#c8962e);border:1px solid #ffe9a8;border-radius:10px;height:38px;padding:0 16px;font-weight:700;animation:1.6s infinite alternate homeglow;box-shadow:0 0 14px #e8c36a73}#bHome:hover{filter:brightness(1.08)}@keyframes homeglow{to{box-shadow:0 0 22px #e8c36ad9}}#bossbar{left:50%;top:calc(var(--safe-t) + 78px);z-index:5;pointer-events:none;text-align:center;width:min(560px,100% - 32px);position:fixed;transform:translate(-50%)}#bossbar .bn{text-shadow:0 2px 6px #000;justify-content:center;align-items:baseline;gap:10px;margin-bottom:4px;display:flex}#bossbar .bn b{font-family:var(--brush);color:#ffd0b0;letter-spacing:.1em;font-size:26px;font-weight:400}#bossbar .bn span{color:#ff9a7a;letter-spacing:.2em;font-size:12px}#bossbar .bar{border-color:#ff785073;height:14px}#bossbar .bar i{background:linear-gradient(#ff9a3a,#c8281a)}#bossbar .bar em{text-shadow:0 1px 2px #000;font-variant-numeric:tabular-nums;place-items:center;font-size:10px;font-style:normal;font-weight:700;display:grid;position:absolute;inset:0}#bossbar.rage .bar i{background:linear-gradient(#ff4a8a,#8a0a2a);animation:.4s infinite alternate lowhp}#skills{z-index:6;left:50%;bottom:calc(var(--safe-b) + 16px);gap:10px;display:flex;position:fixed;transform:translate(-50%)}.sk{--cd:0;border:1px solid var(--line);background:var(--panel);touch-action:none;border-radius:14px;place-items:center;width:56px;height:56px;padding:0;display:grid;position:relative;overflow:hidden}.sk:after{content:"";background:conic-gradient(#0000009e calc(var(--cd) * 360deg),transparent 0);pointer-events:none;position:absolute;inset:0}.sk .g{font-family:var(--brush);color:var(--ink);font-size:28px;line-height:1}.sk kbd{font-family:var(--sans);color:var(--ink3);font-size:10px;position:absolute;bottom:3px;right:5px}.sk em{color:var(--green);font-size:12px;font-style:normal;font-weight:700;position:absolute;top:3px;left:5px}.sk.atk .g{color:#cfefff}.sk.ult .g{color:#b894ff}.sk.ult.ready{border-color:var(--violet);animation:1s infinite alternate pulse;box-shadow:0 0 16px #b894ffb3,inset 0 0 12px #b894ff66}.sk.pot.empty{opacity:.45}.sk.clone .g{color:#ffd84a}.sk.clone.ready{border-color:#ffd84ab3;box-shadow:0 0 12px #ffd84a73}.sk.down{background:var(--panel2);transform:scale(.93)}@keyframes pulse{to{box-shadow:0 0 26px #b894fff2,inset 0 0 16px #b894ff99}}#joy{display:none}body.touch #skills{--atk:84px;--sm:58px;--arc:100px;--arc2:168px;left:auto;right:calc(env(safe-area-inset-right,0px) + 18px);bottom:calc(var(--safe-b) + 22px);width:calc(var(--atk) / 2 + var(--arc) + var(--sm) / 2);height:calc(var(--atk) / 2 + var(--arc) + var(--sm) / 2);display:block;transform:none}body.touch .sk{width:var(--sm);height:var(--sm);border-radius:50%;position:absolute}body.touch .sk .g{font-size:26px}body.touch .sk.atk{width:var(--atk);height:var(--atk);border-width:2px;border-color:#9fe8ff59;bottom:0;right:0}body.touch .sk.atk .g{font-size:40px}body.touch .sk.dash{right:calc(var(--atk) / 2 + var(--arc) - var(--sm) / 2);bottom:calc(var(--atk) / 2 - var(--sm) / 2)}body.touch .sk.ult{right:calc(var(--atk) / 2 + var(--arc) * .7071 - var(--sm) / 2);bottom:calc(var(--atk) / 2 + var(--arc) * .7071 - var(--sm) / 2)}body.touch .sk.pot{right:calc(var(--atk) / 2 - var(--sm) / 2);bottom:calc(var(--atk) / 2 + var(--arc) - var(--sm) / 2)}body.touch .sk.clone{right:calc(var(--atk) / 2 + var(--arc2) * .7071 - var(--sm) / 2);bottom:calc(var(--atk) / 2 + var(--arc2) * .7071 - var(--sm) / 2)}body.touch .sk kbd{display:none}body.touch .sk em{font-size:11px;top:auto;bottom:4px;left:50%;transform:translate(-50%)}body.touch #joy{--r:62px;z-index:6;width:calc(var(--r) * 2);height:calc(var(--r) * 2);margin:calc(var(--r) * -1) 0 0 calc(var(--r) * -1);left:calc(env(safe-area-inset-left,0px) + 22px + var(--r));top:calc(100% - var(--safe-b) - 26px - var(--r));pointer-events:none;opacity:.5;background:radial-gradient(circle,#0c0f1e26 40%,#0c0f1e73);border:1px solid #ffffff29;border-radius:50%;transition:opacity .15s;display:block;position:fixed}body.touch #joy.on{opacity:1}@media (width<=359px){body.touch #skills{--atk:76px;--sm:52px;--arc:88px;--arc2:148px}body.touch #joy{--r:54px}}@media (height<=440px){body.touch #skills{--atk:74px;--sm:52px;--arc:86px;--arc2:146px;bottom:calc(var(--safe-b) + 14px)}body.touch #joy{--r:54px;top:calc(100% - var(--safe-b) - 16px - var(--r))}}#joy i{background:#ffffff38;border:1px solid #ffffff59;border-radius:50%;width:48px;height:48px;margin:-24px 0 0 -24px;position:absolute;top:50%;left:50%;box-shadow:0 2px 8px #00000059}#banner{z-index:8;pointer-events:none;text-align:center;opacity:0;width:calc(100% - 32px);transition:opacity .45s,transform .45s;position:fixed;top:28%;left:50%;transform:translate(-50%,-50%)}#banner.show{opacity:1;transform:translate(-50%,-50%)scale(1)}#banner .t{font-family:var(--brush);letter-spacing:.12em;font-size:clamp(40px,8vw,72px);line-height:1.15}#banner .s{color:var(--ink2);text-shadow:0 2px 6px #000;margin-top:8px;font-size:15px}#banner.gold .t{color:var(--gold2);text-shadow:0 0 24px #ffc85099,0 3px #6a4a10}#banner.warn .t{color:#ff8a6a;text-shadow:0 0 28px #ff3c1ecc,0 3px #5a1008}#banner.clear .t{color:#bfefff;text-shadow:0 0 28px #5fd4ffcc,0 3px #0a3a5a}#toasts{left:50%;top:calc(var(--safe-t) + 130px);z-index:25;pointer-events:none;flex-direction:column;align-items:center;gap:6px;width:min(420px,100% - 32px);display:flex;position:fixed;transform:translate(-50%)}body.in-city #toasts{top:auto;bottom:calc(var(--safe-b) + 24px)}.toast{border:1px solid var(--line);text-align:center;background:#0c0f1eeb;border-radius:999px;padding:7px 16px;font-size:13.5px;animation:.25s ease-out tin}.toast.warn{color:#ffb0a0;border-color:#ff785a99}.toast.gold{border-color:var(--line2);color:var(--gold2)}.toast.ok{color:#b8ffd0;border-color:#5fe08a80}.toast.out{opacity:0;transition:opacity .4s}@keyframes tin{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}.big{letter-spacing:.1em;border:1px solid #0000;border-radius:12px;padding:12px 26px;font-size:16px;font-weight:700;transition:transform .1s,filter .15s}.big:active{transform:scale(.97)}.big.pri{color:#2a1a04;background:linear-gradient(#f3d27a,#c8962e);border-color:#ffe9a8;box-shadow:0 6px 18px #c8962e59}.big.pri:hover{filter:brightness(1.08)}.big.sec{border-color:var(--line);color:var(--ink);background:#ffffff0f}.big.sec:hover{background:#ffffff1a}#title{z-index:20;background:radial-gradient(at 50% 60%,#07080f33,#07080fd9 80%);place-items:center;padding:24px 16px;display:grid;position:fixed;inset:0}#title .wrap{text-align:center;max-width:620px}#title .ey{letter-spacing:.4em;color:var(--ink2);font-size:13px}#title h1{font-family:var(--brush);letter-spacing:.08em;background:linear-gradient(#fff6d8 10%,#e8c36a 55%,#a8742a);color:#0000;filter:drop-shadow(0 4px 24px #e8c36a59);-webkit-background-clip:text;background-clip:text;margin:.1em 0 0;font-size:clamp(64px,16vw,132px);font-weight:400;line-height:1}#title .sub{font-family:var(--display);letter-spacing:.5em;color:var(--cyan);text-shadow:0 0 16px #5fd4ff99;margin:.4em 0 0 .5em;font-size:clamp(18px,4vw,26px)}#title p{color:var(--ink2);margin:22px 0 26px;font-size:15px;line-height:1.9}#title .bt{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}#title .keys{color:var(--ink3);margin-top:26px;font-size:12.5px;line-height:1.8}#city{z-index:10;padding:calc(var(--safe-t) + 14px) 16px calc(var(--safe-b) + 14px);box-sizing:border-box;background:linear-gradient(#07080f40,#07080f8c 30%,#07080fd1);flex-direction:column;align-items:center;display:flex;position:fixed;inset:0}#city>*{width:min(980px,100%)}.ch{background:var(--panel);border:1px solid var(--line);box-sizing:border-box;border-radius:14px;align-items:center;gap:16px;padding:10px 16px;display:flex}.ch .brand{flex-direction:column;line-height:1.1;display:flex}.ch .brand b{font-family:var(--brush);color:var(--gold2);letter-spacing:.06em;font-size:26px;font-weight:400}.ch .brand span{letter-spacing:.3em;color:var(--ink3);font-size:11px}.ch .who{flex:1;min-width:0}.ch .who .l1{align-items:baseline;gap:10px;display:flex}.ch .who .nm{color:var(--ink2);font-size:13px}.ch .who b{letter-spacing:.04em;font-size:18px;font-weight:800}.ch .xp{background:#00000080;border-radius:3px;max-width:280px;height:5px;margin:4px 0 2px;overflow:hidden}.ch .xp i{background:var(--gold);width:0;height:100%;display:block}.ch .who small{color:var(--ink3);font-variant-numeric:tabular-nums;font-size:11px}#cityNav{scrollbar-width:none;gap:6px;margin:12px 0;display:flex;overflow-x:auto}#cityNav button{background:var(--panel);border:1px solid var(--line);min-width:max-content;color:var(--ink2);letter-spacing:.08em;border-radius:10px;flex:1;padding:10px 16px;font-size:15px}#cityNav button.on{color:#2a1a04;background:linear-gradient(#f3d27a,#c8962e);border-color:#ffe9a8;font-weight:700}#cityBody{box-sizing:border-box;touch-action:pan-y;-webkit-overflow-scrolling:touch;flex:1;min-height:0;padding:2px 2px 12px;overflow-y:auto}#cityBody .lead{color:var(--ink2);margin:2px 4px 14px;font-size:14px;line-height:1.8}#cityBody .hint{color:var(--ink3);margin:14px 4px;font-size:13px}#cityBody .arc{border-bottom:1px solid var(--line);align-items:baseline;gap:12px;margin:18px 4px 10px;padding-bottom:6px;display:flex}#cityBody .arc:first-of-type{margin-top:6px}#cityBody .arc h4{font-family:var(--brush);color:var(--gold2);letter-spacing:.1em;margin:0;font-size:24px;font-weight:400}#cityBody .arc span{color:var(--ink3);font-size:12px}.zones{grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:12px;display:grid}.zone{--zc:#fff;background:var(--panel2);border:1px solid var(--line);border-radius:14px;flex-direction:column;gap:8px;padding:14px 16px;display:flex;position:relative;overflow:hidden}.zone:before{content:"";background:var(--zc);opacity:.8;height:3px;position:absolute;inset:0 0 auto}.zone.done{border-color:#e8c36a66}.zone.locked{opacity:.55}.zone .zt{justify-content:space-between;align-items:flex-end;gap:8px;display:flex}.zone .zi,.me .zi{letter-spacing:.2em;color:var(--ink3);font-size:11px}.zone h3,.me h3{font-family:var(--brush);color:var(--ink);letter-spacing:.06em;margin:2px 0;font-size:28px;font-weight:400}.zone .zs{color:var(--ink2);font-size:12px}.zone .pt{filter:drop-shadow(0 4px 10px #0009);flex:none;width:120px;height:78px}.zone p{color:var(--ink2);margin:0;font-size:13px;line-height:1.75}.zone .lockmsg{text-align:center;color:var(--ink2);padding:18px 0}.chips{flex-wrap:wrap;gap:5px;display:flex}.chips span{border:1px solid var(--line);color:var(--ink2);background:#ffffff0f;border-radius:999px;padding:3px 9px;font-size:12px}.chips span.boss{color:#ffb8a0;border-color:#ff785a66}.zone .zf{justify-content:space-between;align-items:center;gap:8px;margin-top:auto;padding-top:6px;display:flex}.zone .rec{color:var(--ink2);font-size:12px}.zone .rec.warn{color:#ff9a7a}.zone .zf .big{padding:9px 22px;font-size:15px}.items{gap:10px;display:grid}.item{background:var(--panel2);border:1px solid var(--line);border-radius:14px;align-items:center;gap:14px;padding:14px 16px;display:flex}.item .ic{width:52px;height:52px;font-family:var(--brush);color:var(--gold2);border:1px solid var(--line2);background:radial-gradient(circle at 50% 35%,#e8c36a40,#e8c36a0d);border-radius:12px;flex:none;place-items:center;font-size:30px;display:grid}.item .im{flex:1;min-width:0}.item .it{flex-wrap:wrap;align-items:baseline;gap:10px;display:flex}.item h3{margin:0;font-size:17px}.item .lv{color:var(--cyan);font-size:12px}.item p{color:var(--ink2);margin:4px 0 6px;font-size:13px;line-height:1.7}.item .eff{flex-wrap:wrap;align-items:center;gap:8px;font-size:13px;display:flex}.item .eff b{color:var(--ink3);font-weight:400}.item .eff .nx{color:var(--green)}.buy{color:#2a1a04;min-width:96px;font-weight:700;font-family:var(--display);background:linear-gradient(#f3d27a,#c8962e);border:1px solid #ffe9a8;border-radius:10px;flex:none;padding:10px 14px;font-size:17px}.buy.poor{border-color:var(--line);color:#ff9a7a;background:#ffffff0d}.item.locked{opacity:.6}.buy.lock{font-family:var(--sans);font-size:13px;font-weight:600}.buy:disabled{border-color:var(--line);color:var(--ink3);cursor:default;background:#ffffff0a}.me{background:var(--panel2);border:1px solid var(--line);border-radius:14px;margin-bottom:12px;padding:14px 18px}.stats{grid-template-columns:auto 1fr;gap:6px 18px;margin:10px 0 0;font-size:14px;display:grid}.stats dt{color:var(--ink3)}.stats dd{color:var(--ink);font-variant-numeric:tabular-nums;margin:0}.me .stats{grid-template-columns:repeat(2,auto 1fr)}.keys{color:var(--ink2);margin:8px 0 0;padding-left:18px;font-size:13px;line-height:1.9}.toggles{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.tog{border:1px solid var(--line);background:#ffffff0f;border-radius:999px;padding:6px 14px;font-size:13px}.tog.off{color:var(--ink3)}.link{color:var(--ink3);background:0 0;border:none;padding:8px 4px;font-size:13px;text-decoration:underline}.link.danger:hover{color:#ff9a7a}#modal{z-index:30;-webkit-backdrop-filter:blur(3px);background:#04050a9e;place-items:center;padding:16px;display:grid;position:fixed;inset:0}#modal .card{box-sizing:border-box;border:1px solid var(--line2);touch-action:pan-y;background:linear-gradient(#141a34,#0c0f1e);border-radius:16px;width:min(460px,100%);max-height:calc(100% - 16px);padding:22px 22px 18px;animation:.22s ease-out pop;overflow:auto;box-shadow:0 24px 60px #0009}@keyframes pop{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:none}}#modal .ey{letter-spacing:.3em;color:var(--ink3);font-size:12px}#modal h2{font-family:var(--brush);color:var(--gold2);letter-spacing:.1em;margin:2px 0 8px;font-size:40px;font-weight:400}#modal .card.dead h2{color:#ff9a7a}#modal .card.clear h2{color:#bfefff}#modal p{color:var(--ink2);margin:6px 0;font-size:14px;line-height:1.8}#modal p.unlock{color:var(--gold2);font-weight:700}#modal p.hint{color:var(--ink3);font-size:13px}#modal p.story{color:var(--ink);font-family:Songti SC,STSong,serif;font-size:15.5px}#modal .stats{background:#00000040;border-radius:10px;margin:12px 0 4px;padding:10px 14px}#modal .btns{flex-wrap:wrap;justify-content:flex-end;gap:10px;margin-top:16px;display:flex}#modal .btns .big{flex:1;min-width:max-content}@media (width<=720px){#hud{padding:calc(var(--safe-t) + 8px) 10px 0;grid-template-columns:minmax(0,1fr) auto;gap:8px}#hud .me{padding:7px 10px 8px}#hud .obj{grid-area:2/1/auto/-1;justify-self:center;min-width:0;padding:5px 12px 6px}#hud .obj .ot{font-size:12px}#hud .side{flex-direction:column;grid-area:1/2;align-items:flex-end}.loot{padding:4px 10px 4px 8px;font-size:15px}#bossbar{top:calc(var(--safe-t) + 150px)}#bossbar .bn b{font-size:20px}.ch{flex-wrap:wrap;gap:6px 14px;padding:8px 12px}.ch .brand b{font-size:21px}.ch .who{flex-basis:100%;order:3}.ch .money{margin-left:auto;font-size:16px}#cityNav button{padding:9px 10px;font-size:14px}.item{flex-wrap:wrap;padding:12px}.item .buy{flex:1}.me .stats{grid-template-columns:auto 1fr}#banner{top:34%}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}