@font-face{font-family:"Noto Serif";font-style:normal;font-display:swap;font-weight:400;src:url(/assets/noto-serif-latin-400-normal-BV_iYGc9.woff2) format("woff2"),url(/assets/noto-serif-latin-400-normal-DT0cwSa_.woff) format("woff")}@font-face{font-family:"Noto Serif";font-style:normal;font-display:swap;font-weight:400;src:url(/assets/noto-serif-vietnamese-400-normal-B2Tmka3c.woff2) format("woff2"),url(/assets/noto-serif-vietnamese-400-normal-I93X-UPO.woff) format("woff")}@font-face{font-family:"Noto Serif";font-style:normal;font-display:swap;font-weight:700;src:url(/assets/noto-serif-latin-700-normal-CIw17UNa.woff2) format("woff2"),url(/assets/noto-serif-latin-700-normal-mX-AlFMT.woff) format("woff")}@font-face{font-family:"Noto Serif";font-style:normal;font-display:swap;font-weight:700;src:url(/assets/noto-serif-vietnamese-700-normal-DmLHmu9q.woff2) format("woff2"),url(/assets/noto-serif-vietnamese-700-normal-BVYKy-KI.woff) format("woff")}@font-face{font-family:"Noto Serif";font-style:normal;font-display:swap;font-weight:600;src:url(/assets/noto-serif-latin-600-normal-BiuDA9L7.woff2) format("woff2"),url(/assets/noto-serif-latin-600-normal-RZopCp-J.woff) format("woff")}@font-face{font-family:"Noto Serif";font-style:normal;font-display:swap;font-weight:600;src:url(/assets/noto-serif-vietnamese-600-normal-BqcqYJsL.woff2) format("woff2"),url(/assets/noto-serif-vietnamese-600-normal-DsVT_aBB.woff) format("woff")}.join{position:absolute;inset:0;z-index:10;overflow:hidden auto;display:grid;grid-template-columns:minmax(0,1fr) minmax(380px,500px);align-items:center;gap:2vw;padding:3vh 5vw 3vh 2vw;background:#0d1510;touch-action:pan-y;color:#f3e6c0}.join-bg{position:absolute;inset:0;pointer-events:none;background:linear-gradient(#5e8fba 0,#86b2d6 22%,#1c2c20 60%,#0b0f0b)}.join-pano{position:absolute;inset:0 0 auto;width:100%;height:64vh;object-fit:cover;object-position:50% 60%;filter:blur(1.4px) saturate(1.15) contrast(1.04);transform:scale(1.04);mask-image:linear-gradient(#000 70%,transparent)}.join-shade{position:absolute;inset:0;background:radial-gradient(ellipse at 28% 62%,#ffe9b030,transparent 50%),linear-gradient(90deg,#060a0699,transparent 35%,transparent 55%,#060a06cc),linear-gradient(transparent 40%,#070b07cc)}.join-stage{position:relative;align-self:stretch;display:grid;place-items:end center;min-height:0}.join-hero{position:relative;height:min(92vh,980px);aspect-ratio:3 / 4;max-width:100%;display:grid;place-items:end center}.join-aura{position:absolute;left:50%;bottom:4%;width:78%;height:78%;translate:-50% 0;border-radius:50%;background:radial-gradient(#ffe7a066,#ffe7a000 68%);filter:blur(8px)}.join-hero[data-hero=tang-san] .join-aura{background:radial-gradient(#6aa4ff77,#6aa4ff00 68%)}.join-hero[data-hero=xiao-wu] .join-aura{background:radial-gradient(#ff8fc277,#ff8fc200 68%)}.join-hero[data-hero=ma-hongjun] .join-aura{background:radial-gradient(#ff7a4a77,#ff7a4a00 68%)}.join-hero[data-hero=ning-rongrong] .join-aura{background:radial-gradient(#ffb0d977,#ffb0d900 68%)}.join-hero-img{position:relative;width:100%;height:100%;object-fit:contain;object-position:50% 100%;filter:drop-shadow(0 12px 22px #000b);transition:opacity .25s;animation:join-float 6s ease-in-out infinite}.join-hero-img.swap{opacity:0}@keyframes join-float{50%{transform:translateY(-6px)}}.join-card{position:relative;z-index:1;width:100%;display:grid;gap:10px;padding:6px 8px 4px;border:solid transparent;border-width:58px 30px 40px;border-image:url(/assets/game-ui/skin/panel-frame.webp) 58 30 40 fill / 40px 20px 26px stretch;filter:drop-shadow(0 12px 28px #000c)}.join-head h1{margin:0;font-size:clamp(24px,3.2vw,34px);line-height:1.1;text-align:center;color:#ffd98f;letter-spacing:.02em;text-shadow:0 2px 0 #000,0 0 14px #ffb54a66}.join-head p{margin:4px 0 0;text-align:center;font-size:13px;opacity:.9}.join-info{display:grid;gap:4px;padding:10px 12px;background:#0006;border:1px solid #6b512955;border-radius:6px}.join-hero-name{margin:0;font-size:22px;color:#fff3c4;text-shadow:0 1px 0 #000}.join-hero-title{font-size:12px;color:#e0b866;letter-spacing:.04em}.join-role{margin:2px 0 4px;font-size:13px;line-height:1.45;min-height:3em}.join-stats{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:4px 14px}.join-stats li{position:relative;display:grid;grid-template-columns:1fr auto;font-size:11px;padding-bottom:7px}.join-stats b{color:#ffd98f;font-weight:600}.join-stats i{position:absolute;left:0;bottom:0;height:4px;width:100%;background:#000a;border-radius:2px}.join-stats i:after{content:"";position:absolute;inset:0 auto 0 0;width:var(--w);border-radius:2px;background:linear-gradient(90deg,#a0722a,#ffd98f)}.join-skills{list-style:none;margin:4px 0 0;padding:0;display:flex;gap:6px;flex-wrap:wrap}.join-skills li{display:flex;align-items:center;gap:5px;font-size:11px;padding:2px 8px 2px 3px;background:#0008;border:1px solid #6b512988;border-radius:14px}.join-skills img{width:20px;height:20px;object-fit:contain}.join-field label{display:block;font-size:12px;margin-bottom:4px;color:#e9d6a0}.join-card input{width:100%;min-height:44px;font:inherit;font-size:16px;color:#fff7e0;background:#0b0704;border:1px solid #7a5d30;border-radius:4px;padding:6px 12px;box-shadow:inset 0 2px 6px #000;user-select:text}.join-card input::placeholder{color:#fff7e055}.join-card input:focus-visible,.heroes button:focus-visible,.go:focus-visible{outline:2px solid #ffd98f;outline-offset:2px}.join-card input[aria-invalid=true]{border-color:#ff8a7a}.heroes{display:grid;grid-template-columns:repeat(6,1fr);gap:6px}.heroes button{font:inherit;font-size:11px;line-height:1.15;color:#f3e6c0;background:none;border:0;padding:0;min-height:44px;cursor:pointer;display:grid;justify-items:center;align-content:start;gap:3px}.heroes .ring{position:relative;width:100%;max-width:62px;aspect-ratio:1;display:grid;place-items:center;background:url(/assets/art-kit/ui/wuxia/round-frame-1.webp) center / 100% 100% no-repeat;transition:transform .15s,filter .15s}.heroes .ring img{width:74%;height:74%;margin-bottom:4%;border-radius:50%;object-fit:cover;object-position:50% 12%}.heroes button:hover .ring{transform:translateY(-2px);filter:brightness(1.15)}.heroes button[aria-pressed=true] .ring{filter:drop-shadow(0 0 7px #ffd98f) brightness(1.1);transform:scale(1.08)}.heroes button[aria-pressed=true] .nm{color:#ffd98f;font-weight:700}.heroes .nm{max-width:100%;text-wrap:balance;text-align:center;text-shadow:0 1px 1px #000}.go{min-height:52px;font:inherit;font-size:18px;font-weight:700;letter-spacing:.03em;color:#fff3c4;text-shadow:0 2px 0 #000;cursor:pointer;background:none;border:solid transparent;border-width:12px 22px;border-image:url(/assets/art-kit/ui/wuxia/button-red-active.webp) 22 40 fill / 12px 22px stretch;filter:drop-shadow(0 4px 6px #0009);transition:filter .15s,transform .1s}.go:hover{filter:drop-shadow(0 0 10px #ffd98fcc) brightness(1.12)}.go:active{transform:translateY(1px) scale(.99)}.go:disabled{border-image-source:url(/assets/art-kit/ui/wuxia/button-red-disabled.webp);cursor:default}.join-error{color:#ffa595;font-size:12px;min-height:16px;text-align:center}.boot-loading{position:absolute;inset:0;z-index:11;display:grid;place-items:center;background:#0b0806;color:#ffd98f;font-size:18px}@media(prefers-reduced-motion:reduce){.join-hero-img{animation:none}}@media(max-width:900px){.join{grid-template-columns:1fr;align-items:end;padding:0 10px 10px;gap:0}.join-stage{position:absolute;inset:0 0 auto;height:52vh;pointer-events:none}.join-hero{height:100%}.join-card{margin-top:40vh;border-width:46px 22px 30px;border-image-width:32px 16px 20px;gap:7px}.join-head h1{font-size:22px}.join-head p{font-size:12px}.join-info{padding:6px 9px}.join-hero-name{font-size:17px}.join-role{font-size:12px;min-height:0}.join-stats,.join-skills{display:none}.heroes{gap:3px}.heroes button{font-size:10px}}.join-auth{display:grid;gap:6px;min-width:0;text-align:center;font-size:12px;line-height:1.5}.join-auth p{margin:0;overflow-wrap:anywhere}.join-google{display:flex;justify-content:center;min-height:40px}.join-account{font:inherit;color:#ffd98f;background:#140f09;border:1px solid #7a5d30;border-radius:4px;min-height:36px;cursor:pointer}.join-account[hidden]{display:none}:root{--bronze: #a07f43;--bronze-dark: #4a3519;--cream: #f3e6c0;--gold: #ffd98f;--ink: #0a0603;--good: #a8f0a8;--warn: #ff9a8a;--info: #8fe0ff;--plate-text: #f3e6c0;font-family:"Noto Serif",Georgia,Times New Roman,serif}*{box-sizing:border-box}html,body,#app{margin:0;height:100%;background:#0b0806;color:var(--cream);overflow:hidden;touch-action:none;user-select:none}canvas#game{position:absolute;inset:0;width:100%;height:100%;image-rendering:pixelated;display:block}button{font-family:inherit}button:focus-visible,input:focus-visible{outline:2px solid var(--gold);outline-offset:2px}img{-webkit-user-drag:none}.hud{position:absolute;inset:0;pointer-events:none}.hud [hidden]{display:none!important}.hud *{scrollbar-width:thin;scrollbar-color:#a07f43 #150e08}.hud-plate{position:absolute;pointer-events:auto;border:solid transparent;border-width:10px;border-image:url(/assets/art-kit/ui/wuxia/slot-3.webp) 24 fill / 10px stretch;filter:drop-shadow(0 4px 8px #000a);color:var(--plate-text)}.sbar{--frame: url(/assets/game-ui/skin/bar-frame-hp.webp);--fillimg: url(/assets/game-ui/skin/bar-fill-hp.webp);position:relative;width:100%;aspect-ratio:397 / 48;background:var(--frame) center / 100% 100% no-repeat}.sbar.mp{--frame: url(/assets/game-ui/skin/bar-frame-mp.webp);--fillimg: url(/assets/game-ui/skin/bar-fill-mp.webp)}.sbar.xp{--frame: url(/assets/game-ui/skin/bar-frame-xp.webp);--fillimg: url(/assets/game-ui/skin/bar-fill-xp.webp)}.sbar i{position:absolute;left:17.4%;top:22.9%;height:54.2%;width:calc(var(--fill, 100%) * .766);background:var(--fillimg) 0 0 / 100% 100% no-repeat;transition:width .25s}.sbar span{position:absolute;inset:0 6% 0 17.4%;display:grid;place-items:center;font-size:11px;font-weight:600;line-height:1;letter-spacing:.02em;color:#fff;text-shadow:0 1px 2px #000,0 0 3px #000}.vl-left{position:absolute;top:8px;left:8px;width:292px;display:grid;gap:8px;align-content:start;pointer-events:none}.vl-left>.hud-plate{position:relative;top:auto;left:auto;width:100%}.vl-target .sbar,.vl-party .sbar{width:240px}.vl-portrait{padding:2px 6px 2px 0;display:flex;gap:4px;align-items:center;border-image-source:url(/assets/art-kit/ui/wuxia/slot-3.webp)}.vl-face{position:relative;flex:none;width:82px;aspect-ratio:1;margin:-6px -4px -8px -8px;display:grid;place-items:center;background:url(/assets/art-kit/ui/wuxia/round-frame-1.webp) center / 100% 100% no-repeat}.vl-face img{position:absolute;left:54.2%;top:44.7%;translate:-50% -50%;width:74%;height:74%;border-radius:50%;object-fit:cover;object-position:50% 12%}.vl-id{flex:1;min-width:0;display:grid;gap:0}.hud-name{display:block;font-size:15px;line-height:1.4;color:var(--gold);text-shadow:0 1px 0 #000,0 0 6px #000a;overflow:hidden;overflow-wrap:anywhere;white-space:normal}.vl-sub{display:block;font-size:11px;opacity:.9;margin-bottom:2px}.vl-id .sbar{margin-top:1px}.vl-map{top:6px;right:8px;width:204px;padding:0;border:0;border-image:none;display:grid;justify-items:center}.vl-zone{white-space:nowrap;position:relative;z-index:1;min-width:150px;margin-bottom:-10px;translate:-4% 0;padding:0 6px;height:34px;display:grid;place-items:center;font-size:13px;font-weight:600;color:var(--gold);text-shadow:0 1px 0 #000;border:solid transparent;border-width:0 22px;border-image:url(/assets/art-kit/ui/wuxia/nameplate-2.webp) 0 62 fill / 0 22px stretch}.vl-mapframe{position:relative;width:100%;aspect-ratio:325 / 300;background:url(/assets/art-kit/ui/wuxia/minimap.webp) center / 100% 100% no-repeat}.hud-minimap{position:absolute;left:46%;top:49.6%;width:67.7%;aspect-ratio:1;translate:-50% -50%;border-radius:50%;image-rendering:pixelated;background:#0b0806}.vl-coords{position:absolute;left:46%;bottom:6%;translate:-50% 0;padding:0 8px;font-size:11px;line-height:16px;color:var(--cream);background:#0009;border-radius:8px;text-shadow:0 1px 1px #000}.vl-chat{left:8px;bottom:8px;width:min(340px,calc(100vw - 16px));height:188px;padding:0;display:flex;flex-direction:column;gap:3px;border-width:12px;border-image:url(/assets/art-kit/ui/wuxia/slot-3.webp) 24 / 12px stretch;background:#100a06c4;border-radius:8px}.vl-tabs{display:flex;gap:2px}.vl-tabs button{font-size:11px;color:#cdbb8a;background:#2a1d0f;border:1px solid #5a4322;border-radius:3px 3px 0 0;padding:2px 9px;min-height:24px;cursor:pointer}.vl-tabs button:hover{color:#fff3c4}.vl-tabs button.on{background:linear-gradient(#7a5a2a,#4a3216);color:#fff3c4;border-color:var(--bronze)}.hud-log{flex:1;overflow-y:auto;font-size:13px;line-height:1.35;background:#0007;border:1px solid #3a2a18;border-radius:3px;padding:3px 6px;user-select:text}.hud-log .line{display:none;text-shadow:0 1px 1px #000;overflow-wrap:anywhere}.hud-log[data-tab=world] .line[data-kind=world],.hud-log[data-tab=world] .line[data-kind=system],.hud-log[data-tab=party] .line[data-kind=party]{display:block}.hud-log .line[data-kind=system]{color:#a8e0a8}.hud-log .line[data-kind=party]{color:#9fe9a8}.hud-log b{color:var(--gold)}.hud-chatform input{width:100%;min-height:28px;font:inherit;font-size:13px;color:#fff;background:#000a;border:1px solid #6b5129;border-radius:3px;padding:3px 8px;user-select:text}.vl-bar{left:50%;bottom:6px;translate:-50% 0;width:min(528px,calc(100vw - 16px));height:112px;padding:0 94px;border:0;border-image:none;filter:none;display:grid;align-items:end}.orb{position:absolute;bottom:0;width:100px;aspect-ratio:1;background:url(/assets/art-kit/ui/wuxia/round-frame-1.webp) center / 100% 100% no-repeat;filter:drop-shadow(0 4px 6px #000a)}.orb.hp{left:-6px;--c1: #ff5b47;--c2: #8a1206}.orb.mp{right:-6px;--c1: #5aa0ff;--c2: #14308f;scale:-1 1}.orb.mp .orb-num{scale:-1 1}.orb-fill{position:absolute;inset:8% 8.8% 18.6% 17.2%;border-radius:50%;background:linear-gradient(to top,var(--c2),var(--c1) var(--fill, 100%),#160b08 var(--fill, 100%))}.orb-shine{position:absolute;left:26%;top:14%;width:36%;height:24%;border-radius:50%;background:radial-gradient(ellipse at 40% 30%,#fffa,#fff0 70%);rotate:-24deg}.orb-num{position:absolute;inset:auto 8.8% 24% 17.2%;text-align:center;font-size:13px;font-weight:700;color:#fff;text-shadow:0 1px 2px #000,0 0 4px #000}.vl-mid{display:grid;justify-items:center;gap:2px;padding-bottom:4px}.vl-exp{width:min(300px,100%);margin-bottom:0;z-index:1;filter:drop-shadow(0 2px 3px #000a)}.vl-slots{display:flex;gap:4px;justify-content:center}.slot{--slot: url(/assets/art-kit/ui/wuxia/slot.webp);width:52px;height:52px;position:relative;padding:0;border:0;background:var(--slot) center / 100% 100% no-repeat;color:var(--cream);cursor:pointer;filter:drop-shadow(0 3px 4px #000a)}.slot[data-tone=red]{--slot: url(/assets/art-kit/ui/wuxia/slot-red.webp)}.slot[data-tone=purple]{--slot: url(/assets/art-kit/ui/wuxia/slot-purple.webp)}.slot[data-tone=green]{--slot: url(/assets/art-kit/ui/wuxia/slot-green.webp)}.slot[data-tone=blue]{--slot: url(/assets/art-kit/ui/wuxia/slot-blue.webp)}.slot[data-tone=gold]{--slot: url(/assets/art-kit/ui/wuxia/slot-gold.webp)}.slot.locked{--slot: url(/assets/art-kit/ui/wuxia/slot-locked.webp)}.slot.idle{display:none}.slot:after{content:"";position:absolute;inset:-5px;background:url(/assets/art-kit/ui/wuxia/slot-active.webp) center / 100% 100% no-repeat;opacity:0;pointer-events:none;transition:opacity .12s}button.slot:hover:after,button.slot:focus-visible:after{opacity:.95}button.slot:active{translate:0 1px;scale:.96}.slot .ic{position:absolute;inset:8px;display:grid;place-items:center;overflow:hidden;border-radius:4px}.slot .ic img,.slot .ic .ico{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 1px 2px #000c)}.slot .ic svg.ico{fill:#ffe9a8}.slot .cd{position:absolute;inset:6px;border-radius:4px;background:linear-gradient(#000d,#000d) top / 100% var(--cd, 0%) no-repeat;pointer-events:none}.slot .key{position:absolute;left:4px;top:2px;min-width:14px;font-size:10px;font-weight:700;line-height:14px;text-align:center;color:#fff3c4;background:#000b;border-radius:3px;padding:0 3px}.slot .sub{position:absolute;right:4px;bottom:2px;font-size:11px;font-weight:700;color:#bfe0ff;text-shadow:0 1px 2px #000,0 0 3px #000}button.slot.locked .ic,button.slot.nomp .ic{filter:grayscale(.9) brightness(.65)}.vl-menu{right:8px;bottom:8px;display:flex;gap:2px;padding:0;border:0;border-image:none;filter:none}.vl-menu button.nav{position:relative;width:58px;height:58px;padding:0;border:0;background:transparent center / 100% 100% no-repeat;cursor:pointer;filter:drop-shadow(0 3px 4px #000b);transition:transform .12s,filter .12s}.vl-menu button[data-nav=party]{background-image:url(/assets/art-kit/ui/wuxia/nav-party.webp)}.vl-menu button[data-nav=bag]{background-image:url(/assets/art-kit/ui/wuxia/nav-bag.webp)}.vl-menu button[data-nav=quest]{background-image:url(/assets/art-kit/ui/wuxia/nav-quest.webp)}.vl-menu button[data-nav=home]{background-image:url(/assets/art-kit/ui/wuxia/nav-home.webp)}.vl-menu button[data-nav=settings]{background-image:url(/assets/art-kit/ui/wuxia/nav-settings.webp)}.vl-menu button.nav:hover:not(:disabled),.vl-menu button.nav:focus-visible{transform:translateY(-3px);filter:drop-shadow(0 0 8px #ffd98fcc) brightness(1.12)}.vl-menu button.nav:active:not(:disabled){transform:translateY(0) scale(.95)}.vl-menu button.on{filter:drop-shadow(0 0 9px #ffd98f) brightness(1.2)}.vl-menu button.soon{filter:grayscale(1) brightness(.55) drop-shadow(0 3px 4px #000b);cursor:default}.vl-menu .key{position:absolute;right:2px;bottom:0;min-width:15px;font-size:10px;font-weight:700;line-height:15px;color:#fff3c4;background:#000c;border-radius:3px}.hud-status{position:absolute;top:8px;left:50%;translate:-50% 0;max-width:calc(100vw - 560px);text-align:center;font-size:12px;padding:3px 14px;border-radius:12px;background:#1d140bee;border:1px solid var(--bronze)}.hud-status[data-s=open]{opacity:0;transition:opacity 1.5s 2s}.hud-status[data-s=reconnecting],.hud-status[data-s=replaced],.hud-status[data-s=closed]{color:#ffd2c8;border-color:#ff9a8a}.vl-target{padding:0 4px}.vl-target-head{display:flex;align-items:center;gap:8px;margin-bottom:2px}.vl-target-head b{flex:1;color:var(--gold);font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vl-target-head span{font-size:11px;opacity:.9}.vl-party{padding:0 4px}.vl-party-head{font-size:12px;color:var(--good);margin-bottom:2px}.vl-party-row{margin-bottom:2px;font-size:12px}.vl-duel{position:absolute;top:40px;left:50%;translate:-50% 0;padding:4px 14px;border-radius:12px;background:#5a1410ee;border:1px solid #ff9a8a;font-size:13px;color:#ffd2c8}.vl-actions{display:flex;gap:6px;flex-wrap:wrap;margin-top:6px}.vl-btn{--b: url(/assets/art-kit/ui/wuxia/button-brown.webp);--bh: url(/assets/art-kit/ui/wuxia/button-gold.webp);font-size:13px;font-weight:600;color:#fff3c4;text-shadow:0 1px 1px #000;background:none;border:solid transparent;border-width:8px 16px;border-image:var(--b) 16 28 fill / 8px 16px stretch;padding:3px 4px;min-height:34px;cursor:pointer;filter:drop-shadow(0 2px 3px #0008);transition:filter .12s}.vl-btn.primary{--b: url(/assets/art-kit/ui/wuxia/button-green.webp);--bh: url(/assets/art-kit/ui/wuxia/button-green-active.webp)}.vl-btn.danger{--b: url(/assets/art-kit/ui/wuxia/button-red.webp);--bh: url(/assets/art-kit/ui/wuxia/button-red-active.webp)}.vl-btn:hover:not(:disabled){border-image-source:var(--bh);filter:drop-shadow(0 0 6px #ffd98f88)}.vl-btn:active:not(:disabled){translate:0 1px}.vl-btn.small{font-size:12px;border-width:6px 12px;border-image-width:6px 12px;min-height:30px;padding:1px 2px}.vl-btn.big{font-size:17px;border-width:12px 24px;border-image-width:12px 24px;min-height:52px;padding:4px 18px;--b: url(/assets/art-kit/ui/wuxia/button-red-active.webp)}.vl-btn:disabled{border-image-source:url(/assets/art-kit/ui/wuxia/button-disabled.webp);color:#9d9588;text-shadow:none;cursor:not-allowed;filter:none}.vl-x{flex:none;width:32px;height:32px;padding:0;border:0;background:url(/assets/art-kit/ui/wuxia/control-close.webp) center / contain no-repeat;cursor:pointer;transition:filter .12s}.vl-x:hover{filter:brightness(1.3) drop-shadow(0 0 4px #ffd98f)}.vl-target .vl-x{width:24px;height:24px}.vl-panel{top:224px;right:8px;width:min(520px,calc(100vw - 16px));max-height:calc(100dvh - 304px);padding:0 8px 6px;overflow:auto;z-index:5;border-width:36px 18px 26px;border-image:url(/assets/game-ui/skin/panel-frame.webp) 58 30 40 fill / 36px 18px 26px stretch;background:none;filter:drop-shadow(0 8px 14px #000c)}.vl-panel-head,.vl-dialog-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:-4px 0 8px}.vl-panel-head{position:relative;min-height:40px;padding:0 4px 0 12px;border:solid transparent;border-width:0 24px;border-image:url(/assets/art-kit/ui/wuxia/titlebar.webp) 0 60 fill / 0 24px stretch}.vl-panel h3,.vl-dialog h3{margin:0;font-size:17px;color:var(--gold);text-shadow:0 1px 0 #000,0 0 8px #ffb54a55}.vl-panel h4{margin:10px 0 4px;padding-bottom:3px;font-size:13px;color:#e0b866;border-bottom:1px solid #6b512966}.vl-panel p{margin:4px 0;font-size:13px;line-height:1.45}.vl-panel .hint,.vl-panel small{color:#d9c89c;font-size:12px}.vl-panel .vl-btn{font-size:12px}.cell{--slot: url(/assets/art-kit/ui/wuxia/slot.webp);position:relative;flex:none;width:46px;height:46px;padding:0;border:0;background:var(--slot) center / 100% 100% no-repeat;color:#ffe9a8}button.cell{cursor:pointer}.cell[data-tone=purple]{--slot: url(/assets/art-kit/ui/wuxia/slot-purple.webp)}.cell[data-tone=green]{--slot: url(/assets/art-kit/ui/wuxia/slot-green.webp)}.cell[data-tone=blue]{--slot: url(/assets/art-kit/ui/wuxia/slot-blue.webp)}.cell[data-tone=gold]{--slot: url(/assets/art-kit/ui/wuxia/slot-gold.webp)}.cell[data-tone=red]{--slot: url(/assets/art-kit/ui/wuxia/slot-red.webp)}.cell .ico{position:absolute;inset:7px;width:calc(100% - 14px);height:calc(100% - 14px);object-fit:contain;fill:currentColor;filter:drop-shadow(0 1px 2px #000c)}.cell .qty{position:absolute;right:4px;bottom:1px;font-size:11px;font-weight:700;font-style:normal;color:#fff;text-shadow:0 1px 2px #000,0 0 3px #000}.cell:after{content:"";position:absolute;inset:-5px;background:url(/assets/art-kit/ui/wuxia/slot-active.webp) center / 100% 100% no-repeat;opacity:0;pointer-events:none}button.cell:hover:after,button.cell:focus-visible:after,.cell.sel:after{opacity:1}button.cell.empty:hover:after{opacity:.5}.vl-bag{display:flex;gap:12px;flex-wrap:wrap}.vl-grid{display:grid;grid-template-columns:repeat(6,46px);gap:4px;align-content:start}.vl-bag-side{flex:1;min-width:140px;display:grid;gap:8px;align-content:start}.vl-gold{display:flex;align-items:center;gap:6px;padding:3px 10px;color:#ffe45a;font-weight:700;font-size:15px;background:#0008;border:1px solid #6b512988;border-radius:14px}.vl-gold small{color:#d9c89c;font-weight:400}.coin{display:inline-block;flex:none;width:16px;height:16px;border-radius:50%;vertical-align:-3px;background:radial-gradient(circle at 35% 30%,#fff3b0,#e8b73a 55%,#8a5a12);box-shadow:0 0 0 1px #3b2610,inset 0 0 0 2px #ffe27a55}.vl-equips{display:grid;gap:6px}.vl-equip{display:flex;align-items:center;gap:8px;font-size:12px}.vl-equip .eqtxt{flex:1;min-width:0;display:grid}.vl-equip .eqpart{font-size:11px;color:#d9c89c}.vl-equip b{color:#fff3c4;font-size:13px;line-height:1.2}.vl-info{padding:8px;background:#0007;border:1px solid #6b512966;border-radius:6px;min-height:90px}.vl-info-top{display:flex;align-items:center;gap:8px}.vl-info-top b{color:var(--gold);font-size:14px;line-height:1.2}.vl-info .stats{display:block;color:#bfe9b0}.vl-char-head{display:flex;align-items:center;gap:10px;margin-bottom:6px}.vl-ring{position:relative;flex:none;width:74px;aspect-ratio:1;display:grid;place-items:center;background:url(/assets/art-kit/ui/wuxia/round-frame-5.webp) center / 100% 100% no-repeat}.vl-ring img{width:74%;height:74%;margin-bottom:4%;border-radius:50%;object-fit:cover;object-position:50% 12%}.vl-char-head .who{display:grid;gap:1px}.vl-char-head b{font-size:17px;color:var(--gold)}.vl-char dl{display:grid;grid-template-columns:1fr auto;gap:3px 12px;margin:10px 0;padding:6px 10px;font-size:13px;background:#0007;border:1px solid #6b512966;border-radius:6px}.vl-char dt{color:#d9c89c}.vl-char dd{margin:0;text-align:right;color:#fff3c4;font-weight:600}.vl-char dd small{font-weight:400}.vl-skills .sk{position:relative;display:flex;gap:8px;align-items:flex-start;margin-bottom:6px;padding:6px 8px;font-size:12px;background:#0006;border:1px solid #6b512955;border-radius:6px}.vl-skills .sk>img:first-child{flex:none;width:34px;height:34px;object-fit:contain}.vl-skills .sk b{color:#fff3c4;font-size:13px}.vl-skills .sk p{margin:1px 0 0;font-size:12px}.vl-skills .sk.locked>:not(.lock){opacity:.55}.vl-skills .lock{position:absolute;right:8px;top:8px;width:20px;height:20px;object-fit:contain}.vl-quest{margin-bottom:8px;padding:8px 10px;background:#0007;border:1px solid #6b512966;border-radius:6px}.vl-quest-head{display:flex;align-items:center;gap:6px}.vl-quest-head img{width:22px;height:22px;object-fit:contain}.vl-quest b{color:var(--gold);font-size:14px}.vl-quest .tag{margin-left:auto;font-size:11px;padding:1px 8px;color:#bfe0ff;background:#10203a99;border:1px solid #4a6fa088;border-radius:10px}.vl-quest.ready{border-color:#6bc4e088}.vl-quest.ready .tag{color:#8fe0ff}.vl-quest.done{opacity:.75}.vl-quest.done .tag{color:var(--good);border-color:#4a8a5a88;background:#10301a99}.vl-char .sbar,.vl-quest .sbar{width:min(260px,100%);margin:4px 0}.vl-reward{display:flex;flex-wrap:wrap;align-items:center;gap:4px 6px}.vl-reward .chip{display:inline-flex;align-items:center;gap:3px;padding:1px 8px;font-size:12px;color:#fff3c4;background:#000a;border:1px solid #6b512988;border-radius:10px}.vl-reward .mini{width:16px;height:16px;object-fit:contain}.vl-empty{display:grid;justify-items:center;gap:6px;padding:24px 10px;text-align:center}.vl-empty img{width:56px;height:56px;object-fit:contain;opacity:.85}.vl-dialogbox{top:96px;right:auto;left:312px;width:min(600px,calc(100vw - 340px));max-height:calc(100dvh - 216px);z-index:6}.vl-dialog{display:grid;grid-template-columns:112px minmax(0,1fr);gap:12px;align-items:start}.vl-npc{display:grid;justify-items:center;gap:4px;position:sticky;top:0}.vl-npc-pic{width:104px;aspect-ratio:1;display:grid;place-items:center;overflow:hidden;border:solid transparent;border-width:10px;border-image:url(/assets/art-kit/ui/wuxia/slot-3.webp) 24 fill / 10px stretch;background:radial-gradient(#5a6e86,#1b2a3b)}.vl-npc-pic canvas,.vl-npc-pic img{width:100%;height:100%;object-fit:contain;margin:-10px;width:calc(100% + 20px);height:calc(100% + 20px)}.vl-nameplate{width:112px;min-height:34px;padding:6px 2px;display:grid;place-items:center;text-align:center;font-size:12px;font-weight:700;line-height:1.15;color:var(--gold);text-shadow:0 1px 0 #000;border:solid transparent;border-width:0 16px;border-image:url(/assets/art-kit/ui/wuxia/nameplate-1.webp) 0 50 fill / 0 16px stretch}.vl-talk{min-width:0}.vl-dialog-head{margin:0 0 4px}.vl-say{margin:0 0 6px;padding:8px 10px;font-size:14px;line-height:1.5;color:#fff3c4;background:#0007;border-left:3px solid var(--bronze);border-radius:0 6px 6px 0}.vl-dq,.vl-shop,.vl-dq .vl-btn{margin-top:6px}.vl-shop-row{display:flex;align-items:center;gap:8px;padding:5px 0;border-bottom:1px solid #6b512944;font-size:13px}.vl-shop-row .name{flex:1;min-width:0;display:grid}.vl-shop-row .name b{color:#fff3c4;line-height:1.2}.vl-buy{display:flex;flex:none;gap:4px}.vl-shop-row .price{color:#ffe45a;min-width:56px;text-align:right;white-space:nowrap}.vl-shop-row small.warn,.vl-panel small.warn{color:var(--warn)}.vl-shop .vl-gold{width:fit-content;margin-bottom:4px}.vl-toasts{position:absolute;left:50%;bottom:124px;translate:-50% 0;display:grid;gap:4px;justify-items:center;pointer-events:none;width:min(520px,calc(100vw - 16px))}.vl-toast{padding:5px 18px;border-radius:14px;background:#140d08ee;border:1px solid var(--bronze);box-shadow:0 3px 10px #000a;font-size:14px;font-weight:600;text-align:center;text-shadow:0 1px 1px #000;animation:toast-in .2s ease-out}.vl-toast.loot{color:#ffe45a}.vl-toast.xp{color:#b8f09a}.vl-toast.quest{color:var(--info)}.vl-toast.warn{color:var(--warn);border-color:#b5584a}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}}.vl-invites{position:absolute;left:50%;top:70px;translate:-50% 0;display:grid;gap:6px;z-index:8}.vl-invite{position:relative;display:flex;gap:8px;align-items:center;padding:2px 6px;font-size:13px}.vl-death{position:absolute;inset:0;display:grid;place-content:center;justify-items:center;gap:12px;padding:16px;text-align:center;background:radial-gradient(#3a0a0a99,#000d);pointer-events:auto;z-index:9}.vl-death h2{margin:0;font-size:30px;color:#ff8a7a;text-shadow:0 2px 0 #000}.vl-death p{margin:0;max-width:30em}.vl-loading{position:absolute;inset:0;display:grid;place-items:center;background:#0b0806ee;font-size:20px;color:var(--gold);z-index:10;pointer-events:auto}@media(prefers-reduced-motion:reduce){.vl-toast{animation:none}.sbar i{transition:none}}@media(max-width:1180px){.vl-chat{bottom:120px;height:150px;width:min(320px,calc(100vw - 16px))}.vl-dialogbox{left:312px}}@media(max-width:760px){.vl-left{width:214px;gap:4px}.vl-portrait{padding-right:4px}.vl-face{width:62px;margin:-4px -4px -6px -6px}.hud-name{font-size:13px}.vl-sub{font-size:10px;margin:0}.sbar span{font-size:9px}.vl-target .sbar,.vl-party .sbar{width:170px}.vl-map{width:128px;top:4px;right:4px}.vl-zone{min-width:100px;height:26px;font-size:10px;white-space:nowrap;margin-bottom:-8px}.vl-coords{font-size:10px;line-height:14px}.hud-status{max-width:calc(100vw - 16px);top:82px}.vl-chat{bottom:128px;height:112px;width:min(260px,calc(100vw - 80px));border-width:8px;border-image-width:8px}.hud-log{font-size:12px}.vl-bar{width:calc(100vw - 8px);height:118px;padding:0 8px;bottom:4px}.orb{width:72px;bottom:56px}.orb.hp{left:2px}.orb.mp{right:2px}.orb-num{font-size:10px}.vl-mid{padding-bottom:2px}.vl-exp{width:210px;margin-bottom:-4px}.slot{width:48px;height:48px}.vl-slots{gap:2px}.vl-menu{display:grid;grid-template-columns:1fr;right:2px;bottom:132px;gap:0}.vl-menu button.nav{width:46px;height:46px}.vl-menu button.soon{display:none}.vl-toasts{bottom:126px}.vl-panel{top:108px;left:4px;right:4px;width:auto;max-height:calc(100dvh - 236px)}.vl-bag{justify-content:center}.vl-grid{grid-template-columns:repeat(6,minmax(40px,1fr));width:100%}.vl-grid .cell{width:100%;height:auto;aspect-ratio:1}.vl-dialogbox{left:4px;right:4px;width:auto;top:108px;max-height:calc(100dvh - 236px)}.vl-dialog{grid-template-columns:1fr;gap:4px}.vl-npc{position:static;justify-self:start;margin-bottom:-50px}.vl-npc-pic{width:62px}.vl-nameplate{display:none}.vl-dialog-head{padding-left:70px;min-height:48px}.vl-say{margin-top:4px}.vl-shop-row .name{flex:1 1 120px}.vl-shop-row .price{margin-left:auto}.vl-shop-row{flex-wrap:wrap;justify-content:flex-end}.vl-buy{flex:1 0 100%;justify-content:flex-end}}@media(max-height:560px)and (orientation:landscape){.vl-panel,.vl-dialogbox{top:60px;max-height:calc(100dvh - 70px)}}.vl-auto{position:absolute;right:8px;bottom:74px;min-width:150px;max-width:230px;padding:6px 12px;display:grid;gap:1px;text-align:left;font:inherit;font-size:12px;font-weight:700;color:var(--cream, #f4e7c5);background:linear-gradient(#3a2a16ee,#1d140aee);border:2px solid #6d5230;border-radius:10px;cursor:pointer;pointer-events:auto;filter:drop-shadow(0 3px 5px #000a)}.vl-auto small{font-size:10.5px;font-weight:500;opacity:.85}.vl-auto[data-mode=farm]{border-color:#7fbf6a;box-shadow:0 0 10px #7fbf6a88}.vl-auto[data-mode=boss]{border-color:#e6a23c;box-shadow:0 0 10px #e6a23c99}.vl-auto:hover{filter:brightness(1.12) drop-shadow(0 3px 5px #000a)}.vl-auto:focus-visible{outline:2px solid #ffe9a8;outline-offset:2px}@media(max-width:760px){.vl-auto{top:158px;bottom:auto;right:4px;min-width:0;max-width:150px;padding:4px 8px;font-size:11px}.vl-auto small{display:none}.vl-auto[data-mode]:not([data-mode=off]) small{display:block}}