:root{--ink: #f6e9cf;--muted: #d8b78f;--panel: rgba(24, 14, 7, .68);--line: rgba(246, 233, 207, .18);--amber: #ffc46b;--danger: #ff7963;--magic: #9bc7ff}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;height:100%;background:#120b06;color:var(--ink);font-family:Microsoft YaHei,PingFang SC,Noto Sans CJK SC,system-ui,sans-serif;-webkit-user-select:none;user-select:none;overflow:hidden}#stage{position:fixed;top:0;right:0;bottom:0;left:0;--beianPad: 0px;box-sizing:border-box;padding-bottom:var(--beianPad);display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 35%,#2b1d10,#120b06 68%),#120b06}#stage.beianOn{--beianPad: 34px}#wrap{position:relative;width:min(100vw,calc((100vh - var(--beianPad)) * 16 / 9));height:min(calc(100vh - var(--beianPad)),56.25vw);background:#000;overflow:hidden;box-shadow:0 24px 90px #000000b8}canvas{display:block;width:100%;height:100%;background:#0c1014}.hidden{display:none!important}button{font:inherit;cursor:pointer}.overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:30;display:flex;align-items:center;justify-content:center;background:linear-gradient(180deg,#07050233,#07050214 45%,#07050275);animation:fadeIn .45s ease both}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.panel{width:min(650px,88%);padding:28px 30px 32px;border:1px solid var(--line);border-radius:18px;background:var(--panel);box-shadow:0 20px 70px #0000006b,inset 0 1px #ffffff0f;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);text-align:center}.panel{min-width:0;overflow-wrap:anywhere}.panel.center{display:flex;flex-direction:column;align-items:center}.kicker{margin:0 0 10px;font-size:12px;letter-spacing:.26em;color:var(--muted);text-transform:uppercase}h1{margin:0 0 12px;font-size:clamp(38px,6vw,60px);line-height:1;font-weight:800;letter-spacing:.16em;color:#ffe9bd;text-shadow:0 4px 24px rgba(255,174,66,.35),0 2px 0 rgba(60,28,0,.45)}h1 span{display:block;margin-top:10px;font-size:13px;font-weight:600;letter-spacing:.5em;color:#f6deb0b8}.desc{margin:6px 0 20px;color:var(--ink);font-size:15px;line-height:1.9}.tiny{margin:14px 0 0;color:#d8b78f9e;font-size:11px}.loginPanel{width:min(520px,90%)}.loginForm{display:flex;flex-direction:column;gap:12px;width:100%;margin:0 0 16px}.loginRow{display:grid;grid-template-columns:88px 1fr;align-items:center;gap:12px;text-align:left}.loginRow span{color:var(--amber);font-size:14px;font-weight:700;letter-spacing:.08em}.loginRow input{width:100%;padding:11px 14px;border:1px solid rgba(255,214,150,.32);border-radius:10px;background:#00000057;color:#ffe9c6;font:inherit;font-size:15px;outline:none;transition:border-color .15s,box-shadow .15s}.loginRow input::placeholder{color:#d8b78f73}.loginRow input:focus{border-color:#ffce82e6;box-shadow:0 0 0 3px #ffb03c29}.loginError{margin:-4px 0 14px;padding:7px 12px;border-radius:8px;border-left:3px solid #e0603c;background:#e0603c24;color:#ffb49a}.help{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;width:100%;margin:4px 0 24px;text-align:left}.help div{display:flex;flex-direction:column;gap:3px;padding:9px 11px;border:1px solid rgba(255,200,120,.12);border-radius:9px;background:#0003;font-size:12px}.help b{color:var(--amber);font-size:14px}.primary{min-width:190px;padding:13px 26px;border:1px solid rgba(255,220,150,.72);border-radius:999px;background:linear-gradient(180deg,#ffce82,#e59a3f);color:#382006;font-size:17px;font-weight:800;letter-spacing:.2em;box-shadow:0 8px 26px #ffa12e57,inset 0 1px #ffffff8c;transition:transform .12s}.primary:hover{transform:translateY(-1px)}.primary:active{transform:translateY(1px)}#hud{position:absolute;top:0;right:0;bottom:0;left:0;z-index:8;pointer-events:none;background:linear-gradient(180deg,rgba(8,6,2,.25),transparent 15%)}#distDisplay{position:absolute;top:13px;left:18px;font-size:26px;font-weight:800;color:#fff3d8;text-shadow:0 2px 8px rgba(0,0,0,.8)}#distDisplay small{font-size:.55em;font-weight:500;opacity:.75}#wallet{position:absolute;top:76px;left:18px;font-size:17px;font-weight:800;color:#ffe9a8;text-shadow:0 2px 7px rgba(0,0,0,.82)}#wallet span{color:#ffd970}#levelBox{position:absolute;top:46px;left:18px;display:flex;align-items:center;gap:8px;font-size:13px;font-weight:800;color:#ffe9b8;text-shadow:0 2px 6px rgba(0,0,0,.8)}.xpBar{width:96px;height:9px;border-radius:999px;border:1px solid rgba(255,235,205,.35);background:#00000080;overflow:hidden}.xpBar i{display:block;height:100%;width:0%;border-radius:inherit;background:linear-gradient(90deg,#58c7ff,#a8e5ff);transition:width .2s}#xpText{color:#bfe4ff;font-size:11px;font-weight:700}#onlineTimer{font-size:11px;color:#b6d0ea;opacity:.9}#onlineTimer.claimable{color:#ffe6a6;font-weight:800;opacity:1;text-shadow:0 0 8px rgba(255,214,120,.55)}#btnOnlineClaim{pointer-events:auto;border:1px solid rgba(160,235,255,.8);border-radius:999px;padding:3px 12px;background:linear-gradient(180deg,#cdf3ff,#4fb8e0);color:#062b38;font-size:12px;font-weight:900;animation:elitePulse 1.4s ease-in-out infinite}#playerLv{max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#btnBreak{pointer-events:auto;border:1px solid rgba(255,220,140,.75);border-radius:999px;padding:3px 12px;background:linear-gradient(180deg,#ffe6a6,#d99b2f);color:#3a2106;font-size:12px;font-weight:900;animation:elitePulse 1.4s ease-in-out infinite}.hudBtn{position:absolute;left:18px;pointer-events:auto;border:1px solid rgba(255,214,142,.45);border-radius:10px;padding:7px 16px;background:#201308b8;color:#ffe6bb;font-size:14px;font-weight:800;box-shadow:0 5px 14px #00000047;transition:transform .12s,background .15s}.hudMenu{position:absolute;left:18px;display:flex;flex-direction:column;gap:5px;transform:scale(var(--hudColScale, 1));transform-origin:top left}.hudSub{display:flex;flex-direction:column;gap:4px;padding-left:0}.hudSub.hidden{display:none}.hudSubBtn{pointer-events:auto;display:flex;align-items:center;gap:8px;width:128px;padding:2px 10px 2px 5px;border:1px solid rgba(255,214,142,.38);border-radius:9px;background:#2c1a0ae6;color:#ffe6bb;font-size:12px;font-weight:800;cursor:pointer;text-align:left;transition:background .15s,transform .12s}.hudSubBtn:hover{background:#5a3612f2;transform:translate(3px)}.hudSubBtn.on{border-color:#ffd68ee6;background:#784a18f2}.hudIco{width:20px;height:20px;flex:none;image-rendering:pixelated;filter:drop-shadow(0 1px 1px rgba(0,0,0,.55))}.hudSubBtn span{white-space:nowrap}#hud.hudTight .hudSubBtn{width:118px;padding:2px 8px 2px 5px;font-size:11.5px;gap:6px}#hud.hudTight .hudIco{width:18px;height:18px}#hud.hudVeryTight .hudMenu{width:248px}#hud.hudVeryTight .hudSub{flex-direction:row;flex-wrap:wrap;width:248px;padding-left:0}#hud.hudVeryTight .hudSubBtn{width:120px}#btnLog{left:auto;right:16px;top:190px}#hud.hudTight .hudBtn{padding:4px 10px;font-size:12px;border-radius:8px}#btnWorldBoss.alive{border-color:#ff8c5af2;background:#782812d9;color:#ffd0a0;box-shadow:0 0 14px #ff783c80;animation:wbPulse 1.6s ease-in-out infinite}@keyframes wbPulse{0%,to{box-shadow:0 0 10px #ff783c59}50%{box-shadow:0 0 20px #ff8c46bf}}#btnChar.hasPoints{border-color:#ffd678f2;color:#fff0c4;box-shadow:0 0 14px #ffce6e8c}#legendBar{position:absolute;top:56px;left:50%;transform:translate(-50%);z-index:12;display:flex;align-items:center;gap:10px;padding:5px 16px;border:1px solid rgba(255,150,230,.5);border-radius:999px;background:#280628c7;color:#ffd9f4;font-size:13px;font-weight:700;text-shadow:0 1px 4px rgba(0,0,0,.8);pointer-events:none}#legendBar b{color:#ff9be0}#legendBar span:last-child{color:#ffd0a8}#caveBar{position:absolute;top:96px;left:50%;transform:translate(-50%);z-index:14;display:flex;align-items:center;gap:12px;padding:6px 16px;border:1px solid rgba(255,214,142,.45);border-radius:999px;background:#140c04db;color:#ffe9c4;font-size:13px;font-weight:700;text-shadow:0 1px 4px rgba(0,0,0,.8);pointer-events:auto;box-shadow:0 10px 26px #00000080}#caveBar b{font-weight:900}#caveBar span{color:#ffe0bb}#caveLeave{border:1px solid rgba(255,214,142,.55);border-radius:999px;padding:3px 12px;background:linear-gradient(180deg,#ffe6a6,#d99b2f);color:#3a2106;font-size:12px;font-weight:900;cursor:pointer}#caveLeave:hover{transform:translateY(-1px)}#btnAuto.active{background:linear-gradient(180deg,#ffe1a0,#e8a63f);color:#3a2106;border-color:#ffd78e}.hudBtn:hover{transform:translateY(-1px);background:#3e250ed9}.hudBtn:active{transform:translateY(1px)}#btnWorldBoss{left:50%;top:16px;transform:translate(-50%);z-index:12}#btnWorldBoss:hover{transform:translate(-50%,-1px)}#btnWorldBoss:active{transform:translate(-50%,1px)}#toast{position:absolute;left:50%;top:22%;transform:translate(-50%);z-index:70;padding:8px 17px;border:1px solid rgba(255,208,130,.26);border-radius:999px;background:#0e0803c7;color:#ffe9c6;font-size:14px;letter-spacing:.05em;white-space:nowrap;pointer-events:none;animation:toastFade 2.3s ease both}@keyframes toastFade{0%{opacity:0;transform:translate(-50%,10px)}12%,78%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%,-8px)}}#controls{position:absolute;left:auto;right:0;bottom:0;z-index:16;pointer-events:none}#flaskWrap{position:absolute;left:8px;top:152px;z-index:2;pointer-events:none}#btnFlask{position:relative;width:58px;height:58px;pointer-events:auto;border-radius:50%;border:2px solid rgba(255,205,175,.55);background:radial-gradient(circle at 34% 26%,#ffd6a6,#d74835 65%,#8f1c17);color:#fff1df;font-weight:900;box-shadow:0 5px 12px #0000006b,inset 0 2px 4px #ffffff4d;display:flex;align-items:center;justify-content:center;transition:transform .12s,filter .15s}#btnFlask:hover:not(:disabled){transform:scale(1.06)}#btnFlask:active:not(:disabled){transform:scale(.94)}#btnFlask:disabled{filter:grayscale(.85) brightness(.52);cursor:not-allowed}.flaskIcon{width:34px;height:34px;display:block;object-fit:contain;image-rendering:pixelated;filter:drop-shadow(0 2px 3px rgba(0,0,0,.55))}.flaskCount{position:absolute;top:-5px;right:-5px;min-width:20px;height:20px;padding:0 4px;border-radius:999px;background:#3a150c;border:1.5px solid #ffb28b;color:#ffe5cf;font-size:11px;font-weight:900;display:flex;align-items:center;justify-content:center}.flaskTip{position:absolute;left:50%;bottom:calc(100% + 6px);transform:translate(-50%);width:max-content;padding:5px 9px;border:1px solid rgba(255,200,165,.3);border-radius:8px;background:#120904e0;color:#ffe6d2;font-size:11px;line-height:1.45;opacity:0;pointer-events:none;transition:opacity .15s}#flaskWrap:hover .flaskTip{opacity:1}#loadPanel{position:absolute;left:18px;bottom:18px;z-index:32;width:min(320px,42vw);padding:10px 12px 11px;border-radius:14px;border:1px solid rgba(255,214,142,.35);background:#0e0803e6;box-shadow:0 14px 34px #0000008c,inset 0 1px #ffffff0d;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#ffe9c4;text-align:left;animation:tipIn .2s ease both}.loadHead{display:flex;align-items:baseline;justify-content:space-between;gap:8px;font-size:12.5px;font-weight:800}.loadHead b{color:#ffd970;font-size:14px}.loadBar{margin:7px 0 6px;height:10px;border-radius:999px;border:1px solid rgba(255,214,142,.25);background:#0000008c;overflow:hidden}.loadBar i{display:block;width:0%;height:100%;border-radius:inherit;background:linear-gradient(90deg,#d99b2f,#ffe6a6,#ffd970);box-shadow:0 0 10px #ffce6e99}.loadTip{font-size:11px;color:#bda88a}#chatPanel{position:absolute;left:14px;bottom:14px;z-index:15;width:min(320px,46vw);display:flex;flex-direction:column;border:1px solid rgba(255,215,160,.22);border-radius:12px;background:#120a04bd;box-shadow:0 10px 30px #00000073;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);overflow:hidden;font-size:12.5px;pointer-events:auto}#chatPanel.collapsed .chatList,#chatPanel.collapsed .chatForm{display:none}.chatHead{display:flex;align-items:center;gap:8px;padding:7px 10px;background:#ffc87812;border-bottom:1px solid rgba(255,215,160,.12)}.chatTitle{font-weight:800;color:#ffe6bb}.chatStatus{color:#9fd4a8;font-size:11px}.chatStatus.online{color:#8ff0b0;font-weight:700;text-shadow:0 0 8px rgba(120,255,170,.35)}.chatStatus.offline{color:#b9a08c}.identityPanel{width:min(520px,94%)}.identityPanel h2{font-size:26px;color:#ffd9a8;letter-spacing:.08em}.identityPanel .desc{margin:8px 0 16px;line-height:1.7}.identityPanel .desc b{color:var(--amber)}.identityForm{margin-bottom:10px}.identityActions{display:flex;gap:12px;justify-content:center;margin-top:6px}.identityActions .primary{min-width:130px}#chatToggle{margin-left:auto;border:1px solid rgba(255,235,205,.28);border-radius:999px;padding:2px 10px;background:#ffffff14;color:#f2dfbd;font-size:11px}#chatToggle:hover{background:#ffffff29}.chatList{height:var(--chatListH, 148px);overflow-y:auto;padding:8px 10px;display:flex;flex-direction:column;gap:4px;line-height:1.5}.chatRow{display:flex;gap:6px;word-break:break-word}.chatTime{flex:none;color:#9db6c9;font-size:10px;padding-top:1px}.chatName{flex:none;color:#ffd08a;font-weight:700}.chatText{color:#f3e7d2}.chatRow.system .chatText{color:#a9d6ff}.chatRow.me .chatName{color:#9fe0a8}.chatRow.bot .chatName{color:#b6c8ff}.chatForm{display:flex;gap:6px;padding:8px 10px 10px}#chatInput{flex:1;min-width:0;border:1px solid rgba(255,235,205,.22);border-radius:8px;padding:6px 9px;background:#0000006b;color:#f6e9cf;font:inherit;outline:none}#chatInput:focus{border-color:#ffd68c99}#chatSend{border:1px solid rgba(255,220,150,.5);border-radius:8px;padding:6px 12px;background:linear-gradient(180deg,#ffce82,#e59a3f);color:#382006;font-weight:800;font-size:12px}#chatSend:hover{filter:brightness(1.06)}#btnElite{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:122px;height:122px;border-radius:50%;z-index:22;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;border:2px solid rgba(255,210,130,.8);background:radial-gradient(circle at 36% 28%,#b06bff,#7a2bd6 58%,#40106e);color:#fff3e2;box-shadow:0 8px 26px #7828c880,inset 0 2px 6px #ffffff47;animation:elitePulse 1.6s ease-in-out infinite;pointer-events:auto;--eliteShift: 0px;transition:transform .12s}#btnElite:hover{transform:translate(-50%,-50%) scale(1.05)}#btnElite:active{transform:translate(-50%,-50%) scale(.95)}#btnElite.docked{transform:translate(calc(-50% + var(--eliteShift)),-50%) scale(.62);transition:transform .9s cubic-bezier(.32,.94,.36,1)}#btnElite.docked:hover{transform:translate(calc(-50% + var(--eliteShift)),-50%) scale(.66)}#btnElite.docked:active{transform:translate(calc(-50% + var(--eliteShift)),-50%) scale(.58)}.eliteMain{font-size:16px;font-weight:900;letter-spacing:.08em}.eliteSub{font-size:9px;opacity:.85}.eliteCount{position:absolute;top:-4px;right:-4px;min-width:26px;height:26px;padding:0 5px;border-radius:999px;background:#2b0b46;border:1.5px solid #ffcf7a;color:#ffe6b0;font-size:14px;font-weight:900;display:flex;align-items:center;justify-content:center}@keyframes elitePulse{0%,to{box-shadow:0 8px 26px #7828c873,inset 0 2px 6px #ffffff47}50%{box-shadow:0 8px 38px #b45affcc,inset 0 2px 6px #ffffff59}}#wheel{position:relative;width:300px;height:230px;margin:0 10px 10px 0;filter:drop-shadow(0 6px 14px rgba(0,0,0,.35))}.cmd{position:absolute;border-radius:50%;display:flex;align-items:center;justify-content:center;pointer-events:auto;touch-action:none;border:2px solid rgba(255,235,205,.34);color:#fff2d8;font-weight:800;text-shadow:0 1px 3px rgba(0,0,0,.8);transition:transform .12s,filter .12s,background .2s}.cmd:hover:not(:disabled){transform:scale(1.06)}.cmd:active:not(:disabled){transform:scale(.96)}.cmd.main{left:104px;top:130px;width:92px;height:92px;font-size:22px;letter-spacing:.1em;background:radial-gradient(circle at 35% 28%,#ffd991,#e79c3c 72%,#b96f22);color:#3b2106;border-color:#ffd78e;box-shadow:0 5px 18px #ff9a275c}.cmd.main.active{background:radial-gradient(circle at 35% 28%,#fff0b0,#f2b454 72%,#d0852c);box-shadow:0 5px 24px #ffbe468c,inset 0 0 0 2px #fff4c880}.cmd.small{width:60px;height:60px;font-size:14px;background:radial-gradient(circle at 35% 28%,#583e23f0,#26190ef5)}.cmdIcon{width:32px;height:32px;display:block;object-fit:contain;image-rendering:pixelated;pointer-events:none;filter:drop-shadow(0 2px 3px rgba(0,0,0,.55))}#btnAttack .cmdIcon,#btnSpell .cmdIcon,#btnDefend .cmdIcon{width:34px;height:34px}#btnSpell{left:120px;top:38px;right:auto;bottom:auto}#btnAttack{left:25px;top:88px;right:auto;bottom:auto}#btnDefend{left:215px;top:88px}#btnAuto{left:215px;top:155px;font-size:13px}#btnAuto.active{background:radial-gradient(circle at 35% 28%,#b6ffd0,#4bbd7a 72%,#2c8b56);color:#06291a;border-color:#b6ffcf;box-shadow:0 5px 20px #5adc9680}.cmd:disabled{cursor:not-allowed;filter:grayscale(.85) brightness(.52);transform:scale(.98)}.cmd:disabled#btnMove{background:radial-gradient(circle at 35% 28%,#6d5f4d,#443a2d 78%);color:#aaa08d;border-color:#ffffff1f;box-shadow:none}#btnAttack:not(:disabled){border-color:#ff977e99}#btnSpell:not(:disabled){border-color:#8cc3ff9e}#btnDefend:not(:disabled){border-color:#ffe1a080}#battleTint{position:absolute;top:0;right:0;bottom:0;left:0;z-index:7;pointer-events:none;background:radial-gradient(ellipse at 55% 44%,#ff5a281a,#32050057),linear-gradient(180deg,#1e000026,#28040061);animation:fadeIn .35s ease both}#battleHud{position:absolute;right:14px;top:12px;width:min(300px,38%);z-index:18;padding:12px 14px 11px;border:1px solid rgba(255,166,116,.32);border-radius:14px;background:#1a0c04d1;box-shadow:0 10px 36px #00000080,inset 0 1px #ffffff12;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:battleIn .35s ease both}@keyframes battleIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}.battleTitle{margin:0 0 8px;text-align:center;font-size:16px;font-weight:800;letter-spacing:.22em;color:#ffb277}.combatant{display:flex;align-items:center;gap:12px;margin:7px 0}.bar{height:9px;border-radius:999px;background:#0000008c;border:1px solid rgba(255,255,255,.16);overflow:hidden}.bar i{display:block;height:100%;width:100%;border-radius:inherit;transition:width .2s}.bar.player i{background:linear-gradient(90deg,#4ca567,#9adf8c)}.bar.mp{margin-top:3px;position:relative;background:#0000008c}.bar.mp i{background:linear-gradient(90deg,#2f6fd6,#9fd4ff);width:100%}.bar.mp #playerMpReserve{position:absolute;top:0;right:0;height:100%;width:0%;background:repeating-linear-gradient(135deg,#b478ff8c 0,#b478ff8c 4px,#7846c859 4px,#7846c859 8px);border-left:1px solid rgba(220,180,255,.55)}.hpText{font-size:11px;color:#f1dcc0;margin-top:2px;opacity:.95}.combatant.you{align-items:flex-start}.who{width:48px;color:#ffe4b2;font-size:13px;font-weight:700;padding-top:2px}.youStats{flex:1;min-width:0}#mpText{color:#a8d1ff}#battleLog{margin-top:8px;padding:6px 9px;min-height:20px;border-radius:8px;background:#00000057;color:#ffe9cf;font-size:12.5px;line-height:1.6}.popupOverlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:40;display:flex;align-items:center;justify-content:center;background:#0c050194;animation:fadeIn .25s ease both}.spellPanel{position:absolute;right:14px;top:50%;transform:translateY(-50%);width:min(430px,46%);margin:0}.spellPanel h2{margin:0 0 6px;font-size:27px;color:#bcd8ff}.dangerGhost{margin-top:14px;padding:7px 16px;border:1px solid rgba(224,96,60,.45);border-radius:999px;background:#e0603c1a;color:#ffb49a;font-size:12.5px;font-weight:700;cursor:pointer;transition:background .15s,border-color .15s}.dangerGhost:hover{background:#e0603c33;border-color:#e0603ccc}.wipePanel{width:min(460px,92%)}.deathPanel{width:min(480px,92%)}.deathPanel h2{font-size:30px;color:#ff8f7a;letter-spacing:.14em;text-shadow:0 4px 22px rgba(255,60,40,.35)}.deathPanel .desc{margin:6px 0 12px}.deathPanel .desc b{color:var(--amber)}.deathLoss{max-height:190px;overflow-y:auto;margin:4px 0 10px;padding:6px}.deathLoss .lootRow{background:#ff5a3c14;border-color:#ff785a47}.deathLoss .lootName{text-decoration:line-through}.wipePanel h2{font-size:26px;color:#ff9c7d;letter-spacing:.1em}.wipePanel .desc b{color:#ffb49a}.wipeActions{display:flex;gap:12px;justify-content:center;margin-top:6px}.primary.danger{background:linear-gradient(180deg,#ff8a63,#d4471f);border-color:#ffb496cc;color:#2b0d03;box-shadow:0 8px 24px #d4471f59,inset 0 1px #ffffff73}.wbBossTip{position:absolute;z-index:70;width:430px;max-width:92%;padding:12px 13px 11px;border-radius:12px;border:1px solid rgba(255,150,110,.5);background:radial-gradient(120% 80% at 50% 0%,rgba(255,150,90,.14),transparent 62%),linear-gradient(180deg,#1e100af7,#0a0604fa);box-shadow:0 18px 44px #000000a8,inset 0 0 40px #ff8c500f;pointer-events:none;animation:fadeIn .16s ease both;text-align:left}.wbBossTip.hidden{display:none}.wbtHead{display:flex;align-items:baseline;gap:9px;margin-bottom:9px}.wbtHead b{font-size:16px;color:#ffd0a0;letter-spacing:.04em}.wbtHead span{font-size:12px;color:#ffbe96b8}.wbBossTip img{display:block;width:100%;height:auto;border-radius:9px;border:1px solid rgba(255,190,140,.26);background:#00000059}.wbtDetail{margin:9px 0 0;font-size:12.5px;line-height:1.6;color:#eed8c4cc}.wbtDetail.hidden{display:none}.wbRow.hasInfo{cursor:help}.wbRow.hasInfo:hover{border-color:#ffaa78b8}.wbRewardPanel{position:relative;width:min(760px,95%);padding:0 26px 22px;border:1px solid rgba(255,205,130,.34);border-radius:14px;overflow:hidden;background:radial-gradient(120% 70% at 50% 0%,rgba(255,190,110,.13),transparent 62%),radial-gradient(90% 60% at 50% 108%,rgba(120,80,30,.22),transparent 70%),linear-gradient(180deg,#17110a,#0a0704 68%,#060403);box-shadow:0 30px 80px #000000b3,inset 0 0 90px #ffb0600d}.wbRewardRibbon{position:relative;margin:0 -26px 12px;padding:16px 26px 14px;text-align:center;background:linear-gradient(180deg,#ffd68e29,#ffb06000 90%),linear-gradient(180deg,#2e1e0ef5,#160e07e6);border-bottom:1px solid rgba(255,205,130,.3);box-shadow:0 10px 30px #00000073}.wbRewardRibbon:before,.wbRewardRibbon:after{content:"";position:absolute;bottom:-1px;width:64px;height:1px;background:linear-gradient(90deg,transparent,#ffd08a)}.wbRewardRibbon:before{left:26px}.wbRewardRibbon:after{right:26px;transform:scaleX(-1)}.wbRewardPanel h2{margin:2px 0 0;font-size:26px;background:linear-gradient(180deg,#fff6e0,#ffc86c 58%,#cf8322);-webkit-background-clip:text;background-clip:text;color:transparent;letter-spacing:.08em;text-shadow:0 4px 20px rgba(255,150,40,.25)}.wbRewardPanel .kicker{margin:0;color:#ffcd82b3;letter-spacing:.3em;font-size:11px}.wbRewardChests{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:12px 0 14px}.wbChest{position:relative;display:flex;flex-direction:column;align-items:center;gap:9px;min-height:268px;padding:30px 12px 14px;border:1px solid rgba(255,214,142,.16);border-radius:12px;background:linear-gradient(180deg,#1e150bb8,#090603d1);color:#ffe6bb;font-size:12.5px;font-weight:800;cursor:pointer;overflow:hidden;transition:transform .16s,border-color .2s,box-shadow .2s,background .2s}.wbChest:not(.opened):after{content:"";position:absolute;top:0;left:-40%;width:40%;height:100%;background:linear-gradient(100deg,transparent,rgba(255,226,170,.16),transparent);animation:wbChestSweep 2.6s ease-in-out infinite;pointer-events:none}@keyframes wbChestSweep{0%{left:-40%}55%{left:110%}to{left:110%}}.wbChest:hover:not(.opened){transform:translateY(-3px);border-color:#ffe8b4cc;box-shadow:0 16px 34px #0000008c,0 0 24px #ffb45a38}.wbChest:active:not(.opened){transform:translateY(-1px)}.wbChest.opened{cursor:default;border-color:color-mix(in srgb,var(--lc, #7dffa8) 55%,transparent);background:radial-gradient(circle at 50% 30%,color-mix(in srgb,var(--lc, #7dffa8) 16%,transparent),transparent 68%),linear-gradient(180deg,#120e08d1,#070503e6);box-shadow:inset 0 0 34px color-mix(in srgb,var(--lc, #7dffa8) 10%,transparent)}.wbChestBeam{position:absolute;top:0;left:50%;width:46px;margin-left:-23px;height:0;opacity:0;background:linear-gradient(180deg,transparent 0%,color-mix(in srgb,var(--lc, #7dffa8) 60%,transparent) 45%,color-mix(in srgb,var(--lc, #7dffa8) 85%,transparent) 100%);filter:blur(8px);border-radius:50% 50% 0 0;transition:height .5s cubic-bezier(.2,1.5,.4,1),opacity .45s ease;pointer-events:none}.wbChest.opened .wbChestBeam{height:86px;opacity:.78}.wbChestTag{position:absolute;top:9px;left:50%;transform:translate(-50%);padding:1px 10px;font-size:11.5px;font-weight:800;letter-spacing:.08em;border-radius:999px;color:#ffdfae;background:#ffc87824;border:1px solid rgba(255,214,142,.3)}.wbChest.opened .wbChestTag{color:#b6ffcf;background:#7dffa821;border-color:#7dffa861}.wbChestBox{position:relative;display:flex;align-items:center;justify-content:center;width:132px;height:132px;border-radius:10px;border:1px solid rgba(255,214,142,.22);background:radial-gradient(circle at 50% 62%,rgba(255,190,110,.14),transparent 68%),linear-gradient(180deg,#00000080,#000000ad);box-shadow:inset 0 2px 12px #0009;transition:border-color .3s,box-shadow .3s}.wbChest.opened .wbChestBox{border-color:color-mix(in srgb,var(--lc, #7dffa8) 70%,transparent);box-shadow:inset 0 0 22px color-mix(in srgb,var(--lc, #7dffa8) 18%,transparent),0 0 18px -4px var(--lc, #7dffa8);animation:wbSlotPop .5s cubic-bezier(.24,1.5,.4,1) both}@keyframes wbSlotPop{0%{transform:scale(.86)}55%{transform:scale(1.06)}to{transform:scale(1)}}.wbChestItem{display:flex;align-items:center;justify-content:center;width:96px;height:96px;font-size:38px;font-weight:900;color:var(--lc, #ffd08a);text-shadow:0 0 18px color-mix(in srgb,var(--lc, #ffd08a) 55%,transparent);animation:wbItemIn .5s cubic-bezier(.2,1.5,.4,1) both}.wbChestItem .itemIconImg{width:100%;height:100%;object-fit:contain}@keyframes wbItemIn{0%{opacity:0;transform:scale(.6) rotate(-8deg)}to{opacity:1;transform:none}}.wbChest.burst .wbChestBox:after{content:"";position:absolute;top:-18px;right:-18px;bottom:-18px;left:-18px;border-radius:50%;border:2px solid color-mix(in srgb,var(--lc, #ffd08a) 75%,transparent);animation:wbBurst .62s ease-out both;pointer-events:none}@keyframes wbBurst{0%{transform:scale(.5);opacity:.9}to{transform:scale(1.35);opacity:0}}.wbChestImg{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 8px 16px rgba(0,0,0,.55)) drop-shadow(0 0 14px rgba(255,190,90,.22));animation:wbChestImgFloat 2.4s ease-in-out infinite}.wbChest:hover:not(.opened) .wbChestImg{filter:drop-shadow(0 10px 20px rgba(0,0,0,.6)) drop-shadow(0 0 22px rgba(255,200,110,.5))}@keyframes wbChestImgFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.wbChestIcon{position:relative;width:104px;height:96px}.wbChestBody{position:absolute;left:6px;right:6px;bottom:4px;height:52px;border-radius:6px 6px 9px 9px;border:1px solid rgba(255,205,130,.55);background:linear-gradient(180deg,#7a4f1d,#48290c 62%,#2c1706);box-shadow:inset 0 2px #ffd68e47,inset 0 -8px 14px #00000080}.wbChestLid{position:absolute;left:6px;right:6px;top:16px;height:34px;border-radius:9px 9px 4px 4px;border:1px solid rgba(255,214,142,.6);background:linear-gradient(180deg,#9b6726,#6a3f14 70%,#4a2a0c);box-shadow:inset 0 3px #ffe6b44d;transform-origin:8px 100%;transition:transform .4s cubic-bezier(.3,1.5,.5,1)}.wbChestBand{position:absolute;left:6px;right:6px;bottom:30px;height:7px;background:linear-gradient(180deg,#ffd98f,#c9882c 70%,#8a5613);box-shadow:0 0 8px #ffbe5a4d}.wbChestLock{position:absolute;left:50%;bottom:24px;width:20px;height:22px;margin-left:-10px;border-radius:4px;border:1px solid rgba(255,226,170,.7);background:linear-gradient(180deg,#ffe0a0,#c98c2e 65%,#8d5a15);box-shadow:0 2px 6px #00000080}.wbChestLock:before{content:"";position:absolute;left:50%;top:-9px;width:12px;height:12px;margin-left:-6px;border:2px solid rgba(255,226,170,.8);border-bottom:none;border-radius:6px 6px 0 0}.wbChestGlow{position:absolute;left:12px;right:12px;bottom:40px;height:0;border-radius:50%;background:radial-gradient(ellipse at 50% 100%,#beffd2f2,#7dffa800 70%);opacity:0;transition:opacity .45s ease .12s,height .45s ease .12s}.wbChest.opened .wbChestLid{transform:rotate(-118deg) translate(-4px,-6px)}.wbChest.opened .wbChestLock{opacity:.45}.wbChest.opened .wbChestGlow{opacity:1;height:46px}.wbChest.opened .wbChestIcon{animation:wbChestPop .45s cubic-bezier(.25,1.6,.4,1) both}@keyframes wbChestPop{0%{transform:scale(1)}45%{transform:scale(1.09)}to{transform:scale(1)}}.wbChestName{min-height:20px;font-size:14px;letter-spacing:.02em;color:#ffe0b48c}.wbChest.opened .wbChestName{color:var(--lc, #ffd08a);text-shadow:0 0 14px color-mix(in srgb,var(--lc, #ffd08a) 45%,transparent)}.wbChestDivider{width:76%;height:1px;background:linear-gradient(90deg,transparent,rgba(255,214,142,.34),transparent)}.wbChest.opened .wbChestDivider{background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--lc, #ffd08a) 55%,transparent),transparent)}.wbChestLoot{min-height:40px;font-size:12px;font-weight:700;line-height:1.55;color:#e6d6be9e;overflow-wrap:anywhere}.wbChest.opened .wbChestLoot{color:#eee2ced1}.wbRewardProgress{display:flex;align-items:center;justify-content:center;gap:12px;margin:2px 0 14px;font-size:13px;font-weight:800;letter-spacing:.06em;color:#ffd68ec7}.wbDots{display:inline-flex;gap:7px}.wbDots i{width:9px;height:9px;border-radius:50%;border:1px solid rgba(255,214,142,.45);background:#0006;transition:background .25s,box-shadow .25s,border-color .25s}.wbDots i.on{border-color:#ffd68ee6;background:linear-gradient(180deg,#ffe6b0,#d99a44);box-shadow:0 0 10px #ffc86e99}.wbPanel{position:relative;width:min(760px,95%);height:auto;max-height:96vh;display:flex;flex-direction:column;overflow:hidden;padding:22px 24px 20px}.wbList{flex:1 1 auto;min-height:0;overflow:auto;display:flex;flex-direction:column;gap:6px;padding-right:4px;margin-bottom:12px;text-align:left}.wbList::-webkit-scrollbar{width:6px}.wbList::-webkit-scrollbar-thumb{background:#ffd68e59;border-radius:3px}.wbRow{display:flex;align-items:center;gap:10px;padding:7px 11px;border:1px solid rgba(255,150,110,.32);border-radius:12px;background:linear-gradient(90deg,#5a1e1473,#1e120e80)}.wbRow.locked{opacity:.55;border-color:#a0a0a03d}.wbLv{flex:none;min-width:92px;padding:4px 6px;border-radius:8px;background:#ff78502e;border:1px solid rgba(255,140,100,.45);color:#ffb08a;font-size:11.5px;font-weight:800;text-align:center;overflow-wrap:anywhere}.wbRow.locked .wbLv{background:#ffffff0f;border-color:#c8c8c84d;color:#cfcfcf}.wbInfo{flex:1 1 auto;min-width:0}.wbName{font-size:13.5px;font-weight:800;color:#ffd9a0;overflow-wrap:anywhere}.wbPlace{display:block;margin-top:1px;font-size:11px;color:#f0dcc8b8}.wbState{flex:none;min-width:118px;text-align:right;font-size:12px;color:#cbb9a4}.wbState.alive{color:#7dffa8;font-weight:700}.wbState .wbCount{display:block;font-size:11px;color:#e6d2beb3}.wbGo{flex:none;padding:6px 14px;border-radius:999px;border:1px solid rgba(255,214,142,.6);background:#783c1499;color:#ffd08a;font-size:12.5px;font-weight:800;cursor:pointer}.wbGo:hover:not(:disabled){background:#aa5a1ecc}.wbGo:disabled{opacity:.45;cursor:not-allowed}.wbHelpBtn{position:absolute;top:14px;right:16px;z-index:4;width:30px;height:30px;border-radius:50%;border:1px solid rgba(255,214,142,.55);background:#28180ae6;color:#ffd08a;font-size:16px;font-weight:800;line-height:1;cursor:pointer;transition:background .15s,transform .12s}.wbHelpBtn:hover{background:#784614f2;transform:translateY(-1px)}.wbHelpBtn.on{background:#a05a1ef2;color:#fff3d8}.wbHelp{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;padding:22px 26px 20px;border-radius:18px;background:#0e0904fb;overflow:auto;text-align:left}.wbHelp.hidden{display:none}.wbHelp h3{margin:0 0 10px;font-size:18px;color:#ffb08a;text-align:center}.wbHelp ul{margin:0;padding-left:18px;display:flex;flex-direction:column;gap:8px}.wbHelp li{font-size:12.5px;line-height:1.8;color:#ecdcc2}.wbHelp li b{color:#ffd08a}.wbHelpClose{position:absolute;top:14px;right:16px;width:30px;height:30px;border-radius:50%;border:1px solid rgba(255,214,142,.45);background:#28180ae6;color:#ffd08a;font-size:17px;font-weight:800;line-height:1;cursor:pointer}.wbHelpClose:hover{background:#784614f2}.wbClockRow{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:-6px 0 8px;font-size:12px;color:var(--muted)}.wbClockRow span{padding:3px 10px;border-radius:999px;border:1px solid rgba(255,214,142,.28);background:#ffd68e14}.wbClockRow b{color:#ffd08a}#wbRewardState.ready{color:#7dffa8}#wbRewardState.done{color:#9fb6d4}.wbScheduleHead{font-size:11.5px;color:var(--muted);margin-bottom:5px}.wbSchedule{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:4px;margin-bottom:8px}.wbTimeChip{padding:3px 2px;border-radius:7px;border:1px solid rgba(255,214,142,.22);background:#ffffff0a;color:#cbb9a4;font-size:10.5px;text-align:center}.wbTimeChip.passed{opacity:.42}.wbTimeChip.next{border-color:#7dffa8cc;background:#3ca0642e;color:#b6ffcf;font-weight:800}.wbTimeChip.live{border-color:#ffa05af2;background:#c8501e47;color:#ffd0a0;font-weight:800}.wbTimeChip.tomorrow{border-style:dashed}#wbBar{position:absolute;left:50%;top:66px;transform:translate(-50%);z-index:26;display:flex;align-items:center;gap:10px;padding:8px 14px;border-radius:999px;border:1px solid rgba(255,130,90,.5);background:#1c0806e0;box-shadow:0 10px 30px #00000080;color:#ffd9c2;font-size:12.5px;white-space:nowrap}#wbBar.hidden{display:none}#wbBarName{font-size:14px;color:#ffb08a;letter-spacing:.04em}#wbBarLv{color:#ffdcc8cc;font-size:11.5px}#wbBarTime{color:#ffd08a;font-weight:700}#wbBarReq{font-size:11.5px;font-weight:700}#wbBarReq.wbReqOk{color:#7dffa8}#wbBarReq.wbReqBad{color:#ff8a6a}.wbHpWrap{width:260px;height:12px;border-radius:999px;background:#46120ae6;border:1px solid rgba(255,130,90,.4);overflow:hidden}#wbHpFill{display:block;height:100%;width:100%;background:linear-gradient(90deg,#ff5a3c,#ffb347);transition:width .12s linear}#wbHpText{color:#ffd0b0;font-size:11.5px}#wbLeave{padding:4px 12px;border-radius:999px;border:1px solid rgba(255,214,142,.5);background:#00000059;color:#ffd08a;font-size:12px;font-weight:700;cursor:pointer}#wbLeave:hover{background:#ffd68e2e}.reforgePanel{width:min(600px,94%)}.reforgeBody{display:grid;grid-template-columns:190px 1fr;gap:18px;align-items:stretch;margin:6px 0 14px;text-align:left}.reforgeModel{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:14px 10px;border:1px solid rgba(255,214,142,.26);border-radius:14px;background:radial-gradient(circle at 50% 35%,#ffd68e29,#1009038c 74%)}.reforgeIcon{width:96px;height:96px;display:flex;align-items:center;justify-content:center;border-radius:16px;border:2px solid rgba(255,220,165,.5);background:linear-gradient(180deg,#4e361a8c,#140c0499);font-size:44px;font-weight:900;color:#ffe8c2;text-shadow:0 4px 14px rgba(0,0,0,.6)}.reforgeModelName{font-size:14px;text-align:center;line-height:1.4}.reforgeModelMeta{color:var(--muted);font-size:11.5px}.reforgeStats{display:flex;flex-direction:column;padding:12px 14px;border:1px solid rgba(255,214,142,.2);border-radius:14px;background:#0000004d}.reforgeStatsTitle{margin-bottom:8px;color:var(--amber);font-size:13px;font-weight:800;letter-spacing:.08em}.reforgeList{display:flex;flex-direction:column;gap:7px}.reforgeAffix{display:flex;align-items:baseline;gap:8px;padding:7px 10px;border-radius:9px;border:1px solid rgba(255,215,160,.14);background:#ffffff0a;font-size:13.5px;color:#ffe9c6}.reforgeAffix>span{min-width:0;overflow-wrap:anywhere}.reforgeStats{min-width:0}.reforgeAffix.empty{color:var(--muted);font-style:italic}.reforgeAffix i{color:#d8b78f99;font-style:normal;font-size:11px}.reforgeAffix.special{border-color:#ff9df0a6;background:linear-gradient(90deg,#ff9df029,#ff9df00d);color:#ffd6f8}.reforgeAffix.special i{color:#ff9df0;font-weight:800}.reforgeAffix.locked{border-color:#ffce8299;background:#ffce821f;box-shadow:inset 0 0 0 1px #ffce822e}.reforgeAffix .lockBtn{margin-left:auto;flex:none;width:30px;height:26px;display:flex;align-items:center;justify-content:center;border:1px solid rgba(255,214,142,.28);border-radius:8px;background:#00000052;font-size:14px;line-height:1;cursor:pointer;filter:grayscale(.65) brightness(.85);transition:transform .1s,filter .15s,border-color .15s}.reforgeAffix .lockBtn:hover{transform:translateY(-1px);filter:none;border-color:#ffd68ecc}.reforgeAffix .lockBtn.on{filter:none;border-color:#ffce82e6;background:#784a108c}.reforgeHint{margin:-4px 0 12px;text-align:left}.reforgeHint b{color:var(--amber)}.reforgeActions{display:flex;gap:12px;justify-content:center}#btnReforge{padding:7px 22px;font-size:13px;letter-spacing:.12em}.gearSlotWrap{position:relative}.gearSlotWrap .gearSlot{width:100%}.gearSlotWrap .reforgeBtn{position:absolute;right:6px;top:6px;z-index:2;padding:3px 8px;border:1px solid rgba(255,214,142,.55);border-radius:999px;background:#261608e0;color:#ffd08a;font-size:11px;font-weight:800;letter-spacing:.04em;cursor:pointer}.gearSlotWrap .reforgeBtn:hover{background:#462a0cf2;border-color:#ffd68ee6}.note{margin:0 0 14px;color:var(--muted);font-size:12px}.spellHint{margin-top:-8px;padding:6px 10px;border-radius:8px;border-left:3px solid #d99a3c;background:#d99a3c1f;color:#ffd08a}.spellActiveHint{margin-top:-8px;padding:6px 10px;border-radius:8px;border-left:3px solid #5d7fa8;background:#5a82b41f;color:#a9c6e6;font-size:11.5px}.spellActiveHint.on{border-left-color:var(--amber);background:#d99a3c29;color:#ffd08a}.skillActiveBtn{position:absolute;top:5px;right:5px;z-index:2;padding:1px 6px;border-radius:999px;border:1px solid rgba(150,195,255,.38);background:#0a101cd1;color:#9fb6d4;font-size:10px;line-height:15px;font-weight:700;white-space:nowrap;cursor:pointer;transition:background .15s,color .15s,border-color .15s,transform .12s}.skillActiveBtn:hover{transform:translateY(-1px);border-color:#ffd68ecc;color:#ffe0b0}.skillActiveBtn.on{border-color:#ffd68ee6;background:#784e10eb;color:#ffd08a;box-shadow:0 0 10px #ffc86e59}.spellCard.favored{border-color:#ffd68ed9;background:linear-gradient(180deg,#78541e57,#1e160c80)}.gemChip.slotBuy{border-style:dashed;border-color:#ffd68e99;background:#ffd68e1f;color:#ffd08a;cursor:pointer}.gemChip.slotBuy:hover{background:#ffd68e3d}.socketSkill.slotBuy{border-color:#ffd68e80;color:#ffd08a}#spellList{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;width:100%;min-height:190px;max-height:44vh;overflow:auto;margin-bottom:16px;align-content:start}.spellCard{display:flex;flex-direction:column;align-items:center;position:relative;justify-content:flex-start;gap:4px;width:100%;min-width:0;overflow:hidden;aspect-ratio:1 / 1;padding:7px;border:1px solid rgba(150,195,255,.32);border-radius:18px;background:linear-gradient(180deg,#3c4e7447,#1216266b);color:var(--ink);text-align:center;cursor:pointer;transition:transform .12s,border-color .15s,background .15s}.spellCard:hover:not(:disabled){transform:translateY(-1px);border-color:#bedcffbf;background:linear-gradient(180deg,#566fa066,#19203880)}.spellCard.slot{border:1px dashed rgba(150,195,255,.22);background:#ffffff09;cursor:default;opacity:.55}.spellCard.slot:hover{transform:none;border-color:#96c3ff38}.spellName{color:#e7f1ff;font-size:16px;font-weight:800;letter-spacing:.06em}.spellDesc{font-size:11px;color:#ecf0f7b8;line-height:1.5;width:100%;min-width:0;flex:1 1 auto;min-height:0;overflow-wrap:anywhere;word-break:break-word;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.spellInfo{width:100%;min-width:0;flex:1 1 auto;min-height:0;display:flex;flex-direction:column}.spellName{width:100%;min-width:0;flex:none;padding-right:46px;overflow-wrap:anywhere;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.spellMeta{flex:none;color:#a8d1ff;font-size:11px}.spellCard:disabled{cursor:not-allowed;filter:grayscale(.8) brightness(.55)}.primary.ghost{width:100%;min-width:0;background:#ffffff1a;color:#f2dfbd;border-color:#ffebcd47;box-shadow:none}.lootPanel{width:min(480px,92%)}.lootPanel h2,.gearPanel h2{margin:0 0 8px}.lootList,.bagList{display:flex;flex-direction:column;gap:8px;margin-bottom:16px;max-height:46vh;overflow:auto;text-align:left}.lootRow,.bagRow{display:flex;align-items:center;gap:10px;padding:9px 11px;border:1px solid rgba(255,215,160,.16);border-radius:10px;background:#0000004d;font-size:13px}.lootIcon,.bagIcon{flex:none;width:34px;height:34px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:18px;background:#ffffff0f}.itemIconImg{width:100%;height:100%;object-fit:contain;image-rendering:pixelated;display:block}.itemIconImg.gearArt{image-rendering:auto}.lootIcon.hasImg,.bagIcon.hasImg,.shopIcon.hasImg{padding:3px;background:#ffebc812}.shopIcon .itemIconImg,.charSlotIcon .itemIconImg{width:30px;height:30px}.chestWeapon .itemIconImg{width:34px;height:34px}.reforgeIcon .itemIconImg{width:78px;height:78px}.lootName,.bagName{font-weight:800;font-size:14px}.lootMeta,.bagMeta{margin-left:auto;color:var(--muted);font-size:11px;white-space:normal;overflow-wrap:anywhere;text-align:right;min-width:0}.bagRow>div,.lootRow>div{min-width:0}.bagRow,.lootRow,.bagName,.lootName{overflow-wrap:anywhere}.bagAction{margin-left:auto;flex:none;border:1px solid rgba(255,226,170,.35);border-radius:999px;padding:4px 12px;background:#ffca7421;color:#ffe2ac;font-size:12px;font-weight:700}.bagAction:hover:not(:disabled){background:#ffca744d}.bagAction:disabled{filter:grayscale(.75) brightness(.55);cursor:default}.bagActions{display:flex;gap:6px;margin-left:auto;flex:none}.bagActions .bagAction{margin-left:0}.bagAction.sell{border-color:#ffbe8252;color:#ffd4a4}.gearPanel{width:min(700px,94%)}.equipSlots{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin:4px 0 14px}.gearSlot{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;height:132px;border:1px solid rgba(255,220,165,.3);border-radius:14px;background:linear-gradient(180deg,#46301859,#180f076b);color:var(--ink);font-size:13px;font-weight:800;cursor:pointer;transition:transform .12s,border-color .15s;padding:6px;text-align:center}.gearSlot:hover:not(:disabled){transform:translateY(-1px);border-color:#ffe0a5b3}.gearSlot:disabled{cursor:default;opacity:.78}.gearSlot b{font-size:15px}.gearSlotIcon{display:flex;align-items:center;justify-content:center;width:100%;flex:1 1 auto;min-height:0;border-radius:9px;background:#ffebc80f}.gearSlotIcon .itemIconImg{width:100%;height:100%;max-height:58px}.gearSlot .gearName{font-size:11px;font-weight:700;word-break:break-all;line-height:1.25}.gearSlot .gearEmpty{color:#f0d7b466;font-size:11px}.bagHead{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin:2px 0 8px}.bagHead span{font-weight:800;color:#ffe7bd}.bagHead small{color:var(--muted);font-size:11px}.bagStack{margin-left:6px;padding:0 6px;border-radius:999px;border:1px solid rgba(255,214,142,.45);background:#ffd68e29;font-size:11px;font-weight:900;color:#ffe6bb}#derivedText{color:#b9d8ff;font-size:12.5px}.skillPanel{width:min(720px,94%);max-height:92vh;overflow:auto;text-align:left}.skillPanel h2,.skillPanel .kicker{text-align:center}.skillList{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:4px 0 10px;max-height:52vh;overflow:auto}.skillTile{aspect-ratio:1 / 1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:6px 5px;border-radius:12px;border:1px solid rgba(255,220,165,.3);background:linear-gradient(180deg,#46301859,#180f076b);text-align:center;overflow:hidden}.skillTile.learned{border-color:#8ccdffbf;background:linear-gradient(180deg,#3a588c80,#1016288c);box-shadow:0 0 10px #78beff40,inset 0 0 10px #78beff1f}.skillTile.locked{border-style:dashed;border-color:#b4afa04d;filter:grayscale(1);opacity:.55}.skillTile{cursor:pointer;transition:transform .12s,border-color .15s,box-shadow .15s}.skillTile:hover{transform:translateY(-2px);border-color:#ffe0a5cc}.skillTile.locked:hover{opacity:.78}.skillTile.stoneMode.learned{border-color:#ffd76ae6;box-shadow:0 0 12px #ffc85a59}.skillTileName{font-size:13px;font-weight:900;color:#e7f1ff;line-height:1.15;word-break:break-all}.skillTileType{font-size:9.5px;color:#a8d1ff;line-height:1.2}.skillTileCost{font-size:11px;font-weight:800;color:#7fd8ff}.skillTileInfo{font-size:10px;color:#cfc3ad}.skillTileState{font-size:10px;font-weight:800}.skillHint{text-align:center}.petPanel{width:min(560px,94%);max-height:92vh;overflow:auto}.petPanel h2,.petPanel .kicker{text-align:center}.petList{display:flex;flex-direction:column;gap:8px;margin:4px 0 10px;max-height:54vh;overflow:auto;text-align:left}.petCard{padding:10px 12px;border-radius:12px;border:1px solid rgba(150,195,255,.3);background:linear-gradient(180deg,#3a4e7a42,#1014226b)}.petCard.empty{border-style:dashed;color:#bda88a;font-size:12px;line-height:1.6;text-align:center}.petHead{display:flex;align-items:baseline;gap:8px}.petHead b{font-size:15px;font-weight:900;color:#e7f1ff}.petTier{padding:1px 8px;border-radius:999px;border:1px solid currentColor;font-size:10.5px;font-weight:800}.petSource{margin-top:3px;font-size:11px;color:#a9c0dd}.petHpRow{margin-top:7px;font-size:11.5px;color:#ffe0bb}.petHpBar{margin-top:4px;height:9px;border-radius:999px;background:#00000080;border:1px solid rgba(255,214,142,.22);overflow:hidden}.petHpBar i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#43b45f,#9ae88a)}.petStats{display:flex;flex-direction:column;gap:3px;margin-top:8px;padding-top:7px;border-top:1px dashed rgba(255,214,142,.16)}.petStat{display:flex;align-items:baseline;justify-content:space-between;gap:10px;font-size:11.5px}.petStat span{color:#bda88a;flex:none}.petStat b{color:#e8f2ff;text-align:right;font-weight:700}.petHint{text-align:center;font-size:11px;line-height:1.5}#charPopup{z-index:60;background:#080401bd}.charPanel{width:min(900px,94%);max-height:94vh;overflow:auto;padding:20px 24px 22px}.charBody{display:grid;grid-template-columns:316px minmax(0,1fr);gap:16px;margin:10px 0 12px;text-align:left;align-items:start}.charLeft,.charRight{display:flex;flex-direction:column;gap:8px;min-width:0}.charSlots{display:grid;grid-template-columns:repeat(3,100px);grid-template-rows:repeat(5,100px);gap:8px;justify-content:start}.charFigure{grid-area:1 / 1 / 4 / 3;position:relative;border-radius:14px;border:1px solid rgba(255,214,142,.28);background:radial-gradient(circle at 50% 40%,#ffd68e38,#120a049e 72%);display:flex;align-items:center;justify-content:center;overflow:hidden}.charFigure:after{content:"";position:absolute;left:12%;right:12%;bottom:14px;height:14px;border-radius:50%;background:radial-gradient(ellipse at center,rgba(0,0,0,.45),transparent 72%)}.charFigure img{position:relative;z-index:1;height:88%;max-height:240px;filter:drop-shadow(0 8px 14px rgba(0,0,0,.55))}.charFigureTag{position:absolute;z-index:1;right:8px;bottom:6px;font-size:10.5px;color:#cbb79a}.charNickBtn{flex:0 0 auto;padding:3px 11px;font-size:11px;line-height:1.35;font-weight:700;letter-spacing:.04em;color:#ffe6bb;background:#281608b8;border:1px solid rgba(255,214,142,.42);border-radius:999px;cursor:pointer;white-space:nowrap}.charNickBtn:hover{border-color:#ffe0a0d9;color:#fff3d8}.charNickBtn:active{transform:translateY(1px)}.nickPanel{width:min(500px,94%)}#nickPopup,#identityPopup{z-index:68}#btnDonate{position:absolute;right:20px;bottom:42px;z-index:45;pointer-events:auto;padding:8px 20px;font-size:14px;font-weight:800;letter-spacing:.1em;color:#ffe9c6;background:linear-gradient(180deg,#ffd68e38,#3c220cdb);border:1px solid rgba(255,214,142,.5);border-radius:999px;box-shadow:0 8px 22px #00000073,inset 0 1px #ffffff1f;cursor:pointer}#btnDonate:hover{border-color:#ffe8b4f2;color:#fff6e2}#btnDonate:active{transform:translateY(1px)}#btnDonate.hidden{display:none}#beianBar{position:absolute;left:0;right:0;bottom:0;z-index:46;height:34px;display:flex;align-items:center;justify-content:center;gap:10px;padding:0 12px;font-size:13px;letter-spacing:.02em;color:#e4d0b0cc;background:linear-gradient(180deg,#0a060300,#080502e6 55%,#060402f5);border-top:1px solid rgba(255,214,142,.16);box-shadow:0 -10px 26px #00000073;pointer-events:auto}#beianBar.hidden{display:none}#beianBar a{color:#ffe2b4eb;text-decoration:none;border-bottom:1px solid rgba(255,214,142,.35);padding-bottom:1px}#beianBar a:hover{color:#fff4de;border-bottom-color:#ffe8b4f2}#beianBar .beianDomain{color:#ffe2b499}#beianBar .beianDomain:before{content:"·";margin-right:10px;color:#ffffff4d}#introDialog{position:absolute;top:26px;left:50%;transform:translate(-50%);z-index:47;width:min(820px,86%);pointer-events:auto;cursor:pointer;animation:introDialogIn .45s ease both}#introDialog.hidden{display:none}@keyframes introDialogIn{0%{opacity:0;transform:translate(-50%,-14px)}to{opacity:1;transform:translate(-50%)}}.introDialogBox{position:relative;padding:16px 20px 14px;text-align:left;border-radius:12px;border:1px solid rgba(255,214,142,.38);background:linear-gradient(180deg,#26180cf0,#100a05f5);box-shadow:0 16px 40px #0000008c,inset 0 0 34px #ffbe6e12}.introDialogKicker{margin:0 0 8px;font-size:12.5px;letter-spacing:.22em;color:#ffd68ec7}.introDialogText{margin:0;font-size:17px;line-height:1.85;color:#ffe9c8;text-shadow:0 2px 8px rgba(0,0,0,.6)}#introDialogBtn{margin-top:12px;padding:7px 20px;font-size:14px}#questPopup{pointer-events:none}#questPopup .questPanel{pointer-events:auto}.questPanel{width:min(620px,94%)}.questPanel h2{font-size:28px;color:#ffd9a8;letter-spacing:.05em}.questPanel .desc{margin:10px 0 14px;line-height:1.75}.questPanel .desc b{color:var(--amber)}.questGoals{display:flex;flex-direction:column;gap:8px;margin:0 0 16px;text-align:left}.questGoal{display:flex;align-items:center;gap:9px;padding:9px 12px;font-size:14.5px;color:#f0dcc0;border-radius:8px;border:1px solid rgba(255,214,142,.18);background:#ffd68e0f}.questGoal b{color:#ffe6b8}.questTag{flex:none;padding:1px 9px;font-size:12px;letter-spacing:.06em;color:#2a1a08;border-radius:999px;background:linear-gradient(180deg,#ffd88e,#d99a44)}#donatePopup{z-index:64}.donatePanel{width:min(620px,94%)}.donatePanel h2{font-size:27px;color:#ffd9a8;letter-spacing:.06em}.donatePanel .desc{margin:10px 0 14px;padding:12px 15px;border-radius:10px;border:1px solid rgba(255,214,142,.22);background:#00000042;font-size:13px;line-height:1.8;color:#f0e0cad6;text-align:left}.donatePanel .desc b{color:#ffe2b6;font-weight:700}.donateCodes{display:flex;gap:22px;justify-content:center;align-items:flex-start;margin:6px 0 12px}.donateCode{display:flex;flex-direction:column;align-items:center;gap:7px}.donateCodeBox{position:relative;width:208px;height:208px;display:flex;align-items:center;justify-content:center;border-radius:14px;border:1px dashed rgba(255,214,142,.45);background:#fffffff5;overflow:hidden}.donateCodeBox img{width:100%;height:100%;object-fit:contain;display:none}.donateCodeBox.hasImg img{display:block}.donateCodeBox.hasImg .donatePlaceholder{display:none}.donatePlaceholder{font-size:12px;line-height:1.7;text-align:center;color:#7a6047;padding:0 10px;overflow-wrap:anywhere}.donatePlaceholder b{color:#a5763a;font-weight:700}.donateLabel{font-size:14px;font-weight:800;color:#ffe6bb;letter-spacing:.1em}.donatePanel .tiny{margin:4px 0 14px}.nickPanel h2{font-size:26px;color:#ffd9a8;letter-spacing:.08em}.nickPanel .desc{margin:8px 0 14px;line-height:1.7}.nickPanel .desc b{color:var(--amber)}.nickPanel .tiny{margin-top:10px}.charSlotsTitle{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:2px;font-size:12.5px;font-weight:800;color:#ffe6bb;letter-spacing:.04em}.charSlot{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:6px 5px;border-radius:12px;border:1px solid rgba(255,214,142,.22);background:#1c10078c;text-align:center;overflow:hidden;transition:border-color .15s,background .15s}.charSlot:not(.charSlotEmpty){border-color:#ffd68e73;background:#2e1a099e}.charSlot[data-slot=helmet]{grid-area:1 / 3 / 2 / 4}.charSlot[data-slot=weapon]{grid-area:2 / 3 / 3 / 4}.charSlot[data-slot=clothes]{grid-area:3 / 3 / 4 / 4}.charSlot[data-slot=shoes]{grid-area:4 / 3 / 5 / 4}.charSlot[data-slot=gloves]{grid-area:4 / 2 / 5 / 3}.charSlot[data-slot=jewelry]{grid-area:4 / 1 / 5 / 2}.charSlot[data-slot=treasure]{grid-area:5 / 1 / 6 / 2}.charSlotIcon{flex:none;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:9px;border:1px solid rgba(255,214,142,.3);background:#00000059;font-size:15px;font-weight:900;color:#ffe6bb}.charSlotText{min-width:0;width:100%}.charSlotText b{display:block;font-size:11px;font-weight:700;color:#cbb79a}.charSlotText span{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:11.5px;line-height:1.28;font-weight:800;overflow:hidden;word-break:break-all}.charSlotEmpty .charSlotText span{color:#8c7f6c;font-weight:600}.charHint{position:absolute;z-index:1;top:8px;left:10px;max-width:66%;margin:0;font-size:9.5px;line-height:1.45;color:#a8998a;text-align:left}.charPointBar{display:flex;align-items:baseline;gap:8px;padding:7px 12px;border-radius:12px;border:1px solid rgba(255,214,142,.32);background:#301a0899;font-size:12.5px;font-weight:800;color:#ffe6bb}.charPointBar b{font-size:19px;color:#ffd970}.charPointBar small{margin-left:auto;font-size:11px;font-weight:600;color:#bda88a}.charAttrs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.charAttr{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:4px 8px;padding:8px 10px;border-radius:12px;border:1px solid rgba(255,214,142,.22);background:#1c10078c}.charAttrName{font-size:12px;font-weight:800;color:#ffe6bb}.charAttrValue{grid-column:1;font-size:17px;font-weight:900;color:#ffd970}.charAttrNote{grid-column:1 / -1;font-size:10.5px;line-height:1.45;color:#b3a189}.charAttrAdd{grid-column:2;grid-row:1 / span 2;width:36px;height:36px;border-radius:10px;border:1px solid rgba(255,214,142,.55);background:linear-gradient(180deg,#ffe6a6,#d99b2f);color:#3a2106;font-size:15px;font-weight:900;cursor:pointer}.charAttrAdd:hover:not(:disabled){transform:translateY(-1px)}.charAttrAdd:disabled{cursor:default;opacity:.34;filter:grayscale(.65)}.charStatGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 16px;margin-top:2px}.charStat{display:flex;align-items:baseline;justify-content:space-between;gap:10px;padding:3px 2px;border-bottom:1px dashed rgba(255,214,142,.16);font-size:12.5px}.charStat span{color:#bfae94}.charStat b{color:#ffe6bb;font-weight:800;text-align:right}.charStatSection{grid-column:1 / -1;margin:8px 0 2px;font-size:11.5px;font-weight:800;letter-spacing:.06em;color:#d9b978}.shopPanel{width:min(760px,96%)}.shopPanel h2{margin:0 0 6px;font-size:27px;color:#ffe0a6}.shopList{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;max-height:50vh;overflow:auto;margin:4px 0 16px}.shopItem{display:flex;flex-direction:column;gap:7px;min-height:208px;padding:11px;border:1px solid rgba(255,220,165,.3);border-radius:14px;background:linear-gradient(180deg,#482f1457,#120b0570);text-align:left}.shopIcon{width:42px;height:42px;display:flex;align-items:center;justify-content:center;border-radius:10px;font-size:20px;background:#ffffff0f}.shopName{font-weight:800;line-height:1.25;min-width:0;overflow-wrap:anywhere}.shopLv{color:var(--muted);font-size:11px}.shopMods{flex:1;font-size:11.5px;color:#f6e9cfe0;line-height:1.55;word-break:break-word}.shopBuy{flex:1.25;border:1px solid rgba(255,220,160,.4);border-radius:999px;padding:6px 8px;background:#ffc15c1f;color:#ffd98e;font-size:13px;font-weight:800;transition:background .15s}.shopBuy:hover:not(:disabled){background:#ffc15c4d}.shopBuy:disabled{filter:grayscale(.7) brightness(.55);cursor:not-allowed}.shopActions{display:flex;gap:6px}.shopLock{flex:1;border:1px solid rgba(160,200,255,.34);border-radius:999px;padding:6px 8px;background:#78a5eb1f;color:#cfe3ff;font-size:12px;font-weight:800;transition:background .15s}.shopLock:hover{background:#78a5eb47}.shopLock.on{border-color:#ffd678b3;background:#ffc15c42;color:#ffe8b0}.shopFooter{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:2px}.shopFooter span{color:#ffe4b8;font-size:14px}.shopFooter b{color:#ffd970}.shopFooter .primary{min-width:0;width:180px}.chestPanel{width:min(620px,94%)}.chestSection{margin-bottom:12px;text-align:left}.chestHead{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin:6px 0 8px}.chestHead span{font-weight:800;color:#ffe6bb}.chestHead small{color:var(--muted);font-size:11px}.chestWeapons{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.chestWeapon{display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 4px;border:1px solid rgba(255,220,165,.3);border-radius:12px;background:linear-gradient(180deg,#482f1452,#120b0570);color:#f3e3c6;font-size:12px;font-weight:700;transition:transform .12s,border-color .15s}.chestWeapon:hover:not(:disabled){transform:translateY(-1px);border-color:#ffe2aab3}.chestWeapon:disabled{cursor:default;opacity:.5}.chestWeapon b{font-size:20px;color:#d8d3c2}.chestGemBox{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid rgba(150,200,255,.3);border-radius:12px;background:#32508229}.chestGemBox .gemIcon{width:38px;height:38px;display:flex;align-items:center;justify-content:center;border-radius:9px;background:#8cc8ff29;font-size:18px;color:#bfe1ff}.gemOptions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:14px;text-align:left}.gemOption{display:flex;flex-direction:column;gap:3px;padding:10px 12px;border:1px solid rgba(140,200,255,.32);border-radius:12px;background:linear-gradient(180deg,#3854844d,#1016266b);color:#e8f2ff;font-size:13px;font-weight:700;text-align:left;transition:transform .12s,border-color .15s}.gemOption:hover{transform:translateY(-1px);border-color:#bee1ffcc}.gemOption small{color:#a9cdf5;font-size:11px;font-weight:500}.socketOptions{display:flex;flex-direction:column;gap:10px;margin-bottom:14px}.socketSkill{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid rgba(255,220,165,.3);border-radius:12px;background:#0000004d;color:#ffe9c8;font-weight:800;text-align:left}.socketSkill:hover{border-color:#ffe2aab3}.socketSkill small{margin-left:auto;color:var(--muted);font-size:11px;font-weight:500}.spellSockets{display:flex;flex-wrap:wrap;gap:4px;width:100%;margin-top:5px;justify-content:center}.gemChip{font-size:10px;padding:2px 6px;border-radius:999px;border:1px solid rgba(140,200,255,.42);background:#508cdc29;color:#c6e4ff;max-width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.gemChip.empty{opacity:.42;border-style:dashed;background:transparent;min-width:16px;padding:2px 5px;text-align:center}.popupOverlay.logOverlay{pointer-events:none;background:transparent}.popupOverlay.logOverlay .logPanel{pointer-events:auto}.logPanel{position:absolute;right:14px;top:176px;width:min(430px,46%);margin:0}#controls{transition:right .18s ease}@media (min-width: 761px){#wrap.log-open #controls{right:450px}#wrap.log-open .spellPanel{right:auto;left:14px}}.logList{display:flex;flex-direction:column;gap:5px;height:40vh;min-height:170px;overflow-y:auto;margin:4px 0 16px;padding:10px;border:1px solid rgba(255,215,160,.18);border-radius:12px;background:#00000052;text-align:left;font-size:12.5px;line-height:1.5}.logRow{display:flex;gap:8px}.logTime{flex:none;color:#9db6c9;font-size:11px;padding-top:1px}.logRow.system .logText{color:#ffe9c6}.logRow.player .logText{color:#a9e0ff}.logRow.enemy .logText{color:#ffb0a0}.logRow.reward .logText{color:#b6ffcf}.codexPanel{width:min(680px,96%);max-height:94vh;overflow:auto}#codexPopup .codexPanel{width:min(680px,96%);height:min(680px,92vh);display:flex;flex-direction:column;overflow:hidden}#codexPopup .codexGrid{grid-template-columns:repeat(6,minmax(0,1fr));flex:1 1 auto;min-height:0;overflow:auto;align-content:start;padding-right:4px}#codexPopup .codexBonus,#codexPopup .codexHint,#codexPopup .codexTiers,#codexPopup>.codexPanel>.primary{flex:none}#codexPopup .codexGrid::-webkit-scrollbar{width:6px}#codexPopup .codexGrid::-webkit-scrollbar-track{background:transparent}#codexPopup .codexGrid::-webkit-scrollbar-thumb{background:#ffd68e59;border-radius:3px}#codexPopup .codexGrid::-webkit-scrollbar-thumb:hover{background:#ffd68e8c}.codexTip{position:absolute;z-index:66;width:236px;padding:9px 11px;border-radius:12px;border:1px solid rgba(255,214,142,.5);background:#0e0803f5;box-shadow:0 14px 34px #0009,inset 0 1px #ffffff0f;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);pointer-events:none;text-align:left;font-size:12px;color:#ffe6bb;animation:tipIn .12s ease both}.skillTip{width:268px;max-height:62vh;overflow:auto;z-index:66}.itemTip{width:258px;max-height:62vh;overflow:auto;z-index:66}.itemTip .tipMods b{font-weight:500;line-height:1.62;overflow-wrap:anywhere}.itemTip .tipMods b.rare{color:#ffd265}.itemTip .tipMods b.magic{color:#67b6ff}.itemTip .tipMods em{color:var(--amber);font-style:normal}.gearHint{margin:2px 0 10px;color:#cbb79a}.skillTip .tipDesc{margin:6px 0 0;font-size:12px;line-height:1.6;color:#f6e9cfe6;overflow-wrap:anywhere}.skillTip .tipSockets{margin-top:7px;padding-top:7px;border-top:1px solid rgba(255,214,142,.22);font-size:11.5px;line-height:1.6;color:#c6e4ff}.skillTip .tipSockets em{display:block;margin-bottom:3px;color:var(--amber);font-style:normal;font-size:11px}.skillTip .tipSockets b{display:block;font-weight:500;overflow-wrap:anywhere}.codexTip.hidden{display:none}.tipHead{display:flex;align-items:center;gap:6px;padding-bottom:6px;border-bottom:1px dashed rgba(255,214,142,.22)}.tipHead i{width:9px;height:9px;flex:none;border-radius:50%;box-shadow:0 0 8px currentColor}.tipHead b{font-size:13px;font-weight:900}.tipHead span{margin-left:auto;font-size:10.5px;font-weight:800}.tipMods{display:flex;flex-direction:column;gap:3px;margin-top:6px}.tipMods em{font-style:normal;font-size:10px;letter-spacing:.08em;color:#bda88a}.tipMods b{font-size:12px;font-weight:800;color:#9ff0b6}.tipMods.locked b{color:#ffb37a}.tipDesc{margin-top:7px;padding-top:6px;border-top:1px dashed rgba(255,214,142,.16);font-size:10.5px;line-height:1.5;color:#a89a86}@keyframes tipIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}.codexTiers{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px;margin:2px 0 12px}.codexTab{display:flex;flex-direction:column;align-items:center;gap:1px;padding:7px 4px;border-radius:10px;border:1px solid rgba(255,220,160,.24);background:#ffffff0d;color:#f2dfbd;cursor:pointer;transition:transform .12s,border-color .15s,background .15s}.codexTab b{font-size:12.5px;font-weight:900;color:var(--tierColor, #f2dfbd)}.codexTab small{font-size:10px;color:#d9c8a8}.codexTab em{font-style:normal;font-size:9px;line-height:1.2;color:#a89a86}.codexTab:hover{transform:translateY(-1px);border-color:#ffe0a599}.codexTab.active{background:linear-gradient(180deg,#ffce8247,#e59a3f2e);border-color:var(--tierColor, #ffd78e);box-shadow:0 0 12px #ffc87847,inset 0 0 10px #ffc8781f}.codexGrid,.gachaResults{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin:6px 0 10px}.gachaResults{min-height:150px}#gachaPopup .codexPanel{position:relative}.gachaStage{position:absolute;top:0;right:0;bottom:0;left:0;z-index:6;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;border-radius:inherit;background:radial-gradient(circle at 50% 44%,#543614eb,#0c0804f7 68%),#080603f5;animation:fadeIn .18s ease both}.gachaStage.hidden{display:none}.gsHalo{position:absolute;left:50%;top:44%;width:260px;height:260px;margin:-130px 0 0 -130px;border-radius:50%;background:radial-gradient(circle,currentColor,transparent 68%);opacity:.32;animation:gsHalo 1.5s ease-out infinite;pointer-events:none}@keyframes gsHalo{0%{transform:scale(.45);opacity:.5}70%{transform:scale(1.25);opacity:.12}to{transform:scale(1.45);opacity:0}}.gachaStage:before{content:"";position:absolute;left:50%;top:44%;width:300px;height:300px;margin:-150px 0 0 -150px;border-radius:50%;background:conic-gradient(from 0deg,rgba(255,226,170,.18) 0deg 6deg,transparent 6deg 30deg,rgba(255,226,170,.18) 30deg 36deg,transparent 36deg 60deg,rgba(255,226,170,.18) 60deg 66deg,transparent 66deg 90deg,rgba(255,226,170,.18) 90deg 96deg,transparent 96deg 120deg,rgba(255,226,170,.18) 120deg 126deg,transparent 126deg 150deg,rgba(255,226,170,.18) 150deg 156deg,transparent 156deg 180deg,rgba(255,226,170,.18) 180deg 186deg,transparent 186deg 210deg,rgba(255,226,170,.18) 210deg 216deg,transparent 216deg 240deg,rgba(255,226,170,.18) 240deg 246deg,transparent 246deg 270deg,rgba(255,226,170,.18) 270deg 276deg,transparent 276deg 300deg,rgba(255,226,170,.18) 300deg 306deg,transparent 306deg 330deg,rgba(255,226,170,.18) 330deg 336deg,transparent 336deg 360deg);mask:radial-gradient(circle,transparent 34%,#000 42%,#000 62%,transparent 72%);-webkit-mask:radial-gradient(circle,transparent 34%,#000 42%,#000 62%,transparent 72%);animation:gsSpin 5.5s linear infinite;pointer-events:none}@keyframes gsSpin{to{transform:rotate(360deg)}}.gsCards{position:relative;display:flex;flex-wrap:wrap;gap:10px;justify-content:center;align-content:center;max-width:86%}.gsCardBack{width:64px;height:90px;border-radius:10px;border:1px solid rgba(255,214,142,.5);background:radial-gradient(circle at 50% 40%,rgba(255,206,138,.22),transparent 62%),linear-gradient(160deg,#543616f5,#1a0f06fa);box-shadow:0 10px 24px #0000008c,inset 0 0 20px #ffbe6e1f;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:900;color:#ffd68ec7;animation:gsFloat 1.25s ease-in-out infinite}.gsCardBack.single{width:112px;height:158px;font-size:42px;border-width:2px}@keyframes gsFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-9px)}}.gsTip{margin:0;font-size:14px;font-weight:800;letter-spacing:.24em;color:#ffe2b4d1;text-shadow:0 2px 10px rgba(0,0,0,.6);animation:gsTipPulse 1.4s ease-in-out infinite}@keyframes gsTipPulse{0%,to{opacity:.62}50%{opacity:1}}.gachaCard.reveal{animation:gcReveal .44s cubic-bezier(.22,1.5,.42,1) both}@keyframes gcReveal{0%{opacity:0;transform:translateY(16px) scale(.82) rotateY(-42deg)}60%{opacity:1}to{opacity:1;transform:none}}.gachaResults.single{grid-template-columns:minmax(0,132px);justify-content:center;align-content:center;min-height:176px}.codexCell,.gachaCard{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;aspect-ratio:1 / 1;padding:6px;border-radius:12px;border:1px solid rgba(255,220,165,.22);background:#00000047;text-align:center;font-size:11px}.codexCell.locked{border-style:dashed;color:#f0d7b473}.codexIcon{font-size:19px;font-weight:900}.codexName{font-weight:800;line-height:1.2;word-break:break-all}.codexCell.tier-common.unlocked{border-color:#d8d3c2cc;box-shadow:0 0 8px #d8d3c24d}.codexCell.tier-magic.unlocked{border-color:#67b6ffd9;box-shadow:0 0 10px #67b6ff66,inset 0 0 10px #67b6ff24}.codexCell.tier-rare.unlocked{border-color:#ffd265e6;box-shadow:0 0 11px #ffc85a73,inset 0 0 10px #ffc85a29}.codexCell.tier-legend.unlocked{border-color:#ff8f4dd9;box-shadow:0 0 12px #ff8c4666}.codexCell.tier-unique.unlocked{border-color:#c58bfff2;box-shadow:0 0 16px #b478ff8c,inset 0 0 12px #ffd2782e;background:linear-gradient(180deg,#7846c838,#0000004d)}.gachaRates{margin:0 0 10px;padding:8px 12px;border-radius:12px;border:1px solid rgba(255,214,142,.22);background:#140c0573;text-align:left;font-size:12px}#gachaPopup .codexPanel{padding:22px 30px 24px}.rateRow{display:grid;grid-template-columns:minmax(0,1fr) 62px 62px;align-items:center;gap:6px;padding:2px 0;border-bottom:1px dashed rgba(255,214,142,.12)}.rateRow:last-of-type{border-bottom:none}.rateHead{color:#bda88a;font-size:11px;border-bottom:1px solid rgba(255,214,142,.2)}.rateHead span:not(:first-child),.rateVal{text-align:right}.rateEvent{grid-column:2 / 4;text-align:right;font-weight:800;color:#c58bff;font-size:11px}.rateName{display:flex;align-items:center;gap:6px}.rateName i{width:9px;height:9px;border-radius:50%;flex:none;box-shadow:0 0 6px currentColor}.rateName b{font-weight:800}.rateVal{color:#f1dcc0;font-weight:800}.rateVal.up{color:#86e6a0}.rateVal.down{color:#ff9b8a}.rateFoot{margin:6px 0 0;font-size:10px;line-height:1.4;color:#a89a86}.codexBonus{display:flex;gap:8px;align-items:flex-start;padding:8px 10px;border-radius:10px;background:#5a96ff1f;border:1px solid rgba(140,195,255,.25);font-size:12px;text-align:left}.codexBonusTitle{flex:none;color:#bfe1ff;font-weight:800}.codexBonusText{color:#e8f2ff;line-height:1.5}.codexHint{margin-top:8px}.gachaBar{display:flex;gap:16px;justify-content:center;margin:2px 0 8px;font-size:12.5px;color:#f1dcc0}.gachaBar b{color:#ffd970}.gachaCard{animation:cardPop .35s ease both;font-size:10.5px;background:#00000057;aspect-ratio:auto;min-height:70px;padding:5px 4px;gap:2px}.gachaCard .gcTier{font-size:9.5px;font-weight:800}.gachaCard .gcName{font-weight:800;line-height:1.2;word-break:break-all}.gachaCard .gcNew{font-size:9px;color:#8dffb0}.gachaCard .codexIcon{font-size:16px}@keyframes cardPop{0%{opacity:0;transform:scale(.6) rotate(-6deg)}to{opacity:1;transform:none}}.gachaActions{display:flex;gap:10px;justify-content:center;margin-bottom:12px}.gachaActions .primary{min-width:150px;letter-spacing:.05em}#vignette{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;pointer-events:none;background:radial-gradient(ellipse at center,transparent 60%,rgba(16,6,0,.2) 100%),linear-gradient(180deg,rgba(0,0,0,.08),transparent 16%,transparent 84%,rgba(10,4,0,.22))}@media (max-width: 760px){.help{grid-template-columns:1fr}.panel{padding:20px 16px 24px}.desc{font-size:13px}#btnWorldBoss{top:10px;padding:5px 12px;font-size:12px}#wheel{margin-right:4px;transform:scale(.82);transform-origin:right bottom}#battleHud{width:62%}#wallet{top:48px;left:12px;font-size:14px}.hudBtn{padding:5px 10px;font-size:12px}#levelBox{top:26px;left:12px;font-size:11px;gap:5px}.xpBar{width:64px;height:7px}#legendBar{top:44px;font-size:11px;padding:3px 10px;gap:6px}.spellPanel{right:6px;width:min(340px,84%)}#wrap.log-open .spellPanel{right:auto;left:6px}#chatPanel{width:min(240px,72vw);font-size:11.5px}#loadPanel{left:12px;bottom:12px;width:min(240px,66vw)}.chatList{height:96px}.codexGrid,.gachaResults,.codexTiers{grid-template-columns:repeat(3,minmax(0,1fr))}.rateRow{grid-template-columns:minmax(0,1fr) 52px 52px}.logPanel{right:6px;top:8px;width:min(340px,86%)}.equipSlots{grid-template-columns:repeat(3,minmax(0,1fr))}.gearPanel{width:min(92vw,94%)}.charPanel{width:min(94vw,96%)}.charBody{grid-template-columns:1fr}.charSlots{justify-content:center}.charAttrs,.charStatGrid{grid-template-columns:1fr}.skillPanel{width:min(94vw,96%)}.skillList{grid-template-columns:repeat(3,minmax(0,1fr))}.petPanel{width:min(94vw,96%)}.wbPanel{width:min(96vw,96%);max-height:94vh;padding:18px 14px 16px}.wbSchedule{grid-template-columns:repeat(6,minmax(0,1fr))}.wbRow{padding:6px 8px;gap:6px}.wbState{min-width:92px;font-size:11px}.shopPanel{width:min(96vw,96%)}.shopList{grid-template-columns:repeat(2,minmax(0,1fr))}.shopItem{min-height:190px}.chestWeapons{grid-template-columns:repeat(3,minmax(0,1fr))}.gemOptions{grid-template-columns:1fr}}