:root{--bg:#0a0d13;--bg2:#10151e;--panel:#141a25;--panel2:#1b2331;--line:#2c3649;--line2:#3a4660;--gold:#d9a441;--gold2:#f3d27a;--gold3:#8a6420;--txt:#e8ecf4;--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:absolute;inset:0;background:radial-gradient(ellipse at 50% 45%,transparent 45%,rgba(4,6,10,.72) 100%)}.dim{position:absolute;inset:0;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{width:22px;height:22px}.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}.wtop h1 svg{width:30px;height:30px}.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:absolute;font:600 13px/1.65 var(--sans);color:#d5dcea;text-shadow:0 1px 3px #000,0 0 6px #000}.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}html,body{margin:0;height:100%;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:hidden}#stage .rbtn,#stage [data-act],#stage .sk,#stage .chip{pointer-events:auto;cursor:pointer}#stage .vig{pointer-events:none}.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}.win{position:absolute;inset:0;z-index:40;pointer-events:auto;background:radial-gradient(ellipse at 50% 30%,#131a26,#080b10 75%)}.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}.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:absolute;inset:0;background:radial-gradient(ellipse at 50% 40%,#0a0d1359,#05070bd1);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.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:750px;top:590px;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:560px;top:560px;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)}}