@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-turntable{position:relative;width:min(460px,78vw);aspect-ratio:460 / 640;max-height:88vh}.ring-ph{font-weight:700;font-size:20px;color:#ffd98f88}.hero-portrait{width:74%;height:74%;margin-bottom:4%;border-radius:50%;object-fit:cover;background:#140f09}.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 .hero-portrait{width:74%;height:74%}.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:not-allowed;color:#d9c9a0}.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(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:44vh;pointer-events:none}.join-hero{height:100%;width:100%;aspect-ratio:auto;display:flex;justify-content:center;align-items:flex-end}.join-turntable{height:42vh;width:30.1875vh;max-height:none;max-width:none;flex:none}.join-card{margin-top:38vh;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:10px;padding:12px 14px;min-width:0;border:1px solid #6b512988;border-radius:10px;background:linear-gradient(#2a1d0f99,#140d0699);box-shadow:inset 0 1px #ffffff12;transition:border-color .2s,box-shadow .2s}.join-auth[data-state=ready]{border-color:#c9a05a;box-shadow:inset 0 1px #ffffff14,0 0 14px #ffc86a30}.join-auth[data-state=signed]{border-color:#7fbf6a;background:linear-gradient(#1f3318aa,#101a0cbb)}.join-auth[data-state=error]{border-color:#c4604f}.auth-row{display:flex;align-items:center;gap:10px}.auth-badge{flex:none;width:34px;height:34px;display:grid;place-items:center;border-radius:50%;color:#ffe9b0;background:#3a2810;border:1.5px solid #8a6a38}.join-auth[data-state=signed] .auth-badge{color:#c8f2b8;background:#1f3f18;border-color:#7fbf6a}.auth-badge .ico{width:18px;height:18px;fill:currentColor}.auth-text{flex:1;min-width:0;display:grid;gap:1px;text-align:left}.auth-title{font-size:14px;color:#fff3c4;line-height:1.25;overflow-wrap:anywhere}.auth-sub{font-size:12px;color:#cdbb8a;line-height:1.35}.join-google{display:grid;justify-content:center;min-height:44px;color-scheme:light}.join-google:empty{display:none}.auth-skeleton{width:300px;max-width:100%;height:44px;border-radius:22px;background:linear-gradient(90deg,#2a1d0f,#4a3519,#2a1d0f) 0 0 / 200% 100%;animation:auth-shimmer 1.3s linear infinite}@keyframes auth-shimmer{to{background-position:-200% 0}}.auth-retry,.join-account{font:inherit;font-size:13px;font-weight:600;color:#ffe9b0;background:#2a1d0f;border:1px solid #8a6a38;border-radius:999px;min-height:36px;padding:0 16px;cursor:pointer;transition:background .15s}.auth-retry:hover,.join-account:hover{background:#4a3519}.auth-retry:focus-visible,.join-account:focus-visible{outline:2px solid #ffe9a8;outline-offset:2px}.auth-retry[hidden],.join-account[hidden]{display:none}.join-hint{margin:-4px 0 0;text-align:center;font-size:12px;color:#d6c590}.join-hint[hidden]{display:none}.join-brand{display:flex;justify-content:center;align-items:center;gap:8px;color:#d6c590;font-size:13px}.join-brand-logo{width:32px;height:32px}.join-legal{display:flex;justify-content:center;flex-wrap:wrap;gap:8px 16px;font-size:12px}.join-legal a{color:#d6c590;text-underline-offset:3px}.join-legal a:focus-visible{outline:2px solid #ffe9a8;outline-offset:3px}@media(prefers-reduced-motion:reduce){.auth-skeleton{animation:none}}@media(min-width:901px){.join-stage{position:sticky;top:0;align-self:start;height:calc(100dvh - 6vh)}.join-hero{height:min(92dvh,980px)}}.join-turntable{max-height:88dvh;max-width:100%}.join-card{min-width:0;overflow-wrap:anywhere}.join-hero-name,.join-hero-title,.join-role{overflow-wrap:anywhere}@media(min-width:901px)and (max-height:820px){.join{padding-block:2vh}.join-card{gap:6px}.join-role{min-height:0}.join-stats,.join-head p{display:none}}@media(max-width:900px)and (max-height:560px)and (orientation:landscape){.join{grid-template-columns:minmax(0,1fr) minmax(300px,52%);align-items:start;padding:8px 10px;gap:8px}.join-stage{position:sticky;inset:0 auto auto;height:calc(100dvh - 16px);pointer-events:none}.join-hero{height:100%;max-height:none}.join-turntable{height:86dvh;width:auto;max-width:100%;aspect-ratio:460 / 640}.join-card{margin-top:0;border-width:40px 20px 28px;border-image-width:28px 14px 18px}.join-head p,.join-brand{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,.vl-face canvas.hero-portrait{position:absolute;left:54.2%;top:44.7%;translate:-50% -50%;margin:0;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;text-overflow:ellipsis;white-space:nowrap}.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-track{box-sizing:border-box;display:grid;grid-template-columns:26px minmax(0,1fr) auto;align-items:center;gap:8px;padding:6px 8px;border-radius:10px;background:#1a120acc;border:1px solid #c79a4a66}.vl-track-arrow{width:26px;height:26px;display:block;transform-origin:50% 50%;background:radial-gradient(circle at 50% 50%,#3a2a12 0 58%,#0000 60%),conic-gradient(from 0deg at 50% 50%,#ffd98f 0 0deg,#0000 0);border-radius:50%;position:relative}.vl-track-arrow:after{content:"";position:absolute;left:50%;top:2px;translate:-50% 0;border:6px solid transparent;border-bottom:12px solid #ffd98f;border-top:0;filter:drop-shadow(0 1px 0 #000)}.vl-track-text{min-width:0;display:grid;line-height:1.2}.vl-track-text b{color:var(--gold);font-size:12px;overflow-wrap:anywhere}.vl-track-text small{color:var(--cream);opacity:.85;font-size:11px;overflow-wrap:anywhere}.vl-track .vl-btn{white-space:nowrap}.vl-goto{margin-top:6px}.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{isolation:isolate}.slot:after{content:"";position:absolute;z-index:-1;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:72px;padding:0;border:0;background:transparent center top / 58px 58px 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=gear]{background-image:url(/assets/art-kit/ui/wuxia/nav-market.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[data-nav=equipment]{background-image:url(/assets/art-kit/ui/wuxia/nav-equipment.webp)}.vl-menu .nav-label{position:absolute;bottom:0;left:0;width:100%;font-size:10px;line-height:14px;color:#ffe6a1;white-space:nowrap;text-shadow:0 1px 3px #000,1px 0 3px #000}.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:14px;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(660px,calc(100vw - 16px));max-height:calc(100dvh - 336px);padding:8px 16px 14px;overflow:auto;z-index:5;border-width:36px 24px 30px;border-image:url(/assets/game-ui/skin/panel-frame.webp) 58 30 40 fill / 36px 24px 30px 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:not(.vl-dialogbox){display:flex;flex-direction:column;overflow:hidden}.vl-panel:not(.vl-dialogbox)>.vl-panel-head{flex:none;z-index:1}.vl-panel-body{position:relative;isolation:isolate;min-height:0;overflow:auto;scrollbar-width:thin;scrollbar-color:#92703d #16130e}.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{isolation:isolate}.cell:after{content:"";position:absolute;z-index:-1;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:18px;flex-wrap:wrap}.vl-grid{display:grid;grid-template-columns:repeat(6,48px);gap:6px;align-content:start}.vl-bag-side{flex:1;min-width:220px;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;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px 4px}.vl-eqcell{display:grid;justify-items:center;gap:1px;min-width:0}.vl-eqcell .cell{width:44px;height:44px}.vl-eqcell small{font-size:10px;line-height:1.1;color:#d9c89c;text-align:center;white-space:nowrap}.vl-bag-side{flex-basis:220px}.vl-item-card{display:grid;gap:2px;min-width:0}.vl-item-name{font-size:14px;line-height:1.2;overflow-wrap:anywhere}.vl-item-rarity{font-size:11px}.vl-item-stats{margin:2px 0 0;padding:0;list-style:none;font-size:12px;color:#bfe9b0}.vl-item-stats .bonus{color:#8fd0ff}.vl-item-stats .cosmetic{color:#b9a98a;font-style:italic}.vl-item-req.warn{color:#ff8a7a}.tone-white,.vl-item-card .tone-white{color:#efe8d2}.tone-green,.vl-item-card .tone-green{color:#7fe08a}.tone-blue,.vl-item-card .tone-blue{color:#6fb4ff}.tone-purple,.vl-item-card .tone-purple{color:#c993ff}.tone-gold,.vl-item-card .tone-gold{color:#ffd55a;text-shadow:0 0 6px #ffb54a66}.vl-item-tooltip{position:fixed;z-index:100;box-sizing:border-box;width:max-content;max-width:min(280px,calc(100vw - 16px));max-height:calc(100dvh - 16px);padding:12px;border:1px solid #b69a59;border-radius:6px;background:#17130ff5;color:#eee0bc;box-shadow:0 4px 18px #000a;pointer-events:none;overflow:hidden;font-size:12px}.vl-item-tooltip[hidden]{display:none}.vl-item-tooltip p{margin:4px 0}.vl-item-tooltip small{display:block}.vl-market{display:grid;gap:8px;min-width:0}.vl-market-range{padding:8px;border:1px solid #8f6a35;background:#0005}.vl-menu button.nav[data-mail]:not([data-mail=""]):after{content:attr(data-mail);position:absolute;top:0;right:0;min-width:15px;padding:1px 3px;border-radius:9px;background:#952c22;color:#fff3d5;font-size:10px}.vl-market-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:6px}.vl-market-tabs{display:flex;flex-wrap:wrap;gap:4px}.vl-market-tabs .vl-btn.on{filter:brightness(1.25);outline:1px solid #ffd98f99}.vl-market-tabs .vl-btn.badge:after{content:"";display:inline-block;width:7px;height:7px;margin-left:5px;border-radius:50%;background:#ff6a5a}.vl-market-status{min-height:16px;font-size:12px;color:#ffb4a0}.vl-market-status[data-ok=true]{color:#bfe9b0}.vl-market-chips{display:flex;flex-wrap:wrap;gap:4px}.vl-chip{padding:2px 9px;font:inherit;font-size:11px;color:var(--cream);background:#1a120a;border:1px solid #6b5129;border-radius:12px;cursor:pointer}.vl-chip.on{color:#1a120a;background:#ffd98f;border-color:#ffd98f}.vl-market-list{display:grid;gap:6px;max-height:300px;overflow:auto}.vl-market-row{display:grid;grid-template-columns:46px minmax(0,1fr) auto auto;align-items:center;gap:8px;padding:5px 6px;background:#0007;border:1px solid #6b512966;border-radius:6px}.vl-market-info{display:grid;min-width:0;line-height:1.25}.vl-market-info b{font-size:13px;overflow-wrap:anywhere}.vl-market-info small{font-size:11px;color:#d9c89c;overflow-wrap:anywhere}.vl-market-info small.meta{opacity:.8}.vl-market-row .price{display:inline-flex;align-items:center;gap:2px;color:#ffe45a;font-weight:600;font-size:13px;white-space:nowrap}.vl-market-pager{display:flex;align-items:center;justify-content:center;gap:10px;font-size:12px}.vl-market-bag{max-height:150px;overflow:auto}.vl-market-sell{display:grid;gap:6px}.vl-market-price{display:grid;gap:3px;font-size:12px}.vl-market-price input{width:100%;box-sizing:border-box;padding:6px 8px;font:inherit;color:#fff3c4;background:#120c06;border:1px solid #6b5129;border-radius:6px}.vl-market-tax{color:#bfe9b0}.vl-open-market{margin-top:8px}.coin.big{width:38px;height:38px}.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{font-size:14px;line-height:1.2}.vl-info .stats{display:block;color:#bfe9b0}.vl-character-stage{position:relative;display:grid;grid-template-columns:64px minmax(0,1fr) 64px;align-items:center;border:1px solid #ad89443d;border-radius:12px;background:radial-gradient(ellipse at 50% 62%,#31585155,transparent 65%),linear-gradient(180deg,#081e2580,#07100bbb);overflow:hidden}.vl-character-preview{position:relative;grid-area:1 / 1 / 2 / -1;display:grid;place-items:center;min-width:0;pointer-events:none}.vl-character-preview canvas{display:block;width:min(100%,300px);height:auto}.vl-preview-loading{position:absolute;top:45%;max-width:55%;text-align:center;font-size:12px;color:#c8b989}.vl-character-gear{position:relative;z-index:1;grid-row:1;display:grid;gap:14px;padding:12px 0}.vl-character-gear.left{grid-column:1}.vl-character-gear.right{grid-column:3}.vl-character-gear .vl-eqcell .cell{width:48px;height:48px}.vl-character-gear .slot-placeholder{opacity:.22}.vl-character-gear .vl-eqcell small{font-size:11px}.vl-character-caption{text-align:center;color:#b9af91;font-size:11px}.vl-character-item{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px;border:1px solid #ad894455;border-radius:6px;background:#07120ed9}.vl-character-item .vl-item-card{min-width:0}.vl-character-item .vl-btn{flex:none}.vl-character-bag{display:block;margin:8px auto}.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,.vl-ring canvas.hero-portrait{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;min-width:0;overflow-wrap:anywhere}.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>div{min-width:0;overflow-wrap:anywhere}.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:grid;grid-template-columns:46px minmax(0,1fr) auto;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;grid-column:2 / -1;justify-content:flex-end}.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-menu{display:grid;grid-template-columns:1fr;right:2px;bottom:132px;gap:8px}.vl-menu button.nav{width:58px;height:60px;background-size:46px 46px}.vl-menu button.soon{display:none}.vl-toasts{left:8px;bottom:280px;translate:none;width:min(420px,calc(100vw - 84px));justify-items:start}.vl-chat{bottom:120px;height:150px;width:min(320px,calc(100vw - 16px))}.vl-dialogbox{left:50%;translate:-50% 0;width:min(660px,calc(100vw - 32px))}}@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-track{grid-template-columns:22px minmax(0,1fr) auto;padding:4px 6px;gap:6px}.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:8px}.vl-menu button.nav{width:58px;height:60px;background-size:46px 46px}.vl-menu button.soon{display:none}.vl-toasts{bottom:252px;left:8px;translate:none;width:calc(100vw - 84px);justify-items:start}.vl-panel{top:108px;left:4px;right:4px;width:auto;max-height:calc(100dvh - 236px);padding:6px 12px 14px}.vl-bag{justify-content:center}.vl-market-row{grid-template-columns:40px minmax(0,1fr) auto}.vl-market-row .vl-btn{grid-column:2 / -1}.vl-equips{grid-template-columns:repeat(4,minmax(0,1fr))}.vl-eqcell .cell{width:44px;height:44px}.vl-grid{grid-template-columns:repeat(6,minmax(0,1fr));width:100%}.vl-grid .cell{width:100%;height:auto;aspect-ratio:1}.vl-dialogbox{left:4px;translate:none;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-map{display:none}.vl-menu{display:flex;top:8px;bottom:auto;right:8px;gap:2px}.vl-menu button.soon{display:none}}.vl-auto{position:absolute;right:8px;bottom:88px;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(min-width:761px)and (max-width:1180px){.vl-auto{top:232px;bottom:auto}}@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}}@media(max-height:560px)and (orientation:landscape){.vl-auto{top:74px;bottom:auto}}@property --rarity-angle{syntax: "<angle>"; inherits: false; initial-value: 0deg;}.cell[data-gear=true][data-tone=blue]{--rarity-light: #62b7ff;--rarity-speed: 5s}.cell[data-gear=true][data-tone=purple]{--rarity-light: #d390ff;--rarity-speed: 4s}.cell[data-gear=true][data-tone=gold]{--rarity-light: #ffdc72;--rarity-speed: 3s}.cell[data-gear=true]:is([data-tone=blue],[data-tone=purple],[data-tone=gold]):before{content:"";position:absolute;inset:2px;z-index:2;padding:2px;border-radius:4px;background:conic-gradient(from var(--rarity-angle),transparent 0deg,var(--rarity-light) 70deg,#fff9e4 90deg,transparent 130deg,transparent 180deg,var(--rarity-light) 250deg,#fff9e4 270deg,transparent 310deg);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;pointer-events:none;animation:rarity-orbit var(--rarity-speed) linear infinite}@keyframes rarity-orbit{to{--rarity-angle: 360deg}}@media(prefers-reduced-motion:reduce){.cell[data-gear=true]:before{animation:none!important}}@media(max-width:360px){.vl-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.vl-bag-side{min-width:0;flex-basis:100%}}.vl-panel[data-panel=equipment]{top:116px;width:min(760px,calc(100vw - 16px));max-height:calc(100dvh - 228px)}.vl-equipment-overview{display:grid;grid-template-columns:minmax(0,1fr) 152px;gap:14px;align-items:start}.vl-equipment-gear-area{min-width:0}.vl-equipment-bone-area{padding:10px 8px;border:1px solid #ad89443d;border-radius:10px;background:#08151ccc}.vl-equipment-bone-area .vl-bone-title{margin:0 0 12px;text-align:center;font-size:13px}.vl-equipment-bone-area .vl-bones{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 6px}.vl-equipment .vl-char-head{justify-content:space-between;gap:8px;margin-bottom:10px}.vl-equipment .vl-char-head .who{min-width:0;overflow-wrap:anywhere}.vl-equipment .vl-character-bag{flex:none;margin:0}.vl-equipment-attributes{margin-top:8px;color:#d9c89c;font-size:12px}.vl-equipment-attributes summary{cursor:pointer;padding:6px 0}.vl-equipment-attributes>h4{display:none}.vl-equipment-switch{display:none;gap:8px;margin-bottom:10px}.vl-equipment-switch .vl-btn{flex:1}.vl-equipment-switch [aria-pressed=true]{border-color:#f2d89a;background:#574325}@media(max-width:760px){.vl-panel[data-panel=equipment]{top:8px;left:4px;right:4px;width:auto;max-height:calc(100dvh - 16px)}.vl-equipment-overview{grid-template-columns:minmax(0,1fr);gap:8px}.vl-equipment .vl-character-stage{grid-template-columns:50px minmax(0,1fr) 50px}.vl-equipment .vl-character-preview canvas{width:min(100%,208px)}.vl-equipment .vl-character-gear{gap:8px;padding:8px 0}.vl-equipment .vl-character-gear .cell{width:40px;height:40px}.vl-equipment-bone-area .vl-bones{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px 4px}.vl-equipment-bone-area .vl-bone-title{margin-bottom:8px}.vl-equipment .vl-character-item{flex-wrap:wrap}}@media(max-width:760px)and (max-height:700px),(max-height:560px){.vl-panel[data-panel=equipment]{top:8px;max-height:calc(100dvh - 16px)}.vl-equipment-overview{grid-template-columns:minmax(0,1fr)}.vl-equipment-bone-area .vl-bones{grid-template-columns:repeat(4,minmax(0,1fr))}.vl-equipment-switch{display:flex}.vl-equipment[data-equipment-view=gear] .vl-equipment-bone-area,.vl-equipment[data-equipment-view=bones] .vl-equipment-gear-area,.vl-equipment[data-equipment-view=bones] .vl-character-item[data-kind=gear],.vl-equipment[data-equipment-view=gear] .vl-character-item[data-kind=bone]{display:none}}.vl-equipment .vl-eqcell{position:relative}.vl-eq-remove{position:absolute;top:-4px;right:0;z-index:2;min-width:24px;min-height:20px;padding:1px 3px;border:1px solid #bc8958;border-radius:4px;background:#392217;color:#ffe2b0;font:10px/1.2 "Noto Serif",Georgia,serif;cursor:pointer}.vl-eq-remove:hover,.vl-eq-remove:focus-visible{background:#68422a;border-color:#ffe2b0}@media(max-height:400px)and (min-width:560px){.vl-equipment .vl-char-head{margin-bottom:6px}.vl-equipment .vl-char-head .who small{display:none}.vl-equipment .vl-char-head .who b{font-size:14px;line-height:1.2}.vl-equipment .vl-char-head .who span{font-size:12px;line-height:1.2}.vl-equipment-switch{margin-bottom:6px}.vl-equipment-bone-area{padding:6px}.vl-equipment-bone-area .vl-bone-title{margin-bottom:4px}.vl-equipment-bone-area .vl-bones{grid-template-columns:repeat(7,minmax(0,1fr));gap:4px}}.vl-panel[data-panel=equipment]{top:clamp(8px,12dvh,116px);width:min(700px,calc(100vw - 16px));max-height:calc(100dvh - 112px - clamp(8px,12dvh,116px))}.vl-equipment-overview{grid-template-columns:minmax(0,1fr) clamp(150px,22%,184px);gap:10px}.vl-equipment .vl-char-head{margin-bottom:6px}.vl-equipment .vl-char-head .who{display:grid;gap:1px}.vl-equipment .vl-char-head .who span{font-size:12px;color:#d9c89c;overflow-wrap:anywhere}.vl-equipment .vl-character-stage{grid-template-columns:58px minmax(0,1fr) 58px;justify-items:stretch}.vl-equipment .vl-character-preview canvas{width:auto;max-width:100%;height:clamp(170px,calc(100dvh - 500px),300px)}.vl-equipment .vl-character-gear{gap:8px;padding:8px 0;justify-items:center}.vl-equipment .vl-character-gear .vl-eqcell .cell{width:44px;height:44px}.vl-equipment .vl-eqcell small{white-space:normal;font-size:11px}.vl-equipment .vl-eq-remove{top:-6px;right:-8px;min-width:20px;min-height:18px;font-size:9px;padding:1px 3px}.vl-equipment-bone-area{padding:8px 6px}.vl-equipment-bone-area .vl-bone-title{margin:0 0 8px}.vl-equipment-bone-area .vl-bones{gap:10px 4px}.vl-equipment .vl-character-caption{margin:4px 0 0}.vl-equipment-attributes{margin-top:4px}@media(max-width:760px){.vl-panel[data-panel=equipment]{top:8px;max-height:calc(100dvh - 16px)}.vl-equipment-overview{grid-template-columns:minmax(0,1fr)}.vl-equipment .vl-character-stage{grid-template-columns:50px minmax(0,1fr) 50px}.vl-equipment .vl-character-preview canvas{width:auto;height:clamp(150px,calc(100dvh - 470px),240px)}.vl-equipment .vl-character-gear .vl-eqcell .cell{width:40px;height:40px}}@media(min-width:761px)and (max-height:820px){.vl-panel[data-panel]{top:clamp(8px,12dvh,116px);max-height:calc(100dvh - 112px - clamp(8px,12dvh,116px))}}@media(max-height:560px)and (orientation:landscape){.vl-panel[data-panel],.vl-panel[data-panel=equipment]{top:8px;max-height:calc(100dvh - 16px)}.vl-equipment .vl-character-preview canvas{height:clamp(120px,calc(100dvh - 190px),220px)}}.vl-toasts{z-index:4}.vl-dialog{grid-template-columns:clamp(88px,14vw,124px) minmax(0,1fr)}.vl-npc-pic{width:100%;aspect-ratio:3 / 4;box-sizing:border-box}.vl-npc-pic canvas,.vl-npc-pic img{width:100%;height:100%;margin:0;min-height:0;object-fit:contain;object-position:center;align-self:stretch;justify-self:stretch}.vl-npc-pic img[src*=question]{object-fit:contain;padding:18%;box-sizing:border-box}.vl-nameplate{display:none}.vl-dialog-head h3{min-width:0;overflow-wrap:anywhere;line-height:1.25}.vl-talk,.vl-say,.vl-dq,.vl-shop{overflow-wrap:anywhere}@media(max-width:760px){.vl-dialog{grid-template-columns:1fr}.vl-npc-pic{width:62px;aspect-ratio:1}}@media(max-height:560px)and (orientation:landscape){.vl-left{max-height:calc(100dvh - 16px);overflow:hidden}.vl-left>.vl-party,.vl-left>.vl-track{display:none}.vl-chat{left:8px;bottom:8px;width:150px;height:84px;z-index:1}.vl-toasts{left:308px;top:8px;bottom:auto;translate:none;width:max(180px,calc(100vw - 624px));justify-items:start}}@media(min-width:761px)and (max-width:1180px){.vl-panel[data-panel]{right:76px;width:min(700px,calc(100vw - 92px))}}.vl-item-confirm{flex-basis:100%;padding:8px;border:1px solid #ac8247;border-radius:4px;background:#25190ee8}.vl-item-confirm p{margin:0 0 8px;overflow-wrap:anywhere}.vl-item-confirm .vl-btn{margin-right:6px}.vl-actions .danger{color:#ffb5a8}.vl-market-sell .vl-market-submit{position:sticky;bottom:0;background:#21180fe8;padding:6px 0}.vl-equipment-ring-area{display:none;min-width:0;padding:12px}.vl-equipment[data-equipment-view=rings] .vl-equipment-ring-area{display:block}.vl-equipment[data-equipment-view=rings] .vl-equipment-gear-area,.vl-equipment[data-equipment-view=rings] .vl-equipment-bone-area{display:none}.vl-equipment-switch{display:flex;flex-wrap:wrap}.vl-equipment-ring-area p{color:#b5ae99;font-size:12px;line-height:1.5}.vl-ring-slot{display:flex;flex-wrap:wrap;gap:8px;padding:12px 0;border-bottom:1px solid #c8ab6633;align-items:center}.vl-ring-slot>b,.vl-ring-name{flex-basis:100%}.vl-ring-select{flex:1 1 190px;min-width:0;max-width:100%;padding:8px;background:#13201c;color:#eadbb9;border:1px solid #c8ab6655;border-radius:5px}.vl-ring-collection{margin-top:18px}.vl-ring-beast{display:flex;flex-wrap:wrap;gap:6px;align-items:center;padding:8px 0;font-size:12px}.vl-ring-beast small{color:var(--ring-color);flex-basis:100%;padding-left:22px}.vl-ring-dot{width:14px;height:14px;border-radius:50%;border:2px solid var(--ring-color);box-shadow:0 0 6px var(--ring-color)}.vl-equipment-ring-area{grid-column:1 / -1}.vl-equipment[data-equipment-view=rings] .vl-character-item{display:none}.vl-equipment[data-equipment-view=rings] .vl-equipment-gear-area{display:block;grid-column:1 / -1}.vl-equipment[data-equipment-view=rings] .vl-character-gear,.vl-equipment[data-equipment-view=rings] .vl-character-caption{display:none}.vl-equipment[data-equipment-view=rings] .vl-character-stage{display:flex;justify-content:center}.vl-equipment[data-equipment-view=rings] .vl-character-preview canvas{height:160px}.vl-ring-collection summary{cursor:pointer;color:#e8c980;padding:8px 0}.vl-ring-slots{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.vl-ring-slot{padding:8px;border:1px solid #c8ab6633;border-radius:6px;align-content:start;font-size:12px}.vl-ring-slot .vl-ring-name{min-height:54px}.vl-ring-slot .vl-ring-select{flex-basis:100%;font-size:11px;padding:6px}@media(max-width:760px){.vl-ring-slots{grid-template-columns:minmax(0,1fr);gap:6px}.vl-ring-slot{display:grid;grid-template-columns:minmax(0,1fr) auto auto;padding:8px;gap:5px}.vl-ring-slot>b,.vl-ring-slot>.vl-ring-name,.vl-ring-slot>small{grid-column:1 / -1}.vl-ring-slot .vl-ring-name{min-height:0}.vl-equipment[data-equipment-view=rings] .vl-character-preview canvas{height:110px}}.sys-pop{position:fixed;z-index:60;right:8px;bottom:88px;width:min(300px,calc(100vw - 16px));box-sizing:border-box;max-height:min(calc(100dvh - 104px),520px);overflow:auto;padding:12px 14px;border:1px solid var(--bronze, #a07f43);border-radius:10px;background:linear-gradient(#1d140bf2,#0e0905f2);box-shadow:0 8px 24px #000c,inset 0 0 0 1px #ffd98f22;color:var(--cream, #f3e6c0);font-size:13px;user-select:none}.sys-pop[hidden]{display:none}.sys-pop h3{margin:0 0 8px;font-size:15px;color:var(--gold, #ffd98f);letter-spacing:.03em}.sys-pop .sys-row{display:grid;grid-template-columns:78px 1fr 34px;align-items:center;gap:8px;margin:6px 0}.sys-pop .sys-row output{text-align:right;font-variant-numeric:tabular-nums;opacity:.85}.sys-pop input[type=range]{width:100%;accent-color:var(--gold, #ffd98f)}.sys-pop .sys-mute,.sys-pop .sys-logout{width:100%;margin:4px 0 6px;padding:7px 10px;border:1px solid var(--bronze, #a07f43);border-radius:6px;background:#2a1d0f;color:var(--cream, #f3e6c0);font:inherit;cursor:pointer}.sys-pop .sys-mute[aria-pressed=true]{background:#3b1712;color:var(--warn, #ff9a8a)}.sys-pop .sys-logout{margin-top:10px}.sys-pop button:hover,.sys-pop button:focus-visible{filter:brightness(1.2)}.sys-pop details{margin-top:8px;font-size:11.5px;line-height:1.45}.sys-pop summary{cursor:pointer;color:var(--gold, #ffd98f)}.sys-pop ul{margin:6px 0 0;padding-left:16px}.sys-pop a{color:var(--info, #8fe0ff)}.vl-menu button[data-nav=settings][data-muted="1"]:before{content:"";position:absolute;top:6px;right:8px;width:10px;height:10px;border-radius:50%;background:var(--warn, #ff9a8a);box-shadow:0 0 0 2px #000a}.sys-pop h4{margin:16px 0 8px;color:var(--gold, #ffd98f);font-size:13px}.sys-quality{display:grid;gap:6px}.sys-pop select,.sys-gift input{min-width:0;width:100%;box-sizing:border-box;border:1px solid #806843;border-radius:5px;padding:7px;font:inherit;background:#101619;color:#f3e6c0}.sys-pop select{color-scheme:dark}.sys-hint{margin:7px 0;color:#c3b89d;font-size:11px;line-height:1.5}.sys-hint[data-ok=true]{color:#b9e9a7}.sys-hint[data-ok=false]{color:#ffb3a0}.sys-gift{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px}.sys-gift button{font:inherit;padding:6px 8px;border:1px solid #a07f43;border-radius:5px;background:#2a1d0f;color:#f3e6c0;cursor:pointer}.sys-gift button:disabled{opacity:.6;cursor:wait}.vl-stat-delta{display:inline-block;margin-left:6px;font-weight:700;font-style:normal;white-space:nowrap}.vl-stat-delta[data-direction=up],.vl-power-change[data-direction=up]{color:#8fe5a0}.vl-stat-delta[data-direction=down],.vl-power-change[data-direction=down]{color:#ff9b8e}.vl-stat-delta[data-direction=equal],.vl-power-change[data-direction=equal]{color:#c6bea6}.vl-compare-with{margin:3px 0;color:#c6bea6;overflow-wrap:anywhere}.vl-power-change{margin-top:5px;font-size:12px;font-weight:700}.vl-compare-hint{margin-top:3px;color:#b9a98a;font-size:10px;line-height:1.4}.cell .vl-upgrade-mark{position:absolute;z-index:2;top:1px;left:1px;min-width:14px;padding:0 2px;border:1px solid #97e9a9;border-radius:3px;color:#c3ffd0;background:#0d3829ed;font:700 14px/18px sans-serif;text-shadow:0 1px 2px #000;pointer-events:none}.vl-quest-history{margin-top:8px;border-top:1px solid #ad89443d;padding-top:8px;color:#c6bea6}.vl-quest-history summary{cursor:pointer;font-size:12px}.vl-quest-history-row{display:flex;justify-content:space-between;gap:8px;padding:6px 0;font-size:12px;overflow-wrap:anywhere}.vl-quest-history-row b{min-width:0}.vl-quest-history-row small{flex:none;color:#8fe5a0}.game-loading{position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:24px;overflow:auto;touch-action:pan-y;background:radial-gradient(ellipse at 50% 35%,#23455688,transparent 65%),linear-gradient(#091620f0,#0b1618fa),url(/assets/game-ui/backdrop/valley-day.webp) center / cover;color:#f2ead9;transition:opacity .3s ease}.game-loading.is-leaving{opacity:0;pointer-events:none}.game-loading:focus{outline:none}.loading-card{width:min(440px,100%);text-align:center;position:relative}.loading-emblem{position:relative;width:120px;height:120px;margin:0 auto 28px}.loading-emblem:before,.loading-emblem:after{content:"";position:absolute;inset:-14px;border-radius:50%;border:1px solid #e3bc6480;border-top:2px solid #fae6ab;animation:loading-orbit 7s linear infinite}.loading-emblem:after{inset:-24px;border-color:#70d7ed40;border-bottom:2px solid #70d7ed;animation-duration:11s;animation-direction:reverse}.loading-logo{width:120px;height:120px;filter:drop-shadow(0 0 22px #52b4cf50)}.loading-brand{margin:0;color:#edd297;font-size:13px;letter-spacing:.3em}.loading-subtitle{margin:4px 0 24px;color:#ffe8ac;font-size:clamp(24px,6vw,32px)}.loading-card h2{font-size:18px;font-weight:600;margin:0}.loading-status{margin:8px 0 20px;color:#c5d4d7;font-size:13px;min-height:2.8em}.loading-progress{appearance:none;width:100%;height:10px;border:1px solid #9c7a44;border-radius:8px;overflow:hidden;background:#071018}.loading-progress::-webkit-progress-bar{background:#071018}.loading-progress::-webkit-progress-value{background:linear-gradient(90deg,#419cac,#95e5dd,#f7d083);border-radius:8px;transition:width .16s ease}.loading-progress::-moz-progress-bar{background:linear-gradient(90deg,#419cac,#95e5dd,#f7d083);border-radius:8px}.loading-count{display:block;color:#f6dba3;font-size:13px;margin-top:8px;font-variant-numeric:tabular-nums}.loading-tip{margin:28px 0 0;font-size:12px;color:#a3b9bc;line-height:1.6}.loading-particles{position:absolute;inset:0;overflow:hidden;pointer-events:none}.loading-particles i{position:absolute;bottom:-12px;width:3px;height:3px;border-radius:50%;background:#e7ca7a;box-shadow:0 0 8px #e7ca7a;animation:loading-rise 9s linear infinite}.loading-particles i:nth-child(1){left:12%;animation-delay:-1s}.loading-particles i:nth-child(2){left:26%;animation-delay:-7s}.loading-particles i:nth-child(3){left:38%;animation-delay:-3s}.loading-particles i:nth-child(4){left:49%;animation-delay:-5s}.loading-particles i:nth-child(5){left:61%;animation-delay:-8s}.loading-particles i:nth-child(6){left:73%;animation-delay:-2s}.loading-particles i:nth-child(7){left:84%;animation-delay:-6s}.loading-particles i:nth-child(8){left:93%;animation-delay:-4s}.loading-retry{margin-top:20px;min-height:44px;padding:8px 28px;color:#ffe7b0;background:#28383a;border:1px solid #bc9856;border-radius:6px;font:inherit;cursor:pointer}.loading-retry[hidden]{display:none}.is-error .loading-status{color:#ffb7a5}@keyframes loading-orbit{to{transform:rotate(360deg)}}@keyframes loading-rise{0%{opacity:0;transform:translate(0)}20%,70%{opacity:.65}to{opacity:0;transform:translate(30px,-100vh)}}@media(max-height:550px){.loading-emblem{width:72px;height:72px;margin-bottom:24px}.loading-logo{width:72px;height:72px}.loading-subtitle{margin-bottom:10px}.loading-tip{margin-top:12px}}@media(prefers-reduced-motion:reduce){.game-loading,.loading-progress::-webkit-progress-value{transition:none}.loading-emblem:before,.loading-emblem:after,.loading-particles i{animation:none}.loading-particles{display:none}}