:root{--bg-0:#0a0b0e;--bg-1:#111318;--bg-2:#171a20;--bg-3:#20242b;--ln-0:#000;--ln-1:#2a2e36;--ln-2:#3b404a;--ln-hi:rgba(255,255,255,.13);--ln-hi-2:rgba(255,255,255,.22);--tx-0:#ecebe6;--tx-1:#b3b5ba;--tx-2:#858991;--bg:#0a0d13;--bg2:#10151e;--panel:#141a25;--panel2:#1b2331;--line:#2c3649;--line2:#3a4660;--gold:#e8c66e;--gold2:#f3d27a;--gold3:#8a6420;--sel:#6fb3dc;--sel-bg:rgba(111,179,220,.14);--txt:#ecebe6;--sub:#9aa6bd;--dim:#66728a;--red:#e0463c;--blue:#4f93e0;--green:#6fd16a;--ember:#ff8a3a;--g0:#e6e6e6;--g1:#6fd16a;--g2:#4a9bff;--g3:#b06cff;--g4:#ff4a40;--g5:#ffd24a;--serif:"Noto Serif KR","Nanum Myeongjo","Batang",Georgia,serif;--sans:"Noto Sans KR","Pretendard","Malgun Gothic","Apple SD Gothic Neo",system-ui,sans-serif}*{box-sizing:border-box;margin:0;padding:0}.abs{position:absolute}.bgimg{position:absolute;inset:0;background-size:cover;background-position:center}.vig{position:fixed;inset:-200px;pointer-events:none;background:radial-gradient(ellipse at 50% 50%,transparent 78%,rgba(4,6,10,.18) 100%)}.dim{position:fixed;inset:-2000px;background:#05080d9e}.panel{position:absolute;background:linear-gradient(180deg,#181f2cf0,#0e131df2);border:1px solid var(--line);border-radius:10px;box-shadow:0 10px 40px #0000008c,inset 0 1px #ffffff0d}.panel.gold{border-color:#6a5224;box-shadow:0 10px 40px #0000008c,inset 0 0 0 1px #d9a4411f,inset 0 1px #ffebaa1f}.ph{display:flex;align-items:center;gap:10px;padding:0 18px;height:46px;border-bottom:1px solid var(--line);font:700 16px var(--sans);letter-spacing:.02em}.ph .ic,.ph svg,.ph .ic-wrap,.ph .ic-box{width:22px!important;height:22px!important;flex:none!important}.ph small{margin-left:auto;font:500 12px var(--sans);color:var(--sub)}.serif{font-family:var(--serif)}.gl{position:absolute;height:1px;background:linear-gradient(90deg,transparent,var(--gold),transparent);opacity:.7}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:44px;padding:0 24px;border-radius:8px;font:700 15px var(--sans);border:1px solid var(--line2);background:linear-gradient(180deg,#263045,#1a2233);color:var(--txt);cursor:pointer;box-shadow:inset 0 1px #ffffff14,0 3px 8px #0006}.btn.pri{background:linear-gradient(180deg,#f0c35a,#b4801f);border-color:#f6d98b;color:#2a1c05;text-shadow:0 1px 0 rgba(255,255,255,.35);box-shadow:inset 0 1px #ffffff80,0 4px 14px #d9a44159}.btn.dan{background:linear-gradient(180deg,#c94b3f,#8a2a22);border-color:#f08a7c;color:#fff}.btn.sm{height:32px;padding:0 14px;font-size:13px;border-radius:6px}.btn.dis{opacity:.42;filter:grayscale(.6)}.btn small{font:500 11px var(--sans);opacity:.75}.chip{display:inline-flex;align-items:center;gap:6px;height:26px;padding:0 11px;border-radius:13px;background:#ffffff0f;border:1px solid var(--line);font:600 12px var(--sans);color:var(--sub)}.chip.on{background:#d9a44129;border-color:#8a6a2c;color:var(--gold2)}.tabs{display:flex;gap:2px}.tab{padding:0 22px;height:40px;display:flex;align-items:center;font:700 14px var(--sans);color:var(--dim);border-bottom:2px solid transparent;position:relative}.tab.on{color:var(--gold2);border-color:var(--gold);background:linear-gradient(180deg,transparent,rgba(217,164,65,.12))}.tab i{position:absolute;right:6px;top:6px;width:8px;height:8px;border-radius:50%;background:var(--red);box-shadow:0 0 6px var(--red)}.bar{position:relative;height:14px;border-radius:7px;background:#0a0e15;border:1px solid #000;overflow:hidden;box-shadow:inset 0 1px 3px #000c}.bar b{position:absolute;left:0;top:0;bottom:0;border-radius:7px}.bar.hp b{background:linear-gradient(180deg,#ff6a5a,#c1281e 55%,#8a1a14)}.bar.mp b{background:linear-gradient(180deg,#6ab0ff,#2a6ac4 55%,#1a4488)}.bar.xp b{background:linear-gradient(180deg,#f8dc8a,#d9a441 55%,#8a6420)}.bar:after{content:"";position:absolute;left:0;right:0;top:0;height:45%;background:linear-gradient(180deg,rgba(255,255,255,.28),transparent)}.bar span{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font:700 10px var(--sans);text-shadow:0 1px 2px #000;z-index:2}.cur{display:flex;align-items:center;gap:8px;height:34px;padding:0 6px 0 4px;border-radius:17px;background:#080b11cc;border:1px solid #3a3020;font:700 14px var(--sans);color:var(--gold2)}.cur .ci{width:26px;height:26px}.cur em{font-style:normal;width:22px;height:22px;border-radius:50%;background:linear-gradient(180deg,#f3d27a,#a97a1f);color:#2a1c05;display:flex;align-items:center;justify-content:center;font:900 15px var(--sans);margin-left:2px}.slot{position:relative;width:76px;height:76px;border-radius:9px;background:radial-gradient(circle at 50% 38%,#2b3447,#121823 70%);border:2px solid var(--gc,#3a4660);box-shadow:inset 0 0 18px #000000a6,0 0 14px color-mix(in srgb,var(--gc,#000) 35%,transparent)}.slot svg{position:absolute;inset:8px;width:calc(100% - 16px);height:calc(100% - 16px);filter:drop-shadow(0 3px 3px rgba(0,0,0,.7))}.slot.e{border-color:#252e41;box-shadow:inset 0 0 14px #000000b3;background:#0f141d}.slot.e svg{opacity:.18;filter:none}.slot .lv{position:absolute;right:4px;top:2px;font:800 12px var(--sans);color:#fff;text-shadow:0 1px 2px #000,0 0 4px #000}.slot .n{position:absolute;right:5px;bottom:2px;font:800 12px var(--sans);color:#fff;text-shadow:0 1px 2px #000,0 0 4px #000}.slot .eq{position:absolute;left:3px;top:3px;font:800 10px var(--sans);background:#2a6ac4;color:#fff;padding:1px 5px;border-radius:3px}.slot .nw{position:absolute;left:3px;top:3px;font:800 10px var(--sans);background:var(--red);color:#fff;padding:1px 5px;border-radius:3px}.slot.sel{outline:2px solid var(--gold2);outline-offset:2px}.slot:before{content:"";position:absolute;inset:0;border-radius:7px;background:linear-gradient(135deg,color-mix(in srgb,var(--gc,#fff) 30%,transparent),transparent 45%);opacity:.7;pointer-events:none}.slot.e:before{display:none}.g0{--gc:#e6e6e6}.g1{--gc:#6fd16a}.g2{--gc:#4a9bff}.g3{--gc:#b06cff}.g4{--gc:#ff4a40}.g5{--gc:#ffd24a}.gt0{color:#cfcfcf}.gt1{color:#6fd16a}.gt2{color:#6ab0ff}.gt3{color:#c28aff}.gt4{color:#ff6a5e}.gt5{color:#ffd24a;text-shadow:0 0 8px rgba(255,210,74,.45)}.wtop{position:absolute;left:0;right:0;top:0;height:76px;background:linear-gradient(180deg,rgba(6,8,12,.96),rgba(6,8,12,.7) 80%,transparent);display:flex;align-items:center;padding:0 36px;gap:18px;z-index:5}.wtop .back{width:44px;height:44px;border-radius:50%;border:1px solid var(--line2);background:#141a26;display:flex;align-items:center;justify-content:center}.wtop h1{font:900 26px var(--serif);letter-spacing:.04em;color:var(--gold2);display:flex;align-items:center;gap:12px;white-space:nowrap!important;min-width:max-content!important;flex:0 0 auto!important;flex-shrink:0!important;word-break:keep-all!important}.wtop h1 svg,.wtop h1 .ic-wrap,.wtop h1 .ic-box{width:30px!important;height:30px!important;flex:none!important}.wtop .r{margin-left:auto;display:flex;gap:12px;align-items:center}.xbtn{width:40px;height:40px;border-radius:50%;border:1px solid var(--line2);background:#141a26;display:flex;align-items:center;justify-content:center;color:var(--sub);font-size:20px}.rbtn{position:relative;width:62px;height:62px;border-radius:50%;background:radial-gradient(circle at 50% 35%,#2a3347,#0f141d);border:2px solid #5a4a28;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #0009,inset 0 0 12px #0009}.rbtn svg{width:34px;height:34px}.rbtn label{position:absolute;bottom:-20px;left:50%;transform:translate(-50%);font:700 12px var(--sans);color:var(--txt);text-shadow:0 1px 3px #000,0 0 6px #000;white-space:nowrap}.rbtn i{position:absolute;right:0;top:0;width:14px;height:14px;border-radius:50%;background:var(--red);border:2px solid #0a0d13}.hk{position:absolute;left:4px;top:2px;font:800 11px var(--sans);color:#fff;text-shadow:0 1px 2px #000,0 0 4px #000}.sk{position:relative;width:70px;height:70px;border-radius:12px;background:radial-gradient(circle at 50% 35%,#2b3447,#0f141d 75%);border:2px solid #6a5224;box-shadow:0 4px 12px #0009,inset 0 0 14px #000000b3;overflow:hidden}.sk svg{position:absolute;inset:9px;width:52px;height:52px}.sk .cd{position:absolute;inset:0;background:#0000009e;display:flex;align-items:center;justify-content:center;font:800 20px var(--sans);color:#fff}.sk .cdc{position:absolute;left:0;right:0;bottom:0;background:#04060aa6}.drop{position:absolute;transform:translate(-50%,-100%);display:flex;align-items:center;height:28px;padding:0 12px 0 0;border-radius:4px;background:#080b11d1;border:1px solid color-mix(in srgb,var(--gc) 70%,#000);font:700 14px var(--sans);color:var(--gc);white-space:nowrap;box-shadow:0 0 18px color-mix(in srgb,var(--gc) 45%,transparent),0 3px 8px #0009;text-shadow:0 1px 2px #000}.drop:before{content:"";width:5px;align-self:stretch;background:var(--gc);margin-right:9px;border-radius:3px 0 0 3px}.drop b{font-weight:800;color:#fff;margin-right:6px;font-size:12px;background:var(--gc);color:#10131a;padding:1px 6px;border-radius:3px}.drop.gold{--gc:#f3d27a;height:24px;font-size:13px}.mon{position:absolute;transform:translate(-50%,-100%);text-align:center;font:700 12px var(--sans);color:#fff;text-shadow:0 1px 3px #000,0 0 6px #000;white-space:nowrap}.mon .b{width:74px;height:7px;margin:2px auto 0;border-radius:3px;background:#1a0a0a;border:1px solid #000;overflow:hidden}.mon .b i{display:block;height:100%;background:linear-gradient(180deg,#ff6a5a,#b0221a)}.mon.elite{color:#ffb86a}.mon.sel:after{content:"";position:absolute;left:50%;top:100%;width:76px;height:76px;margin:12px 0 0 -38px;border:2px solid #ff4a40;border-radius:50%;box-shadow:0 0 14px #ff4a40;transform:scaleY(.5)}.dmg{position:absolute;font:900 26px var(--sans);color:#fff;text-shadow:0 0 2px #000,0 2px 0 #000,0 0 10px rgba(255,140,60,.9);transform:translate(-50%,-50%)}.dmg.c{font-size:38px;color:#ffd24a}.dmg.r{color:#ff6a5e;font-size:22px}.dmg.x{color:#8aff9a;font-size:20px}.log{position:relative;min-height:0;overflow-y:auto;overflow-x:hidden;word-break:break-word;font:600 13px/1.65 var(--sans);color:#d5dcea;text-shadow:0 1px 3px #000,0 0 6px #000}.log::-webkit-scrollbar{width:5px}.log::-webkit-scrollbar-thumb{background:#d9a44159;border-radius:3px}.kb{display:inline-block;min-width:22px;padding:1px 6px;border-radius:4px;border:1px solid #556;background:#0e121a;color:#cfd8ea;font:800 11px var(--sans);text-align:center}.tooltip{position:absolute;width:360px;background:linear-gradient(180deg,#1a2130,#0f141d);border:2px solid var(--gc);border-radius:10px;box-shadow:0 12px 40px #000000b3,0 0 26px color-mix(in srgb,var(--gc) 35%,transparent);overflow:hidden}.tooltip .th{padding:14px 18px;background:linear-gradient(90deg,color-mix(in srgb,var(--gc) 28%,#0f141d),transparent);display:flex;gap:14px;align-items:center}.tooltip .tn{font:800 18px var(--sans);color:var(--gc)}.tooltip .ts{font:500 12px var(--sans);color:var(--sub);margin-top:2px}.tooltip .tb{padding:12px 18px 14px;font:500 14px/1.9 var(--sans)}.st{display:flex;justify-content:space-between}.st b{color:#fff}.st .up{color:var(--green)}.st .dn{color:#ff6a5e}.st .op{color:#8ab4ff}.hr{height:1px;background:var(--line);margin:8px 0}.sec{font:800 11px var(--sans);letter-spacing:.14em;color:var(--dim);margin:12px 0 6px}.kitbox{position:absolute;background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:18px 22px}.kitbox h3{font:800 13px var(--sans);letter-spacing:.12em;color:var(--gold);margin-bottom:14px}.sw{display:flex;flex-direction:column;gap:6px;font:600 11px var(--sans);color:var(--sub);width:96px}.sw i{display:block;height:44px;border-radius:7px;border:1px solid rgba(255,255,255,.12)}.emb{position:absolute;border-radius:50%;background:#ffb347;box-shadow:0 0 8px 2px #ff9628cc;animation:rise linear infinite}@keyframes rise{0%{transform:translateY(0);opacity:0}15%{opacity:1}to{transform:translateY(-700px) translate(40px);opacity:0}}.cap{position:absolute;left:36px;bottom:20px;font:600 12px var(--sans);color:#aab;background:#0009;padding:6px 12px;border-radius:6px;z-index:60;display:none}body.cap .cap{display:block}.zone-banner{position:absolute;left:50%;top:24%;transform:translate(-50%);text-align:center;pointer-events:none;opacity:0;transition:opacity .7s ease;z-index:30;text-shadow:0 2px 14px rgba(0,0,0,.9)}.zone-banner.on{opacity:1}.zone-banner h1{margin:0;font:700 64px var(--serif,"Noto Serif KR",serif);letter-spacing:10px;color:#f3d27a}.zone-banner p{margin:6px 0 0;font:600 20px var(--sans,sans-serif);letter-spacing:3px;color:#d8c9a0}.zone-banner:after{content:"";display:block;width:340px;height:2px;margin:12px auto 0;background:linear-gradient(90deg,transparent,#e0b04a,transparent)}.zone-banner.small h1{font-size:34px;letter-spacing:6px}.zone-banner.small p{font-size:15px}.zone-banner.small:after{width:200px}.skcard{display:flex;gap:16px;align-items:center;padding:12px 14px;border:1px solid var(--line);border-radius:10px;background:#ffffff05;cursor:pointer;transition:background .12s,border-color .12s}.skcard:hover{background:#ffffff0f}.skcard.on{border-color:#e0b04a;background:#e0b04a1a}.win .qnav{display:flex;align-items:center;justify-content:space-between;height:54px;padding:0 18px;border-radius:8px;font:700 18px var(--sans);color:var(--sub);cursor:pointer;border-left:3px solid transparent}.win .qnav:hover{background:#ffffff0a}.win .qnav.on{background:linear-gradient(90deg,#d9a44138,#d9a44108);color:var(--text);border-left-color:var(--gold)}.win .qnav i{font-style:normal;min-width:24px;height:24px;border-radius:12px;background:#d83a30;color:#fff;font:800 13px/24px var(--sans);text-align:center}.win .qrow{display:flex;align-items:center;gap:16px;padding:14px 22px;border-bottom:1px solid rgba(255,255,255,.05);cursor:pointer}.win .qrow:hover{background:#ffffff08}.win .qrow.on{background:#d9a4411f}.win .qrow.lk{opacity:.5}.win .qcat{flex:none;min-width:46px;text-align:center;padding:3px 0;border-radius:12px;border:1px solid #6a5224;color:var(--gold2);font:800 12px var(--sans)}.win .qname{font:800 18px var(--sans)}.win .qsum{font:500 13px var(--sans);color:var(--sub);margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.win .qlv{font:600 13px var(--sans);color:var(--dim)}.win .qdot{width:10px;height:10px;border-radius:50%;background:#3a4256}.win .qdot.on{background:#ff8a3a;box-shadow:0 0 8px #ff8a3a}.win .qtag{margin-left:6px;font:700 12px var(--sans);color:var(--dim)}.win .qtag.ok{color:var(--green)}.win .qtag.new{color:var(--gold2)}.win .qtag.lock{color:#ff8a7a}.win .qobj{margin-top:14px}.win .qbar{height:7px;border-radius:4px;background:#0a0d13;border:1px solid #2c3649;margin-top:6px;overflow:hidden}.win .qbar i{display:block;height:100%;background:linear-gradient(90deg,#c8841f,#f3c75a)}.win .qrw{display:flex;flex-direction:column;align-items:center;gap:6px;width:92px;text-align:center}.win .qrw small{font:500 12px var(--sans);color:var(--sub)}.win .st-grid{width:870px;height:690px;gap:12px}.bfp{position:absolute;inset:0;z-index:40;pointer-events:auto}.bfp .bfp-panel{position:absolute;left:640px;top:300px;width:640px;border:1px solid #8a2a22;box-shadow:0 0 60px #d83a3040}.bfp .bfp-gauge{height:16px;border-radius:8px;background:#1a0e0e;border:1px solid #5a1c18;overflow:hidden;margin:6px 0 16px}.bfp .bfp-gauge i{display:block;height:100%;background:linear-gradient(90deg,#b52a20,#ff6a4e)}.bfp .bfp-btns{display:flex;gap:12px;padding:0 28px 28px}.hsel{position:absolute;inset:0;z-index:50;color:var(--text);pointer-events:auto}.hsel .hs-bg{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 30%,#1c2433,#07090e 75%)}.hsel .hs-top{position:absolute;left:36px;top:20px;display:flex;align-items:center;gap:16px}.hsel .hs-top h1{margin:0;font:700 26px var(--serif,serif);color:var(--gold2);display:flex;align-items:center;gap:10px}.hsel .hs-top h1 svg{width:26px;height:26px}.hsel .hs-title{position:absolute;left:0;right:0;top:78px;text-align:center}.hsel .hs-title small{display:block;font:700 13px var(--sans);letter-spacing:.5em;color:#e0a040}.hsel .hs-title div{font:700 40px var(--serif,serif);margin-top:8px}.hsel .hs-cards{position:absolute;left:70px;right:70px;top:170px;height:690px;display:flex;gap:26px;align-items:flex-end}.hsel .hs-card{flex:1;height:640px;border:1px solid #2c3649;border-radius:12px;background:linear-gradient(180deg,#181e2af2,#0c0f16f7);overflow:hidden;cursor:pointer;transition:transform .15s,border-color .15s;display:flex;flex-direction:column}.hsel .hs-card:hover{border-color:var(--th)}.hsel .hs-card.on{height:690px;border-color:var(--th);box-shadow:0 0 36px color-mix(in srgb,var(--th) 35%,transparent)}.hsel .hs-img{position:relative;height:360px;display:flex;align-items:center;justify-content:center}.hsel .hs-card.on .hs-img{height:380px}.hsel .hs-img img{height:100%;width:auto;object-fit:contain}.hsel .hs-img svg{width:160px;height:160px}.hsel .hs-sel{position:absolute;right:14px;top:14px;background:var(--th);color:#fff;font:800 13px var(--sans);padding:4px 12px;border-radius:12px}.hsel .hs-body{padding:14px 22px 18px;flex:1}.hsel .hs-head{display:flex;align-items:baseline;gap:10px;margin-bottom:10px}.hsel .hs-head b{font:800 28px var(--serif,serif)}.hsel .hs-head small{font:500 13px var(--sans);color:var(--sub)}.hsel .hs-diff{margin-left:auto;font:700 12px var(--sans);color:#e0b04a;border:1px solid #3a4256;border-radius:12px;padding:3px 10px}.hsel .hs-bar{display:flex;align-items:center;gap:12px;font:600 13px var(--sans);color:var(--sub);margin:5px 0}.hsel .hs-bar span{width:34px}.hsel .hs-bar div{display:flex;gap:3px}.hsel .hs-bar i{width:14px;height:8px;border-radius:2px;background:#232b3b}.hsel .hs-skills{display:flex;gap:8px;margin:14px 0 10px}.hsel .hs-desc{font:500 13px/1.6 var(--sans);color:var(--sub)}.hsel .hs-foot{position:absolute;left:70px;right:70px;top:880px;height:150px;display:flex;align-items:center;gap:26px;padding:0 30px}.hsel .hs-foot label{display:block;font:600 12px var(--sans);color:var(--sub);margin-bottom:6px}.hsel .hs-name{position:relative;width:320px}.hsel .hs-name input{width:100%;height:50px;box-sizing:border-box;padding:0 64px 0 16px;border-radius:8px;border:1px solid #3a4558;background:#0b0f16;color:#fff;font:700 20px var(--sans);outline:none}.hsel .hs-name input:focus{border-color:var(--gold)}.hsel .hs-name span{position:absolute;right:14px;top:16px;font:500 13px var(--sans);color:var(--dim)}.hsel .hs-foot ul{flex:1;margin:0;padding:0 0 0 18px;font:500 14px/1.9 var(--sans);color:var(--sub)}.ldg{position:absolute;inset:0;z-index:70;pointer-events:auto;text-align:center}.ldg .ldg-sub{position:absolute;left:0;right:0;top:380px;font:700 16px var(--sans);letter-spacing:.45em;color:#e0a040}.ldg .ldg-name{position:absolute;left:0;right:0;top:420px;font:700 84px var(--serif,serif);color:#f3d27a;text-shadow:0 4px 24px rgba(0,0,0,.8);letter-spacing:.12em}.ldg .ldg-bar{position:absolute;left:560px;right:560px;top:600px;height:8px;border-radius:4px;background:#0a0d13;border:1px solid #2c3649;overflow:hidden}.ldg .ldg-bar i{display:block;height:100%;width:0;background:linear-gradient(90deg,#c8841f,#f3c75a);transition:width .1s linear}.ldg .ldg-tip{position:absolute;left:400px;right:400px;top:640px;font:500 17px/1.7 var(--sans);color:#c9d2e3}.ldg .ldg-tip b{color:var(--gold2);margin-right:8px;letter-spacing:.2em}.tut{position:absolute;left:0;right:0;top:112px;z-index:28;display:flex;justify-content:center;pointer-events:none}.tut .tut-card{pointer-events:auto;width:620px;border:1px solid #6a5224;border-radius:12px;background:linear-gradient(180deg,#181e2af5,#0c0f16f7);box-shadow:0 8px 40px #0009;padding:16px 22px}.tut .tut-h{display:flex;align-items:center;gap:10px;margin-bottom:8px}.tut .tut-h span{font:800 12px var(--sans);background:var(--gold);color:#201400;border-radius:10px;padding:2px 10px}.tut .tut-h b{font:800 20px var(--serif,serif);color:var(--gold2)}.tut .tut-b{font:500 15px/1.7 var(--sans);color:var(--text)}.tut .tut-f{display:flex;align-items:center;justify-content:space-between;margin-top:12px}.tut .tut-f span{font:500 12px var(--sans);color:var(--dim);cursor:pointer}.win .hubgrid{position:absolute;left:300px;right:300px;top:170px;display:grid;grid-template-columns:repeat(4,1fr);gap:26px}.win .hubtile{position:relative;height:210px;border:1px solid #2c3649;border-radius:14px;background:linear-gradient(180deg,#181e2af2,#0c0f16f7);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;cursor:pointer;transition:border-color .12s,transform .12s}.win .hubtile:hover{border-color:var(--gold);transform:translateY(-3px)}.win .hubtile .hubic svg{width:76px;height:76px}.win .hubtile b{font:800 22px var(--sans)}.win .hubtile small{font:600 12px var(--sans);color:var(--dim);height:14px}.win .hubtile i{position:absolute;right:14px;top:12px;min-width:26px;height:26px;border-radius:13px;background:#d83a30;color:#fff;font:800 14px/26px var(--sans);text-align:center;font-style:normal}.win .cdxgrid{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;padding:20px;overflow-y:auto;height:770px;align-content:start}.win .cdx{display:flex;flex-direction:column;align-items:center;gap:6px;padding:14px 6px;border:1px solid #2c3649;border-radius:10px;background:#0e121acc;cursor:pointer;text-align:center}.win .cdx:hover{border-color:#6a5224}.win .cdx.on{border-color:var(--gold);background:#d9a4411a}.win .cdx.nf{opacity:.55}.win .cdx b{font:700 15px var(--sans)}.win .cdx small{font:500 12px var(--sans);color:var(--sub)}.sk.locked{filter:grayscale(1) brightness(.45)}.sk[data-lock]:not([data-lock=""]):after{content:attr(data-lock);position:absolute;left:0;right:0;bottom:6px;text-align:center;font:800 11px var(--sans);color:#ffb0a0;text-shadow:0 1px 3px #000}.slot.unfit svg{opacity:.5}.slot.unfit{box-shadow:inset 0 0 0 2px #ff4a40bf}.slot .bad{position:absolute;left:3px;bottom:2px;font:800 11px var(--sans);color:#ff5a4e;text-shadow:0 1px 2px #000,0 0 4px #000}.tooltip .wok{color:#8ee69a}.tooltip .wno{color:#ff6a5e}.tooltip .score{color:var(--gold2)}.gnode{position:absolute;transform:translate(-50%,-100%);text-align:center;pointer-events:auto;cursor:pointer;padding:3px 10px;border-radius:8px;background:#0a120ed1;border:1px solid var(--gc,#6fd16a);white-space:nowrap}.gnode b{display:block;font:800 13px var(--sans);color:var(--gc,#9be39a)}.gnode small{font:600 10px var(--sans);color:#9aa6bd}.gbar{position:absolute;transform:translate(-50%,-100%);text-align:center;pointer-events:none;width:140px}.gbar span{display:block;font:700 12px var(--sans);color:#d8f0c8;text-shadow:0 1px 3px #000;margin-bottom:3px}.gbar div{height:9px;border-radius:5px;background:#000000b3;border:1px solid #4a6a3a;overflow:hidden}.gbar i{display:block;height:100%;width:0;background:linear-gradient(90deg,#6fd16a,#d9e66a)}.pbuffs{position:absolute;left:24px;top:168px;display:flex;flex-direction:column;gap:4px;pointer-events:none}.pbuffs .pb{font:700 12px var(--sans);padding:3px 9px;border-radius:6px;background:#0a0e16d9;border:1px solid #3a4660;color:#d8e2f4}.pbuffs .pb b{color:var(--gold2);margin-left:4px}.pbuffs .pb.atk{border-color:#ff7a4a}.pbuffs .pb.def{border-color:#6aa8ff}.pbuffs .pb.haste{border-color:#6adf7a}.pbuffs .pb.exp{border-color:#d9a8ff}.win .slbl{font:600 13px var(--sans)}.btn small,.bar span{font-size:12px}.slot .eq,.slot .nw{font-size:12px;padding:1px 6px}.hk{font-size:13px}.kb{font-size:12px}.sec{font-size:13px;color:#8a97b0}.sbadge{font-size:13px}.tut{justify-content:flex-start;padding-left:28px;top:150px}.tut .tut-card{width:460px}.slot.e{background:#ffffff05;border-color:#ffffff12}.slot.e svg{opacity:.18}.floaters .mon .nm{font-size:15px;text-shadow:0 1px 3px #000,0 0 6px #000}.floaters .mon .b{height:7px}.floaters .drop{font-size:14px}.bag-grid .slot.e,.forge-grid .slot.e{background:#ffffff04;border-color:#ffffff0f;box-shadow:none}.bag-grid .slot.e svg{opacity:.1}.tooltip .af{display:flex;justify-content:space-between;gap:10px;font:600 13px var(--sans);padding:1px 0}.tooltip .af i{font-style:normal;font-weight:900;min-width:26px;text-align:center;border-radius:4px;padding:0 4px;margin-right:6px;background:#2a3347;color:#cfd8ea}.tooltip .af i.rC{background:#3a3f4c}.tooltip .af i.rB{background:#2f6a4a;color:#bff0d0}.tooltip .af i.rA{background:#2a5fa8;color:#cfe4ff}.tooltip .af i.rS{background:#7a3ab8;color:#f0d8ff}.tooltip .af i.rSS{background:#c4902a;color:#fff3c0}.tooltip .af i.fx{background:#5a3a1c;color:#ffd8a0}.tooltip .skm{margin-top:6px;padding:6px 8px;border-radius:6px;border:1px solid #8a6a20;background:#5a421059;font:700 13px/1.5 var(--sans);color:#ffe49a}:root{--safe-top: 50px;--safe-bottom: 24px}html,body{margin:0;height:100%;height:100dvh;background:#000;overflow:hidden;font-family:var(--sans);color:var(--txt);-webkit-user-select:none;user-select:none}#game{position:fixed;inset:0}#game canvas{display:block;touch-action:none}#stage{position:fixed;left:50%;top:50%;width:1920px;height:1080px;transform-origin:center center;pointer-events:none;overflow:visible}#stage .rbtn,#stage [data-act],#stage .sk,#stage .chip,#stage input{pointer-events:auto;cursor:pointer}#stage .vig{pointer-events:none}#stage.hide-field-hud>.hud-status,#stage.hide-field-hud>.hud-zone,#stage.hide-field-hud>.hud-topmenu,#stage.hide-field-hud>.hud-minimap,#stage.hide-field-hud>.hud-quest,#stage.hide-field-hud>.hud-chips,#stage.hide-field-hud>.hud-chat,#stage.hide-field-hud>.hud-actionbar,#stage.hide-field-hud>.hud-auto,#stage.hide-field-hud>.hud-xp,#stage.hide-field-hud>.hud-bottom-grad,#stage.hide-field-hud>.floaters,#stage.hide-field-hud>.pbuffs{display:none!important}.floaters{position:absolute;inset:0;pointer-events:none}.floaters .mon,.floaters .drop{pointer-events:auto;cursor:pointer}.floaters .mon .nm{display:block}.floaters .mon.sel .nm{color:#ffd24a}.floaters .mon.sel .b{border-color:#ffd24a}.floaters .dmg{animation:dmgUp .9s ease-out forwards}@keyframes dmgUp{0%{opacity:0;transform:translate(-50%,-30%) scale(.6)}15%{opacity:1;transform:translate(-50%,-60%) scale(1.15)}to{opacity:0;transform:translate(-50%,-190%) scale(1)}}#stage .sk{position:relative}#stage .sk.nomp{filter:grayscale(.7) brightness(.7)}#stage .sk .n{position:absolute;right:5px;bottom:2px;font:800 13px var(--sans);color:#fff;text-shadow:0 1px 2px #000,0 0 4px #000}.tgt{position:absolute;left:50%;top:112px;width:420px;transform:translate(-50%);padding:8px 14px;border-radius:10px;background:linear-gradient(180deg,#181f2ceb,#0e131deb);border:1px solid var(--line);display:none}.tgt .t1{display:flex;justify-content:space-between;font:800 14px var(--sans);margin-bottom:5px}.tgt .t1 span:last-child{color:var(--sub);font-weight:600}.tgt .bar{height:12px}.tgt .bar b{background:linear-gradient(180deg,#ff6a5a,#c1281e 55%,#8a1a14)}.cmp{position:absolute;inset:0;pointer-events:auto;z-index:30}.cmp .dim{background:#05080d8c}.cmp-title{position:absolute;left:0;right:0;top:70px;text-align:center}.cmp-sub{font:800 12px var(--sans);letter-spacing:.3em;color:var(--sub)}.cmp-h{font:900 44px var(--serif);text-shadow:0 2px 10px #000;margin-top:4px}.cmp-hint{font:600 13px var(--sans);color:var(--sub);margin-top:6px}.cmp-grid{position:absolute;left:290px;right:290px;top:190px;height:660px;display:grid;grid-template-columns:560px 1fr 560px;align-items:start}.cmp-p{position:relative!important;height:660px}.cmp-p.gold{border-color:var(--gc);box-shadow:0 10px 40px #0000008c,0 0 30px color-mix(in srgb,var(--gc) 35%,transparent)}.cmp-body{padding:22px 28px;font:500 17px/2.1 var(--sans)}.cmp-body .th{display:flex;gap:18px;align-items:center;padding-bottom:8px}.cmp-body .tn{font:800 22px var(--sans)}.cmp-body .ts{font:500 13px var(--sans);color:var(--sub)}.cmp-body em{font-style:normal;font-weight:800;margin-left:6px}.cmp-body em.up{color:var(--green)}.cmp-body em.dn{color:#ff6a5e}.cmp-body em.new{color:#8ab4ff}.cmp-mid{align-self:center;text-align:center}.cmp-arrow{font-size:64px;line-height:1}.cmp-arrow.up{color:var(--green)}.cmp-arrow.dn{color:#ff6a5e}.cmp-power{font:900 28px var(--sans);margin-top:10px}.cmp-power.up{color:var(--green)}.cmp-power.dn{color:#ff6a5e}.cmp-btns{position:absolute;left:0;right:0;top:880px;display:flex;gap:16px;justify-content:center}.cmp-btns .btn{cursor:pointer}body.is-portrait .cmp,body[data-ui=mobile] .cmp{z-index:60!important}.win{position:absolute;left:50%;top:50%;width:1920px;height:1080px;transform:translate(-50%,-50%);z-index:40;pointer-events:auto;background:radial-gradient(ellipse at 50% 30%,#131a26,#080b10 75%);box-shadow:0 0 0 4000px #080b10}.win .abs{position:absolute}.win .slbl{text-align:center;font:600 11px var(--sans);color:var(--dim);margin-top:4px}.win .bag-grid{position:absolute;width:790px;height:800px;overflow-y:auto;display:grid;grid-template-columns:repeat(8,76px);grid-auto-rows:76px;gap:22px;align-content:start;padding:4px}.win .bag-grid::-webkit-scrollbar{width:6px}.win .bag-grid::-webkit-scrollbar-thumb{background:#2c3649;border-radius:3px}.win .slot{cursor:pointer}.win .tooltip{z-index:5}.win .st .up{color:var(--green)}.win .st .dn{color:#ff6a5e}.win .st .op{color:#8ab4ff}.win .sub{color:var(--sub)}.slist{padding:6px 0;height:790px;overflow-y:auto}.slist::-webkit-scrollbar{width:6px}.slist::-webkit-scrollbar-thumb{background:#2c3649;border-radius:3px}.srow{display:flex;align-items:center;gap:16px;padding:8px 22px;border-bottom:1px solid rgba(255,255,255,.05);cursor:pointer}.srow.sel{background:#d9a4411a}.srow .slot{width:60px;height:60px;flex:none}.srow .sinfo{flex:1;min-width:0}.sname{font:800 17px var(--sans)}.sdesc{font:500 13px var(--sans);color:var(--sub);margin-top:3px}.sbadge{font:700 12px var(--sans);padding:3px 10px;border-radius:12px;border:1px solid var(--line);color:var(--sub);white-space:nowrap}.sbadge.up{color:var(--green);border-color:#2c6a38;background:#3c8c461f}.sbadge.dn{color:#ff9a8e;border-color:#8a2a22;background:#8c281e24}.sstock{font:600 12px var(--sans);color:var(--dim)}.price{display:flex;align-items:center;gap:6px;min-width:130px;justify-content:flex-end;font:800 16px var(--sans);color:var(--gold2);padding:6px 12px;border-radius:16px;background:#00000059}.castbar{position:absolute;left:50%;bottom:190px;transform:translate(-50%);width:360px;display:none;text-align:center;font:700 14px var(--sans)}.castbar .bar{height:12px;margin-top:6px}.castbar .bar b{background:linear-gradient(180deg,#8affb0,#2a9a5a)}.forge-grid{display:grid;grid-template-columns:repeat(4,84px);gap:14px;padding:18px 20px;max-height:540px;overflow-y:auto}.forge-grid .slot{width:76px;height:76px}.forge-circle{pointer-events:none}.forge-circle svg{position:absolute;inset:0;animation:spin 60s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.forge-item{position:absolute;left:50%;top:38%;transform:translate(-50%,-50%);filter:drop-shadow(0 0 30px rgba(255,160,60,.6))}.forge-fx{position:absolute;left:0;right:0;top:78%;text-align:center;font:900 30px var(--serif);text-shadow:0 0 14px #000}.fx-success{box-shadow:0 0 120px 40px #ffd25a73 inset;border-radius:50%}.fx-success .forge-fx{color:#ffd24a}.fx-success .forge-item{animation:pop .6s ease-out}.fx-keep .forge-fx{color:#9aa6bd}.fx-destroy{box-shadow:0 0 120px 40px #280000b3 inset;border-radius:50%}.fx-destroy .forge-fx{color:#ff6a5e}.fx-destroy .forge-item{animation:shake .5s;opacity:.35}@keyframes pop{0%{transform:translate(-50%,-50%) scale(1)}40%{transform:translate(-50%,-50%) scale(1.25)}to{transform:translate(-50%,-50%) scale(1)}}@keyframes shake{0%,to{transform:translate(-50%,-50%)}20%{transform:translate(-54%,-50%)}40%{transform:translate(-46%,-52%)}60%{transform:translate(-53%,-48%)}80%{transform:translate(-48%,-51%)}}.oddsbar{display:flex;height:14px;border-radius:7px;overflow:hidden;background:#0a0e15;margin-top:6px}.oddsbar i{display:block;height:100%}.wbg{position:absolute;inset:0;width:100%;height:100%}.wnodes{position:absolute;inset:0}.wnode{position:absolute;transform:translate(-50%,-50%);text-align:center;cursor:pointer}.wcirc{width:74px;height:74px;margin:0 auto;border-radius:50%;border:3px solid #d9a441;background:radial-gradient(circle at 50% 35%,#2a3347,#0f141d);display:flex;align-items:center;justify-content:center;box-shadow:0 6px 18px #0009}.wcirc.sel{box-shadow:0 0 0 6px #d9a44140,0 6px 18px #0009}.wcirc svg{width:40px;height:40px}.wlbl{margin-top:8px;padding:5px 14px;border-radius:8px;background:#080b11d9;border:1px solid var(--line);white-space:nowrap}.wlbl b{display:block;font:800 16px var(--sans)}.wlbl small{font:600 12px var(--sans);color:var(--sub)}.rwd{position:absolute;inset:0;z-index:35;pointer-events:auto}.rwd .dim{background:#05080db3}.rwd-title{position:absolute;left:0;right:0;top:90px;text-align:center}.rwd-h{font:900 90px var(--serif);color:#f3d27a;text-shadow:0 4px 20px rgba(217,164,65,.5);letter-spacing:.08em}.rwd-panel{position:absolute!important;left:260px;top:340px;width:1400px;height:330px}.rwd-cards{display:flex;gap:10px;padding:26px 24px;justify-content:center;flex-wrap:wrap;max-height:280px;overflow-y:auto}.rcard{width:140px;text-align:center;padding:16px 8px;border-radius:10px;border:1px solid var(--gc, var(--line));background:#ffffff08}.rcard .slot{margin:0 auto}.rn{font:800 15px var(--sans);margin-top:10px}.rs{margin-top:6px;font:600 12px var(--sans);color:var(--sub)}.rtag{background:#c9462f;color:#fff;padding:1px 8px;border-radius:3px;font-weight:800}.rwd-mon{position:absolute!important;left:260px;top:720px;width:690px;height:130px;display:flex;gap:18px;align-items:center;padding:0 28px}.rwd-btns{position:absolute;left:980px;top:740px;display:flex;gap:14px}.rwd-btns .btn{cursor:pointer}.bossbar{position:absolute;left:50%;top:112px;width:760px;transform:translate(-50%);display:none}.bossbar .bn{display:flex;align-items:center;gap:12px;font:800 24px var(--serif);text-shadow:0 2px 8px #000;margin-bottom:6px}.bossbar .bn .chip{background:#3c120ed9;border-color:#8a2a22;color:#ff9a8e}.bossbar .bar{height:20px;border-radius:3px}.bossbar .bar b{background:linear-gradient(180deg,#ff6a5a,#c1281e 55%,#8a1a14);border-radius:3px}.bossbar .bar .tick{position:absolute;top:0;bottom:0;width:2px;background:#ffffffb3;z-index:3}.bwarn{position:absolute;left:50%;top:250px;transform:translate(-50%);text-align:center;display:none;font:900 40px var(--serif);color:#ff6a5e;text-shadow:0 2px 10px #000}.bwarn small{display:block;font:600 15px var(--sans);color:#ffd0c8;margin-top:4px}.lvp,.dth{position:absolute;inset:0;z-index:34;pointer-events:auto}.lvp .dim{background:#05080d8c}.dth .dim{background:radial-gradient(ellipse at 50% 40%,#460806d1,#140202ed)}.lv-ring{position:absolute;left:50%;top:70px;width:380px;height:380px;transform:translate(-50%);border-radius:50%;border:2px solid rgba(217,164,65,.8);text-align:center;box-shadow:0 0 80px #d9a44140,inset 0 0 60px #d9a4411f}.lv-sub{margin-top:76px;font:800 14px var(--sans);letter-spacing:.4em;color:var(--gold2)}.lv-num{font:900 150px/1.05 var(--serif);color:#f3d27a;text-shadow:0 4px 0 #8a6420,0 8px 28px rgba(217,164,65,.55)}.lv-from{font:700 17px var(--sans)}.lv-panel{position:absolute!important;left:560px;top:470px;width:800px;height:330px}.lv-stats{display:grid;grid-template-columns:1fr 1fr;gap:40px;padding:14px 36px 0;font:500 17px/2.1 var(--sans)}.lv-rw{display:flex;gap:18px;padding:0 28px;align-items:center}.lv-btns{position:absolute;left:0;right:0;top:830px;display:flex;gap:14px;justify-content:center}.lv-btns .btn,.dth-btns .btn{cursor:pointer}.dth-title{position:absolute;left:0;right:0;top:140px;text-align:center}.dth-h{font:900 110px var(--serif);color:#d63a2a;text-shadow:0 5px 0 #5a0f0a,0 10px 30px rgba(214,58,42,.4);letter-spacing:.12em}.dth-panel{position:absolute!important;left:560px;top:470px;width:800px;height:250px;border-color:#5a2a22}.dth-btns{position:absolute;left:0;right:0;top:770px;display:flex;gap:20px;justify-content:center}.dth-auto{position:absolute;left:0;right:0;top:880px;text-align:center;font:600 14px var(--sans);color:var(--sub)}.dth-auto b{color:#ff9a8e}.sk.sel{outline:2px solid var(--gold2);outline-offset:2px}.setnav{padding:16px 28px;font:700 16px var(--sans);color:var(--sub);cursor:pointer;border-left:3px solid transparent}.setnav.on{color:var(--gold2);border-left-color:var(--gold);background:linear-gradient(90deg,rgba(217,164,65,.14),transparent)}.setrow{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:16px 28px;border-bottom:1px solid rgba(255,255,255,.05)}.tgl{width:54px;height:28px;border-radius:14px;background:#2a3347;position:relative;cursor:pointer;flex:none}.tgl.on{background:linear-gradient(180deg,#f0c35a,#b4801f)}.tgl i{position:absolute;top:3px;left:3px;width:22px;height:22px;border-radius:50%;background:#fff;transition:left .15s}.tgl.on i{left:29px}input.rng{-webkit-appearance:none;appearance:none;width:250px;height:6px;border-radius:3px;background:#2a3347;outline:none}input.rng::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:20px;border-radius:50%;background:radial-gradient(circle at 40% 35%,#f8dc8a,#b4801f);border:2px solid #fff3;cursor:pointer}.win .chip,.win .btn{cursor:pointer}.ttl{position:absolute;inset:0;z-index:60;pointer-events:auto;text-align:center}.ttl-bg{position:fixed;inset:-500px;background:radial-gradient(ellipse at 50% 42%,#0a0d132e,#05070bbd);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.ttl-sub{position:absolute;left:0;right:0;top:170px;font:800 20px var(--sans);letter-spacing:.5em;color:#e0a040}.ttl-logo{position:absolute;left:0;right:0;top:200px;font:900 180px/1 var(--serif);letter-spacing:.04em;background:linear-gradient(180deg,#fbe39a,#e0862a 60%,#8a3d10);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 8px 0 rgba(0,0,0,.5))}.ttl-tag{position:absolute;left:0;right:0;top:400px;font:700 28px var(--sans);letter-spacing:.3em;color:#c9d2e3}.ttl-menu{position:absolute;left:50%;top:590px;transform:translate(-50%);width:420px;display:flex;flex-direction:column;gap:14px}.ttl-menu .btn small{font:600 13px var(--sans);color:var(--sub);letter-spacing:.1em}.ttl-credits{position:absolute!important;left:50%!important;top:540px;transform:translate(-50%);width:800px;text-align:left}.ttl-foot{position:absolute;left:36px;bottom:30px;font:500 13px var(--sans);color:var(--dim)}.bagbanner{position:absolute;left:50%;top:140px;transform:translate(-50%);display:none;align-items:center;gap:14px;padding:10px 20px;border-radius:10px;background:#3c120eeb;border:1px solid #8a2a22;font:700 16px var(--sans);color:#ffb0a4}.bagbanner .btn{cursor:pointer;pointer-events:auto}.flash{position:absolute;inset:0;pointer-events:none;opacity:0;z-index:20}.wroute path.op{stroke:#e0b04a;stroke-width:4;opacity:.9;stroke-dasharray:8 6;animation:routeFlow 1.6s linear infinite}@keyframes routeFlow{to{stroke-dashoffset:-28}}.wroute path.lk{stroke:#5a6478;stroke-width:3;stroke-dasharray:4 10;opacity:.7}.wnode{transition:transform .12s}.wnode:hover{transform:translate(-50%,-50%) scale(1.06);z-index:3}.wnode.locked,.wnode.stub{filter:saturate(.55)}.wnode.town{cursor:default}.wnode.town:hover{transform:translate(-50%,-50%)}.wcirc{position:relative}.wboss{position:absolute;right:-8px;top:-8px;width:26px;height:26px;border-radius:50%;background:#3a1410;border:2px solid #8a2a22;color:#ff9a8e;font:800 14px/22px var(--sans);text-align:center;font-style:normal}.wboss.on{background:#123a1c;border-color:#3a9a4a;color:#8ee69a}.wpulse{position:absolute;left:50%;top:37px;width:74px;height:74px;margin:-37px 0 0 -37px;border-radius:50%;border:3px solid #6fd16a;animation:wpulse 1.8s ease-out infinite;pointer-events:none}@keyframes wpulse{0%{transform:scale(1);opacity:.85}to{transform:scale(1.9);opacity:0}}.loot-banner{position:absolute;left:50%;top:120px;transform:translate(-50%);display:flex;align-items:center;gap:18px;padding:12px 28px;border-radius:14px;background:linear-gradient(180deg,#161c2af2,#0c101af5);border:2px solid var(--lb-color, #d9a441);box-shadow:0 10px 40px #000c,0 0 35px var(--lb-glow, rgba(217,164,65,.4));pointer-events:none;z-index:35;animation:lootBannerAnim 3.2s cubic-bezier(.16,1,.3,1) forwards}@keyframes lootBannerAnim{0%{opacity:0;transform:translate(-50%,-30px) scale(.85)}12%{opacity:1;transform:translate(-50%) scale(1.05)}20%{transform:translate(-50%) scale(1)}82%{opacity:1;transform:translate(-50%) scale(1)}to{opacity:0;transform:translate(-50%,-40px) scale(.9)}}.loot-banner.g2{--lb-color: #4a9bff;--lb-glow: rgba(74, 155, 255, .45)}.loot-banner.g3{--lb-color: #b06cff;--lb-glow: rgba(176, 108, 255, .55)}.loot-banner.g4{--lb-color: #ffd24a;--lb-glow: rgba(255, 210, 74, .65)}.loot-banner.g5{--lb-color: #ff4a40;--lb-glow: rgba(255, 74, 64, .75)}.levelup-banner{position:absolute;left:50%;top:160px;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:18px 48px;border-radius:20px;background:radial-gradient(ellipse at 50% 50%,#2a2110f2,#0e1016f5);border:3px solid #ffd24a;box-shadow:0 12px 50px #000000d9,0 0 50px #ffd24aa6;pointer-events:none;z-index:35;animation:lvBannerAnim 2.8s cubic-bezier(.16,1,.3,1) forwards}@keyframes lvBannerAnim{0%{opacity:0;transform:translate(-50%,-40px) scale(.8)}14%{opacity:1;transform:translate(-50%) scale(1.1)}22%{transform:translate(-50%) scale(1)}80%{opacity:1;transform:translate(-50%) scale(1)}to{opacity:0;transform:translate(-50%,-30px) scale(.92)}}.ultimate-banner{position:absolute;left:50%;top:160px;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:16px 54px;border-radius:20px;background:radial-gradient(ellipse at 50% 50%,#1c140af5,#080a0ffa);border:2px solid var(--ult-color, #ffd24a);box-shadow:0 16px 60px #000000e6,0 0 50px var(--ult-glow, rgba(255, 210, 74, .65));pointer-events:none;z-index:50;animation:ultBannerAnim 2.2s cubic-bezier(.16,1,.3,1) forwards}@keyframes ultBannerAnim{0%{opacity:0;transform:translate(-50%,-50px) scale(.7);filter:brightness(2)}12%{opacity:1;transform:translate(-50%) scale(1.12);filter:brightness(1.3)}22%{transform:translate(-50%) scale(1);filter:brightness(1)}75%{opacity:1;transform:translate(-50%) scale(1)}to{opacity:0;transform:translate(-50%,-25px) scale(.9)}}.touch-controls{position:fixed;inset:0;pointer-events:none;z-index:45;display:none;user-select:none;-webkit-user-select:none}.v-joy-zone{position:fixed;left:max(24px,env(safe-area-inset-left));bottom:max(28px,env(safe-area-inset-bottom));width:170px;height:170px;pointer-events:auto;touch-action:none;display:flex;align-items:center;justify-content:center}.v-joy-base{position:relative;width:136px;height:136px;border-radius:50%;background:radial-gradient(circle at 50% 50%,#141a26bf,#070a10e0);border:2px solid rgba(217,164,65,.45);box-shadow:0 8px 30px #000000b3,inset 0 0 25px #000c,0 0 16px #d9a4412e;display:flex;align-items:center;justify-content:center}.v-joy-arrow{position:absolute;font-size:11px;color:#d9a44159;pointer-events:none}.v-joy-arrow.u{top:7px}.v-joy-arrow.d{bottom:7px}.v-joy-arrow.l{left:8px}.v-joy-arrow.r{right:8px}.v-joy-stick{width:56px;height:56px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#ffd27a,#b07c1e 65%,#6a480e);border:2px solid #fff2ba;box-shadow:0 4px 16px #000000d9,inset 0 2px 4px #ffffffa6,0 0 14px #d9a44199;pointer-events:none;transition:transform .05s ease-out}.v-action-zone{position:fixed;right:max(24px,env(safe-area-inset-right));bottom:max(28px,env(safe-area-inset-bottom));width:240px;height:240px;pointer-events:none}.v-btn{position:absolute;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:auto;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:transform .08s ease,filter .08s ease}.v-btn:active{transform:scale(.92);filter:brightness(1.25)}.v-btn svg{pointer-events:none;filter:drop-shadow(0 2px 4px rgba(0,0,0,.8))}.v-btn .v-lbl{font:800 11px var(--sans);color:#e2d6b5;pointer-events:none;margin-top:2px}.v-attack{right:12px;bottom:12px;width:84px;height:84px;background:radial-gradient(circle at 40% 35%,#3a2c16,#161208 70%);border:3px solid #ffd24a;box-shadow:0 8px 24px #000c,0 0 25px #ffd24a73}.v-attack svg{width:38px;height:38px}.v-atk-pulse{position:absolute;inset:-4px;border-radius:50%;border:1px solid rgba(255,210,74,.4);animation:vAtkPulse 2s infinite ease-out;pointer-events:none}@keyframes vAtkPulse{0%{transform:scale(1);opacity:.8}to{transform:scale(1.22);opacity:0}}.v-dodge{right:104px;bottom:20px;width:56px;height:56px;background:radial-gradient(circle at 40% 35%,#2a3447,#10151f 70%);border:2px solid #7a9ec4;box-shadow:0 6px 16px #000000a6}.v-dodge svg{width:24px;height:24px}.v-target{right:20px;bottom:104px;width:54px;height:54px;background:radial-gradient(circle at 40% 35%,#32251a,#16100a 70%);border:2px solid #b88a38;box-shadow:0 6px 16px #000000a6}.v-target svg{width:22px;height:22px}.v-potion{width:48px;height:48px;box-shadow:0 4px 14px #0009}.v-potion.hp{right:90px;bottom:90px;background:radial-gradient(circle at 40% 35%,#3e1919,#1a0808 70%);border:2px solid #d4483b}.v-potion.mp{right:140px;bottom:80px;background:radial-gradient(circle at 40% 35%,#18283e,#08101a 70%);border:2px solid #3b88d4}.v-potion svg{width:20px;height:20px}.v-potion .v-lbl{font-size:10px;margin-top:1px}.v-skill{position:absolute;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:transform .08s ease,filter .15s ease,opacity .15s ease}.v-skill.is-locked{filter:grayscale(.85) brightness(.6)!important;opacity:.65!important;border-color:#3d485e!important;background:radial-gradient(circle at 50% 35%,#1c2230,#0a0e16)!important}.v-skill.is-no-mp:not(.is-locked){filter:saturate(.5) brightness(.7)!important;border-color:#3d587a!important}.v-skill.is-no-mp:not(.is-locked):after{content:"MP";position:absolute;bottom:2px;font:900 9px var(--sans);color:#79c0ff;text-shadow:0 1px 3px #000;z-index:6;pointer-events:none}.v-ult{box-shadow:0 0 16px #c28affbf,0 4px 12px #000;animation:vUltGlow 3s infinite ease-in-out}.v-ult.is-locked{box-shadow:0 4px 12px #000!important;animation:none!important}@keyframes vUltGlow{0%,to{box-shadow:0 0 12px #c28aff99,0 4px 12px #000}50%{box-shadow:0 0 22px #e09affe6,0 4px 14px #000}}body.is-mobile-landscape .hud-chat{left:28px!important;top:164px!important;bottom:auto!important;width:420px!important;height:140px!important;opacity:.85}body.is-mobile-landscape .hud-auto{right:36px!important;top:620px!important;bottom:auto!important}.hud-mnav{display:none}body.is-portrait .hud-quest,body[data-ui=mobile] .hud-quest{left:20px!important;right:auto!important;top:206px!important;width:340px!important}body.is-portrait .pbuffs,body[data-ui=mobile] .pbuffs{left:20px!important;top:376px!important}body.is-portrait .hud-chips,body[data-ui=mobile] .hud-chips{right:20px!important;left:auto!important;top:204px!important;width:340px!important;justify-content:flex-end!important}body.is-portrait .hud-topmenu .rbtn:not([data-act=town]),body[data-ui=mobile] .hud-topmenu .rbtn:not([data-act=town]){display:none}body.is-portrait .hud-topmenu,body[data-ui=mobile] .hud-topmenu{right:24px!important;left:auto!important;top:256px!important;width:auto!important;justify-content:flex-end!important}body.is-portrait .hud-actionbar,body[data-ui=mobile] .hud-actionbar{bottom:calc(66px + var(--safe-bottom, 8px))!important}body.is-portrait .hud-chat,body[data-ui=mobile] .hud-chat{left:20px!important;bottom:calc(640px + env(safe-area-inset-bottom))!important;width:430px!important;height:144px!important}body.is-portrait .hud-auto,body[data-ui=mobile] .hud-auto{right:24px!important;bottom:calc(780px + env(safe-area-inset-bottom))!important}#stage.hide-field-hud>.hud-mnav{display:none!important}body[data-ui=mobile] .win[data-flow]{display:flex;flex-direction:column;gap:14px;overflow-y:auto!important;overflow-x:hidden!important;padding:0 16px calc(14px + var(--safe-bottom, 8px))!important}body[data-ui=mobile] .win[data-flow]>*{position:relative!important;inset:auto!important;width:auto!important;height:auto!important;max-height:none!important;flex:none!important;margin:0!important;box-sizing:border-box}body[data-ui=mobile] .win[data-flow] .panel{position:relative!important;inset:auto!important;width:auto!important;height:auto!important;overflow:visible!important}body[data-ui=mobile] .win[data-flow]>.wtop{position:sticky!important;top:0!important;height:auto!important;min-height:calc(var(--safe-top, 64px) + 54px)!important;margin:0 -16px 12px!important;width:calc(100% + 32px)!important;padding:calc(var(--safe-top, 64px) + 6px) 16px 10px!important;z-index:100!important;background:linear-gradient(180deg,#080b10fa,#080b10eb)!important;border-bottom:1px solid var(--line);box-sizing:border-box!important;pointer-events:auto!important;display:flex!important;align-items:center!important;gap:10px!important}body[data-ui=mobile] .win[data-flow] .slist{height:auto!important;max-height:none!important}body[data-ui=mobile] .win[data-flow] .tabs{flex-wrap:wrap}body[data-ui=mobile] .win[data-flow] .tab{height:50px!important;padding:0 18px;font-size:16px;font-weight:700}body[data-ui=mobile] .win[data-flow] .btn{min-height:54px!important;font-size:16px;font-weight:700}body[data-ui=mobile] .win[data-flow] .chip{min-height:34px!important;padding:0 12px;font-size:14px;font-weight:700}body[data-ui=mobile] .win[data-flow] .srow{padding:14px 12px;gap:14px;flex-wrap:wrap}body[data-ui=mobile] .win[data-flow] .srow .sinfo{flex-basis:240px}body[data-ui=mobile] .win[data-flow] .forge-grid{width:auto!important;grid-template-columns:repeat(auto-fill,minmax(84px,1fr))!important;max-height:520px}body:not([data-ui=mobile]) .win[data-kind=idle],body:not([data-ui=mobile]) .win[data-kind=runes],body:not([data-ui=mobile]) .win[data-kind=transforms],body:not([data-ui=mobile]) .win[data-kind=pets]{display:flex!important;flex-direction:column!important;overflow-y:auto!important;overflow-x:hidden!important;padding-bottom:60px!important}body:not([data-ui=mobile]) .win[data-kind=idle]>*:not(.wtop),body:not([data-ui=mobile]) .win[data-kind=runes]>*:not(.wtop),body:not([data-ui=mobile]) .win[data-kind=transforms]>*:not(.wtop),body:not([data-ui=mobile]) .win[data-kind=pets]>*:not(.wtop){width:1080px!important;max-width:90vw!important;margin-left:auto!important;margin-right:auto!important;box-sizing:border-box!important;position:relative!important;inset:auto!important}body:not([data-ui=mobile]) .win[data-kind=idle] .panel,body:not([data-ui=mobile]) .win[data-kind=runes] .panel,body:not([data-ui=mobile]) .win[data-kind=transforms] .panel,body:not([data-ui=mobile]) .win[data-kind=pets] .panel{position:relative!important;inset:auto!important;height:auto!important}.m-hub-body{display:flex;flex-direction:column;gap:14px;width:100%;box-sizing:border-box;padding-bottom:20px}.m-hub-sec{display:flex;flex-direction:column;gap:8px;width:100%;box-sizing:border-box}.m-hub-sec-title{display:flex;align-items:center;gap:8px;font:800 16px var(--sans);color:#e2d6b5;letter-spacing:.04em;padding:0 2px}.m-hub-sec-title svg{width:20px;height:20px}.m-hub-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;width:100%;box-sizing:border-box}.m-hubcard{position:relative!important;display:flex!important;flex-direction:row!important;align-items:center!important;gap:12px!important;min-height:74px!important;height:auto!important;padding:10px 12px!important;border-radius:12px!important;background:linear-gradient(135deg,#161d2ceb,#0c1019fa)!important;border:1px solid rgba(217,164,65,.22)!important;box-shadow:0 4px 12px #00000059!important;box-sizing:border-box!important;cursor:pointer!important;text-align:left!important;transition:transform .1s,border-color .15s,background .15s!important}.m-hubcard:active{transform:scale(.97)!important;background:#d9a4412e!important;border-color:#d9a44199!important}.m-hub-ic{width:44px!important;height:44px!important;border-radius:10px!important;display:flex!important;align-items:center!important;justify-content:center!important;background:#00000073!important;border:1px solid color-mix(in srgb,var(--ic-col, #d9a441) 40%,transparent)!important;flex-shrink:0!important;box-shadow:inset 0 0 10px #00000080!important}.m-hub-ic svg{width:26px!important;height:26px!important}.m-hub-meta{display:flex!important;flex-direction:column!important;gap:3px!important;min-width:0!important;flex:1!important}.m-hub-name{font:800 16px var(--sans)!important;color:#fff!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;line-height:1.2!important}.m-hub-sub{font:500 13px var(--sans)!important;color:#9aa6bd!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;line-height:1.2!important}.m-hubcard i{position:absolute!important;right:8px!important;top:8px!important;min-width:20px!important;height:20px!important;border-radius:10px!important;background:#d83a30!important;color:#fff!important;font:800 11px/20px var(--sans)!important;text-align:center!important;font-style:normal!important;box-shadow:0 2px 6px #0009!important;padding:0 4px!important}.m-hub-quick{padding:12px 18px!important;margin:0!important;border-radius:12px!important}.m-hub-footer{display:flex!important;margin-top:4px!important;width:100%!important}.m-hub-title-btn{flex:1!important;min-height:52px!important;font-size:16px!important;font-weight:700!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:10px!important;background:linear-gradient(180deg,#2a1f18,#18120e)!important;border:1px solid #6e4624!important}.m-hubgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.m-hubgrid .hubtile{height:76px}.m-qrow{display:flex;align-items:center;justify-content:space-between;padding:12px 4px;border-bottom:1px solid rgba(255,255,255,.06);font:700 16px var(--sans);cursor:pointer}body[data-ui=mobile] .win[data-kind=inventory] .m-sec{padding:0}.m-equip{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;padding:0 4px;box-sizing:border-box}.m-eqcol{display:flex;flex-direction:column;gap:10px;align-items:center}.m-eqcell{position:relative;display:flex;flex-direction:column;align-items:center}.m-eqmid{flex:1;text-align:center}.m-preview{width:220px;height:220px;margin:0 auto;border-radius:50%;position:relative;overflow:hidden;background:radial-gradient(circle at 50% 40%,#2a3347,#0b0f16 72%);border:3px solid #6a5224;display:flex;align-items:center;justify-content:center;box-shadow:inset 0 0 24px #000c,0 0 24px #d9a44140}.m-name{font:800 28px var(--sans);margin-top:10px}.m-sub{font:500 15px var(--sans);color:var(--sub);margin-top:2px}.m-stats{display:grid;grid-template-columns:1fr 1fr;gap:18px;font-size:16px}.m-chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:10px}.win .m-bag{position:relative!important;width:100%!important;height:auto!important;max-height:540px!important;display:grid!important;grid-template-columns:repeat(5,1fr)!important;gap:8px!important;overflow-y:auto}.m-sheet{position:sticky!important;bottom:0!important;z-index:28;margin:0 -20px!important;width:calc(100% + 40px)!important;background:linear-gradient(180deg,#151c29,#0b0f16);border-top:2px solid #6a5224;border-radius:20px 20px 0 0;box-shadow:0 -10px 30px #0009}.m-sheet-tip{max-height:380px;overflow-y:auto;padding:6px 12px 0}.m-sheet-btns{display:flex;gap:10px;align-items:center;justify-content:flex-end;padding:10px 16px 14px}.m-sheet-btns .btn{min-width:120px;min-height:52px;font-size:16px;font-weight:700}#touch-controls.hide-field-hud,.hide-field-hud #touch-controls,.hide-field-hud .hud-status,.hide-field-hud .hud-minimap,.hide-field-hud .hud-quest,.hide-field-hud .hud-chips,.hide-field-hud .hud-zone,.hide-field-hud .hud-topmenu,.hide-field-hud .hud-actionbar,.hide-field-hud .hud-chat,.hide-field-hud .hud-auto,.hide-field-hud .hud-xp,.hide-field-hud .hud-mnav,.hide-field-hud .tut,.hide-field-hud .tgt,.hide-field-hud .bossbar,.hide-field-hud .floaters,.hide-field-hud .pbuffs{display:none!important}body.is-portrait #stage>.hud-actionbar,body[data-ui=mobile] #stage>.hud-actionbar,body.is-portrait #stage>.hud-chat,body[data-ui=mobile] #stage>.hud-chat,body.is-portrait #stage>.hud-zone,body[data-ui=mobile] #stage>.hud-zone,body.is-portrait #stage>.hud-topmenu,body[data-ui=mobile] #stage>.hud-topmenu,body.is-portrait #stage>.hud-chips,body[data-ui=mobile] #stage>.hud-chips,body.is-portrait #stage>.hud-bottom-grad,body[data-ui=mobile] #stage>.hud-bottom-grad,body.is-portrait #stage>.hud-auto,body[data-ui=mobile] #stage>.hud-auto,body.is-portrait .tut,body[data-ui=mobile] .tut{display:none!important}body.is-portrait .hsel,body[data-ui=mobile] .hsel{position:absolute!important;inset:0!important;width:540px!important;height:100%!important;overflow:hidden!important;z-index:55!important}body.is-portrait #stage>.hud-actionbar,body[data-ui=mobile] #stage>.hud-actionbar,body.is-portrait #stage>.hud-chat,body[data-ui=mobile] #stage>.hud-chat,body.is-portrait #stage>.hud-zone,body[data-ui=mobile] #stage>.hud-zone,body.is-portrait #stage>.hud-topmenu,body[data-ui=mobile] #stage>.hud-topmenu,body.is-portrait #stage>.hud-chips,body[data-ui=mobile] #stage>.hud-chips,body.is-portrait #stage>.hud-bottom-grad,body[data-ui=mobile] #stage>.hud-bottom-grad,body.is-portrait #stage>.hud-auto,body[data-ui=mobile] #stage>.hud-auto{display:none!important}body.is-portrait #stage>.hud-xp,body[data-ui=mobile] #stage>.hud-xp{position:absolute!important;left:0!important;right:0!important;bottom:calc(62px + var(--safe-bottom, 8px))!important;top:auto!important;height:14px!important;background:#080c12f5!important;border-top:1px solid rgba(217,164,65,.25)!important;z-index:34!important}body.is-portrait #stage>.hud-xp .bar,body[data-ui=mobile] #stage>.hud-xp .bar{height:100%!important;border:0!important;border-radius:0!important;background:linear-gradient(90deg,#3a8a2e,#9af08a)!important}body.is-portrait #stage>.hud-xp span,body[data-ui=mobile] #stage>.hud-xp span{display:flex!important;position:absolute!important;inset:0!important;align-items:center!important;justify-content:center!important;font:800 12px/16px var(--sans)!important;color:#fff!important;text-shadow:0 1px 2px #000,0 0 3px #000!important;letter-spacing:.04em!important}body.is-portrait #stage>.hud-status,body[data-ui=mobile] #stage>.hud-status{position:absolute!important;left:10px!important;top:calc(var(--safe-top, 50px) + 6px)!important;width:290px!important;height:86px!important;display:block!important;z-index:20!important}body.is-portrait #stage>.hud-status [data-f=portrait],body[data-ui=mobile] #stage>.hud-status [data-f=portrait]{width:64px!important;height:64px!important}body.is-portrait #stage>.hud-status [data-f=portrait] svg,body[data-ui=mobile] #stage>.hud-status [data-f=portrait] svg{position:absolute!important;inset:6px!important;width:52px!important;height:52px!important}body.is-portrait #stage>.hud-status [data-f=lv],body[data-ui=mobile] #stage>.hud-status [data-f=lv]{left:38px!important;top:46px!important;min-width:40px!important;height:22px!important;font-size:13px!important;font-weight:800!important;padding:0 5px!important;border-radius:11px!important;display:flex!important;align-items:center!important;justify-content:center!important}body.is-portrait #stage>.hud-status>div:nth-child(3),body[data-ui=mobile] #stage>.hud-status>div:nth-child(3){left:74px!important;top:0!important;font-size:16px!important;font-weight:800!important;color:#fff!important}body.is-portrait #stage>.hud-status>div:nth-child(4),body[data-ui=mobile] #stage>.hud-status>div:nth-child(4){left:74px!important;top:22px!important;width:195px!important}body.is-portrait #stage>.hud-status>div:nth-child(4) .bar,body[data-ui=mobile] #stage>.hud-status>div:nth-child(4) .bar{height:16px!important}body.is-portrait #stage>.hud-status>div:nth-child(4) .bar span,body[data-ui=mobile] #stage>.hud-status>div:nth-child(4) .bar span{font-size:11px!important;font-weight:700!important}body.is-portrait #stage>.hud-status>div:nth-child(5),body[data-ui=mobile] #stage>.hud-status>div:nth-child(5){left:74px!important;top:42px!important;width:195px!important}body.is-portrait #stage>.hud-status>div:nth-child(5) .bar,body[data-ui=mobile] #stage>.hud-status>div:nth-child(5) .bar{height:12px!important}body.is-portrait #stage>.hud-status>div:nth-child(5) .bar span,body[data-ui=mobile] #stage>.hud-status>div:nth-child(5) .bar span{font-size:10px!important;font-weight:700!important}body.is-portrait #stage>.hud-status>div:nth-child(6),body[data-ui=mobile] #stage>.hud-status>div:nth-child(6){left:74px!important;top:58px!important;gap:6px!important}body.is-portrait #stage>.hud-status>div:nth-child(6) .chip,body[data-ui=mobile] #stage>.hud-status>div:nth-child(6) .chip{height:22px!important;font-size:12px!important;font-weight:700!important;padding:0 8px!important}body.is-portrait #stage>.hud-minimap,body[data-ui=mobile] #stage>.hud-minimap{position:absolute!important;right:8px!important;top:calc(var(--safe-top, 50px) + 8px)!important;width:80px!important;height:80px!important;border-radius:50%!important;border:2px solid #9a7a34!important;overflow:hidden!important;z-index:20!important}body.is-portrait #stage>.hud-minimap canvas,body[data-ui=mobile] #stage>.hud-minimap canvas{width:100%!important;height:100%!important;display:block!important}body.is-portrait #stage>.hud-quest,body[data-ui=mobile] #stage>.hud-quest{position:absolute!important;left:8px!important;top:calc(var(--safe-top, 50px) + 88px)!important;width:196px!important;border-radius:10px!important;background:#080b11d9!important;border:1px solid #3a3020!important;-webkit-backdrop-filter:blur(4px)!important;backdrop-filter:blur(4px)!important;z-index:15!important;word-break:keep-all!important;white-space:normal!important}body.is-portrait #stage>.hud-quest .q-row,body[data-ui=mobile] #stage>.hud-quest .q-row{line-height:1.4!important;word-break:keep-all!important}body.is-portrait #stage>.bossbar,body[data-ui=mobile] #stage>.bossbar{position:absolute!important;left:50%!important;transform:translate(-50%)!important;top:calc(var(--safe-top, 50px) + 210px)!important;width:min(340px,calc(100% - 32px))!important;z-index:22!important}body.is-portrait #stage>.tgt,body[data-ui=mobile] #stage>.tgt{position:absolute!important;right:8px!important;left:auto!important;transform:none!important;top:calc(var(--safe-top, 50px) + 94px)!important;width:196px!important;padding:6px 10px!important;border-radius:8px!important;z-index:21!important}body[data-ui=mobile] .m-eqcol .slot,body[data-ui=mobile] .m-eqcell .slot{width:52px!important;height:52px!important}body[data-ui=mobile] .bag-grid.m-bag{display:grid!important;grid-template-columns:repeat(5,1fr)!important;gap:6px!important;width:100%!important;box-sizing:border-box!important}body[data-ui=mobile] .bag-grid.m-bag .slot{width:100%!important;height:auto!important;aspect-ratio:1!important}body.is-portrait .hud-mnav,body[data-ui=mobile] .hud-mnav{position:absolute!important;left:0!important;right:0!important;bottom:0!important;height:calc(60px + var(--safe-bottom, 8px))!important;padding-bottom:var(--safe-bottom, 8px)!important;background:linear-gradient(180deg,#0e121bf5,#06080cfc)!important;border-top:1px solid rgba(217,164,65,.3)!important;display:flex!important;justify-content:space-around!important;align-items:center!important;z-index:35!important;pointer-events:auto!important;box-sizing:border-box!important}body.is-portrait .mnav-btn,body[data-ui=mobile] .mnav-btn{flex:1!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:2px!important;min-height:52px!important;color:#cfd8ea!important;font:700 13px var(--sans)!important}body.is-portrait .mnav-btn svg,body[data-ui=mobile] .mnav-btn svg{width:24px!important;height:24px!important}body.is-portrait .mnav-btn i,body[data-ui=mobile] .mnav-btn i{position:absolute!important;right:calc(50% - 20px)!important;top:4px!important;width:10px!important;height:10px!important;border-radius:50%!important;background:#d83a30!important;border:2px solid #0a0d13!important}body.is-portrait #touch-controls,body[data-ui=mobile] #touch-controls{position:absolute!important;inset:0!important;pointer-events:none!important;z-index:25!important}body.is-portrait #touch-controls .v-joy-zone,body[data-ui=mobile] #touch-controls .v-joy-zone{position:absolute!important;left:14px!important;bottom:calc(68px + var(--safe-bottom, 8px))!important;width:140px!important;height:140px!important;pointer-events:auto!important;touch-action:none!important}body.is-portrait #touch-controls .v-action-zone,body[data-ui=mobile] #touch-controls .v-action-zone{position:absolute!important;right:14px!important;bottom:calc(68px + var(--safe-bottom, 8px))!important;width:210px!important;height:210px!important;pointer-events:none!important}body.is-portrait .win,body[data-ui=mobile] .win{position:absolute!important;inset:0 auto auto 0!important;width:540px!important;min-width:540px!important;max-width:540px!important;height:var(--stage-h, 100%)!important;min-height:var(--stage-h, 100%)!important;transform:none!important;overflow-y:auto!important;overflow-x:hidden!important;-webkit-overflow-scrolling:touch!important;padding-bottom:calc(16px + var(--safe-bottom, 8px))!important;background:#0d1219!important;box-shadow:0 0 0 1000px #0d1219!important;z-index:50!important}body.is-portrait .win .wtop,body[data-ui=mobile] .win .wtop{position:sticky!important;top:0!important;padding:calc(var(--safe-top, 74px) + 6px) 14px 10px!important;height:auto!important;min-height:calc(var(--safe-top, 74px) + 52px)!important;background:linear-gradient(180deg,#06080cfa,#06080cd9)!important;border-bottom:1px solid #232d42!important;display:flex!important;align-items:center!important;gap:8px!important;z-index:100!important;pointer-events:auto!important}body.is-portrait .win .panel,body[data-ui=mobile] .win .panel{width:auto!important;margin:10px 14px!important;position:relative!important;left:auto!important;right:auto!important;top:auto!important}.m-hubgrid{display:grid!important;grid-template-columns:repeat(2,1fr)!important;gap:10px!important;padding:8px 12px!important}.m-hubgrid .hubtile{height:76px!important;display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:flex-start!important;gap:10px!important;padding:8px 12px!important;border-radius:12px!important;background:linear-gradient(135deg,#161d2ce6,#0c1019f2)!important;border:1px solid rgba(217,164,65,.22)!important;font-size:15px!important;box-sizing:border-box!important}.m-hubgrid .hubic{width:38px!important;height:38px!important;flex-shrink:0!important}body[data-ui=mobile] .sec,body.is-portrait .sec{font:800 15px var(--sans)!important;letter-spacing:.06em!important;color:#d9a441!important;margin:14px 0 8px!important}body[data-ui=mobile] .chip,body.is-portrait .chip{font-size:13px!important;font-weight:700!important;min-height:28px!important;padding:0 10px!important}body[data-ui=mobile] .chip.sm,body.is-portrait .chip.sm{font-size:12px!important;min-height:24px!important;padding:0 8px!important}body[data-ui=mobile] .btn,body.is-portrait .btn{font-size:16px!important;font-weight:700!important;min-height:52px!important}body[data-ui=mobile] .btn.pri,body.is-portrait .btn.pri{min-height:56px!important;font-size:17px!important}body[data-ui=mobile] .btn.sm,body.is-portrait .btn.sm{font-size:14px!important;font-weight:700!important;min-height:44px!important;padding:0 14px!important}body[data-ui=mobile] .tab,body.is-portrait .tab{font-size:16px!important;font-weight:700!important;height:50px!important;padding:0 16px!important}body[data-ui=mobile] .qtag,body.is-portrait .qtag{font-size:12px!important;font-weight:700!important;padding:2px 8px!important}body[data-ui=mobile] .sname,body.is-portrait .sname{font-size:17px!important;font-weight:800!important}body[data-ui=mobile] .sdesc,body.is-portrait .sdesc{font-size:14px!important;line-height:1.4!important;color:#9aa6bd!important}body[data-ui=mobile] .sbadge,body.is-portrait .sbadge{font-size:13px!important;font-weight:700!important;padding:3px 10px!important}body[data-ui=mobile] .sstock,body.is-portrait .sstock{font-size:13px!important}body[data-ui=mobile] .price,body.is-portrait .price{font-size:16px!important;font-weight:800!important}body[data-ui=mobile] .win .slbl,body.is-portrait .win .slbl{font-size:13px!important;font-weight:700!important}body[data-ui=mobile] .tooltip .tn,body.is-portrait .tooltip .tn{font:800 22px var(--sans)!important}body[data-ui=mobile] .tooltip .ts,body.is-portrait .tooltip .ts{font:600 14px var(--sans)!important;color:#9aa6bd!important}body[data-ui=mobile] .tooltip .tb,body.is-portrait .tooltip .tb{font:500 15px/1.7 var(--sans)!important;padding:12px 16px!important}body[data-ui=mobile] .tooltip .af,body.is-portrait .tooltip .af{font:600 14px var(--sans)!important}body[data-ui=mobile] .m-sheet-btns .btn,body.is-portrait .m-sheet-btns .btn{min-height:52px!important;font-size:16px!important;font-weight:700!important}body.is-portrait .m-ttl-sub,body[data-ui=mobile] .m-ttl-sub{top:calc(var(--safe-top, 50px) + 20px)!important;font-size:14px!important;letter-spacing:.5em!important}body.is-portrait .m-ttl-logo,body[data-ui=mobile] .m-ttl-logo{top:calc(var(--safe-top, 50px) + 50px)!important;font-size:54px!important;letter-spacing:.08em!important}body.is-portrait .m-ttl-tag,body[data-ui=mobile] .m-ttl-tag{top:calc(var(--safe-top, 50px) + 120px)!important;font-size:16px!important}body.is-portrait .m-ttl-menu,body[data-ui=mobile] .m-ttl-menu{position:absolute!important;left:20px!important;right:20px!important;width:auto!important;max-width:none!important;transform:none!important;bottom:calc(36px + var(--safe-bottom, 8px))!important;display:flex!important;flex-direction:column!important;gap:12px!important}body.is-portrait .m-ttl-foot,body[data-ui=mobile] .m-ttl-foot{left:10px!important;right:10px!important;bottom:calc(10px + var(--safe-bottom, 8px))!important;text-align:center!important;font-size:11px!important;color:#7e8b9f!important}body.is-title #stage>*:not(.ttl),body.is-title #touch-controls,body.is-title .hud-status,body.is-title .hud-minimap,body.is-title .hud-quest,body.is-title .hud-zone,body.is-title .hud-topmenu,body.is-title .hud-xp,body.is-title .hud-mnav,body.is-title .tut,body.is-title .tgt,body.is-title .bossbar,body.is-title .floaters,body.is-heroselect #stage>*:not(.hsel),body.is-heroselect #touch-controls,body.is-heroselect .hud-status,body.is-heroselect .hud-minimap,body.is-heroselect .hud-quest,body.is-heroselect .hud-xp,body.is-heroselect .hud-mnav,#stage.hide-field-hud>.hud-status,#stage.hide-field-hud>.hud-minimap,#stage.hide-field-hud>.hud-quest,#stage.hide-field-hud>.hud-xp,#stage.hide-field-hud>.hud-zone,#stage.hide-field-hud>.hud-topmenu,#stage.hide-field-hud>.hud-mnav{display:none!important}body.is-portrait #stage>.hud-quest,body[data-ui=mobile] #stage>.hud-quest{width:170px!important;min-width:160px!important}.hud-quest .st{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:8px!important;white-space:normal!important}.hud-quest .st span{flex:1 1 auto;word-break:keep-all;line-height:1.3}.hud-quest .q-act-btn{display:inline-flex!important;align-items:center!important;justify-content:center!important;padding:3px 8px!important;border-radius:6px!important;background:linear-gradient(180deg,#3a4760,#1e2638)!important;border:1px solid #5a6b8a!important;color:#fff!important;font-size:11px!important;font-weight:700!important;cursor:pointer!important;pointer-events:auto!important;white-space:nowrap!important;flex-shrink:0!important;min-width:44px!important;transition:transform .1s,border-color .15s!important}.hud-quest .q-act-btn:active{transform:scale(.95);border-color:#ffd24a}.hud-quest .q-act-btn.is-claim{background:linear-gradient(180deg,#d9a441,#8a6420);border:1px solid #ffd24a;color:#fff;box-shadow:0 0 10px #ffd24a99;animation:qClaimPulse 1.2s infinite alternate}@keyframes qClaimPulse{0%{transform:scale(1);box-shadow:0 0 6px #ffd24a66}to{transform:scale(1.05);box-shadow:0 0 14px #ffd24ae6}}body.ui-pc #stage>.hud-status,body:not(.is-portrait):not([data-ui=mobile]) #stage>.hud-status{position:absolute!important;left:28px!important;top:24px!important;width:440px!important;height:128px!important;display:block!important}body.ui-pc #stage>.hud-status [data-f=portrait],body:not(.is-portrait):not([data-ui=mobile]) #stage>.hud-status [data-f=portrait]{position:absolute!important;left:0!important;top:0!important;width:112px!important;height:112px!important;border-radius:50%!important;border:3px solid #9a7a34!important;overflow:hidden!important;box-shadow:0 0 0 3px #0b0f16,0 6px 18px #000000b3!important;background:radial-gradient(circle at 50% 40%,#2a3347,#0b0f16)!important}body.ui-pc #stage>.hud-status [data-f=lv],body:not(.is-portrait):not([data-ui=mobile]) #stage>.hud-status [data-f=lv]{position:absolute!important;left:86px!important;top:80px!important;min-width:58px!important;height:24px!important;border-radius:12px!important;background:linear-gradient(180deg,#f3d27a,#a97a1f)!important;border:2px solid #0b0f16!important;font:900 13px var(--sans)!important;color:#2a1c05!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:0 8px!important;z-index:5!important}body.ui-pc #stage>.hud-status>div:nth-child(3),body:not(.is-portrait):not([data-ui=mobile]) #stage>.hud-status>div:nth-child(3){position:absolute!important;left:130px!important;top:6px!important;font-size:19px!important}body.ui-pc #stage>.hud-status>div:nth-child(4),body:not(.is-portrait):not([data-ui=mobile]) #stage>.hud-status>div:nth-child(4){position:absolute!important;left:130px!important;top:36px!important;width:300px!important}body.ui-pc #stage>.hud-status>div:nth-child(4) .bar,body:not(.is-portrait):not([data-ui=mobile]) #stage>.hud-status>div:nth-child(4) .bar{height:20px!important}body.ui-pc #stage>.hud-status>div:nth-child(5),body:not(.is-portrait):not([data-ui=mobile]) #stage>.hud-status>div:nth-child(5){position:absolute!important;left:130px!important;top:62px!important;width:300px!important}body.ui-pc #stage>.hud-status>div:nth-child(5) .bar,body:not(.is-portrait):not([data-ui=mobile]) #stage>.hud-status>div:nth-child(5) .bar{height:14px!important}body.ui-pc #stage>.hud-status>div:nth-child(6),body:not(.is-portrait):not([data-ui=mobile]) #stage>.hud-status>div:nth-child(6){position:absolute!important;left:130px!important;top:88px!important;display:flex!important;gap:8px!important}body.ui-pc #stage:not(.hide-field-hud)>.hud-topmenu,body:not(.is-portrait):not([data-ui=mobile]) #stage:not(.hide-field-hud)>.hud-topmenu{display:flex!important;position:absolute!important;right:30px!important;top:24px!important;gap:14px!important}body.ui-pc #stage:not(.hide-field-hud)>.hud-topmenu .rbtn,body:not(.is-portrait):not([data-ui=mobile]) #stage:not(.hide-field-hud)>.hud-topmenu .rbtn{display:flex!important}body.ui-pc #stage:not(.hide-field-hud)>.hud-minimap,body:not(.is-portrait):not([data-ui=mobile]) #stage:not(.hide-field-hud)>.hud-minimap{display:block!important;position:absolute!important;right:30px!important;top:130px!important;width:200px!important;height:200px!important}body.ui-pc #stage:not(.hide-field-hud)>.hud-quest,body:not(.is-portrait):not([data-ui=mobile]) #stage:not(.hide-field-hud)>.hud-quest{display:block!important;position:absolute!important;right:30px!important;left:auto!important;top:352px!important;width:330px!important}body.ui-pc #stage:not(.hide-field-hud)>.hud-chips,body:not(.is-portrait):not([data-ui=mobile]) #stage:not(.hide-field-hud)>.hud-chips{display:flex!important;position:absolute!important;right:30px!important;left:auto!important;top:560px!important;width:330px!important}.pc-talk-prompt{animation:pcTalkPulse 1.8s infinite ease-in-out;transition:transform .12s,border-color .15s}.pc-talk-prompt:hover{transform:translate(-50%) scale(1.05);border-color:#ffd24a}@keyframes pcTalkPulse{0%{box-shadow:0 0 14px #6fd16a66,0 8px 24px #000000b3}50%{box-shadow:0 0 28px #6fd16acc,0 8px 28px #000000d9}to{box-shadow:0 0 14px #6fd16a66,0 8px 24px #000000b3}}body.is-portrait .ldg .ldg-sub,body[data-ui=mobile] .ldg .ldg-sub{top:calc(var(--safe-top, 50px) + 160px)!important;font-size:13px!important;letter-spacing:.3em!important;padding:0 16px!important}body.is-portrait .ldg .ldg-name,body[data-ui=mobile] .ldg .ldg-name{top:calc(var(--safe-top, 50px) + 190px)!important;font-size:clamp(24px,6.2vw,36px)!important;letter-spacing:.04em!important;padding:0 20px!important;white-space:normal!important;word-break:keep-all!important;line-height:1.35!important}body.is-portrait .ldg .ldg-bar,body[data-ui=mobile] .ldg .ldg-bar{left:36px!important;right:36px!important;top:calc(var(--safe-top, 50px) + 330px)!important}body.is-portrait .ldg .ldg-tip,body[data-ui=mobile] .ldg .ldg-tip{left:24px!important;right:24px!important;top:calc(var(--safe-top, 50px) + 360px)!important;font-size:14px!important;line-height:1.6!important;text-align:center!important;white-space:normal!important;word-break:keep-all!important}body.is-portrait .ldg .ldg-tip b,body[data-ui=mobile] .ldg .ldg-tip b{display:inline-block!important;letter-spacing:.1em!important}body.is-portrait .win .wtop,body[data-ui=mobile] .win .wtop{padding-top:calc(var(--safe-top, 74px) + 6px)!important;pointer-events:auto!important;padding-left:12px!important;padding-right:12px!important;box-sizing:border-box!important;gap:8px!important}body.is-portrait .win .wtop h1,body[data-ui=mobile] .win .wtop h1{font-size:18px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;flex:1 1 auto!important;min-width:0!important;gap:8px!important}body.is-portrait .win .wtop h1 svg,body[data-ui=mobile] .win .wtop h1 svg{width:20px!important;height:20px!important;flex:none!important}body.is-portrait .win .wtop .back,body[data-ui=mobile] .win .wtop .back{width:36px!important;height:36px!important;flex:none!important}body.is-portrait .win .wtop .r,body[data-ui=mobile] .win .wtop .r{flex:none!important;display:flex!important;align-items:center!important;gap:6px!important}body.is-portrait .win .wtop .r .cur,body[data-ui=mobile] .win .wtop .r .cur{height:26px!important;padding:0 6px!important;font-size:12px!important;margin-right:2px!important}body.is-portrait .win .wtop .xbtn,body[data-ui=mobile] .win .wtop .xbtn{width:34px!important;height:34px!important;font-size:16px!important}.hud-status .chip{white-space:nowrap!important;display:inline-flex!important;align-items:center!important;gap:4px!important;padding:0 8px!important}.hud-status .chip span{white-space:nowrap!important}body[data-ui=mobile] [data-f=coord]{font-size:10px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;max-width:140px!important}body[data-ui=mobile] .win[data-kind=options] .abs[style*="bottom:20px"]{display:none!important}body[data-ui=mobile] .off-pop-panel{top:calc(max(20px,env(safe-area-inset-top)) + 50px)!important;width:calc(100vw - 32px)!important;max-width:480px!important}body.is-portrait #stage,body[data-ui=mobile] #stage{left:0!important;top:0!important;transform-origin:top left!important}body.is-portrait .win .wtop .back,body[data-ui=mobile] .win .wtop .back,body.is-portrait .win .wtop .xbtn,body[data-ui=mobile] .win .wtop .xbtn{width:48px!important;height:48px!important;min-width:48px!important;min-height:48px!important;border-radius:50%!important;pointer-events:auto!important;cursor:pointer!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;z-index:120!important;position:relative!important;touch-action:manipulation!important;-webkit-tap-highlight-color:rgba(255,210,74,.3)!important;-webkit-user-select:none!important;user-select:none!important}body.is-portrait .win .wtop .back:after,body[data-ui=mobile] .win .wtop .back:after,body.is-portrait .win .wtop .xbtn:after,body[data-ui=mobile] .win .wtop .xbtn:after{content:"";position:absolute;inset:-8px;border-radius:50%;pointer-events:auto}.wtop h1,.win .wtop h1,body.is-portrait .win .wtop h1,body[data-ui=mobile] .win .wtop h1{white-space:nowrap!important;word-break:keep-all!important;flex-shrink:0!important;min-width:max-content!important}.wtop .back svg,.wtop .xbtn svg,.wtop .back *,.wtop .xbtn *{pointer-events:none!important}body.is-portrait .win .wtop,body[data-ui=mobile] .win .wtop{padding-top:calc(var(--safe-top, 64px) + 8px)!important;min-height:calc(var(--safe-top, 64px) + 54px)!important;pointer-events:auto!important;z-index:100!important}body.is-portrait .win .wtop .back,body[data-ui=mobile] .win .wtop .back,body.is-portrait .win .wtop .xbtn,body[data-ui=mobile] .win .wtop .xbtn{pointer-events:auto!important;cursor:pointer!important;touch-action:manipulation!important}body.is-portrait #stage>.hud-status,body[data-ui=mobile] #stage>.hud-status{top:calc(var(--safe-top, 64px) + 6px)!important;pointer-events:auto!important;z-index:30!important}body.is-portrait #stage>.hud-minimap,body[data-ui=mobile] #stage>.hud-minimap{top:calc(var(--safe-top, 64px) + 6px)!important;pointer-events:auto!important;z-index:30!important;cursor:pointer!important}body.is-portrait #stage>.hud-mnav,body[data-ui=mobile] #stage>.hud-mnav{bottom:0!important;padding-bottom:var(--safe-bottom, 8px)!important}.pop-backdrop{position:absolute!important;inset:0!important;z-index:9999!important;pointer-events:auto!important;align-items:center!important;justify-content:center!important;background:#05080dc7!important;-webkit-backdrop-filter:blur(4px)!important;backdrop-filter:blur(4px)!important}.pop-backdrop:not([style*="display: flex"]){display:none!important}.pop-backdrop .pop{pointer-events:auto!important}.pop-backdrop .btn{pointer-events:auto!important;cursor:pointer!important}body.is-win-open.is-portrait #stage>:not(.win):not(#game):not(.hud-mnav),body.is-win-open[data-ui=mobile] #stage>:not(.win):not(#game):not(.hud-mnav){display:none!important}@media(max-width:380px){:root{--safe-side: 6px}body.is-portrait #stage>.hud-quest,body[data-ui=mobile] #stage>.hud-quest{left:12px!important;width:336px!important;max-width:calc(100vw - 24px)!important}.hud-quest .st{font-size:13px!important}}:root{--ember-cur: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Cdefs%3E%3ClinearGradient id='g1' x1='0' y1='0' x2='1' y2='1'%3E%3Cstop offset='0%25' stop-color='%23ffe7a0'/%3E%3Cstop offset='100%25' stop-color='%23d9a441'/%3E%3C/linearGradient%3E%3ClinearGradient id='g2' x1='0' y1='0' x2='1' y2='1'%3E%3Cstop offset='0%25' stop-color='%23a67520'/%3E%3Cstop offset='100%25' stop-color='%2354380b'/%3E%3C/linearGradient%3E%3Cfilter id='sh' x='-20%25' y='-20%25' width='150%25' height='150%25'%3E%3CfeDropShadow dx='1' dy='2' stdDeviation='1.2' flood-color='%23000' flood-opacity='0.8'/%3E%3C/filter%3E%3C/defs%3E%3Cpath d='M3 3 L26 13 L15 15 L13 26 Z' fill='url(%23g1)' stroke='%23120d04' stroke-width='2' stroke-linejoin='round' filter='url(%23sh)'/%3E%3Cpath d='M3 3 L15 15 L13 26 Z' fill='url(%23g2)'/%3E%3Cpath d='M4.5 4.5 L23 12.8' stroke='%23fff8dc' stroke-width='1' stroke-linecap='round' opacity='0.9'/%3E%3Ccircle cx='4' cy='4' r='1.5' fill='%23fff'/%3E%3C/svg%3E") 3 3, default;--ember-cur-pointer: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Cdefs%3E%3ClinearGradient id='gp1' x1='0' y1='0' x2='1' y2='1'%3E%3Cstop offset='0%25' stop-color='%23fff2c0'/%3E%3Cstop offset='100%25' stop-color='%23ffd24a'/%3E%3C/linearGradient%3E%3Cfilter id='glow' x='-40%25' y='-40%25' width='180%25' height='180%25'%3E%3CfeGaussianBlur stdDeviation='2' result='b'/%3E%3CfeMerge%3E%3CfeMergeNode in='b'/%3E%3CfeMergeNode in='SourceGraphic'/%3E%3C/feMerge%3E%3C/filter%3E%3C/defs%3E%3Cpath d='M3 3 L27 13 L16 16 L13 27 Z' fill='%23ffd24a' opacity='0.7' filter='url(%23glow)'/%3E%3Cpath d='M3 3 L27 13 L16 16 L13 27 Z' fill='url(%23gp1)' stroke='%23201402' stroke-width='2' stroke-linejoin='round'/%3E%3Cpath d='M4.5 4.5 L24 12.8' stroke='%23ffffff' stroke-width='1.2' stroke-linecap='round'/%3E%3Ccircle cx='3' cy='3' r='2' fill='%23fff'/%3E%3C/svg%3E") 3 3, pointer}body.ui-pc,body.ui-pc #stage{cursor:var(--ember-cur)}body.ui-pc button,body.ui-pc .btn,body.ui-pc .tab,body.ui-pc .chip,body.ui-pc .slot,body.ui-pc [data-act],body.ui-pc [data-qact],body.ui-pc [data-sbuy],body.ui-pc [data-ssell],body.ui-pc [data-wzone],body.ui-pc [data-wstage],body.ui-pc .wtop .back,body.ui-pc .wtop .xbtn,body.ui-pc a{cursor:var(--ember-cur-pointer)!important}.q-badge{display:inline-block;padding:1px 7px;border-radius:4px;font:800 11px var(--sans);background:#e8c66e29;border:1px solid rgba(232,198,110,.45);color:var(--gold, #e8c66e);margin-right:4px;letter-spacing:.02em;vertical-align:middle}.q-act-btn{display:inline-flex;align-items:center;justify-content:center;padding:4px 10px;border-radius:6px;font:700 12px var(--sans);background:linear-gradient(180deg,#263045,#1a2233);border:1px solid var(--line2, #3a4660);color:var(--txt, #ecebe6);cursor:pointer;white-space:nowrap!important;flex-shrink:0!important;min-width:44px!important;transition:all .15s ease}.q-act-btn:hover{background:linear-gradient(180deg,#323e59,#202b3f);border-color:var(--gold2, #f3d27a);color:#fff}.q-act-btn.is-claim{background:linear-gradient(180deg,#f0c35a,#b4801f)!important;border-color:#ffd24a!important;color:#1a1202!important;font-weight:800!important;box-shadow:0 0 12px #f0c35aa6!important;animation:pulseClaimBtn 1.2s infinite alternate ease-in-out!important}@keyframes pulseClaimBtn{0%{transform:scale(1);filter:brightness(1)}to{transform:scale(1.06);filter:brightness(1.2)}}.fv-hub-wrap{position:absolute;inset:0;max-width:520px;margin:0 auto;display:flex;flex-direction:column;background:radial-gradient(circle at 50% 20%,#161c28,#0a0e14 85%);color:#e2e8f0;overflow:hidden;z-index:50;border-left:1px solid rgba(255,255,255,.08);border-right:1px solid rgba(255,255,255,.08)}.fv-hub-header{height:52px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;border-bottom:1px solid rgba(255,255,255,.08);flex-shrink:0;margin-top:var(--safe-top, 0px)}.fv-hub-title{font:800 18px var(--sans);color:#f8fafc;display:flex;align-items:center;gap:8px}.fv-diamond{color:var(--gold, #d9a441);font-size:14px}.fv-hub-close{width:36px;height:36px;display:flex;align-items:center;justify-content:center;font-size:20px;color:#94a3b8;cursor:pointer;border-radius:6px}.fv-hub-close:active{background:#ffffff1a;color:#fff}.fv-hub-body{flex:1;overflow-y:auto;padding:12px 14px calc(var(--safe-bottom, 12px) + 20px);display:flex;flex-direction:column;gap:14px}.fv-hub-cols{display:grid;grid-template-columns:1fr 1fr;gap:14px}.fv-hub-col{display:flex;flex-direction:column;gap:14px}.fv-hub-sec{display:flex;flex-direction:column;gap:6px}.fv-hub-cat-title{font:800 13px var(--sans);color:#8b9bb4;letter-spacing:.04em;padding-left:2px;border-bottom:1px solid rgba(255,255,255,.06);padding-bottom:4px}.fv-hub-list{display:flex;flex-direction:column;gap:4px}.fv-hub-row{display:flex;align-items:center;gap:10px;height:44px;padding:0 8px;border-radius:8px;cursor:pointer;transition:background .12s ease;-webkit-user-select:none;user-select:none}.fv-hub-row:active{background:#ffffff14}.fv-hub-row.is-locked{opacity:.7}.fv-hub-ic{width:32px;height:32px;border-radius:7px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);display:flex;align-items:center;justify-content:center;flex-shrink:0}.fv-hub-ic svg{width:20px;height:20px}.fv-hub-label{font:700 15px var(--sans);color:#f1f5f9;flex:1;white-space:nowrap}.fv-hub-lock-badge{font:800 11px var(--sans);color:#94a3b8;padding:2px 7px;border-radius:4px;background:#0f172abf;border:1px solid rgba(255,255,255,.12)}.fv-hub-notif-badge{min-width:18px;height:18px;border-radius:9px;background:#e03131;color:#fff;font:800 11px/18px var(--sans);text-align:center;padding:0 5px;box-shadow:0 2px 6px #e0313166}.fv-hub-quick{background:#0f172a99;border:1px solid rgba(255,255,255,.06);border-radius:8px;padding:8px 12px;display:flex;gap:12px;justify-content:space-around}.fv-qrow{display:flex;align-items:center;gap:6px;font:600 12px var(--sans);color:#cbd5e1;cursor:pointer}.fv-hub-footer{margin-top:6px}.fv-hub-title-btn{width:100%;height:44px;display:flex;align-items:center;justify-content:center;gap:8px;font:700 14px var(--sans);background:#1e293bd9;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#f8fafc;cursor:pointer}.fv-hub-title-btn:active{background:#334155e6}.fv-inv-wrap{position:absolute;inset:0;display:flex;flex-direction:column;background:radial-gradient(circle at 50% 15%,#151b26,#090c12 85%);color:#e2e8f0;overflow:hidden;z-index:50}.fv-inv-header{height:48px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;border-bottom:1px solid rgba(255,255,255,.08);flex-shrink:0;margin-top:var(--safe-top, 0px)}.fv-inv-title{font:800 18px var(--sans);color:#f8fafc;display:flex;align-items:center;gap:8px}.fv-inv-close{width:36px;height:36px;display:flex;align-items:center;justify-content:center;font-size:20px;color:#94a3b8;cursor:pointer;border-radius:6px}.fv-inv-body{flex:1;overflow-y:auto;padding:10px 14px;display:flex;flex-direction:column;gap:8px}.fv-inv-top-sec{background:#121826b3;border:1px solid rgba(255,255,255,.07);border-radius:8px;padding:10px 12px;display:flex;flex-direction:column;gap:8px}.fv-inv-char-line{display:flex;align-items:baseline;gap:8px}.fv-inv-char-name{font:800 16px var(--sans);color:#f8fafc}.fv-inv-char-lv{font:800 13px var(--sans);color:var(--gold, #d9a441)}.fv-eq-strip{display:grid;grid-template-columns:repeat(7,1fr);gap:6px}.fv-eq-cell{display:flex;flex-direction:column;align-items:center;gap:4px}.fv-eq-cell .slot{width:44px;height:44px;border-radius:6px}.fv-eq-lbl{font:600 11px var(--sans);color:#94a3b8;text-align:center}.fv-inv-stat-strip{display:flex;align-items:center;justify-content:space-around;background:#0b0f19d9;border:1px solid rgba(255,255,255,.05);border-radius:6px;padding:6px 12px}.fv-iss-col{display:flex;align-items:center;gap:8px}.fv-iss-lbl{font:600 12px var(--sans);color:#94a3b8}.fv-iss-val{font:800 14px var(--sans);color:#ffd24a}.fv-iss-sep{width:1px;height:14px;background:#ffffff1a}.fv-inv-tool-strip{display:flex;align-items:center;justify-content:space-between;padding:2px}.fv-inv-cap{font:700 13px var(--sans);color:#cbd5e1}.fv-inv-tool-btns{display:flex;gap:6px}.fv-tbtn{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;border-radius:5px;background:#1e293bb3;border:1px solid rgba(255,255,255,.08);color:#e2e8f0;font:700 11px var(--sans);cursor:pointer}.fv-tbtn:active{background:#334155cc}.fv-tbtn svg{width:13px;height:13px}.fv-inv-tabs{display:flex;gap:6px;overflow-x:auto;padding-bottom:2px}.fv-inv-tab{padding:5px 12px;border-radius:14px;background:#141c2ab3;border:1px solid rgba(255,255,255,.08);color:#94a3b8;font:700 12px var(--sans);white-space:nowrap;cursor:pointer}.fv-inv-tab.on{background:#388bfd26;border-color:#388bfd;color:#79c0ff}.fv-bag-grid{display:grid!important;grid-template-columns:repeat(5,1fr)!important;grid-auto-rows:minmax(58px,auto)!important;gap:8px!important;width:100%!important;height:auto!important;max-height:380px!important;overflow-y:auto!important;padding:4px 2px!important}.fv-bag-grid .slot{width:100%!important;aspect-ratio:1 / 1!important;height:auto!important;border-radius:6px!important}.fv-inv-bottom-bar{height:52px;background:#0c1018f2;border-top:1px solid rgba(255,255,255,.08);display:flex;align-items:center;justify-content:space-between;padding:0 14px;margin-bottom:var(--safe-bottom, 0px);flex-shrink:0}.fv-inv-gold-box{display:flex;align-items:center;gap:6px;font:800 15px var(--sans);color:#ffd24a}.fv-inv-act-btns{display:flex;gap:8px}.fv-act-btn{min-width:64px;height:36px;font-size:13px!important}.fv-sheet-popup{position:absolute;left:0;right:0;bottom:calc(52px + var(--safe-bottom, 0px));background:#0e131efa;border-top:2px solid var(--line2, #3a4660);border-radius:14px 14px 0 0;box-shadow:0 -8px 24px #000000b3;z-index:60;max-height:60vh;display:flex;flex-direction:column}.fv-sheet-tip{overflow-y:auto;padding:12px 14px 4px}.fv-sheet-btns{display:flex;gap:8px;justify-content:flex-end;padding:8px 14px 12px;border-top:1px solid rgba(255,255,255,.06)}.fv-sheet-wrap{position:absolute;left:50%;transform:translate(-50%);width:100%;max-width:520px;bottom:0;max-height:82vh;display:flex;flex-direction:column;background:radial-gradient(circle at 50% 0%,#1a2233,#0b0f16 85%);border-top:2px solid #3b4860;border-left:1px solid #3b4860;border-right:1px solid #3b4860;border-radius:16px 16px 0 0;box-shadow:0 -12px 36px #000000d9;color:#f1f5f9;z-index:50;overflow:hidden}.fv-sheet-handle{width:44px;height:4px;border-radius:2px;background:#ffffff40;margin:8px auto 2px;flex-shrink:0}.fv-sheet-header{height:44px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;border-bottom:1px solid rgba(255,255,255,.07);flex-shrink:0}.fv-sheet-title{font:800 17px var(--sans);color:#f8fafc}.fv-sheet-close{width:32px;height:32px;display:flex;align-items:center;justify-content:center;font-size:18px;color:#94a3b8;cursor:pointer}.fv-sheet-body{flex:1;overflow-y:auto;padding:12px 16px calc(var(--safe-bottom, 12px) + 16px);display:flex;flex-direction:column;gap:14px}.fv-stat-profile{background:#121826b3;border:1px solid rgba(255,255,255,.07);border-radius:8px;padding:12px 14px;display:flex;flex-direction:column;gap:10px}.fv-stat-p-top{display:flex;align-items:center;gap:8px}.fv-stat-lv{font:800 15px var(--sans);color:var(--gold, #ffd24a)}.fv-stat-name{font:800 17px var(--sans);color:#f8fafc}.fv-stat-class{margin-left:auto;display:flex;align-items:center;gap:5px;font:700 13px var(--sans);color:#cbd5e1;background:#ffffff0d;padding:3px 8px;border-radius:4px}.fv-stat-class svg{width:14px;height:14px}.fv-exp-bar-wrap{position:relative;height:14px;border-radius:7px;background:#0a0e16e6;border:1px solid rgba(255,255,255,.08);overflow:hidden}.fv-exp-bar-fill{position:absolute;left:0;top:0;bottom:0;background:linear-gradient(90deg,#7c3aed,#a855f7);border-radius:7px}.fv-exp-bar-lbl{position:absolute;right:8px;top:0;bottom:0;display:flex;align-items:center;font:800 10px var(--sans);color:#f8fafc;text-shadow:0 1px 2px #000}.fv-stat-sec{display:flex;flex-direction:column;gap:8px}.fv-stat-sec-title{display:flex;align-items:center;font:800 14px var(--sans);color:#94a3b8;letter-spacing:.03em}.fv-stat-status-card{background:#0f172a99;border:1px solid rgba(255,255,255,.05);border-radius:6px;padding:10px 12px;font:600 13px var(--sans);color:#94a3b8}.fv-stat-2x2{display:grid;grid-template-columns:1fr 1fr;gap:8px}.fv-stat-card{background:#141b28bf;border:1px solid rgba(255,255,255,.07);border-radius:8px;padding:10px 12px;display:flex;align-items:center;gap:10px}.fv-sc-ic{width:36px;height:36px;border-radius:8px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);display:flex;align-items:center;justify-content:center;flex-shrink:0}.fv-sc-ic svg{width:22px;height:22px}.fv-sc-meta{display:flex;flex-direction:column;gap:2px}.fv-sc-lbl{font:600 11px var(--sans);color:#94a3b8}.fv-sc-val{font:800 18px var(--sans);color:#f8fafc}.fv-stat-detail-table{background:#0f1622b3;border:1px solid rgba(255,255,255,.06);border-radius:8px;padding:8px 12px;display:grid;grid-template-columns:1fr 1fr;row-gap:8px;column-gap:16px}.fv-srow{display:flex;justify-content:space-between;align-items:center;font-size:13px}.fv-srow span{color:#94a3b8;font-weight:500}.fv-srow b{color:#f1f5f9;font-weight:700}.fv-alloc-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.fv-alloc-card{background:#141c2abf;border:1px solid rgba(255,255,255,.07);border-radius:6px;padding:8px 6px;display:flex;flex-direction:column;align-items:center;gap:6px}.fv-ac-top{display:flex;flex-direction:column;align-items:center;gap:2px}.fv-ac-top span{font:700 11px var(--sans);color:#94a3b8}.fv-ac-top b{font:800 14px var(--sans);color:#ffd24a}.fv-alloc-card .btn{width:100%;height:28px;font-size:14px!important;padding:0!important}.fv-wmap-wrap{position:absolute;inset:0;background:#080c14;display:flex;flex-direction:column;z-index:100;overflow:hidden;font-family:var(--sans)}.fv-wmap-header{height:52px;padding:0 16px;display:flex;align-items:center;justify-content:space-between;background:#0e1420;border-bottom:1px solid #1c273c;z-index:10}.fv-wmap-title-row{display:flex;align-items:baseline;gap:10px}.fv-wmap-title{font-size:19px;font-weight:900;color:#f1f5f9;letter-spacing:-.02em}.fv-wmap-lv{font-size:13px;font-weight:700;color:#94a3b8}.fv-wmap-close{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:#192233;border:1px solid #2a3852;border-radius:8px;color:#cbd5e1;font-size:16px;cursor:pointer;transition:background .15s,color .15s}.fv-wmap-close:hover,.fv-wmap-close:active{background:#25334c;color:#fff}.fv-wmap-body{flex:1;position:relative;overflow:hidden;background:#05070c;display:flex;align-items:center;justify-content:center}.fv-wmap-svg{width:100%;height:100%;-webkit-user-select:none;user-select:none;touch-action:none}.fv-wmap-ctrls{position:absolute;right:18px;bottom:56px;display:flex;flex-direction:column;gap:8px;z-index:20}.fv-wmap-ctrl-btn{width:44px;height:44px;background:#121826e6;border:1.5px solid #2a3854;border-radius:10px;color:#e2e8f0;font-size:22px;font-weight:800;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px 14px #0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:transform .1s,background .15s}.fv-wmap-ctrl-btn:active{transform:scale(.92);background:#2a3854}.fv-wmap-ctrl-loc{height:38px;padding:0 12px;background:#121826e6;border:1.5px solid #2a3854;border-radius:10px;color:#f1f5f9;font-size:13px;font-weight:800;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px 14px #0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);white-space:nowrap}.fv-wmap-ctrl-loc:active{transform:scale(.94);background:#2a3854}.fv-wmap-footer{height:36px;background:#090e17;border-top:1px solid #172133;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:600;color:#64748b;letter-spacing:-.01em;padding-bottom:env(safe-area-inset-bottom,0px)}.world-nav-container{position:absolute;inset:0;pointer-events:none;z-index:45;overflow:hidden}.world-nav-pill{position:absolute;transform:translate(-50%,-50%);display:inline-flex;align-items:center;gap:6px;padding:4px 12px;background:#0b101ae0;border:1.5px solid #ffd24a;border-radius:16px;box-shadow:0 4px 16px #000c,0 0 12px #ffd24a73;pointer-events:auto;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fvNavPulse 2.4s infinite ease-in-out;transition:transform .12s ease-out}.world-nav-pill:active{transform:translate(-50%,-50%) scale(.95);background:#162034f2}.world-nav-label{font-family:var(--sans);font-size:12px;font-weight:800;color:#ffd24a;text-shadow:0 1px 3px #000;white-space:nowrap}.world-nav-dist{font-family:var(--sans);font-size:11px;font-weight:700;color:#f1f5f9;letter-spacing:.02em;white-space:nowrap}.world-nav-arrow{display:inline-block;font-size:13px;line-height:1;color:#ffd24a;transform-origin:center center;filter:drop-shadow(0 0 4px rgba(255,210,74,.8))}@keyframes fvNavPulse{0%,to{box-shadow:0 4px 16px #000c,0 0 10px #ffd24a59;border-color:#ffd24a}50%{box-shadow:0 4px 20px #000000e6,0 0 18px #ffd24ab3;border-color:#fff2a3}}.fv-inv-body{flex:1;overflow-y:auto;padding:10px 14px;display:flex;flex-direction:column;gap:10px}.fv-eq-strip{display:grid;grid-template-columns:repeat(7,1fr);gap:6px;margin-top:6px}.fv-eq-slot-wrap{display:flex;flex-direction:column;align-items:center;gap:4px}.fv-eq-slot{width:100%;aspect-ratio:1 / 1;background:#101622;border:1.5px solid #232f45;border-radius:6px;display:flex;align-items:center;justify-content:center;position:relative;box-shadow:inset 0 0 8px #0009}.fv-eq-slot.equipped{border-color:#6fd16a;background:#12201d}.fv-eq-lbl{font-size:10px;font-weight:700;color:#8a96aa}.fv-stat-cell{background:#101622;border:1px solid #1c273c;border-radius:6px;padding:6px 10px;display:flex;align-items:center;justify-content:space-between}.fv-stat-lbl{font-size:11px;font-weight:700;color:#94a3b8}.fv-stat-val{font-size:13px;font-weight:900;color:#ffd24a}.fv-bag-grid .slot{width:100%!important;aspect-ratio:1 / 1!important;height:auto!important;min-height:54px!important;background:#111723!important;border:1px solid #1e293b!important;border-radius:6px!important;box-shadow:inset 0 2px 6px #00000080!important;position:relative!important}.fv-bag-grid .slot:hover,.fv-bag-grid .slot.is-sel{border-color:#38bdf8!important;box-shadow:0 0 10px #38bdf880!important}body[data-ui=mobile] .win[data-flow][data-kind=inventory],body[data-ui=mobile] .win[data-flow][data-kind=stats],body[data-ui=mobile] .win[data-flow][data-kind=worldmap],body[data-ui=mobile] .win[data-flow][data-kind=hub]{padding:0!important;overflow:hidden!important;display:block!important;position:absolute!important;inset:0!important;width:100%!important;height:100%!important}body[data-ui=mobile] .win[data-flow][data-kind=stats]>.fv-sheet-wrap{position:absolute!important;inset:0!important;width:100%!important;max-width:100%!important;height:100%!important;max-height:100%!important;transform:none!important;border-radius:0!important;border:none!important;display:flex!important;flex-direction:column!important;background:radial-gradient(circle at 50% 0%,#172030,#090d14 85%)!important;box-shadow:none!important;z-index:50!important;overflow:hidden!important}body[data-ui=mobile] .win[data-flow][data-kind=stats] .fv-sheet-handle{display:none!important}body[data-ui=mobile] .win[data-flow][data-kind=stats] .fv-sheet-header{padding-top:var(--safe-top, 68px)!important;height:calc(52px + var(--safe-top, 68px))!important;padding-left:16px!important;padding-right:16px!important;padding-bottom:0!important;background:linear-gradient(180deg,#111724,#0a0d14)!important;border-bottom:1px solid rgba(255,255,255,.08)!important;box-sizing:border-box!important;display:flex!important;align-items:center!important;justify-content:space-between!important;flex-shrink:0!important}body[data-ui=mobile] .win[data-flow][data-kind=stats] .fv-sheet-body{flex:1!important;overflow-y:auto!important;padding:14px 16px calc(var(--safe-bottom, 42px) + 24px)!important;box-sizing:border-box!important;display:flex!important;flex-direction:column!important;gap:14px!important}body[data-ui=mobile] .win[data-flow][data-kind=hub]>.fv-hub-overlay,body[data-ui=mobile] .win[data-flow][data-kind=hub] .fv-hub-wrap{position:absolute!important;inset:0!important;width:100%!important;max-width:100%!important;height:100%!important;max-height:100%!important;transform:none!important;display:flex!important;flex-direction:column!important;background:#090c13!important;box-sizing:border-box!important}body[data-ui=mobile] .win[data-flow][data-kind=hub] .fv-hub-header{padding-top:var(--safe-top, 68px)!important;height:calc(52px + var(--safe-top, 68px))!important;padding-left:16px!important;padding-right:16px!important;padding-bottom:0!important;background:linear-gradient(180deg,#101522,#090c13)!important;border-bottom:1px solid rgba(255,255,255,.08)!important;box-sizing:border-box!important;display:flex!important;align-items:center!important;justify-content:space-between!important;flex-shrink:0!important}body[data-ui=mobile] .win[data-flow][data-kind=hub] .fv-hub-body{flex:1!important;overflow-y:auto!important;padding:14px 16px calc(var(--safe-bottom, 42px) + 24px)!important;box-sizing:border-box!important;display:flex!important;flex-direction:column!important;gap:16px!important}body[data-ui=mobile] .win[data-flow][data-kind=inventory]>.fv-inv-wrap{position:absolute!important;inset:0!important;width:100%!important;max-width:100%!important;height:100%!important;max-height:100%!important;transform:none!important;display:flex!important;flex-direction:column!important;background:#0b0f16!important;box-sizing:border-box!important}body[data-ui=mobile] .win[data-flow][data-kind=inventory] .fv-inv-header{margin-top:0!important;padding-top:var(--safe-top, 68px)!important;height:calc(50px + var(--safe-top, 68px))!important;padding-left:16px!important;padding-right:16px!important;padding-bottom:0!important;background:linear-gradient(180deg,#121824,#0b0f16)!important;border-bottom:1px solid rgba(255,255,255,.08)!important;box-sizing:border-box!important;display:flex!important;align-items:center!important;justify-content:space-between!important;flex-shrink:0!important}body[data-ui=mobile] .win[data-flow][data-kind=inventory] .fv-inv-body{flex:1!important;overflow-y:auto!important;padding:10px 14px 12px!important;box-sizing:border-box!important}body[data-ui=mobile] .win[data-flow][data-kind=inventory] .fv-inv-bottom-bar{margin-bottom:0!important;padding-top:8px!important;padding-left:14px!important;padding-right:14px!important;padding-bottom:calc(var(--safe-bottom, 42px) + 8px)!important;height:calc(54px + var(--safe-bottom, 42px) + 8px)!important;background:#0d121a!important;border-top:1px solid rgba(255,255,255,.08)!important;box-sizing:border-box!important;flex-shrink:0!important}body[data-ui=mobile] .win[data-flow][data-kind=worldmap]>.fv-wmap-wrap{position:absolute!important;inset:0!important;width:100%!important;max-width:100%!important;height:100%!important;max-height:100%!important;transform:none!important;display:flex!important;flex-direction:column!important;background:#080c12!important;box-sizing:border-box!important}body[data-ui=mobile] .win[data-flow][data-kind=worldmap] .fv-wmap-header{padding-top:var(--safe-top, 68px)!important;height:calc(52px + var(--safe-top, 68px))!important;padding-left:16px!important;padding-right:16px!important;padding-bottom:0!important;background:linear-gradient(180deg,#101622,#080c12)!important;border-bottom:1px solid rgba(255,255,255,.08)!important;box-sizing:border-box!important;display:flex!important;align-items:center!important;justify-content:space-between!important;flex-shrink:0!important}body[data-ui=mobile] .win[data-flow][data-kind=worldmap] .fv-wmap-canvas-wrap{flex:1!important;position:relative!important;overflow:hidden!important}body[data-ui=mobile] .win[data-flow][data-kind=worldmap] .fv-wmap-footer{padding-bottom:calc(var(--safe-bottom, 42px) + 12px)!important;box-sizing:border-box!important}body[data-ui=mobile] .win[data-flow][data-kind=worldmap] .fv-wmap-ctrls{bottom:calc(var(--safe-bottom, 42px) + 20px)!important}.fv-bag-grid .slot.e{background:#121824!important;border:1px solid #1d283c!important;box-shadow:inset 0 2px 4px #0009!important}.fv-bag-grid .slot.e svg{display:none!important}.fv-bag-grid{position:relative!important;left:auto!important;top:auto!important;width:100%!important;height:auto!important}.system-unlock-backdrop{position:absolute;inset:0;background:#04070ce0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1200;display:flex;align-items:center;justify-content:center;padding:16px;animation:suFadeIn .25s ease-out}@keyframes suFadeIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.su-modal-card{width:100%;max-width:420px;background:radial-gradient(circle at 50% 10%,#172033,#0b0f17 90%);border:1.5px solid #d9a441;border-radius:20px;box-shadow:0 12px 40px #000000e6,0 0 24px #d9a44159;padding:24px 20px 20px;display:flex;flex-direction:column;align-items:center;text-align:center;position:relative;overflow:hidden}.su-badge{font-family:var(--sans);font-size:11px;font-weight:900;color:#ffd24a;letter-spacing:.15em;background:#d9a4412e;border:1px solid #ffd24a;border-radius:12px;padding:3px 12px;margin-bottom:14px}.su-icon-circle{width:68px;height:68px;border-radius:50%;background:#0e1420f2;border:2px solid #ffd24a;display:flex;align-items:center;justify-content:center;margin-bottom:12px}.su-header{margin-bottom:16px}.su-sub{font-size:13px;font-weight:700;color:#94a3b8;margin-bottom:4px}.su-title{font-family:var(--sans);font-size:22px;font-weight:900;margin:0 0 8px;letter-spacing:-.02em}.su-main-desc{font-size:13px;line-height:1.5;color:#cbd5e1;margin:0;word-break:keep-all}.su-steps-list{width:100%;display:flex;flex-direction:column;gap:8px;margin-bottom:20px;text-align:left}.su-step-card{display:flex;align-items:flex-start;gap:12px;background:#121a2ab3;border:1px solid #23314d;border-radius:10px;padding:10px 12px}.su-step-num{width:22px;height:22px;border-radius:50%;background:#ffd24a;color:#0b0f17;font-size:12px;font-weight:900;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:1px}.su-step-body{flex:1}.su-step-title{font-size:13px;font-weight:800;color:#f1f5f9;display:block;margin-bottom:2px}.su-step-desc{font-size:11px;color:#94a3b8;margin:0;line-height:1.4}.su-footer{width:100%;display:flex;gap:10px}.su-close-btn{flex:1;height:48px;background:#1e293b;border:1px solid #334155;color:#94a3b8;border-radius:12px;font-size:14px;font-weight:700}.su-go-btn{flex:1.4;height:48px;border-radius:12px;font-size:15px;font-weight:800}.quest-dialogue-backdrop{position:absolute;inset:0;background:#04070cd9;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:1100;display:flex;align-items:center;justify-content:center;padding:16px;animation:qdFadeIn .22s ease-out}@keyframes qdFadeIn{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}.qd-card{width:100%;max-width:440px;background:radial-gradient(circle at 50% 10%,#172033,#0b0f17 90%);border:1.5px solid #6a5224;border-radius:18px;box-shadow:0 12px 40px #000000e6,0 0 20px #d9a4414d;padding:20px;display:flex;flex-direction:column;position:relative;overflow:hidden}.qd-close-btn{position:absolute;top:14px;right:14px;width:32px;height:32px;background:#1e293bcc;border:1px solid #334155;border-radius:8px;color:#cbd5e1;font-size:16px;cursor:pointer;z-index:10;display:flex;align-items:center;justify-content:center}.qd-body{display:flex;gap:16px;margin-bottom:16px}.qd-npc-col{width:100px;display:flex;flex-direction:column;align-items:center;flex-shrink:0}.qd-npc-frame{width:100px;height:140px;border-radius:12px;background:#0e1420e6;border:1.5px solid #2a3a54;overflow:hidden;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #0009}.qd-npc-badge{margin-top:8px;font-size:12px;font-weight:800;color:#ffd24a;background:#121927;border:1px solid #334155;border-radius:6px;padding:2px 8px;white-space:nowrap}.qd-content-col{flex:1;display:flex;flex-direction:column;gap:8px}.qd-quest-title-row{display:flex;align-items:center;gap:8px}.qd-quest-title{font-size:17px;font-weight:900;color:#f8fafc;margin:0;letter-spacing:-.01em}.qd-bubble{background:#162032cc;border:1px solid #2e4166;border-radius:10px;padding:10px 12px;position:relative}.qd-speech{font-size:12px;line-height:1.5;color:#e2e8f0;margin:0;word-break:keep-all}.qd-sec-box{background:#0f1622b3;border:1px solid #1e2c44;border-radius:8px;padding:8px 10px}.qd-sec-title{font-size:11px;font-weight:800;color:#94a3b8;margin-bottom:4px}.qd-obj-row{display:flex;align-items:center;gap:6px;font-size:12px;color:#f1f5f9}.qd-obj-dot{color:#ffd24a;font-size:8px}.qd-obj-label{flex:1;font-weight:700}.qd-obj-count{font-weight:800;color:#6fd16a}.qd-reward-chips{display:flex;flex-wrap:wrap;gap:6px}.qd-footer{display:flex;gap:10px}.qd-cancel-btn{flex:1;height:46px;background:#1e293b;border:1px solid #334155;color:#94a3b8;border-radius:10px;font-size:14px;font-weight:700}.qd-action-btn{flex:1.5;height:46px;border-radius:10px;font-size:15px;font-weight:800}.combo-widget-container{position:absolute;right:18px;top:calc(var(--safe-top, 44px) + 120px);display:flex;flex-direction:column;align-items:flex-end;pointer-events:none;z-index:45;-webkit-user-select:none;user-select:none;transition:opacity .15s}.combo-widget-container.pulse .combo-num-wrap{animation:comboPop .18s cubic-bezier(.175,.885,.32,1.275)}@keyframes comboPop{0%{transform:scale(.9)}50%{transform:scale(1.22);filter:drop-shadow(0 0 16px rgba(255,210,74,1))}to{transform:scale(1);filter:drop-shadow(0 0 8px rgba(255,210,74,.6))}}.combo-num-wrap{display:flex;align-items:baseline;gap:6px;text-shadow:0 2px 8px rgba(0,0,0,.9)}.combo-count{font-family:var(--sans);font-size:34px;font-weight:900;line-height:1;color:#fff;background:linear-gradient(180deg,#fff,#ffd24a,#f59e0b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 2px 4px rgba(0,0,0,.8))}.combo-text{font-family:var(--sans);font-size:14px;font-weight:900;letter-spacing:.1em;color:#ffd24a;text-shadow:0 0 8px rgba(255,210,74,.8)}.combo-gauge-bg{width:90px;height:5px;background:#0a0f19cc;border:1px solid rgba(255,210,74,.4);border-radius:3px;overflow:hidden;margin-top:4px}.combo-gauge-fill{width:100%;height:100%;background:linear-gradient(90deg,#f59e0b,#ffd24a);border-radius:3px}.hud-cam-btn{position:absolute;right:30px;top:86px;height:32px;padding:0 12px;border-radius:16px;background:linear-gradient(180deg,#161c2ae6,#0b0f17f2);border:1.5px solid #7a5f2a;box-shadow:0 4px 12px #0009,inset 0 0 10px #d9a44133;display:flex;align-items:center;gap:6px;cursor:pointer;z-index:25;color:#f1f5f9;font:800 13px var(--sans);pointer-events:auto;-webkit-user-select:none;user-select:none;transition:transform .1s ease,border-color .15s ease,box-shadow .15s ease}.hud-cam-btn:hover{border-color:#ffd24a;box-shadow:0 0 12px #ffd24a66,0 4px 12px #000000b3;transform:translateY(-1px)}.hud-cam-btn:active{transform:scale(.96);background:#ffd24a26}.hud-cam-ic svg{width:16px;height:16px;display:block}body.is-portrait #stage>.hud-cam-btn,body[data-ui=mobile] #stage>.hud-cam-btn{right:8px!important;top:calc(var(--safe-top, 50px) + 94px)!important;width:80px!important;height:26px!important;padding:0 6px!important;border-radius:13px!important;font-size:11px!important;font-weight:800!important;justify-content:center!important;border-color:#6a5224!important;background:#0a0e16e0!important;-webkit-backdrop-filter:blur(4px)!important;backdrop-filter:blur(4px)!important;gap:4px!important}body.is-portrait #stage>.hud-cam-btn .pc-only,body[data-ui=mobile] #stage>.hud-cam-btn .pc-only{display:none!important}#stage.hide-field-hud>.hud-cam-btn,.hide-field-hud .hud-cam-btn,body.is-title .hud-cam-btn,body.is-heroselect .hud-cam-btn{display:none!important}.fv-field-header{position:absolute;top:var(--safe-top, 10px);left:10px;right:10px;height:56px;z-index:35;display:flex;align-items:center;justify-content:space-between;gap:8px;pointer-events:none}.fv-field-header *{pointer-events:auto}.fv-hdr-lv-wrap{width:50px;height:50px;border-radius:50%;background:radial-gradient(circle at 45% 35%,#242e44,#0a0e16 85%);border:2.5px solid #d9a441;box-shadow:0 4px 14px #000000d9,inset 0 0 10px #d9a44173;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;-webkit-user-select:none;user-select:none;transition:transform .12s ease}.fv-hdr-lv-wrap:active{transform:scale(.94)}.fv-hdr-lv-prefix{font:900 10px var(--sans);color:#94a3b8;line-height:1;letter-spacing:.04em}.fv-hdr-lv-num{font:900 19px var(--serif);color:#ffd24a;line-height:1;text-shadow:0 0 8px rgba(255,210,74,.6);margin-top:1px}.fv-hdr-status-wrap{flex:1;max-width:250px;background:radial-gradient(circle at 50% 0%,#1a2232f2,#0b0f16f5 90%);border:1.5px solid #5a4622;border-radius:12px;box-shadow:0 6px 18px #000c,inset 0 1px #ffffff1f;padding:4px 8px;display:flex;flex-direction:column;gap:3px;cursor:pointer;-webkit-user-select:none;user-select:none;transition:transform .12s ease}.fv-hdr-status-wrap:active{transform:scale(.98)}.fv-hdr-hp-bar{height:15px;border-radius:7.5px;background:#260a0a;border:1px solid #631212;position:relative;overflow:hidden}.fv-hdr-hp-fill{height:100%;background:linear-gradient(180deg,#ff6b6b,#d63031 55%,#8b0000);box-shadow:0 0 10px #eb2f2f80;transition:width .2s ease-out}.fv-hdr-hp-txt{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font:800 10.5px var(--sans);color:#fff;text-shadow:0 1px 3px #000}.fv-hdr-mp-bar{height:4px;border-radius:2px;background:#08111d;border:.5px solid #132f4c;overflow:hidden}.fv-hdr-mp-fill{height:100%;background:linear-gradient(90deg,#388bfd,#58a6ff);transition:width .2s ease-out}.fv-hdr-hunt-row{display:flex;align-items:center;justify-content:space-between;gap:6px;font:700 10px var(--sans);color:#e2e8f0;margin-top:1px}.fv-hdr-hunt-lbl{display:flex;align-items:center;gap:3px;white-space:nowrap;font-size:10px}.fv-flame{font-style:normal;color:#f97316;font-size:11px}.fv-hdr-hunt-track{flex:1;height:5px;border-radius:2.5px;background:#16120b;border:.5px solid #4a3414;overflow:hidden}.fv-hdr-hunt-fill{height:100%;background:linear-gradient(90deg,#d97706,#f59e0b);transition:width .25s ease-out}.fv-hdr-hunt-count{font:900 9.5px var(--sans);color:#f59e0b;white-space:nowrap}.fv-hdr-right-cluster{display:flex;align-items:center;gap:6px;flex-shrink:0}.fv-hdr-cam-btn{height:26px;border-radius:13px;background:#0e121ce6;border:1.5px solid #6a5224;font:800 10.5px var(--sans);color:#ffd24a;padding:0 7px;display:flex;align-items:center;gap:3px;cursor:pointer;-webkit-user-select:none;user-select:none;box-shadow:0 3px 10px #0009;transition:transform .12s ease}.fv-hdr-cam-btn:active{transform:scale(.95)}.fv-hdr-cam-btn .fv-cam-ic svg{width:14px;height:14px;display:block}.fv-hdr-radar{width:50px;height:50px;border-radius:50%;border:2.5px solid #8a6a2a;overflow:hidden;position:relative;background:#0b0f16;box-shadow:0 4px 14px #000c;cursor:pointer;flex-shrink:0;-webkit-user-select:none;user-select:none}.fv-hdr-radar canvas{width:100%;height:100%;display:block}.fv-radar-meta{position:absolute;left:0;right:0;bottom:0;height:13px;background:#080b10e0;font:800 8.5px var(--sans);color:#7dd3fc;display:flex;align-items:center;justify-content:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0 2px}.fv-hdr-menu-btn{width:44px;height:44px;border-radius:50%;background:radial-gradient(circle at 40% 35%,#2a3348,#0d121c);border:2px solid #8a6a2a;box-shadow:0 4px 14px #000c,inset 0 0 10px #d9a44140;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;position:relative;flex-shrink:0;-webkit-user-select:none;user-select:none;transition:transform .12s ease}.fv-hdr-menu-btn:active{transform:scale(.94)}.fv-menu-ic{display:flex;flex-direction:column;gap:3.5px}.fv-menu-ic span{width:18px;height:2px;background:#ffd24a;border-radius:1px;display:block}.fv-menu-badge{position:absolute;top:-3px;right:-3px;min-width:17px;height:17px;border-radius:9px;background:#ef4444;color:#fff;font:900 10px var(--sans);display:flex;align-items:center;justify-content:center;border:1.5px solid #0b0f16;font-style:normal}.fv-quest-pill{position:absolute;top:calc(var(--safe-top, 10px) + 64px);left:10px;width:calc(100% - 20px);max-width:330px;z-index:28;background:linear-gradient(135deg,#101622e6,#090d14f0);border:1.5px solid rgba(217,164,65,.4);border-radius:14px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 8px 24px #000c,inset 0 1px #ffffff1a;padding:6px 10px 7px;cursor:pointer;-webkit-user-select:none;user-select:none;transition:transform .12s ease,border-color .15s ease}.fv-quest-pill:active{transform:scale(.99);border-color:#ffd24a}.fv-qp-top{display:flex;align-items:center;gap:6px;margin-bottom:4px;border-bottom:1px solid rgba(255,255,255,.06);padding-bottom:4px}.fv-qp-badge{background:#d9a44133;border:1px solid #d9a441;color:#ffd24a;padding:1px 6px;border-radius:5px;font:900 10.5px var(--sans);flex-shrink:0}.fv-qp-title{font:800 12.5px var(--sans);color:#f8fafc;text-shadow:0 1px 3px #000;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.fv-qp-body{display:flex;flex-direction:column;gap:3px}.fv-qp-row{display:flex;align-items:center;justify-content:space-between;gap:8px;font:700 11.5px var(--sans);color:#cbd5e1}.fv-qp-lbl{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fv-qp-val{font-weight:800;color:#ffd24a;flex-shrink:0}.q-act-btn{background:linear-gradient(180deg,#d9a441,#9a6d1c);border:1px solid #ffe885;color:#160f04;font:900 11px var(--sans);padding:2.5px 8px;border-radius:5px;box-shadow:0 2px 6px #d9a44166;cursor:pointer;flex-shrink:0;white-space:nowrap}.q-act-btn:active{transform:scale(.95)}#stage.hide-field-hud>.fv-field-header,#stage.hide-field-hud>.fv-quest-pill,body.is-title .fv-field-header,body.is-title .fv-quest-pill,body.is-heroselect .fv-field-header,body.is-heroselect .fv-quest-pill,.hide-field-hud .fv-field-header,.hide-field-hud .fv-quest-pill{display:none!important}body[data-ui=pc] #stage>.fv-field-header,body:not(.is-portrait):not([data-ui=mobile]) #stage>.fv-field-header{top:20px;left:30px;right:30px;height:64px}body[data-ui=pc] #stage .fv-hdr-status-wrap,body:not(.is-portrait):not([data-ui=mobile]) #stage .fv-hdr-status-wrap{max-width:440px;padding:5px 12px}body[data-ui=pc] #stage .fv-hdr-hp-bar,body:not(.is-portrait):not([data-ui=mobile]) #stage .fv-hdr-hp-bar{height:18px}body[data-ui=pc] #stage .fv-hdr-hp-txt,body:not(.is-portrait):not([data-ui=mobile]) #stage .fv-hdr-hp-txt{font-size:12px}body[data-ui=pc] #stage .fv-hdr-radar,body:not(.is-portrait):not([data-ui=mobile]) #stage .fv-hdr-radar{width:58px;height:58px}body[data-ui=pc] #stage .fv-hdr-menu-btn,body:not(.is-portrait):not([data-ui=mobile]) #stage .fv-hdr-menu-btn{width:48px;height:48px}body[data-ui=pc] #stage>.fv-quest-pill,body:not(.is-portrait):not([data-ui=mobile]) #stage>.fv-quest-pill{left:auto;right:30px;top:96px;width:330px}.gacha-modal{position:fixed;inset:0;z-index:9999;background:radial-gradient(circle at 50% 35%,#182030,#0a0d14 65%,#040609);display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;user-select:none;-webkit-user-select:none;font-family:var(--sans, sans-serif);color:#e8ecf4;opacity:0;transition:opacity .3s ease;pointer-events:none}.gacha-modal.active{opacity:1;pointer-events:auto}.gacha-modal.shaking{animation:gachaScreenShake .5s cubic-bezier(.36,.07,.19,.97) both}@keyframes gachaScreenShake{10%,90%{transform:translate3d(-4px,-2px,0) rotate(-.5deg)}20%,80%{transform:translate3d(5px,4px,0) rotate(.8deg)}30%,50%,70%{transform:translate3d(-6px,-5px,0) rotate(-1deg)}40%,60%{transform:translate3d(6px,5px,0) rotate(1deg)}}.gacha-flash{position:absolute;inset:0;pointer-events:none;z-index:100;opacity:0;transition:opacity .4s ease-out}.gacha-flash.flash-gold{background:radial-gradient(circle at 50% 50%,rgba(255,235,170,.95),rgba(217,164,65,.6) 50%,transparent 80%);opacity:1}.gacha-flash.flash-purple{background:radial-gradient(circle at 50% 50%,rgba(230,190,255,.9),rgba(176,108,255,.5) 50%,transparent 80%);opacity:1}.gacha-magic-circle{position:absolute;width:680px;height:680px;border-radius:50%;border:2px dashed rgba(217,164,65,.3);box-shadow:inset 0 0 50px #d9a44126,0 0 60px #d9a4411a;top:50%;left:50%;transform:translate(-50%,-50%) rotateX(65deg);pointer-events:none;animation:gachaRotate 24s linear infinite}.gacha-magic-circle:before{content:"";position:absolute;inset:40px;border-radius:50%;border:1.5px solid rgba(217,164,65,.45);animation:gachaRotateReverse 16s linear infinite}@keyframes gachaRotate{0%{transform:translate(-50%,-50%) rotateX(65deg) rotate(0)}to{transform:translate(-50%,-50%) rotateX(65deg) rotate(360deg)}}@keyframes gachaRotateReverse{0%{transform:rotate(0)}to{transform:rotate(-360deg)}}.gacha-header{position:absolute;top:max(20px,env(safe-area-inset-top));left:24px;right:24px;display:flex;align-items:center;justify-content:space-between;z-index:10}.gacha-title-box{display:flex;flex-direction:column}.gacha-sub{font:800 12px var(--sans);letter-spacing:.3em;color:var(--gold, #d9a441)}.gacha-h{font:900 28px var(--serif);color:#fff;text-shadow:0 2px 14px rgba(0,0,0,.8);margin-top:2px}.gacha-skip-btn{background:#141a26cc;border:1px solid #3a4660;color:#a9b7cf;font:700 13px var(--sans);padding:8px 16px;border-radius:20px;cursor:pointer;box-shadow:0 4px 12px #00000080;transition:all .15s ease}.gacha-skip-btn:active{transform:scale(.94);color:#fff;border-color:var(--gold)}.gacha-hint{position:absolute;top:calc(max(20px,env(safe-area-inset-top)) + 70px);font:600 14px var(--sans);color:#a9b7cf;text-shadow:0 2px 8px #000;animation:gachaPulse 1.8s infinite ease-in-out;z-index:10;text-align:center}@keyframes gachaPulse{0%,to{opacity:.6}50%{opacity:1}}.gacha-stage{position:relative;width:100%;max-width:900px;display:flex;align-items:center;justify-content:center;padding:20px;z-index:20}.gacha-stage.single .gacha-card{width:220px;height:320px}.gacha-stage.multi{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;max-width:500px;max-height:70vh;overflow-y:auto;padding:10px}@media(min-width:768px){.gacha-stage.multi{grid-template-columns:repeat(6,1fr);max-width:860px;gap:16px}}.gacha-stage.multi .gacha-card{width:100%;aspect-ratio:5/7;max-width:120px;height:auto}.gacha-card{perspective:1000px;cursor:pointer;position:relative;transition:transform .2s ease,filter .2s ease}.gacha-card:hover{transform:translateY(-4px)}.gacha-card-inner{position:relative;width:100%;height:100%;transform-style:preserve-3d;transition:transform .65s cubic-bezier(.175,.885,.32,1.275);border-radius:12px}.gacha-card.flipped .gacha-card-inner{transform:rotateY(180deg)}.card-back{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;border-radius:12px;background:radial-gradient(circle at 50% 40%,#1e2638,#0e131d 80%);border:2px solid #4a5670;box-shadow:0 8px 24px #000c,inset 0 0 16px #000000e6;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden}.card-back:before{content:"";position:absolute;inset:4px;border-radius:8px;border:1px dashed rgba(217,164,65,.35);pointer-events:none}.card-back-mark{font:900 36px var(--serif);color:#d9a441b3;text-shadow:0 0 16px rgba(217,164,65,.6);animation:gachaMarkPulse 2s infinite ease-in-out}.gacha-stage.single .card-back-mark{font-size:64px}@keyframes gachaMarkPulse{0%,to{transform:scale(1);opacity:.7}50%{transform:scale(1.1);opacity:1;text-shadow:0 0 24px rgba(217,164,65,.9)}}.card-front{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;transform:rotateY(180deg);border-radius:12px;background:radial-gradient(circle at 50% 30%,#1a2334,#0b1018 85%);border:2px solid #5a6882;box-shadow:0 8px 26px #000000d9;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:8px 6px;overflow:hidden}.gacha-card.g-normal .card-front{border-color:#8b97a8}.gacha-card.g-magic .card-front{border-color:#6fd16a;box-shadow:0 0 16px #6fd16a59,0 8px 24px #000}.gacha-card.g-rare .card-front{border-color:#4a9bff;box-shadow:0 0 20px #4a9bff73,0 8px 24px #000}.gacha-card.g-heroic .card-front{border-color:#b06cff;border-width:2.5px;box-shadow:0 0 28px #b06cffa6,0 8px 28px #000;animation:gachaHeroicPulse 2.5s infinite ease-in-out}.gacha-card.g-legendary .card-front{border-color:#ffd24a;border-width:3px;box-shadow:0 0 35px #ffd24acc,0 0 15px #ff9a2e,0 8px 30px #000;animation:gachaLegendaryPulse 2s infinite ease-in-out}@keyframes gachaHeroicPulse{0%,to{box-shadow:0 0 20px #b06cff80}50%{box-shadow:0 0 32px #b06cffd9}}@keyframes gachaLegendaryPulse{0%,to{box-shadow:0 0 24px #ffd24a99}50%{box-shadow:0 0 45px #ffd24a,0 0 20px #ff7a1a}}.card-grade-badge{font:800 10px var(--sans);padding:1px 6px;border-radius:8px;color:#fff;text-shadow:0 1px 3px #000;margin-top:2px}.g-normal .card-grade-badge{background:#5a6677}.g-magic .card-grade-badge{background:#2e7a32}.g-rare .card-grade-badge{background:#1f5ca8}.g-heroic .card-grade-badge{background:#6b28a8}.g-legendary .card-grade-badge{background:linear-gradient(90deg,#a87010,#d9a441);color:#221503}.card-icon-wrap{width:44px;height:44px;display:flex;align-items:center;justify-content:center;margin:4px 0;border-radius:10px;position:relative}.gacha-stage.single .card-icon-wrap{width:90px;height:90px;margin:12px 0}.card-icon-wrap img,.card-icon-wrap svg{width:100%;height:100%;object-fit:contain}.card-name{font:800 12px var(--sans);color:#fff;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%}.gacha-stage.single .card-name{font-size:20px;font-family:var(--serif)}.card-desc{font:500 10px var(--sans);color:var(--sub, #9aa6bd);text-align:center;line-height:1.3;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.gacha-stage.single .card-desc{font-size:13px;line-height:1.6;margin-top:6px;-webkit-line-clamp:3}.card-new-tag{position:absolute;top:-4px;right:-4px;background:linear-gradient(135deg,#ff4a40,#ff8a3a);color:#fff;font:900 9px var(--sans);padding:1px 5px;border-radius:6px;box-shadow:0 2px 6px #0009;animation:gachaNewBounce 1s infinite alternate}@keyframes gachaNewBounce{0%{transform:scale(1)}to{transform:scale(1.12)}}.card-pending-tag{position:absolute;top:-4px;left:-4px;background:#b06cffd9;border:1px solid #e0b8ff;color:#fff;font:900 9px var(--sans);padding:1px 5px;border-radius:6px;box-shadow:0 2px 6px #0009}.gacha-footer{position:absolute;bottom:max(20px,env(safe-area-inset-bottom));left:20px;right:20px;display:flex;gap:10px;justify-content:center;flex-wrap:wrap;z-index:30}.gacha-footer .btn{min-width:120px;height:48px;font-size:14px;border-radius:10px}@media(max-width:540px){.gacha-footer .btn{min-width:100px;height:44px;font-size:13px;padding:0 10px}}.gacha-auto-banner{display:flex;align-items:center;justify-content:center;gap:8px;background:#dc322840;border:1.5px solid #ff5a4e;border-radius:20px;padding:6px 16px;margin-top:6px;color:#ffb8b0;font:800 13px var(--sans);cursor:pointer;animation:gachaAutoPulse 1.2s infinite alternate}.gacha-auto-banner:active{transform:scale(.96)}@keyframes gachaAutoPulse{0%{opacity:.85;box-shadow:0 0 10px #ff5a4e66}to{opacity:1;box-shadow:0 0 20px #ff5a4ecc}}.currency-alert-modal{position:fixed;inset:0;z-index:10005;background:#04060ad1;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;user-select:none;-webkit-user-select:none;font-family:var(--sans, sans-serif);color:#e8ecf4;animation:alertFadeIn .2s ease-out}@keyframes alertFadeIn{0%{opacity:0}to{opacity:1}}.currency-alert-card{width:min(90vw,380px);background:radial-gradient(circle at 50% 10%,#1a2334,#101622 70%);border:1.5px solid var(--gold, #d9a441);border-radius:14px;box-shadow:0 16px 40px #000000e6,0 0 24px #d9a44133;padding:22px 20px 18px;display:flex;flex-direction:column;align-items:center;animation:alertScaleIn .25s cubic-bezier(.175,.885,.32,1.275)}@keyframes alertScaleIn{0%{transform:scale(.85)}to{transform:scale(1)}}.currency-alert-header{display:flex;flex-direction:column;align-items:center;gap:8px;margin-bottom:12px}.currency-alert-icon{font-size:38px;line-height:1;filter:drop-shadow(0 4px 10px rgba(0,0,0,.8))}.currency-alert-title{font:900 20px var(--sans);color:#fff;letter-spacing:-.02em}.currency-alert-body{width:100%;display:flex;flex-direction:column;align-items:center;text-align:center}.currency-alert-msg{font:600 14px/1.5 var(--sans);color:#a9b7cf;margin:0 0 14px}.currency-stat-box{width:100%;background:#0a0e16d9;border:1px solid #2a354b;border-radius:10px;padding:10px 14px;display:flex;flex-direction:column;gap:8px;box-sizing:border-box}.currency-row{display:flex;justify-content:space-between;align-items:center;font:600 13px var(--sans);color:#8f9db5}.currency-row .val{font-weight:800;color:#fff}.currency-row .val.cur{color:#d0d9e8}.currency-row .val.req{color:var(--gold, #ffd24a)}.currency-row.shortage{border-top:1px dashed rgba(255,255,255,.12);padding-top:8px;margin-top:2px}.currency-row.shortage .label{color:#ff7b72;font-weight:700}.currency-row.shortage .val.dif{color:#ff5a4e;font-size:15px}.currency-guide-tip{font:500 11px/1.4 var(--sans);color:var(--dim, #6e7d95);margin-top:10px}.currency-alert-footer{width:100%;display:flex;gap:10px;margin-top:18px}