*{box-sizing:border-box;margin:0;padding:0;user-select:none}html,body{width:100vw;height:100vh;overflow:hidden;background:#080c14;font-family:"Baloo 2",sans-serif;color:#f8fafc}#game-container{position:fixed;inset:0;z-index:1}#ui-layer{position:fixed;inset:0;z-index:10;pointer-events:none}.hud-box{pointer-events:auto;background:linear-gradient(145deg,#0d1422eb,#070b14f2);border:1px solid rgba(251,191,36,.45);border-radius:12px;box-shadow:0 8px 26px #000000b8,inset 0 0 12px #38bdf814;backdrop-filter:blur(8px)}.top-left-panel{position:fixed;top:10px;left:12px;width:auto;padding:0;background:transparent;border:none;box-shadow:none;backdrop-filter:none;display:flex;flex-direction:column;gap:5px}.tl-main-row{display:flex;align-items:center;gap:8px}.tl-avatar-wrap{position:relative;width:78px;height:78px;flex-shrink:0;cursor:pointer}.tl-avatar-ring{width:78px;height:78px;border-radius:50%;background:radial-gradient(circle at 50% 35%,#5b432c,#2b1d12);border:3px solid #c8a25a;box-shadow:0 0 0 3px #1c130c,0 5px 14px #000000b8;overflow:hidden;display:flex;align-items:center;justify-content:center;transition:transform .12s ease}.tl-avatar-wrap:hover .tl-avatar-ring{transform:scale(1.03);border-color:#fde047}.tl-avatar-ring img{width:100%;height:100%;object-fit:cover}.tl-realm-code{position:absolute;right:-2px;bottom:-2px;background:#6d211a;border:1.5px solid #c89d54;color:#f6e3ba;font-size:11px;font-weight:800;padding:1px 6px;border-radius:5px;line-height:1.2;box-shadow:0 2px 6px #000000a6}.tl-bars-box{width:270px;flex-shrink:0;background:#221910f0;border:1.5px solid #7c633b;border-radius:9px;padding:6px 11px 8px;box-shadow:0 6px 18px #000000ad,inset 0 1px #ffffff0f}.tl-title-row{display:flex;align-items:baseline;gap:8px;margin-bottom:5px;white-space:nowrap;overflow:hidden}.tl-player-name{font-size:16px;font-weight:800;color:#f7ead0;line-height:1.1}.tl-realm-label{font-size:12.5px;font-weight:700;color:#c7b089;line-height:1.1}.tl-bar-track{position:relative;width:100%;height:18px;background:#1a120b;border:1px solid #4a3723;border-radius:4px;overflow:hidden;box-shadow:inset 0 1px 3px #000c}.tl-bar-track+.tl-bar-track{margin-top:4px}.tl-bar-fill{height:100%;transition:width .18s ease}.tl-bar-fill.tl-hp{background:linear-gradient(180deg,#c94c38,#8e281b)}.tl-bar-fill.tl-mp{background:linear-gradient(180deg,#5288d8,#2c599d)}.tl-bar-text{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:800;color:#fff;text-shadow:0 1px 2px #000000,0 0 4px #000000;letter-spacing:.2px}.tl-exp-strip{display:flex;align-items:center;gap:6px;padding-left:86px;max-width:356px}.tl-talisman-buffs{display:none;flex-wrap:wrap;gap:4px;padding-left:86px;max-width:356px;margin-top:2px;z-index:25}.tl-talisman-pill{display:inline-flex;align-items:center;padding:2px 7px;border-radius:999px;font-size:10.5px;font-weight:900;line-height:1.25;white-space:nowrap;box-shadow:0 2px 6px #000000bf}.tl-talisman-pill.is-speed{background:#082f49eb;border:1px solid #38bdf8;color:#e0f2fe}.tl-talisman-pill.is-atk{background:#450a0aeb;border:1px solid #f87171;color:#fee2e2}.tl-talisman-pill.is-hpmp{background:#064e3beb;border:1px solid #34d399;color:#d1fae5}.tl-talisman-pill.is-exp{background:#451a03eb;border:1px solid #fbbf24;color:#fef3c7}.tr-minimap-col{display:flex;flex-direction:column;gap:5px;align-items:stretch}.pk-mode-wrap{position:relative;display:flex;flex-direction:column;gap:3px;z-index:35}.pk-mode-desktop-wrap{display:flex;align-self:flex-start;margin-top:2px}.pk-mode-mobile-wrap{display:none}.pk-mode-trigger-btn{min-width:108px;height:36px;padding:0 12px;border-radius:6px;background:#221910f5;border:1.5px solid #9c7a44;color:#f3cf7a;font-family:inherit;font-size:13.5px;font-weight:800;display:flex;align-items:center;justify-content:flex-start;cursor:pointer;box-shadow:0 4px 12px #000000a6;transition:filter .12s ease,border-color .12s ease}.pk-mode-trigger-btn:hover{filter:brightness(1.12);border-color:#fde047}.pk-mode-trigger-btn.is-pk-free{background:linear-gradient(180deg,#441412f5,#260d0cfa);border-color:#ef4444;color:#fca5a5;box-shadow:0 4px 14px #ef444459}.pk-karma-mini-badge{padding:2px 7px;border-radius:5px;background:#450a0aeb;border:1px solid rgba(248,113,113,.65);color:#fecaca;font-size:10.5px;font-weight:800;text-align:center;white-space:nowrap;box-shadow:0 2px 8px #000000a6}.pk-karma-mini-badge.is-max{background:linear-gradient(90deg,#991b1b,#7f1d1d);border-color:#ef4444;color:#fef08a;animation:pulse 1.5s infinite}.pk-mode-dropdown-menu{position:absolute;top:calc(100% + 4px);left:0;right:0;min-width:112px;display:flex;flex-direction:column;gap:3px;z-index:65}.pk-mode-option-btn{width:100%;height:36px;padding:0 12px;border-radius:6px;background:#1d150ef7;border:1.5px solid #8c6d3e;color:#f3ead8;font-family:inherit;font-size:13.5px;font-weight:800;text-align:left;cursor:pointer;box-shadow:0 6px 16px #000000c7;transition:background .12s ease,border-color .12s ease,color .12s ease}.pk-mode-option-btn:hover{background:#2e2115fa;border-color:#d4af37}.pk-mode-option-btn.active{background:#2d2113fa;border-color:#b89150;color:#f3cf7a}.pk-mode-option-btn.active.is-free{background:#441412fa;border-color:#ef4444;color:#fca5a5}.top-target-panel{position:fixed;top:12px;left:50%;transform:translate(-50%);width:420px;padding:10px 14px;border-color:#f87171a6;box-shadow:0 8px 28px #000c,0 0 18px #ef44442e;transition:opacity .15s ease,transform .15s ease}.top-target-panel.is-hidden{display:none}.target-mob-header{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:6px}.target-mob-name{font-size:16px;font-weight:800;color:#fef08a;line-height:1.15}.target-mob-hp-track{position:relative;width:100%;height:18px;background:#090d16f5;border:1.5px solid rgba(250,204,21,.72);border-radius:999px;overflow:hidden;box-shadow:inset 0 2px 5px #000000bf}.target-mob-hp-fill{height:100%;background:linear-gradient(90deg,#991b1b,#ef4444,#f87171);transition:width .15s ease}.target-mob-hp-fill.tier-elite{background:linear-gradient(90deg,#6b21a8,#a855f7,#e879f9)}.target-mob-hp-fill.tier-boss{background:linear-gradient(90deg,#991b1b,#dc2626,#f59e0b)}.target-mob-hp-text{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:800;color:#fff;text-shadow:0 1px 3px #000000,0 0 6px #000000;letter-spacing:.3px}.target-mob-meta{display:flex;justify-content:space-between;align-items:center;margin-top:6px;font-size:11.5px;color:#cbd5e1}.player-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.player-name{font-size:18px;font-weight:800;color:#fef08a;line-height:1.1}.realm-badge{display:inline-block;padding:2px 10px;border-radius:999px;font-size:12px;font-weight:700;background:#38bdf829;border:1px solid rgba(56,189,248,.55);color:#7dd3fc}.bar-row{margin-bottom:6px}.bar-label{display:flex;justify-content:space-between;font-size:12px;color:#cbd5e1;margin-bottom:2px}.bar-track{width:100%;height:10px;background:#0f172ae6;border:1px solid rgba(148,163,184,.3);border-radius:999px;overflow:hidden}.bar-fill{height:100%;transition:width .2s ease}.bar-hp{background:linear-gradient(90deg,#16a34a,#4ade80)}.bar-mp{background:linear-gradient(90deg,#0284c7,#38bdf8)}.bar-exp{background:linear-gradient(90deg,#d97706,#fde047)}.stats-mini-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:8px;padding-top:8px;border-top:1px solid rgba(148,163,184,.2);font-size:12px}.stat-chip{background:#0f172abf;padding:4px 8px;border-radius:6px;border:1px solid rgba(148,163,184,.2)}.stat-chip b{color:#fde047}.quest-panel{position:fixed;top:132px;left:12px;width:345px;padding:12px 14px;transition:width .16s ease,padding .16s ease}.quest-panel.collapsed{width:295px;padding:8px 11px}.quest-collapse-btn{background:#1e293be0;border:1px solid rgba(148,163,184,.45);color:#e2e8f0;border-radius:6px;padding:2px 7px;font-size:10.5px;font-weight:800;cursor:pointer;white-space:nowrap;transition:background .12s ease,border-color .12s ease,color .12s ease}.quest-collapse-btn:hover{background:#334155f2;border-color:#fbbf24;color:#fde047}.quest-chapter{font-size:11px;text-transform:uppercase;letter-spacing:.6px;color:#38bdf8;font-weight:700}.quest-title{font-size:16px;font-weight:800;color:#fde047;margin:2px 0 4px}.quest-desc{font-size:13px;color:#e2e8f0;line-height:1.35;margin-bottom:8px}.quest-meta{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:#86efac;margin-bottom:8px}.top-right-panel{position:fixed;top:10px;right:12px;background:transparent!important;border:none!important;box-shadow:none!important;backdrop-filter:none!important;padding:0!important;width:auto;display:flex;align-items:flex-start;gap:8px;z-index:18}.tr-menu-wrap{display:flex;align-items:flex-start;gap:6px}.tr-icon-strip{display:grid;grid-template-columns:repeat(4,60px);gap:6px;align-items:start}.tr-collapse-toggle-btn{position:relative;min-width:34px;height:62px;border-radius:8px;background:linear-gradient(180deg,#3a2816f5,#22160cfa);border:1.5px solid #a17c48;box-shadow:0 4px 12px #000000ad,inset 0 1px #ffedc833;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;cursor:pointer;padding:4px 6px;color:#fde68a;font-family:inherit;font-size:10.5px;font-weight:800;transition:transform .12s ease,filter .14s ease,border-color .14s ease}.tr-collapse-toggle-btn:hover{transform:translateY(-2px);filter:brightness(1.15);border-color:#fbbf24}.tr-square-btn{position:relative;width:60px;height:62px;border-radius:8px;background:linear-gradient(180deg,#322314f2,#20150cf7);border:1.5px solid #8c6d42;box-shadow:0 4px 12px #000000a6,inset 0 1px #ffedc829;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;cursor:pointer;padding:4px 2px;color:#f8ebd2;font-family:inherit;transition:transform .12s ease,filter .14s ease,border-color .14s ease}.tr-square-btn:hover{transform:translateY(-2px);filter:brightness(1.14);border-color:#fbbf24}.tr-square-btn .tr-btn-icon{font-size:24px;line-height:1;filter:drop-shadow(0 2px 3px rgba(0,0,0,.55))}.tr-square-btn .tr-btn-label{font-size:11px;font-weight:800;color:#f8ebd2;line-height:1.05;text-shadow:0 1px 2px #000000;white-space:nowrap}.tr-btn-badge{position:absolute;top:-5px;right:-5px;min-width:19px;height:19px;padding:0 5px;border-radius:999px;background:#dc2626;border:1.5px solid #fef2f2;color:#fff;font-size:10.5px;font-weight:900;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 5px #0009}.tr-minimap-card{width:218px;background:linear-gradient(180deg,#2c1e11f5,#1c130afa);border:1.5px solid #7c5e36;border-radius:10px;padding:7px 8px;box-shadow:0 6px 18px #000000bf;display:flex;flex-direction:column;gap:5px}.tr-minimap-header{display:flex;align-items:center;justify-content:space-between;gap:4px}.tr-minimap-title{font-size:13px;font-weight:900;color:#fdf5e6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tr-zone-pill{padding:1px 7px;border-radius:5px;font-size:10.5px;font-weight:800;white-space:nowrap;flex-shrink:0}.tr-zone-pill.safe{background:#15803d52;border:1px solid #4ade80;color:#86efac}.tr-zone-pill.combat{background:#b91c1c52;border:1px solid #f87171;color:#fecaca}.tr-minimap-viewport{position:relative;width:100%;height:112px;border-radius:6px;overflow:hidden;border:1px solid rgba(139,109,67,.6);cursor:pointer;background:#3d5a35}.tr-minimap-viewport:hover{border-color:#fbbf24}.tr-minimap-footer{display:flex;align-items:center;justify-content:space-between;font-size:11px;font-weight:800;color:#e5d2b0}.btn-gold,.btn-cyan,.btn-dark{cursor:pointer;font-family:inherit;font-size:13px;font-weight:700;padding:6px 10px;border-radius:8px;border:1px solid rgba(251,191,36,.55);color:#fef08a;background:linear-gradient(180deg,#b453098c,#78350fd9);transition:transform .1s,filter .15s}.btn-cyan{border-color:#38bdf899;color:#e0f2fe;background:linear-gradient(180deg,#0369a1a6,#0c4a6ee6)}.btn-dark{border-color:#94a3b866;color:#f1f5f9;background:#1e293bd9}.btn-gold:hover,.btn-cyan:hover,.btn-dark:hover{filter:brightness(1.18);transform:translateY(-1px)}.bottom-skill-bar{position:fixed;bottom:14px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:8px;padding:10px 14px}.skill-slot{width:72px;height:72px;border-radius:10px;background:#0f172af0;border:2px solid rgba(251,191,36,.65);display:flex;flex-direction:column;align-items:center;justify-content:flex-end;padding:3px;cursor:pointer;position:relative;overflow:hidden;transition:transform .12s,border-color .15s}.skill-slot:hover{transform:translateY(-3px);border-color:#fde047}.skill-slot.permanent-slot{width:78px;border-color:#4ade80;background:linear-gradient(160deg,#064e3bcc,#0f172af5)}.skill-slot.locked-slot{opacity:.52;border-color:#94a3b859;filter:grayscale(.65)}.skill-slot-img{position:absolute;top:3px;left:50%;transform:translate(-50%);width:48px;height:48px;object-fit:contain;pointer-events:none;filter:drop-shadow(0 2px 4px rgba(0,0,0,.75))}.skill-key{position:absolute;top:3px;left:4px;z-index:2;font-size:10.5px;font-weight:800;color:#fde047;background:#000000c7;border:1px solid rgba(250,204,21,.45);padding:0 5px;border-radius:4px;line-height:1.35}.skill-name{position:relative;z-index:2;width:100%;font-size:10px;font-weight:800;text-align:center;line-height:1.1;color:#f8fafc;background:#020617d1;padding:2px;border-radius:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.skill-cd-overlay{position:absolute;inset:0;background:#090d16d1;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:800;color:#fde047}.modal-backdrop{position:fixed;inset:0;background:#04070fc2;display:flex;align-items:center;justify-content:center;pointer-events:auto;z-index:100}.modal-card{width:min(940px,95vw);max-height:86vh;overflow-y:auto;padding:18px 22px}.modal-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(251,191,36,.35);padding-bottom:10px;margin-bottom:14px}.modal-title{font-size:20px;font-weight:800;color:#fde047}.grid-2col{display:grid;grid-template-columns:1fr 1fr;gap:14px}.grid-3col{display:grid;grid-template-columns:repeat(auto-fill,minmax(255px,1fr));gap:10px}.item-card{background:#0f172ae0;border:1px solid rgba(148,163,184,.32);border-radius:12px;padding:10px 12px;display:flex;flex-direction:column;justify-content:space-between;gap:8px;box-shadow:inset 0 0 14px #0f172ae6}.item-card-row{display:flex;align-items:center;gap:12px}.item-icon-img{width:54px;height:54px;border-radius:10px;flex-shrink:0;filter:drop-shadow(0 4px 8px rgba(0,0,0,.65))}.item-icon-sm{width:34px;height:34px;border-radius:8px;flex-shrink:0}.skill-slot-icon{width:30px;height:30px;margin:0 auto;border-radius:6px}.toast-container{position:fixed;top:122px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:6px;z-index:90;pointer-events:none}.toast-msg{background:#0f172af0;border:1px solid #fbbf24;color:#fef08a;padding:8px 18px;border-radius:999px;font-size:14px;font-weight:700;box-shadow:0 6px 20px #000000a6}.bag-window-shell{display:flex;align-items:flex-start;max-width:96vw;max-height:92vh;filter:drop-shadow(0 16px 38px rgba(0,0,0,.82))}.bag-side-tabs{display:flex;flex-direction:column;gap:6px;margin-top:14px;margin-right:-2px;z-index:2;flex-shrink:0}.bag-side-tab{width:68px;padding:10px 6px;border-radius:10px 0 0 10px;background:#382415;border:1.5px solid #785532;border-right:none;color:#cbb28a;font-family:inherit;font-size:12px;font-weight:700;display:flex;flex-direction:column;align-items:center;gap:3px;cursor:pointer;transition:background .15s,color .15s}.bag-side-tab.active{background:linear-gradient(180deg,#dfc496,#c49e65);color:#2c190b;border-color:#ecd7b0;font-weight:800}.bag-side-tab:hover:not(.active){background:#4a301c;color:#f5ead4}.bag-main-frame{width:min(1060px,92vw);height:min(785px,95vh);min-height:min(785px,95vh);max-height:min(785px,95vh);background:#352012;border:2px solid #8a643b;border-radius:10px;overflow:hidden;display:flex;flex-direction:column}.bag-top-bar{display:flex;justify-content:space-between;align-items:center;padding:10px 16px;height:52px;background:linear-gradient(180deg,#432917,#2f1c0f);border-bottom:1.5px solid #6e4e2e;flex-shrink:0}.bag-top-title{font-size:21px;font-weight:800;color:#f3e2c3;letter-spacing:.3px}.bag-top-right{display:flex;align-items:center;gap:8px}.bag-top-badge{background:#22140a;border:1px solid #6e5032;border-radius:6px;padding:4px 12px;font-size:13px;font-weight:700;color:#f3e2c3;display:inline-flex;align-items:center;gap:5px}.bag-close-btn{width:34px;height:32px;border-radius:6px;background:linear-gradient(180deg,#b91c1c,#7f1d1d);border:1px solid #f87171;color:#fff;font-size:16px;font-weight:800;cursor:pointer;display:flex;align-items:center;justify-content:center}.bag-close-btn:hover{filter:brightness(1.15)}.bag-body-split{display:grid;grid-template-columns:425px 1fr;gap:12px;padding:12px;flex:1;min-height:0;overflow:hidden}.bag-left-card,.bag-right-card{background:#f5ead4;border:1.5px solid #cbb287;border-radius:8px;padding:12px 14px;color:#2e1c0e;min-height:0;overflow-y:auto}.bag-equip-header{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:10px}.bag-equip-title-group{display:flex;align-items:center;gap:8px}.bag-equip-title{font-size:16px;font-weight:800;color:#231409;line-height:1.15}.bag-equip-sub{font-size:11.5px;color:#5c4328;line-height:1.25}.bag-preset-group{display:flex;gap:5px;flex-shrink:0}.bag-preset-btn{padding:4px 10px;border-radius:6px;border:1px solid #b89c6f;background:#efe1c6;color:#3f2a17;font-family:inherit;font-size:12px;font-weight:700;cursor:pointer}.bag-preset-btn.active{background:linear-gradient(180deg,#b78343,#8f5f26);border-color:#784d1b;color:#fffbeb}.bag-stage-row{display:grid;grid-template-columns:64px 1fr 64px;gap:10px;align-items:stretch}.equip-col{display:flex;flex-direction:column;justify-content:flex-start;gap:7px}.equip-slot-box{width:64px;height:52px;border-radius:7px;background:#e8d8b9;border:1.5px solid #c5ac81;display:flex;align-items:center;justify-content:center;cursor:pointer;position:relative;transition:transform .08s,border-color .12s;padding:3px}.equip-slot-box:hover{border-color:#a16207;transform:translateY(-1px)}.equip-slot-box.selected{background:#fffbeb;border:2px solid #d97706;box-shadow:0 0 0 2px #d9770647}.equip-slot-placeholder{font-size:11.5px;font-weight:700;color:#6e553b;text-align:center;line-height:1.1}.slot-only-img{width:44px;height:44px;object-fit:contain;border-radius:6px;pointer-events:none}.slot-corner-badge{position:absolute;bottom:2px;right:4px;font-size:11px;font-weight:800;color:#1e120a;text-shadow:0 0 3px #ffffff,0 0 3px #ffffff;pointer-events:none}.char-stage-box{background:linear-gradient(180deg,#241a14,#2d2018 68%,#4d392b 68%,#38281d);border:1.5px solid #573f28;border-radius:6px;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:347px;overflow:hidden}.stage-char-name{position:absolute;top:8px;font-size:14px;font-weight:800;color:#e5b869;text-shadow:0 1px 3px rgba(0,0,0,.85)}.stage-pet-slot{position:absolute;bottom:8px;right:8px;width:50px;height:46px;border-radius:7px;background:#e8d8b9;border:1.5px solid #c5ac81;display:flex;align-items:center;justify-content:center;cursor:pointer}.stage-pet-slot.selected{background:#fffbeb;border:2px solid #d97706}.combat-power-bar{background:#23170f;border-radius:6px;padding:5px 14px;margin:10px 0 8px;display:flex;justify-content:space-between;align-items:center}.combat-power-label{font-size:13px;font-weight:800;color:#e5c384;letter-spacing:.4px}.combat-power-val{font-size:22px;font-weight:800;color:#fef3c7;line-height:1}.char-stats-grid{display:grid;grid-template-columns:1fr 1fr;column-gap:18px;row-gap:2px;max-height:236px;overflow-y:auto;padding-right:4px}.char-stats-grid::-webkit-scrollbar{width:5px}.char-stats-grid::-webkit-scrollbar-track{background:#e4d3b2;border-radius:999px}.char-stats-grid::-webkit-scrollbar-thumb{background:#b5854b;border-radius:999px}.char-stat-row{display:flex;justify-content:space-between;align-items:center;font-size:12.5px;color:#4a321e;border-bottom:1px dashed #d3be98;padding:2px 0}.char-stat-row b{color:#231409;font-weight:800}.bag-right-card{display:flex;flex-direction:column;justify-content:space-between}.bag-filter-bar{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:8px}.bag-count-label{font-size:15px;font-weight:800;color:#231409;margin-right:4px}.bag-count-label span{font-size:12.5px;font-weight:600;color:#6e553b}.bag-filter-pill{padding:3px 11px;border-radius:6px;background:#efe1c6;border:1px solid #c5ac81;color:#3f2a17;font-family:inherit;font-size:12.5px;font-weight:700;cursor:pointer;transition:background .12s}.bag-filter-pill:hover{background:#e5d2ae}.bag-filter-pill.active{background:linear-gradient(180deg,#b78343,#8f5f26);border-color:#784d1b;color:#fffbeb}.bag-slots-scroll{height:304px;overflow-y:auto;padding-right:6px}.bag-slots-scroll::-webkit-scrollbar{width:6px}.bag-slots-scroll::-webkit-scrollbar-track{background:#e4d3b2;border-radius:999px}.bag-slots-scroll::-webkit-scrollbar-thumb{background:#b5854b;border-radius:999px}.bag-slots-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:8px}.bag-grid-cell{aspect-ratio:1 / 1;background:#e8d8b9;border:1.5px solid #cbb287;border-radius:7px;position:relative;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .08s,border-color .12s,background .12s}.bag-grid-cell.has-item:hover{transform:translateY(-1px);border-color:#a16207;background:#f3e6cb}.bag-grid-cell.selected{background:#fffbeb;border:2px solid #b45309;box-shadow:0 0 0 2px #b4530940}.bag-cell-img{width:82%;height:82%;object-fit:contain;border-radius:6px;pointer-events:none}.bag-cell-count{position:absolute;bottom:2px;right:5px;font-size:12px;font-weight:800;color:#1e120a;text-shadow:0 0 3px #ffffff,0 0 3px #ffffff;pointer-events:none}.bag-dashed-hr{border:none;border-top:1.5px dashed #bfa57a;margin:10px 0}.bag-inspector{height:192px;max-height:192px;overflow-y:auto;padding-right:6px;display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.bag-inspector::-webkit-scrollbar{width:6px}.bag-inspector::-webkit-scrollbar-track{background:#e4d3b2;border-radius:999px}.bag-inspector::-webkit-scrollbar-thumb{background:#b5854b;border-radius:999px}.bag-inspector-empty{color:#5c4328;font-size:13.5px;line-height:1.65;padding-top:4px}.inspector-icon-box{width:72px;height:72px;border-radius:8px;background:#efe1c6;border:1.5px solid #bfa57a;display:flex;align-items:center;justify-content:center;flex-shrink:0;position:sticky;top:0}.inspector-icon-box img{width:58px;height:58px;object-fit:contain}.inspector-info{flex:1;min-width:0}.inspector-title{font-size:18px;font-weight:800;color:#231409;line-height:1.2}.inspector-title span{font-size:14px;font-weight:800;color:#9a3412;margin-left:4px}.inspector-sub{font-size:12.5px;color:#785a3c;margin-bottom:5px}.inspector-desc{font-size:13px;color:#2e1c0e;line-height:1.42}.inspector-actions{width:196px;display:flex;flex-direction:column;gap:7px;flex-shrink:0;position:sticky;top:0}.inspector-actions-row{display:grid;grid-template-columns:1fr 1fr;gap:7px}.btn-bag-primary,.btn-bag-secondary{padding:8px 10px;border-radius:7px;font-family:inherit;font-size:13.5px;font-weight:800;cursor:pointer;transition:filter .12s,transform .08s}.btn-bag-primary{background:linear-gradient(180deg,#ca9859,#ab7839);border:1.5px solid #8c5d23;color:#231409}.btn-bag-secondary{background:#f7ebd4;border:1.5px solid #cbb287;color:#2e1c0e}.btn-bag-primary:hover,.btn-bag-secondary:hover{filter:brightness(1.06);transform:translateY(-1px)}.skills-body-split{display:grid;grid-template-columns:1.56fr 1fr;gap:12px;padding:12px;flex:1;min-height:0;overflow:hidden}.skills-loadout-card{background:#faf1df;border:1.5px solid #d4bd94;border-radius:8px;padding:12px 16px;margin-bottom:12px;display:flex;flex-direction:column;gap:12px}.skills-row{display:flex;align-items:center;gap:12px}.skills-row-label{width:68px;font-size:13px;font-weight:700;color:#5c4328;flex-shrink:0}.skills-preset-pill{background:#2b180a;color:#fef3c7;font-size:12.5px;font-weight:800;padding:3px 12px;border-radius:5px;border:none}.tam-phap-slots{display:flex;gap:8px;flex:1}.tam-phap-slot{border:1.5px dashed #bfa57a;background:#f4e7cd;border-radius:7px;padding:8px 12px;font-size:12.5px;font-weight:800;color:#4a321e;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:5px;transition:border-color .12s,background .12s}.tam-phap-slot.main-slot{flex:1}.tam-phap-slot:hover{border-color:#a16207;background:#fffbeb}.tam-phap-slot.locked{color:#785a3c;font-weight:700;opacity:.85}.skill-circles-row{display:flex;align-items:center;justify-content:space-around;flex:1;gap:8px;padding:4px 0}.skill-circle-wrap{display:flex;flex-direction:column;align-items:center;cursor:pointer}.skill-circle-slot{width:76px;height:76px;border-radius:50%;background:repeating-linear-gradient(-45deg,#efe1c6,#efe1c6 8px,#e5d3b0 8px 16px);border:2px solid #bfa57a;position:relative;display:flex;align-items:center;justify-content:center;transition:transform .1s,border-color .15s,box-shadow .15s}.skill-circle-wrap:hover .skill-circle-slot{transform:translateY(-2px);border-color:#a16207}.skill-circle-wrap.selected .skill-circle-slot{border:2.5px solid #d97706;box-shadow:0 0 0 3px #d9770647;background:#fffbeb}.skill-circle-num{position:absolute;top:-2px;right:-2px;width:22px;height:22px;border-radius:50%;background:#231409;color:#fff;font-size:12px;font-weight:800;display:flex;align-items:center;justify-content:center;z-index:3}.skill-circle-plus{font-size:28px;font-weight:700;color:#8c6f48;line-height:1}.skill-circle-img{width:64px;height:64px;border-radius:50%;object-fit:cover}.skill-circle-pill{margin-top:-10px;background:#2b180a;color:#fef3c7;font-size:11px;font-weight:800;padding:2px 9px;border-radius:5px;z-index:3;max-width:92px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.skills-bonus-row{display:flex;align-items:center;gap:12px;border-top:1px dashed #d5c09a;padding-top:8px;font-size:12.5px;color:#5c4328}.skills-sub-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;gap:8px}.skills-sub-tabs{display:flex;gap:8px}.skills-sub-btn{padding:6px 14px;border-radius:7px;border:1.5px solid #c5ac81;background:#efe1c6;color:#3f2a17;font-family:inherit;font-size:13px;font-weight:800;cursor:pointer}.skills-sub-btn.active{background:linear-gradient(180deg,#b98545,#926228);border-color:#784d1b;color:#fffbeb}.skills-el-filter-row{display:flex;flex-wrap:wrap;gap:4px}.skills-el-pill{padding:3px 9px;border-radius:5px;border:1px solid #c5ac81;background:#efe1c6;color:#3f2a17;font-family:inherit;font-size:11.5px;font-weight:700;cursor:pointer}.skills-el-pill.active{background:#2b180a;border-color:#2b180a;color:#fef3c7}.skills-learned-scroll{height:215px;overflow-y:auto;padding-right:4px}.skills-learned-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:8px}.skills-detail-pane{display:flex;flex-direction:column;justify-content:space-between;height:100%;min-height:460px}.skills-detail-empty{flex:1;display:flex;align-items:center;justify-content:center;text-align:center;color:#5c4328;font-size:14px;font-weight:600}.slot-assign-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;margin-top:8px}.slot-assign-btn{padding:6px 4px;border-radius:6px;border:1.5px solid #bfa57a;background:#efe1c6;color:#2e1c0e;font-family:inherit;font-size:12px;font-weight:800;cursor:pointer;text-align:center}.slot-assign-btn:hover,.slot-assign-btn.active{background:linear-gradient(180deg,#ca9859,#ab7839);border-color:#8c5d23;color:#231409}.npc-dialog-card{width:min(650px,92vw);background:#281a0f;border:2.5px solid #8c6d3b;border-radius:18px;padding:26px 30px;box-shadow:0 22px 54px #000000d9;color:#f5ead4}.npc-dialog-header{display:flex;align-items:center;gap:18px}.npc-dialog-avatar-wrap{width:84px;height:84px;border-radius:50%;border:3px solid #9d7b42;background:#3a2617;overflow:hidden;flex-shrink:0;display:flex;align-items:center;justify-content:center;box-shadow:inset 0 2px 8px #0009}.npc-dialog-avatar{width:100%;height:100%;object-fit:cover}.npc-dialog-title-group{display:flex;flex-direction:column;gap:2px}.npc-dialog-name{font-size:24px;font-weight:800;color:#dfbc6b;line-height:1.2}.npc-dialog-sub{font-size:15px;font-weight:700;color:#b79a66}.npc-dialog-greeting{font-size:19px;font-weight:800;color:#f5e6c8;margin:20px 0 18px}.npc-dialog-options{display:flex;flex-direction:column;gap:12px}.npc-dialog-opt-btn{width:100%;background:#332215;border:1.5px solid #755931;border-radius:10px;padding:13px 18px;display:flex;align-items:center;gap:14px;color:#f4e5c7;font-family:inherit;font-size:18px;font-weight:700;cursor:pointer;text-align:left;transition:background .14s,border-color .14s,transform .08s}.npc-dialog-opt-btn b{color:#eab308;font-weight:800}.npc-dialog-opt-btn:hover{background:#422c1b;border-color:#c69a4b;transform:translateY(-1px)}.npc-opt-icon{width:34px;height:34px;object-fit:contain;border-radius:6px;flex-shrink:0}.npc-dialog-cancel{justify-content:center;text-align:center;color:#bfa67e;font-size:16px;padding:12px 18px}.bs-shop-body-split{display:grid;grid-template-columns:1.25fr 1fr;gap:12px}.bs-shop-list-scroll{max-height:430px;overflow-y:auto;display:flex;flex-direction:column;gap:8px;padding-right:4px}.bs-shop-item-card{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:8px;background:#ece0c7;border:1.5px solid #c9b084;cursor:pointer;transition:background .12s,border-color .12s}.bs-shop-item-card:hover{background:#f7eedb;border-color:#a16207}.bs-shop-item-card.selected{background:#fffbeb;border:2px solid #d97706;box-shadow:0 0 0 2px #d9770638}.bs-shop-item-icon{width:52px;height:52px;border-radius:7px;background:#dfd0b2;border:2px solid #b89c6f;display:flex;align-items:center;justify-content:center;flex-shrink:0}.bs-shop-item-icon img{width:46px;height:46px;object-fit:contain}.bs-shop-item-info{flex:1;min-width:0}.bs-shop-item-name{font-size:14.5px;font-weight:800;line-height:1.2}.bs-shop-item-sub{font-size:11.5px;color:#6e553b;font-weight:700}.bs-shop-item-stats{font-size:12px;font-weight:700;color:#3f2a17;margin-top:2px}.bs-shop-item-buy{display:flex;flex-direction:column;align-items:flex-end;gap:4px;flex-shrink:0}.bs-shop-price{font-size:13px;font-weight:800;color:#b45309}.bs-shop-price.not-enough{color:#dc2626}.world-announcement-banner{position:fixed;top:14px;left:50%;transform:translate(-50%);width:min(740px,60vw);z-index:28;pointer-events:none;background:linear-gradient(90deg,#100b06c7,#2a1a0af0 12%,#3a220bf5,#2a1a0af0 88%,#100b06c7);border:1.5px solid rgba(251,191,36,.78);border-radius:999px;padding:5px 16px 5px 10px;display:flex;align-items:center;justify-content:flex-start;gap:10px;overflow:hidden;box-shadow:0 6px 22px #000000c7,0 0 16px #fbbf2438;transition:opacity .25s ease,transform .25s ease}.world-announcement-banner.is-hidden{display:none!important;opacity:0;transform:translate(-50%) translateY(-8px)}.world-ann-badge{background:linear-gradient(180deg,#f59e0b,#b45309);border:1px solid #fef08a;color:#fffbeb;font-size:11px;font-weight:800;padding:2px 9px;border-radius:999px;white-space:nowrap;flex-shrink:0;letter-spacing:.4px;box-shadow:0 2px 6px #00000080;z-index:2}.world-ann-badge.badge-world{background:linear-gradient(180deg,#0284c7,#0369a1);border-color:#7dd3fc;color:#f0f9ff}.world-ann-viewport{flex:1;min-width:0;overflow:hidden;white-space:nowrap;position:relative;height:22px;display:flex;align-items:center}.world-ann-track{display:inline-block;white-space:nowrap;padding-left:100%;font-size:13.5px;font-weight:800;color:#fef08a;text-shadow:0 1px 3px #000000;line-height:22px;animation:worldTickerMarquee 9.2s linear forwards}@keyframes worldTickerMarquee{0%{transform:translate(0)}to{transform:translate(-100%)}}.chat-panel{position:fixed;bottom:12px;left:12px;width:min(338px,30vw);min-width:276px;z-index:16;pointer-events:auto;background:linear-gradient(160deg,#18110bf0,#0e0a07f5);border:1.5px solid #8a6d3b;border-radius:10px;box-shadow:0 8px 24px #000000c7,inset 0 1px #fbbf2424;display:flex;flex-direction:column;overflow:hidden;transition:height .16s ease}.chat-panel.collapsed{width:245px}.chat-tabs-bar{display:flex;align-items:center;justify-content:space-between;background:#2a1d11f2;border-bottom:1px solid rgba(138,109,59,.55);padding:4px 6px;gap:3px}.chat-tabs-group{display:flex;align-items:center;gap:3px;flex-wrap:nowrap;overflow-x:auto}.chat-tab-btn{background:#140e09a6;border:1px solid rgba(138,109,59,.4);color:#cbb58b;font-family:inherit;font-size:11.5px;font-weight:700;padding:2px 7px;border-radius:5px;cursor:pointer;white-space:nowrap;position:relative;transition:all .12s ease}.chat-tab-btn:hover{color:#fef08a;border-color:#c89d54}.chat-tab-btn.active{background:linear-gradient(180deg,#9a6b26,#694514);border-color:#f3c86b;color:#fff8e1}.chat-unread-dot{display:inline-block;min-width:14px;height:14px;padding:0 3px;border-radius:999px;background:#ef4444;color:#fff;font-size:9.5px;font-weight:800;line-height:14px;text-align:center;margin-left:3px}.chat-collapse-btn{background:#140e09bf;border:1px solid rgba(138,109,59,.5);color:#dfc496;font-size:11px;font-weight:800;padding:2px 6px;border-radius:5px;cursor:pointer;flex-shrink:0}.chat-collapse-btn:hover{color:#fde047;border-color:#fde047}.chat-messages-list{height:126px;overflow-y:auto;padding:6px 8px;display:flex;flex-direction:column;gap:4px;font-size:12px;line-height:1.36;user-select:text}.chat-messages-list::-webkit-scrollbar{width:5px}.chat-messages-list::-webkit-scrollbar-thumb{background:#b48c488c;border-radius:4px}.chat-msg-row{word-break:break-word;color:#f1e4c8;padding:1.5px 2px;border-radius:4px}.chat-msg-row.row-system{background:#b4530938;border-left:2.5px solid #fbbf24;padding:3px 6px}.chat-msg-row.row-private{background:#9d174d2e;border-left:2.5px solid #f472b6;padding:2px 5px}.chat-tag{display:inline-block;font-size:10.5px;font-weight:800;padding:0 5px;border-radius:4px;margin-right:4px;vertical-align:baseline}.chat-tag.tag-system{background:#f59e0b42;border:1px solid #fbbf24;color:#fde047}.chat-tag.tag-world{background:#eab3082e;border:1px solid rgba(250,204,21,.6);color:#fcd34d}.chat-tag.tag-nearby{background:#0ea5e933;border:1px solid rgba(56,189,248,.65);color:#7dd3fc}.chat-tag.tag-private{background:#ec489938;border:1px solid rgba(244,114,182,.7);color:#f9a8d4}.chat-sender-btn{background:none;border:none;padding:0;font-family:inherit;font-size:12.5px;font-weight:800;color:#fde047;cursor:pointer;text-decoration:none}.chat-sender-btn:hover{text-decoration:underline;filter:brightness(1.15)}.chat-realm-pill{font-size:11px;font-weight:700;color:#a89472;margin-right:2px}.chat-whisper-bar{display:flex;align-items:center;gap:6px;padding:4px 8px;background:#4a14308c;border-top:1px solid rgba(244,114,182,.35);font-size:11.5px;color:#fbcfe8}.chat-whisper-select{flex:1;background:#120c10e6;border:1px solid rgba(244,114,182,.6);color:#fce7f3;font-family:inherit;font-size:11.5px;font-weight:700;border-radius:5px;padding:2px 6px;outline:none}.chat-input-bar{display:flex;align-items:center;gap:5px;padding:5px 6px;background:#1f150df5;border-top:1px solid rgba(138,109,59,.55)}.chat-channel-select{background:#2b1d11;border:1px solid #8a6d3b;color:#f6e3ba;font-family:inherit;font-size:11.5px;font-weight:800;border-radius:5px;padding:4px 5px;outline:none;cursor:pointer;flex-shrink:0}.chat-text-input{flex:1;min-width:0;background:#0c0906eb;border:1px solid #6e5534;border-radius:5px;padding:4px 8px;color:#fffbeb;font-family:inherit;font-size:12.5px;outline:none;user-select:text}.chat-text-input:focus{border-color:#fbbf24;box-shadow:0 0 0 1px #fbbf2459}.chat-send-btn{background:linear-gradient(180deg,#b47b2a,#7c4f15);border:1px solid #f2c977;color:#fffbeb;font-family:inherit;font-size:12px;font-weight:800;padding:4px 10px;border-radius:5px;cursor:pointer;flex-shrink:0}.chat-send-btn:hover{filter:brightness(1.1)}.settings-main-tabs{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:12px}.settings-main-tab-btn{padding:10px 14px;border-radius:9px;border:1.5px solid #bfa374;background:#e6d7ba;color:#4a3319;font-family:inherit;font-size:15px;font-weight:800;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .14s ease}.settings-main-tab-btn:hover{background:#f2e5cb;border-color:#9a6b26}.settings-main-tab-btn.active{background:linear-gradient(180deg,#9a6b26,#654111);border-color:#d97706;color:#fffbeb;box-shadow:0 3px 10px #65411159}.settings-grid-2col{display:grid;grid-template-columns:1fr 1fr;gap:12px}.settings-section-card{background:#efe3cb;border:1.5px solid #cbb286;border-radius:10px;padding:12px 14px;display:flex;flex-direction:column;gap:10px}.settings-section-title{font-size:15px;font-weight:800;color:#3f2812;border-bottom:1px dashed #bfa374;padding-bottom:6px;display:flex;align-items:center;justify-content:space-between}.settings-row{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:13.5px;color:#2b1a0c;font-weight:700}.settings-row-sub{font-size:11.5px;color:#6e553b;font-weight:600;margin-top:-4px}.settings-pill-group{display:flex;flex-wrap:wrap;gap:6px}.settings-opt-pill{padding:5px 10px;border-radius:7px;border:1.5px solid #bfa374;background:#f8f0df;color:#4a3319;font-family:inherit;font-size:12.5px;font-weight:800;cursor:pointer;transition:all .12s ease}.settings-opt-pill:hover{border-color:#9a6b26;background:#fffbeb}.settings-opt-pill.active{background:linear-gradient(180deg,#b45309,#78350f);border-color:#92400e;color:#fffbeb}.settings-toggle-btn{min-width:78px;padding:4px 10px;border-radius:999px;border:1.5px solid #9ca3af;background:#d1d5db;color:#374151;font-family:inherit;font-size:12px;font-weight:800;cursor:pointer;text-align:center;transition:all .14s ease}.settings-toggle-btn.on{background:linear-gradient(180deg,#16a34a,#15803d);border-color:#166534;color:#fff}.settings-slider-wrap{display:flex;align-items:center;gap:8px;width:100%}.settings-range-input{flex:1;accent-color:#b45309;cursor:pointer}.settings-range-val{min-width:44px;text-align:right;font-size:13px;font-weight:800;color:#92400e}.bs-enhance-split{display:grid;grid-template-columns:1.05fr 1fr;gap:14px;padding:14px;background:#221409;max-height:78vh;overflow-y:auto}@media(max-width:860px){.bs-enhance-split{grid-template-columns:1fr}}.bs-enhance-pane{background:#f5ebd6;border:2px solid #b89867;border-radius:10px;padding:14px 16px;color:#26160a;display:flex;flex-direction:column;gap:10px;box-shadow:inset 0 1px #ffffffa6}.bs-enhance-pane-title{font-size:16px;font-weight:900;color:#1f1208;display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}.bs-enhance-pane-sub{font-size:12.5px;font-weight:600;color:#6b533b}.bs-formula-card{background:linear-gradient(180deg,#ede0c5,#f4ead6);border:1.5px solid #bda278;border-radius:9px;padding:16px 12px 14px;display:flex;align-items:flex-start;justify-content:center;gap:10px;flex-wrap:wrap}.bs-formula-col{display:flex;flex-direction:column;align-items:center;gap:5px;width:84px;text-align:center}.bs-formula-slot{width:72px;height:72px;border-radius:9px;background:#f8f1e1;border:1.5px dashed #a48a64;display:flex;align-items:center;justify-content:center;position:relative;color:#8c7353;font-size:12.5px;font-weight:800;user-select:none;transition:all .14s ease}.bs-formula-slot.filled{border-style:solid;border-width:2px;background:linear-gradient(180deg,#e5d5b5,#f4ead5);box-shadow:0 2px 6px #2d1a0a1f}.bs-formula-slot.lack{border-style:solid;border-color:#b91c1c;background:linear-gradient(180deg,#efe0c8,#f7ecd9)}.bs-formula-slot.phu-empty{border-style:dashed;border-color:#b91c1c;color:#856b4d;cursor:pointer}.bs-formula-slot.clickable{cursor:pointer}.bs-formula-slot.clickable:hover{transform:translateY(-1px);border-color:#b45309}.bs-formula-slot img{width:50px;height:50px;object-fit:contain;pointer-events:none}.bs-formula-qty-badge{position:absolute;right:4px;bottom:3px;font-size:12px;font-weight:900;padding:0 4px;border-radius:4px;line-height:1.25;text-shadow:0 1px 2px rgba(255,255,255,.9)}.bs-formula-qty-badge.ok{color:#15803d}.bs-formula-qty-badge.lack{color:#dc2626}.bs-formula-lv-badge{position:absolute;left:4px;top:3px;font-size:11px;font-weight:900;padding:1px 5px;border-radius:4px;background:#221409d6;color:#fde047}.bs-formula-label{font-size:12px;font-weight:800;color:#5c4328;line-height:1.25}.bs-formula-label.strong{color:#1f1208}.bs-formula-op{height:72px;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:900;color:#8a704c;user-select:none}.bs-status-box{background:linear-gradient(180deg,#ede0c5,#f4ead6);border:1.5px solid #bda278;border-radius:8px;padding:10px 13px;font-size:13px;font-weight:800;color:#231409;display:flex;flex-direction:column;gap:7px}.bs-set-bonus-card{background:linear-gradient(180deg,#ede0c5,#f4ead6);border:1.5px solid #bda278;border-radius:8px;padding:11px 14px;display:flex;flex-direction:column;gap:5px}.bs-set-bonus-title{font-size:16px;font-weight:900;color:#1f1208}.bs-rules-text{font-size:12.5px;line-height:1.55;color:#574129;display:flex;flex-direction:column;gap:5px;padding-top:2px}.bs-right-equip-list{display:flex;flex-direction:column;gap:8px;max-height:62vh;overflow-y:auto;padding-right:4px}.bs-right-equip-item{display:flex;align-items:center;gap:10px;padding:9px 11px;border-radius:8px;background:#ece0c8;border:1.5px solid #c8b089;cursor:pointer;transition:all .13s ease}.bs-right-equip-item:hover{background:#f7eedb;border-color:#9a6b26}.bs-right-equip-item.selected{background:linear-gradient(180deg,#fef3c7,#f5e6c4);border:2px solid #d97706;box-shadow:0 2px 8px #b4530938}.bs-equip-source-tag{display:inline-block;padding:1px 6px;border-radius:4px;font-size:10.5px;font-weight:800}.bs-equip-source-tag.equipped{background:#dcfce7;border:1px solid #16a34a;color:#14532d}.bs-equip-source-tag.bag{background:#e0e7ff;border:1px solid #6366f1;color:#312e81}.game-loading-overlay{position:fixed;inset:0;z-index:99999;background:radial-gradient(circle at 50% 42%,#1c3458f5,#0b1222fc 58%,#050811);display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fef3c7;font-family:"Baloo 2",Segoe UI,sans-serif;user-select:none;opacity:1;visibility:visible;transition:opacity .36s ease,visibility .36s ease}.game-loading-overlay.is-hidden{opacity:0;visibility:hidden;pointer-events:none}.loading-bagua-wrap{position:relative;width:132px;height:132px;display:flex;align-items:center;justify-content:center;margin-bottom:22px}.loading-bagua-outer{position:absolute;inset:0;border-radius:50%;border:2.5px dashed rgba(251,191,36,.72);box-shadow:0 0 28px #f59e0b52,inset 0 0 22px #38bdf840;animation:loadingSpinCw 9s linear infinite}.loading-bagua-inner{position:absolute;inset:16px;border-radius:50%;border:2px solid rgba(103,232,249,.78);box-shadow:0 0 18px #38bdf873;animation:loadingSpinCcw 5.5s linear infinite}.loading-bagua-core{width:64px;height:64px;border-radius:50%;background:radial-gradient(circle,#fde68a,#f59e0b 55%,#78350f);box-shadow:0 0 24px #fbbf24bf;display:flex;align-items:center;justify-content:center;font-size:30px;animation:loadingPulseCore 1.8s ease-in-out infinite}@keyframes loadingSpinCw{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes loadingSpinCcw{0%{transform:rotate(360deg)}to{transform:rotate(0)}}@keyframes loadingPulseCore{0%,to{transform:scale(.95);filter:brightness(1)}50%{transform:scale(1.06);filter:brightness(1.18)}}.loading-map-title{font-size:26px;font-weight:900;letter-spacing:.6px;color:#fde68a;text-shadow:0 2px 14px rgba(245,158,11,.55),0 2px 4px #000;margin-bottom:6px;text-align:center;padding:0 20px}.loading-map-sub{font-size:15px;font-weight:700;color:#93c5fd;text-shadow:0 1px 4px #000;margin-bottom:22px;text-align:center;padding:0 20px}.loading-bar-track{width:min(420px,82vw);height:12px;border-radius:999px;background:#0f172aeb;border:1.5px solid rgba(217,119,6,.78);padding:2px;overflow:hidden;box-shadow:0 0 16px #f59e0b40;margin-bottom:16px}.loading-bar-fill{height:100%;width:35%;border-radius:999px;background:linear-gradient(90deg,#f59e0b,#fde047,#38bdf8,#fde047);background-size:200% 100%;box-shadow:0 0 12px #facc15cc;transition:width .22s ease-out;animation:loadingShimmer 1.6s linear infinite}@keyframes loadingShimmer{0%{background-position:0% 50%}to{background-position:200% 50%}}.loading-tip-box{font-size:13.5px;font-weight:600;color:#cbd5e1;background:#0f172ab8;border:1px solid rgba(148,163,184,.28);border-radius:999px;padding:6px 18px;max-width:88vw;text-align:center}.bottom-skill-bar{background:#0a0f1ac7;border:1.5px solid rgba(251,191,36,.45);border-radius:999px;padding:8px 18px;gap:14px}.combat-skills-group{display:flex;align-items:center;gap:10px}.skill-slot.circular-skill-slot{width:58px;height:58px;border-radius:50%;background:radial-gradient(circle at 50% 35%,#1e293beb,#090d16f5);border:2.5px solid #38bdf8;box-shadow:0 0 0 2px #090d16,0 5px 14px #000000bf;display:flex;align-items:center;justify-content:center;padding:0;overflow:visible;position:relative}.skill-slot.circular-skill-slot.empty-skill{background:#0f172a61;border:2px dashed rgba(148,163,184,.55);box-shadow:inset 0 0 10px #00000073}.skill-slot.circular-skill-slot .skill-slot-img{position:relative;top:0;left:0;transform:none;width:40px;height:40px;border-radius:50%;object-fit:contain}.skill-slot.big-attack-slot{width:74px;height:74px;border-radius:50%;background:radial-gradient(circle at 38% 35%,#b91c1c,#881b1b 65%,#450a0a);border:3px solid #d4a359;box-shadow:0 0 0 3px #1c1208,0 6px 20px #000000d1,inset 0 2px 10px #fecaca40;display:flex;align-items:center;justify-content:center;padding:0;overflow:visible;position:relative}.skill-slot.big-attack-slot .skill-slot-img{position:relative;top:0;left:0;transform:none;width:48px;height:48px;object-fit:contain;filter:drop-shadow(0 3px 6px rgba(0,0,0,.8))}.skill-slot .skill-num-badge{position:absolute;top:-4px;left:-4px;width:20px;height:20px;border-radius:50%;background:#1c1917;border:1.5px solid #a8a29e;color:#fde68a;font-size:10.5px;font-weight:900;display:flex;align-items:center;justify-content:center;z-index:5;box-shadow:0 2px 5px #000000bf}.skill-slot .skill-mp-badge{position:absolute;bottom:-6px;left:50%;transform:translate(-50%);background:#1d4ed8;border:1px solid #93c5fd;color:#fff;font-size:9.5px;font-weight:900;padding:0 6px;border-radius:5px;line-height:1.3;z-index:5;box-shadow:0 2px 5px #000000bf}.skill-slot.circular-skill-slot .skill-name,.skill-slot.big-attack-slot .skill-name{display:none}.skill-slot.circular-skill-slot .skill-key,.skill-slot.big-attack-slot .skill-key{inset:auto -4px -6px auto;font-size:9.5px;padding:0 4px;border-radius:4px;z-index:6}.skill-slot.circular-skill-slot .skill-cd-overlay{border-radius:50%}.quick-orb-cluster{display:flex;align-items:center;gap:8px}.quick-orb-btn{position:relative;width:48px;height:48px;border-radius:50%;background:radial-gradient(circle at 40% 35%,#2c241af0,#16110cfa);border:2px solid #b5945b;box-shadow:0 0 0 2px #1a120b,0 4px 12px #000000bf;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0;color:#f8fafc;font-family:inherit;transition:transform .12s,border-color .15s,box-shadow .15s}.quick-orb-btn:hover{transform:translateY(-2px) scale(1.04);border-color:#fde047}.quick-orb-btn.active.orb-auto{border-color:#facc15;background:radial-gradient(circle at 40% 35%,#92400e,#451a03);box-shadow:0 0 0 2px #1a120b,0 0 14px #facc15a6}.quick-orb-btn.active.orb-meditate{border-color:#38bdf8;background:radial-gradient(circle at 40% 35%,#0369a1,#0c4a6e);box-shadow:0 0 0 2px #090d16,0 0 14px #38bdf8a6}.orb-icon-img{width:30px;height:30px;object-fit:contain;pointer-events:none;filter:drop-shadow(0 2px 4px rgba(0,0,0,.75))}.orb-emoji{font-size:20px;line-height:1;filter:drop-shadow(0 2px 3px rgba(0,0,0,.65))}.orb-count-badge{position:absolute;bottom:-4px;right:-4px;background:#1c1917;border:1px solid #78716c;color:#fff;font-size:10px;font-weight:900;padding:0 5px;border-radius:5px;line-height:1.35;box-shadow:0 2px 5px #000c;pointer-events:none}.orb-count-badge.badge-on{background:#ca8a04;border-color:#fef08a;color:#fffbeb}.orb-count-badge.badge-cyan{background:#0284c7;border-color:#7dd3fc;color:#f0f9ff}.chat-panel.collapsed{width:auto!important;background:transparent!important;border:none!important;box-shadow:none!important;backdrop-filter:none!important;padding:0!important}.chat-collapsed-orb{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;border-radius:999px;background:radial-gradient(circle at 40% 35%,#382a1af0,#1c140cfa);border:2px solid #b5945b;box-shadow:0 0 0 2px #1a120b,0 5px 14px #000000bf;color:#fde68a;font-family:inherit;font-size:12.5px;font-weight:800;cursor:pointer;position:relative}.chat-orb-icon{font-size:18px;line-height:1}.mobile-joystick-zone{display:none;position:fixed;bottom:18px;left:18px;width:136px;height:136px;z-index:95;pointer-events:auto;touch-action:none;user-select:none;-webkit-user-select:none}.joystick-base{position:relative;width:126px;height:126px;border-radius:50%;background:radial-gradient(circle,#1e181029,#140f0a57);border:1.5px solid rgba(203,176,122,.42);box-shadow:inset 0 0 18px #00000059;transition:border-color .15s,box-shadow .15s}.joystick-ring-mid{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:86px;height:86px;border-radius:50%;border:1px solid rgba(203,176,122,.3);pointer-events:none}.joystick-base.active{border-color:#facc15c7;box-shadow:0 0 18px #facc1540,inset 0 0 18px #facc152e}.joystick-knob{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:52px;height:52px;border-radius:50%;background:radial-gradient(circle at 36% 34%,#6e5034,#4a331f 68%,#2e1f12);border:2px solid #d4b886;box-shadow:0 4px 12px #000000bf,inset 0 1px 3px #ffffff38;pointer-events:none;will-change:transform}.world-announce-banner{position:absolute;top:72px;left:50%;transform:translate(-50%);z-index:150;pointer-events:none;display:flex;flex-direction:column;align-items:center;gap:6px;width:min(680px,92vw)}.chat-panel{width:340px}.bag-item-popover-card,.skill-popover-close-btn{display:none}@media(pointer:coarse),(max-width:960px),(max-height:560px){.mobile-joystick-zone{display:flex;align-items:center;justify-content:center}.top-target-panel,.skill-slot .skill-key{display:none!important}.chat-panel.collapsed{position:fixed!important;bottom:158px!important;left:24px!important;right:auto!important;z-index:96!important}.chat-collapsed-orb{width:42px!important;height:42px!important;padding:0!important;border-radius:50%!important;justify-content:center!important}.chat-orb-label{display:none!important}.chat-panel:not(.collapsed){position:fixed!important;bottom:158px!important;left:12px!important;right:auto!important;width:min(290px,84vw)!important;z-index:115!important}.bottom-skill-bar{position:fixed!important;right:12px!important;bottom:12px!important;left:auto!important;transform:none!important;width:220px!important;height:215px!important;max-width:none!important;padding:0!important;background:transparent!important;border:none!important;box-shadow:none!important;backdrop-filter:none!important;pointer-events:none!important;z-index:95!important}.combat-skills-group{position:absolute;inset:0;pointer-events:none}.skill-slot.big-attack-slot{position:absolute!important;right:4px!important;bottom:4px!important;width:82px!important;height:82px!important;pointer-events:auto!important}.skill-slot.big-attack-slot .skill-slot-img{width:50px!important;height:50px!important}.skill-slot.circular-skill-slot{position:absolute!important;width:48px!important;height:48px!important;pointer-events:auto!important}.skill-slot.circular-skill-slot .skill-slot-img{width:34px!important;height:34px!important}.skill-slot.skill-pos-0{right:98px!important;bottom:4px!important}.skill-slot.skill-pos-1{right:90px!important;bottom:60px!important}.skill-slot.skill-pos-2{right:50px!important;bottom:100px!important}.skill-slot.skill-pos-dash{right:0!important;bottom:102px!important}.skill-slot.skill-pos-3{right:154px!important;bottom:12px!important}.skill-slot.skill-pos-4{right:146px!important;bottom:68px!important}.quick-orb-cluster{position:absolute!important;right:2px!important;bottom:160px!important;display:flex!important;align-items:center!important;gap:7px!important;pointer-events:auto!important}.quick-orb-btn{width:42px!important;height:42px!important}.orb-icon-img{width:26px!important;height:26px!important}.orb-emoji{font-size:17px!important}}@media(max-width:960px),(max-height:560px){.top-left-panel{top:6px!important;left:6px!important;width:auto!important;max-width:calc(100vw - 185px)!important;gap:4px!important}.tl-main-row{gap:6px!important}.tl-avatar-wrap,.tl-avatar-ring{width:46px!important;height:46px!important;border-width:2px!important}.tl-realm-code{font-size:8.5px!important;padding:1px 4px!important}.tl-bars-box{width:auto!important;min-width:125px!important;padding:4px 8px 5px!important}.pk-mode-desktop-wrap{display:none!important}.pk-mode-mobile-wrap{display:flex!important;width:100%!important}.pk-mode-mobile-wrap .pk-mode-trigger-btn{min-width:0!important;width:100%!important;height:28px!important;padding:0 8px!important;font-size:11.5px!important;border-radius:6px!important}.pk-mode-mobile-wrap .pk-mode-option-btn{height:30px!important;padding:0 8px!important;font-size:11.5px!important}.pk-mode-mobile-wrap .pk-karma-mini-badge{font-size:9.5px!important;padding:1px 4px!important}.tl-player-name{font-size:12.5px!important}.tl-realm-label{font-size:9.5px!important}.tl-bar-track{height:12px!important}.tl-bar-text{font-size:9px!important}.tl-exp-strip{padding-left:0!important}.tl-talisman-buffs{padding-left:0!important;max-width:225px!important;gap:3px!important}.tl-talisman-pill{font-size:9.5px!important;padding:1.5px 5px!important}.tl-exp-strip button{font-size:10.5px!important;padding:2px 6px!important}.top-target-panel{display:none!important}.top-right-panel{top:6px!important;right:6px!important;gap:5px!important}.tr-menu-wrap{position:relative}.tr-icon-strip{position:absolute!important;top:calc(100% + 6px)!important;right:0!important;grid-template-columns:repeat(3,52px)!important;gap:5px!important;background:#181009f5!important;border:1.5px solid #a17c48!important;border-radius:10px!important;padding:6px!important;box-shadow:0 10px 28px #000000e0!important;z-index:60!important}.tr-square-btn{width:52px!important;height:50px!important;border-radius:8px!important}.tr-square-btn .tr-btn-icon{font-size:18px!important}.tr-square-btn .tr-btn-label{font-size:9px!important}.tr-collapse-toggle-btn{min-width:38px!important;height:46px!important;font-size:9.5px!important}.tr-minimap-card{width:122px!important;padding:5px!important;border-radius:9px!important}.tr-minimap-viewport{width:100%!important;height:64px!important}.tr-minimap-title{font-size:10px!important;max-width:68px}.tr-zone-pill{font-size:9px!important;padding:1px 4px!important}.tr-minimap-footer{font-size:9.5px!important}.quest-panel{top:86px;left:6px!important;width:215px!important;max-height:34vh;overflow-y:auto;padding:6px 8px!important;font-size:11px!important}.quest-panel.collapsed{width:205px!important;padding:5px 8px!important}.npc-dialogue-bar,.npc-dialog-bar{bottom:214px!important;width:94vw!important;max-height:calc(100vh - 305px)!important;overflow-y:auto!important;padding:10px 12px!important;gap:8px!important;z-index:135!important}.realm-table-row{grid-template-columns:1fr 1fr!important}.bird-eye-map-bar{padding:8px 12px!important;gap:8px!important;flex-wrap:wrap;width:94vw;justify-content:center}.modal-backdrop{padding:4px!important}.bag-window-shell{width:98vw!important;max-width:98vw!important;height:94vh!important;max-height:94vh!important}.bag-main-frame{position:relative!important;width:100%!important;height:100%!important;min-height:0!important;max-height:100%!important}.bag-top-bar{height:auto!important;min-height:44px!important;padding:7px 10px!important;flex-wrap:wrap!important;gap:6px!important}.bag-top-title{font-size:16px!important;white-space:nowrap!important}.bag-top-right{flex-wrap:wrap!important;gap:5px!important;justify-content:flex-end!important}.bag-top-badge{font-size:11px!important;padding:2px 8px!important;white-space:nowrap!important}.bag-body-split,.skills-body-split,.bs-shop-body-split,.settings-grid-2col,.grid-2col{display:flex!important;flex-direction:column!important;overflow-y:auto!important;padding:8px!important;gap:10px!important}.bag-left-card,.bag-right-card{flex:0 0 auto!important;height:auto!important;min-height:auto!important;max-height:none!important;overflow:visible!important;padding:10px!important}.bag-slots-scroll,.skills-learned-scroll{height:auto!important;max-height:280px!important}.fashion-catalog-grid{grid-template-columns:1fr!important;max-height:none!important;overflow:visible!important}.skills-loadout-card{padding:10px!important;gap:10px!important}.skills-row{flex-direction:column!important;align-items:stretch!important;gap:6px!important}.skills-row-label{width:auto!important;font-size:12.5px!important}.tam-phap-slots{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:6px!important}.tam-phap-slot{padding:6px!important;font-size:11px!important;text-align:center!important}.skill-circles-row{display:grid!important;grid-template-columns:repeat(5,1fr)!important;gap:4px!important;width:100%!important}.skill-circle-slot{width:52px!important;height:52px!important}.skill-circle-img{width:44px!important;height:44px!important}.skill-circle-num{width:18px!important;height:18px!important;font-size:10px!important}.skill-circle-pill{font-size:9.5px!important;padding:1px 4px!important;max-width:60px!important}.skills-sub-toolbar{flex-direction:column!important;align-items:stretch!important;gap:6px!important}.skills-sub-tabs{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:5px!important}.skills-sub-btn{padding:6px 4px!important;font-size:11.5px!important;text-align:center!important}.skills-learned-grid{grid-template-columns:repeat(5,1fr)!important;gap:6px!important}.bag-cell-count{font-size:10px!important;right:2px!important;bottom:1px!important;max-width:94%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bag-inspector-desktop-wrap{display:none!important}.bag-item-popover-card{display:flex!important;flex-direction:column!important;gap:8px!important;position:absolute!important;left:8px!important;right:8px!important;bottom:8px!important;z-index:85!important;background:#f5ead4!important;border:2px solid #8a643b!important;border-radius:12px!important;padding:12px!important;color:#2e1c0e!important;box-shadow:0 -10px 34px #000000d1,0 0 0 1.5px #fff8dc99!important;max-height:62vh!important;overflow-y:auto!important}.popover-close-btn{position:absolute!important;top:10px!important;right:10px!important;width:32px!important;height:32px!important;z-index:10!important}.popover-top-row{display:flex!important;align-items:flex-start!important;gap:10px!important}.popover-desc-scroll{max-height:120px!important;overflow-y:auto!important;padding-right:4px!important;margin-top:4px!important;font-size:12px!important}.popover-status-bar{background:#faf3e3!important;border:1.5px solid #d4bd94!important;border-radius:8px!important;padding:6px 10px!important;font-size:12.5px!important}.popover-actions-grid{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important}.skills-detail-pane:not(.has-active-skill-inspect){display:none!important}.skills-detail-pane.has-active-skill-inspect{position:absolute!important;left:8px!important;right:8px!important;bottom:8px!important;z-index:85!important;background:#f5ead4!important;border:2px solid #8a643b!important;border-radius:12px!important;padding:12px!important;box-shadow:0 -10px 34px #000000d1,0 0 0 1.5px #fff8dc99!important;max-height:66vh!important;overflow-y:auto!important}.skill-popover-close-btn{display:flex!important}.npc-dialog-card{width:96vw!important;max-height:90vh!important;overflow-y:auto!important;padding:14px!important}}@media(max-width:640px){.top-target-panel{top:148px!important;left:6px!important;transform:none!important;width:205px!important}.tr-minimap-card{width:108px!important}.tr-minimap-viewport{height:54px!important}.bag-window-shell{flex-direction:column!important;height:95vh!important}.bag-side-tabs{flex-direction:row!important;width:100%!important;margin:0!important;padding:0 2px!important;overflow-x:auto!important;gap:4px!important;flex-shrink:0!important}.bag-side-tab{width:auto!important;min-width:72px!important;height:40px!important;flex-direction:row!important;border-radius:8px 8px 0 0!important;border:1.5px solid #785532!important;border-bottom:none!important;padding:4px 10px!important;font-size:11.5px!important;gap:4px!important;flex-shrink:0}.bag-side-tab.active{transform:none!important}}@media(max-height:560px){.npc-dialogue-bar,.npc-dialog-bar{bottom:16px!important;max-height:82vh!important;z-index:135!important}}