.landing-page{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;display:flex;flex-direction:column;overflow:auto;background:#030508;color:#c8b99a;font-family:Orbitron,Cinzel,sans-serif}.landing-bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;overflow:hidden}.landing-bg-gradient{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 120% 80% at 50% 20%,rgba(60,40,120,.25) 0%,transparent 50%),radial-gradient(ellipse 80% 60% at 70% 80%,rgba(20,10,50,.3) 0%,transparent 45%),linear-gradient(180deg,#050810,#0a0618 40%,#08060c)}.landing-bg-glow{position:absolute;top:15%;left:50%;transform:translate(-50%);width:60%;height:40%;background:radial-gradient(ellipse at center,rgba(100,80,200,.08) 0%,transparent 70%);pointer-events:none}.landing-header{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;flex-shrink:0;border-bottom:1px solid rgba(200,169,110,.2)}.landing-logo{display:flex;align-items:center;gap:10px}.landing-logo-icon{font-size:28px;filter:drop-shadow(0 0 8px rgba(200,169,110,.5))}.landing-logo-text{font-family:Orbitron,Cinzel,sans-serif;font-weight:700;font-size:16px;letter-spacing:3px;color:#c8a96e}.landing-logo-tagline{font-family:Orbitron,sans-serif;font-size:12px;color:#c8a96eb3;margin-left:8px}.landing-nav{display:flex;gap:28px}.landing-nav-link{font-family:Orbitron,sans-serif;color:#ffffffd9;text-decoration:none;font-size:14px;font-weight:600;letter-spacing:2px}.landing-nav-link:hover{color:#f0d080}.landing-lang{display:flex;align-items:center}.landing-lang-label{font-family:Orbitron,sans-serif;font-size:16px;font-weight:600;letter-spacing:1px;color:#f3c46e;background:#0d0f19;border:1px solid #f3c46e;padding:10px 18px}.landing-social{position:fixed;left:16px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:8px;z-index:10}.landing-social-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#140f28cc;border:1px solid rgba(200,169,110,.25);color:#c8b99a;text-decoration:none;font-size:14px;transition:border-color .2s,color .2s}.landing-social-icon:hover{border-color:#c8a96e;color:#f0d080}.landing-main{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;text-align:center}.landing-title{font-family:Orbitron,Cinzel,sans-serif;font-weight:800;font-size:clamp(32px,5.5vw,52px);letter-spacing:8px;color:#e8d8b8;text-shadow:0 0 30px rgba(200,169,110,.4),0 0 60px rgba(100,80,180,.2);margin-bottom:8px}.landing-subtitle{font-family:Orbitron,sans-serif;font-size:clamp(13px,2vw,16px);font-weight:500;letter-spacing:4px;color:#c8a96ebf;margin-bottom:48px}.landing-play-btn{padding:20px 60px;font-family:Orbitron,sans-serif;font-weight:700;font-size:22px;letter-spacing:6px;color:#0a0808;background:linear-gradient(180deg,#f0d080,#c8a96e,#8a6c38);border:1px solid rgba(255,255,255,.3);box-shadow:0 0 30px #c8a96e80,inset 0 1px #fff6;cursor:pointer;transition:transform .15s,box-shadow .15s}.landing-play-btn:hover{transform:scale(1.05);box-shadow:0 0 40px #c8a96e99,inset 0 1px #fff6}.landing-play-btn:active{transform:scale(.98)}.landing-features{display:flex;justify-content:center;gap:48px;padding:24px 20px 32px;flex-shrink:0}.landing-feature{display:flex;align-items:center;gap:12px}.landing-feature-icon{font-size:20px;color:#64b4ffcc;text-shadow:0 0 12px rgba(100,180,255,.4)}.landing-feature-label{font-size:10px;letter-spacing:2px;color:#c8a96eb3}.landing-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10000;display:flex;align-items:center;justify-content:center;background:#000000bf;padding:20px}.landing-modal-inner{background:linear-gradient(180deg,#0d1220,#080c14);border:1px solid rgba(200,169,110,.35);padding:28px 32px;max-width:420px;width:100%;box-shadow:0 0 60px #0009}.landing-modal-title{font-family:Cinzel,serif;font-size:18px;color:#c8a96e;margin-bottom:6px;letter-spacing:2px}.landing-modal-sub{font-size:12px;color:#c8a96eb3;margin-bottom:20px}.landing-form label{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}.landing-form label span{font-size:11px;letter-spacing:1px;color:#c8a96ecc}.landing-form input{background:#0006;border:1px solid rgba(200,169,110,.3);color:#e8d8b8;padding:10px 12px;font-size:14px}.landing-form input::placeholder{color:#c8a96e66}.landing-form input:focus{outline:none;border-color:#c8a96e}.landing-form-error{color:#c44;font-size:12px;margin-bottom:8px}.landing-form-actions{display:flex;gap:12px;margin-top:20px;flex-wrap:wrap}.landing-btn{padding:10px 20px;font-family:Cinzel,serif;font-size:12px;letter-spacing:2px;cursor:pointer;border:1px solid;transition:all .15s}.landing-btn.primary{background:linear-gradient(180deg,#c8a96e,#8a6c38);border-color:#ffffff40;color:#0a0808}.landing-btn.primary:hover{filter:brightness(1.1)}.landing-btn.secondary{background:transparent;border-color:#c8a96e80;color:#c8b99a}.landing-btn.secondary:hover{border-color:#c8a96e;color:#f0d080}.landing-btn.small{padding:6px 14px;font-size:11px}.landing-btn.danger{background:transparent;border-color:#b4505099;color:#c87878}.landing-btn.danger:hover{border-color:#c06060;color:#e09090}.landing-account-list{list-style:none}.landing-account-item{display:flex;align-items:center;justify-content:space-between;padding:12px 0;border-bottom:1px solid rgba(200,169,110,.15);gap:12px}.landing-account-item:last-child{border-bottom:none}.landing-account-info{display:flex;flex-direction:column;gap:2px}.landing-account-actions{display:flex;align-items:center;gap:8px}.landing-account-name{font-size:14px;color:#e8d8b8}.landing-account-phone{font-size:11px;color:#c8a96e99}:root{--accent: #7c3aed;--accent-bright: #a855f7;--accent-dim: #4c1d95;--accent-glow: rgba(124, 58, 237, .45);--blue: #3b82f6;--blue-dim: #1d4ed8;--green: #55ff00;--red: #ef4444;--amber: #f59e0b;--gold: #f59e0b;--gold-bright: #fcd34d;--gold-dark: #92400e;--crimson: #7f1d1d;--crimson-bright: #ef4444;--bg-dark: #060812;--bg-mid: #090c18;--bg-panel: #0e1123;--bg-card: #131628;--bg-panel2: #181c2e;--border: rgba(255, 255, 255, .07);--border-gold: rgba(124, 58, 237, .22);--border-accent: rgba(124, 58, 237, .35);--text: #c8d4e8;--text-dim: #64748b;--text-bright: #f1f5f9;--text-muted: #475569;--hp: #ef4444;--mp: #3b82f6;--xp: #f59e0b;--font-game: "Exo 2", sans-serif;--radius: 10px;--radius-sm: 6px;--radius-xs: 4px}*{margin:0;padding:0;box-sizing:border-box}body{background:var(--bg-dark);color:var(--text);font-family:var(--font-game);font-size:13px;font-weight:500;overflow:hidden;height:100vh;width:100vw;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-webkit-font-smoothing:antialiased}#root,#game-container{user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}#game-container{position:relative;width:100vw;height:100vh;background:#020408}#world{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;background:#060c10;overflow:hidden;cursor:crosshair}#topbar{position:fixed;top:0;left:0;right:0;height:52px;z-index:200;background:#090c18;border-bottom:1px solid rgba(255,255,255,.06);display:flex;align-items:center;padding:0 16px;gap:14px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}#game-title{font-family:var(--font-game);font-weight:800;font-size:16px;background:linear-gradient(90deg,#a855f7,#3b82f6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:2px;flex:0 0 auto;text-shadow:none}#topbar-divider{flex:1;height:1px;background:linear-gradient(90deg,transparent,rgba(124,58,237,.3),transparent)}#clock{font-family:var(--font-game);font-size:10px;color:var(--text-dim);letter-spacing:2px;background:#ffffff0a;border:1px solid var(--border);padding:3px 8px;border-radius:var(--radius-xs)}#skill-row{position:fixed;top:52px;left:0;right:0;z-index:200;background:#090c18;border-bottom:1px solid rgba(255,255,255,.05);display:flex;gap:6px;padding:6px 12px;align-items:center}#strike-bar{display:flex;align-items:center;gap:6px;padding:0 8px;border-left:1px solid var(--border);flex-shrink:0}.strike-label{font-family:var(--font-game);font-size:9px;letter-spacing:1px;color:var(--text-dim);white-space:nowrap}.strike-hint{font-size:8px;opacity:.8}.strike-btns{display:flex;gap:3px}.strike-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;font-size:20px;background:linear-gradient(135deg,#0a0e1a,#060810);border:1px solid var(--border);cursor:pointer;transition:all .15s}.strike-btn:hover{border-color:var(--gold-dark);transform:scale(1.05)}.strike-btn.active{border-color:var(--gold);background:linear-gradient(135deg,#1a1808,#0e1004);box-shadow:0 0 10px #c8a96e66}.strike-btn#strike-btn-electric.active{border-color:#4af;box-shadow:0 0 10px #44aaff80}.strike-btn#strike-btn-fire.active{border-color:#f60;box-shadow:0 0 10px #ff640080}.strike-btn#strike-btn-ice.active{border-color:#8df;box-shadow:0 0 10px #88ddff80}.strike-btn#strike-btn-poison.active{border-color:#4d4;box-shadow:0 0 10px #44dd4480}.strike-btn#strike-btn-violet.active{border-color:#c77dff;box-shadow:0 0 10px #a78bfa99}.strike-cooldown-text{font-family:var(--font-game);font-size:9px;color:var(--text-dim);min-width:32px}.strike-cooldown-text.ready{color:var(--green);font-weight:700}#left-panel{position:fixed;left:0;top:52px;bottom:0;width:230px;z-index:150;background:#090c18;border-right:1px solid rgba(255,255,255,.05);display:flex;flex-direction:column;overflow:hidden}#right-panel{background:transparent;border:none;display:flex;flex-direction:column;overflow:hidden;flex:1;min-height:0}.panel-header{font-family:var(--font-game);font-size:9px;font-weight:700;letter-spacing:3px;color:var(--text-dim);text-transform:uppercase;padding:8px 14px 6px;border-bottom:1px solid var(--border);flex-shrink:0}#char-avatar{width:80px;height:80px;margin:14px auto 10px;position:relative;display:block}.avatar-frame{width:80px;height:80px;background:radial-gradient(ellipse at 50% 30%,#1e1b4b,#060812);border:2px solid rgba(124,58,237,.5);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:42px;position:relative;overflow:hidden;box-shadow:0 0 20px #7c3aed4d,inset 0 0 20px #7c3aed1a}.avatar-icon{display:flex;align-items:center;justify-content:center;line-height:1;text-align:center;transform:translateY(6%)}.avatar-frame:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:linear-gradient(180deg,rgba(168,85,247,.12) 0%,transparent 60%);pointer-events:none}#char-name{text-align:center;font-family:var(--font-game);font-size:13px;font-weight:700;color:var(--text-bright);margin:4px 0 2px;letter-spacing:1px}#char-class{text-align:center;font-size:10px;color:var(--accent-bright);letter-spacing:2px;margin-bottom:2px;text-transform:uppercase}#char-level{text-align:center;font-family:var(--font-game);font-size:10px;color:var(--text-dim);letter-spacing:2px;margin-bottom:12px;text-transform:uppercase}.stat-bars{padding:0 12px;display:flex;flex-direction:column;gap:7px}.bar-row{display:flex;flex-direction:column;gap:3px}.bar-label{display:flex;justify-content:space-between;font-size:10px;color:var(--text-dim);letter-spacing:.5px;font-family:var(--font-game)}.bar-label span{color:var(--text-bright);font-weight:600}.bar-label .bar-hp-values,.bar-label .bar-mp-values,.bar-label .bar-xp-values{margin-left:auto;font-variant-numeric:tabular-nums}.bar-track{height:6px;background:#00000080;border-radius:99px;overflow:hidden;position:relative}.bar-fill{height:100%;border-radius:99px;transition:width .4s ease;position:relative}.bar-fill:after{content:"";position:absolute;top:0;right:0;width:3px;height:100%;background:#ffffff80;border-radius:99px}.hp-fill{background:linear-gradient(90deg,#7f1d1d,var(--hp))}.mp-fill{background:linear-gradient(90deg,#1e3a8a,var(--mp))}.xp-fill{background:linear-gradient(90deg,#78350f,var(--xp))}.stats-grid{padding:8px 12px 10px;display:grid;grid-template-columns:1fr 1fr;gap:3px;border-top:1px solid var(--border);margin-top:10px}.stat-item{display:flex;justify-content:space-between;align-items:center;font-size:10px;padding:4px 7px;background:#ffffff08;border-radius:var(--radius-xs);border:1px solid transparent;transition:border-color .15s}.stat-item:hover{border-color:#7c3aed33}.stat-item span:first-child{color:var(--text-dim);letter-spacing:.5px}.stat-item span:last-child:not(.stat-buff-arrow){color:var(--text-bright);font-weight:700}.stat-item span.stat-buffed{color:#a855f7;text-shadow:0 0 8px rgba(168,85,247,.5)}.stat-buff-arrow{color:var(--green)!important;font-size:11px;margin-left:3px;font-weight:900;display:inline-block;text-shadow:0 0 6px var(--green),0 0 12px rgba(16,185,129,.5);filter:drop-shadow(0 0 3px var(--green))}.stat-buff-arrow:empty{display:none}#world-canvas{position:absolute;top:0;left:0;display:block}.float-text{position:absolute;font-family:var(--font-game);font-weight:700;pointer-events:none;animation:floatUp 1.4s ease-out forwards;z-index:100;text-shadow:0 1px 4px rgba(0,0,0,.9)}@keyframes floatUp{0%{opacity:1;transform:translateY(0) scale(1)}20%{transform:translateY(-15px) scale(1.2)}to{opacity:0;transform:translateY(-55px) scale(.9)}}#skill-bar{display:flex;gap:5px;align-items:center;flex:1}.skill-slot{width:48px;height:48px;background:#ffffff0a;border:1px solid rgba(255,255,255,.07);border-radius:var(--radius-sm);display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;cursor:pointer;transition:all .15s;flex-shrink:0}.skill-slot:hover{border-color:#7c3aed80;background:#7c3aed1a;transform:translateY(-2px);box-shadow:0 4px 12px #7c3aed33}.skill-slot:active{transform:translateY(0)}.skill-slot.on-cooldown:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:var(--radius-sm);background:#000000a6;pointer-events:none}.skill-slot .skill-icon{font-size:22px;line-height:1}.skill-slot .skill-key{position:absolute;bottom:2px;right:4px;font-family:var(--font-game);font-size:8px;color:#7c3aedb3;font-weight:700}.skill-slot .cooldown-overlay{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:var(--radius-sm);background:conic-gradient(rgba(0,0,0,.75) var(--cd, 0%),transparent var(--cd, 0%));pointer-events:none}.skill-slot .skill-name{font-size:7px;color:var(--text-dim);text-align:center;margin-top:1px;letter-spacing:.5px}#chat-box{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden;border-top:1px solid var(--border);margin-top:4px}#chat-box .chat-header{flex-shrink:0}#chat-log{flex:1;min-height:0;overflow-y:auto;padding:6px 10px;font-size:10.5px;line-height:1.5;display:flex;flex-direction:column;gap:1px}#chat-log::-webkit-scrollbar{width:3px}#chat-log::-webkit-scrollbar-track{background:transparent}#chat-log::-webkit-scrollbar-thumb{background:#7c3aed4d;border-radius:2px}.log-entry{color:var(--text)}.log-entry.damage{color:#f87171}.log-entry.heal{color:#34d399}.log-entry.system{color:#a855f7}.log-entry.loot{color:#60a5fa}.log-entry.skill{color:#c084fc}.log-entry.xp{color:var(--amber)}#minimap-container{position:absolute;bottom:32px;right:10px;width:40px;display:flex;flex-direction:column;align-items:center;gap:2px;z-index:50;pointer-events:none}#minimap-label{font-family:var(--font-game);font-size:6px;color:var(--text-dim);letter-spacing:1px}#minimap{width:36px;height:36px;border:1px solid rgba(124,58,237,.25);border-radius:var(--radius-xs);position:relative;overflow:hidden;background:#060812e6}#minimap-player{position:absolute;width:4px;height:4px;background:var(--accent-bright);border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 0 4px var(--accent-bright)}#active-buffs-overlay{position:absolute;top:10px;left:10px;display:flex;flex-direction:column;gap:5px;z-index:100;pointer-events:none}.active-buff-card{display:flex;flex-direction:column;align-items:center;gap:1px;background:#0e1123f0;border:1px solid rgba(124,58,237,.3);border-radius:var(--radius-sm);padding:6px 8px;min-width:56px;pointer-events:all;cursor:default;animation:buffCardAppear .25s ease-out;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 4px 16px #00000080}@keyframes buffCardAppear{0%{opacity:0;transform:scale(.7) translate(-10px)}to{opacity:1;transform:scale(1) translate(0)}}.active-buff-icon{font-size:22px;line-height:1}.active-buff-name{font-size:7px;font-family:var(--font-game);color:var(--text-dim);letter-spacing:.5px;text-align:center;text-transform:uppercase}.active-buff-time{font-size:12px;font-family:var(--font-game);color:var(--accent-bright);font-weight:700;text-align:center}#save-indicator{position:fixed;bottom:14px;left:50%;transform:translate(-50%);background:#0e1123f2;border:1px solid rgba(124,58,237,.4);border-radius:var(--radius-xs);color:var(--accent-bright);font-family:var(--font-game);font-size:10px;letter-spacing:2px;padding:5px 16px;pointer-events:none;z-index:999;opacity:0;transition:opacity .3s;box-shadow:0 0 16px #7c3aed33}#save-indicator.visible{opacity:1}#mute-btn,#delete-save-btn,#maps-btn,#inventory-btn{background:#ffffff0a;border:1px solid rgba(255,255,255,.07);border-radius:var(--radius-xs);color:var(--text-dim);font-family:var(--font-game);font-size:11px;letter-spacing:1px;padding:4px 10px;cursor:pointer;transition:all .15s;line-height:1;flex-shrink:0;white-space:nowrap}#mute-btn{padding:4px 8px;font-size:14px}#mute-btn:hover,#maps-btn:hover,#inventory-btn:hover{border-color:#7c3aed80;color:var(--text-bright);background:#7c3aed1f}#maps-btn{display:flex;align-items:center;gap:6px;padding:4px 11px 4px 7px;border-color:#38bdf833;background:#0f172a99;color:#7dd3fc;position:relative;overflow:visible}#maps-btn-icon{width:26px;height:22px;flex-shrink:0;filter:drop-shadow(0 0 4px rgba(124,58,237,.5)) drop-shadow(0 0 8px rgba(56,189,248,.3));transition:filter .2s}#maps-btn span{font-family:var(--font-game);font-size:11px;letter-spacing:1px}#maps-btn:hover{border-color:#a78bfa8c;background:#7c3aed26;color:#e9d5ff;box-shadow:0 0 14px #7c3aed4d,inset 0 0 8px #7c3aed14}#maps-btn:hover #maps-btn-icon{filter:drop-shadow(0 0 6px rgba(167,139,250,.8)) drop-shadow(0 0 12px rgba(56,189,248,.5))}#inventory-btn{display:flex;align-items:center;gap:6px;padding:5px 12px 5px 9px;border-color:#7c3aed40;background:#7c3aed14;color:#c4b5fd}#inventory-btn svg{width:15px;height:15px;flex-shrink:0;stroke:#a78bfa;filter:drop-shadow(0 0 4px rgba(167,139,250,.6));transition:all .15s}#inventory-btn span{font-family:var(--font-game);font-size:11px;letter-spacing:1px}#inventory-btn:hover{border-color:#a78bfa99;background:#7c3aed33;color:#ede9fe;box-shadow:0 0 12px #7c3aed40}#inventory-btn:hover svg{stroke:#ede9fe;filter:drop-shadow(0 0 6px rgba(167,139,250,.9))}.inventory-btn-wrap{display:flex;align-items:center;gap:6px}.inv-full-indicator{display:none;font-size:18px;line-height:1;padding:3px 5px;border-radius:4px;background:#b91c1c4d;color:#fecaca;border:1px solid rgba(220,38,38,.7);box-shadow:0 0 10px #b91c1c80;filter:drop-shadow(0 0 6px rgba(220,38,38,.6));animation:inv-full-pulse 1.5s ease-in-out infinite;flex-shrink:0}.inv-full-indicator.visible{display:inline-flex;align-items:center;justify-content:center}@keyframes inv-full-pulse{0%,to{opacity:1;box-shadow:0 0 10px #b91c1c66}50%{opacity:.85;box-shadow:0 0 14px #dc262699}}#delete-save-btn:hover{border-color:#ef444480;color:#ef4444;background:#ef444414}#maps-wrap{position:relative;flex-shrink:0;display:flex;align-items:center;gap:10px}.current-zone-name{font-family:var(--font-game);font-size:11px;font-weight:700;letter-spacing:.5px;color:var(--text-dim);max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.maps-dropdown{display:none;position:absolute;top:calc(100% + 6px);left:0;min-width:220px;width:30rem;background:#0e1123;border:1px solid rgba(124,58,237,.3);border-radius:var(--radius-sm);box-shadow:0 12px 32px #000000b3,0 0 20px #7c3aed1a;z-index:300;flex-direction:column;max-height:70vh;overflow:hidden}.maps-dropdown.open{display:flex}.maps-dropdown-columns{display:flex;flex:1;min-width:0}.maps-dropdown-col{display:flex;flex-direction:column;flex:1;min-width:0}.maps-dropdown-dungeon-wrap{border-left:2px solid rgba(234,179,8,.7);background:#eab3080a}.maps-dropdown-title{font-family:var(--font-game);font-size:9px;font-weight:700;letter-spacing:2px;color:var(--text-dim);padding:10px 12px 8px;border-bottom:1px solid var(--border);flex-shrink:0}.maps-dropdown-title-dungeon{color:#eab308f2;border-bottom-color:#eab30859}#maps-dropdown-list,#maps-dropdown-dungeon-list{overflow-y:auto;padding:6px;display:flex;flex-direction:column;gap:2px}#maps-dropdown-list::-webkit-scrollbar,#maps-dropdown-dungeon-list::-webkit-scrollbar{width:3px}#maps-dropdown-list::-webkit-scrollbar-thumb{background:#7c3aed4d;border-radius:2px}#maps-dropdown-dungeon-list::-webkit-scrollbar-thumb{background:#eab30859;border-radius:2px}.maps-option{background:transparent;border:1px solid transparent;border-radius:var(--radius-xs);color:var(--text);font-size:11px;padding:6px 10px;text-align:left;cursor:pointer;transition:all .15s;display:flex;align-items:center;justify-content:space-between;gap:6px}.maps-option:hover{background:#7c3aed1a;border-color:#7c3aed40}.maps-option.active{border-color:#7c3aed73;background:#7c3aed26;color:var(--accent-bright)}.maps-option-dungeon:hover{background:#eab3081a;border-color:#eab3084d}.maps-option-dungeon.active{border-color:#eab30899;background:#eab3082e;color:#fde047}.maps-dungeon-x5{font-size:10px;font-weight:700;color:#eab308e6;flex-shrink:0}.maps-option-dungeon.active .maps-dungeon-x5{color:#fef08a}.modal-overlay{display:none;position:fixed;right:0;bottom:0;z-index:400;background:#000000bf;align-items:center;justify-content:center;padding:20px;height:90vh;width:95vw;top:50%;left:50%;transform:translate(-50%,-50%)}.modal-overlay.open{display:flex}#inventory-modal{padding:0;align-items:stretch;justify-content:stretch;background:#00000080}#inventory-modal.open{padding:0}.modal-panel{background:var(--bg-panel);border:1px solid var(--border-gold);max-width:420px;width:100%;max-height:85vh;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 0 40px #0009}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;border-bottom:1px solid var(--border);background:linear-gradient(180deg,#0f1522 0%,transparent 100%);flex-shrink:0}.modal-title{font-family:var(--font-game);font-size:12px;font-weight:700;letter-spacing:2px;color:var(--gold)}.modal-close{background:transparent;border:1px solid var(--border);color:var(--text-dim);font-size:14px;width:28px;height:28px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s}.modal-close:hover{border-color:var(--crimson);color:var(--crimson-bright)}.modal-body{overflow-y:auto;padding:0}.inv-panel{background:#07090fe0;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(180,150,80,.25);box-shadow:0 0 60px #00000080,inset 0 0 40px #0003;width:100%;height:100%;max-width:none;max-height:none;min-width:0;min-height:0;display:flex;flex-direction:column;overflow:hidden}.inv-header{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;background:linear-gradient(180deg,#0d1020,#07090f);border-bottom:1px solid rgba(180,150,80,.25);flex-shrink:0}.inv-header-left{display:flex;align-items:baseline;gap:14px}.inv-title{font-family:var(--font-game);font-size:15px;font-weight:800;letter-spacing:4px;color:var(--gold);text-shadow:0 0 14px rgba(200,169,110,.4)}.inv-item-count{font-family:var(--font-game);font-size:10px;color:var(--text-dim);letter-spacing:1px}.inv-close{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#888;font-size:16px;width:30px;height:30px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s}.inv-close:hover{border-color:#c33;color:#f55;background:#c81e1e26}.inv-body{display:flex;flex:1;min-height:0;overflow:hidden}.inv-equip-col{width:280px;flex-shrink:0;display:flex;flex-direction:column;padding:14px 16px;background:linear-gradient(180deg,#090c14,#07090f);overflow-y:auto}.inv-divider{width:1px;background:linear-gradient(180deg,transparent,rgba(180,150,80,.25),transparent);flex-shrink:0}.inv-bag-col{flex:1;display:flex;flex-direction:column;padding:14px 16px;overflow:hidden}.inv-count-footer{flex-shrink:0;margin-top:6px;margin-left:auto;padding:4px 8px;font-family:var(--font-game);font-size:11px;font-weight:700;color:var(--gold);letter-spacing:.5px;background:#00000059;border-radius:var(--radius-xs);border:1px solid rgba(180,150,80,.25)}.inv-section-title{font-family:var(--font-game);font-size:9px;letter-spacing:3px;color:var(--text-dim);margin-bottom:10px;padding-bottom:6px;border-bottom:1px solid rgba(255,255,255,.06)}.inv-filter-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;margin-bottom:10px;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.06)}.inv-filter-label{font-family:var(--font-game);font-size:10px;letter-spacing:1px;color:var(--text-dim);flex-shrink:0}.inv-filter-btns{display:flex;flex-wrap:wrap;gap:4px;flex:1;min-width:0}.inv-filter-btn{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;font-family:var(--font-game);font-size:10px;letter-spacing:.5px;color:var(--text-dim);background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-xs);cursor:pointer;transition:border-color .15s,background .15s,color .15s}.inv-filter-btn:hover{border-color:#7c3aed66;color:var(--text);background:#7c3aed1a}.inv-filter-btn.active{border-color:var(--accent);color:var(--accent-bright);background:#7c3aed33;box-shadow:0 0 8px #7c3aed40}.inv-filter-row-stars{margin-bottom:8px;padding-bottom:8px}.inv-filter-btn-stars.active{border-color:#fbbf24b3;color:#fcd34d;background:#fbbf2426;box-shadow:0 0 8px #fbbf2433}.inv-filter-btn-stars:hover{border-color:#fbbf2480;background:#fbbf2414}.inv-filter-icon{font-size:12px;line-height:1}.inv-filter-text{white-space:nowrap}.inv-sell-filtered-btn{flex-shrink:0;padding:6px 12px;font-family:var(--font-game);font-size:10px;font-weight:700;letter-spacing:1px;color:#fbbf24;background:linear-gradient(135deg,#b4820040,#78500026);border:1px solid rgba(251,191,36,.5);border-radius:var(--radius-xs);cursor:pointer;transition:border-color .15s,background .15s,box-shadow .15s}.inv-sell-filtered-btn:hover{border-color:#fbbf24;background:linear-gradient(135deg,#fbbf2433,#b4820026);box-shadow:0 0 12px #fbbf244d}.equip-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.inv-stats-panel{margin-top:12px;padding-top:10px;border-top:1px solid rgba(255,255,255,.08)}.inv-stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:6px 10px}.inv-stat-item{display:flex;align-items:center;gap:6px;padding:6px 8px;background:#00000059;border:1px solid rgba(255,255,255,.06);border-radius:6px;font-family:var(--font-game);min-height:32px}.inv-stat-item.inv-stat-combat{background:linear-gradient(135deg,#c8a96e14,#0000004d);border-color:#c8a96e26}.inv-stat-icon{font-size:16px;line-height:1;flex-shrink:0;filter:drop-shadow(0 1px 2px rgba(0,0,0,.5))}.inv-stat-name{font-size:10px;color:#fff9;letter-spacing:.5px;min-width:28px}.inv-stat-value{font-size:13px;font-weight:700;color:var(--gold);margin-left:auto;text-shadow:0 0 8px rgba(245,158,11,.3)}.inv-stat-item.inv-stat-combat .inv-stat-value{color:var(--gold-bright)}.equip-slot{aspect-ratio:1;min-height:72px;background:linear-gradient(135deg,#0f1320,#0a0d16);border:1px solid rgba(255,255,255,.08);display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;cursor:pointer;transition:border-color .15s,background .15s}.equip-slot:hover{border-color:#c8a96e80;background:#c8a96e0f}.equip-slot.has-item{border-color:#c8a96e66;background:#c8a96e14}.equip-slot.has-item.rarity-mythic{border:none;background:linear-gradient(135deg,#b91c1c33,#7f1d1d26);box-shadow:0 0 0 2px #d4af37,0 0 0 4px #b91c1c,0 0 16px #b91c1c66,inset 0 0 22px #b91c1c2e,inset 0 0 44px #7f1d1d1a}.equip-slot .equip-stars{position:absolute;top:4px;left:5px;font-size:12px;line-height:1;letter-spacing:.5px;z-index:2;font-weight:700}.equip-slot.has-item.rarity-mythic .equip-stars{color:#fecaca;text-shadow:0 0 6px #dc2626,0 0 10px #d4af37}.equip-slot.has-item.rarity-legendary .equip-stars{color:#bef264;text-shadow:0 0 6px #84cc16,0 0 8px #65a30d}.equip-slot.has-item.rarity-epic .equip-stars{color:#fcd34d;text-shadow:0 0 6px rgba(245,158,11,.8)}.equip-slot.has-item.rarity-arcane .equip-stars{color:#c4b5fd;text-shadow:0 0 6px rgba(168,85,247,.8)}.equip-slot.has-item.rarity-magic .equip-stars{color:#6495ed;text-shadow:0 0 5px rgba(100,149,237,.7)}.equip-slot .slot-label{font-family:var(--font-game);font-size:7px;color:#ffffff40;letter-spacing:1px;position:absolute;bottom:4px}.equip-slot .slot-icon{font-size:34px;line-height:1;filter:drop-shadow(0 2px 4px rgba(0,0,0,.5));transition:filter .25s ease}.equip-slot .slot-icon.enhance-teal{filter:drop-shadow(0 2px 4px rgba(0,0,0,.5)) drop-shadow(0 0 2px rgba(136,204,221,.3)) drop-shadow(0 0 4px rgba(100,180,200,.2))}.equip-slot .slot-icon.enhance-soft{filter:drop-shadow(0 2px 4px rgba(0,0,0,.5)) drop-shadow(0 0 3px rgba(102,170,204,.5)) drop-shadow(0 0 6px rgba(68,140,200,.35))}.equip-slot .slot-icon.enhance-blue{filter:drop-shadow(0 2px 4px rgba(0,0,0,.5)) drop-shadow(0 0 4px rgba(68,170,255,.65)) drop-shadow(0 0 8px rgba(68,170,255,.5)) drop-shadow(0 0 12px rgba(50,150,255,.35))}.equip-slot .slot-icon.enhance-shine{filter:drop-shadow(0 2px 4px rgba(0,0,0,.5)) drop-shadow(0 0 6px #22ddff) drop-shadow(0 0 12px rgba(34,221,255,.9)) drop-shadow(0 0 18px rgba(34,221,255,.7)) drop-shadow(0 0 24px rgba(34,200,255,.5));animation:enhance-shine-pulse 2s ease-in-out infinite}.equip-slot .slot-icon.enhance-red{filter:drop-shadow(0 2px 4px rgba(0,0,0,.5)) drop-shadow(0 0 4px rgba(255,68,68,.8)) drop-shadow(0 0 8px rgba(255,50,50,.6)) drop-shadow(0 0 12px rgba(220,40,40,.5))}.equip-slot .slot-icon.enhance-green{filter:drop-shadow(0 2px 4px rgba(0,0,0,.5)) drop-shadow(0 0 4px rgba(68,255,102,.8)) drop-shadow(0 0 8px rgba(50,220,80,.6)) drop-shadow(0 0 12px rgba(40,200,60,.5))}.equip-slot .slot-icon.enhance-purple{filter:drop-shadow(0 2px 4px rgba(0,0,0,.5)) drop-shadow(0 0 4px rgba(170,102,255,.8)) drop-shadow(0 0 8px rgba(160,80,255,.6)) drop-shadow(0 0 12px rgba(140,60,220,.5))}@keyframes enhance-shine-pulse{0%,to{filter:drop-shadow(0 2px 4px rgba(0,0,0,.5)) drop-shadow(0 0 6px #22ddff) drop-shadow(0 0 12px rgba(34,221,255,.9)) drop-shadow(0 0 18px rgba(34,221,255,.7)) drop-shadow(0 0 24px rgba(34,200,255,.5))}50%{filter:drop-shadow(0 2px 4px rgba(0,0,0,.5)) drop-shadow(0 0 8px #44eeff) drop-shadow(0 0 16px rgba(68,238,255,.95)) drop-shadow(0 0 24px rgba(34,221,255,.85)) drop-shadow(0 0 32px rgba(34,200,255,.65))}}.equip-slot .slot-empty{font-size:30px;line-height:1;opacity:.85;filter:grayscale(1) brightness(.75);display:block}.equip-slot .item-level{position:absolute;top:4px;right:5px;font-size:9px;font-family:var(--font-game);color:var(--gold);font-weight:700}.equip-slot .weapon-xp-wrap{position:absolute;bottom:6px;left:4px;right:4px;height:4px;display:block;border-radius:2px;overflow:hidden;background:#00000080}#inventory-grid{display:flex;flex-wrap:wrap;gap:6px;overflow-y:auto;overflow-x:hidden;flex:1;padding:6px 4px 6px 6px;margin-right:2px;align-content:flex-start}.inv-slot{width:64px;height:64px;min-width:64px;min-height:64px;background:linear-gradient(135deg,#0f1320,#0a0d16);border:1px solid rgba(255,255,255,.07);display:flex;align-items:center;justify-content:center;position:relative;cursor:pointer;transition:border-color .15s,box-shadow .15s,background .15s;overflow:hidden;container-type:size;flex-shrink:0}.inv-slot:hover{border-color:#c8a96e80;background:#c8a96e0d}.inv-slot:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:transparent;transition:background .15s}.inv-slot.rarity-mythic:before{background:linear-gradient(180deg,#dc2626,#7f1d1d);width:4px;box-shadow:0 0 8px #dc262699}.inv-slot.rarity-legendary:before{background:linear-gradient(180deg,#84cc16,#65a30d)}.inv-slot.rarity-epic:before{background:linear-gradient(180deg,#f59e0b,#d97706)}.inv-slot.rarity-arcane:before{background:linear-gradient(180deg,#a855f7,#7c3aed)}.inv-slot.rarity-magic:before{background:linear-gradient(180deg,#6495ed,#3a5db0)}.inv-slot.rarity-normal:before{background:linear-gradient(180deg,#555,#333)}.inv-slot.rarity-mythic{border:none;background:linear-gradient(135deg,#b91c1c40,#7f1d1d33,#991b1b26);box-shadow:0 0 0 2px #d4af37,0 0 0 4px #b91c1c,0 0 0 6px #d4af3766,0 0 20px #b91c1c80,inset 0 0 24px #b91c1c33,inset 0 0 48px #7f1d1d1f;animation:mythic-glow 2s ease-in-out infinite}.inv-slot.rarity-legendary{border-color:#84cc1699;background:linear-gradient(135deg,#84cc1626,#65a30d14,#85e6350d);box-shadow:0 0 0 1px #84cc1666,0 0 14px #84cc164d,inset 0 0 18px #84cc1633,inset 0 0 36px #65a30d14}.inv-slot.rarity-epic{border-color:#f59e0b8c;background:linear-gradient(135deg,rgba(245,158,11,.1) 0%,transparent 50%,rgba(217,119,6,.05) 100%);box-shadow:inset 0 0 18px #f59e0b33,inset 0 0 36px #d9770614}.inv-slot.rarity-arcane{border-color:#a855f780;background:linear-gradient(135deg,rgba(168,85,247,.08) 0%,transparent 50%,rgba(124,58,237,.04) 100%);box-shadow:inset 0 0 16px #a855f729,inset 0 0 32px #7c3aed14}.inv-slot.rarity-magic{border-color:#6495ed73;background:linear-gradient(135deg,rgba(100,149,237,.06) 0%,transparent 50%,rgba(58,93,176,.03) 100%);box-shadow:inset 0 0 14px #6495ed24,inset 0 0 28px #3a5db00f}.inv-slot.rarity-mythic:hover{box-shadow:0 0 0 2px #fbbf24,0 0 0 4px #dc2626,0 0 0 6px #fbbf2499,0 0 28px #dc2626b3,0 0 14px #d4af3766,inset 0 0 28px #b91c1c4d,inset 0 0 56px #7f1d1d2e}.inv-slot.rarity-legendary:hover{box-shadow:0 0 0 1px #84cc1680,0 0 18px #84cc1666,inset 0 0 20px #84cc1638,inset 0 0 40px #65a30d1a}.inv-slot.rarity-epic:hover{box-shadow:0 0 14px #f59e0b66,inset 0 0 20px #f59e0b38,inset 0 0 40px #d977061a}.inv-slot.rarity-arcane:hover{box-shadow:0 0 14px #a855f759,inset 0 0 20px #a855f72e,inset 0 0 40px #7c3aed1a}.inv-slot.rarity-magic:hover{box-shadow:0 0 12px #6495ed4d,inset 0 0 16px #6495ed26,inset 0 0 32px #3a5db014}@keyframes mythic-glow{0%,to{box-shadow:0 0 0 2px #d4af37,0 0 0 4px #b91c1c,0 0 0 6px #d4af3766,0 0 20px #b91c1c80,inset 0 0 24px #b91c1c33,inset 0 0 48px #7f1d1d1f}50%{box-shadow:0 0 0 2px #fbbf24,0 0 0 4px #dc2626,0 0 0 6px #fbbf2499,0 0 28px #dc262699,inset 0 0 28px #b91c1c47,inset 0 0 56px #7f1d1d29}}.inv-slot .inv-slot-icon{display:flex;align-items:center;justify-content:center;width:80%;height:80%;max-width:80%;max-height:80%;font-size:80cqmax;line-height:1;overflow:hidden;filter:drop-shadow(0 2px 4px rgba(0,0,0,.5));z-index:1;transition:filter .25s ease}.inv-slot .inv-slot-icon.enhance-teal{filter:drop-shadow(0 2px 4px rgba(0,0,0,.5)) drop-shadow(0 0 2px rgba(136,204,221,.35)) drop-shadow(0 0 4px rgba(100,180,200,.22))}.inv-slot .inv-slot-icon.enhance-soft{filter:drop-shadow(0 2px 4px rgba(0,0,0,.5)) drop-shadow(0 0 3px rgba(102,170,204,.55)) drop-shadow(0 0 6px rgba(68,140,200,.4))}.inv-slot .inv-slot-icon.enhance-blue{filter:drop-shadow(0 2px 4px rgba(0,0,0,.5)) drop-shadow(0 0 4px rgba(68,170,255,.7)) drop-shadow(0 0 8px rgba(68,170,255,.55)) drop-shadow(0 0 12px rgba(50,150,255,.4))}.inv-slot .inv-slot-icon.enhance-shine{filter:drop-shadow(0 2px 4px rgba(0,0,0,.5)) drop-shadow(0 0 6px #22ddff) drop-shadow(0 0 12px rgba(34,221,255,.9)) drop-shadow(0 0 18px rgba(34,221,255,.7));animation:enhance-shine-pulse 2s ease-in-out infinite}.inv-slot .inv-slot-icon.enhance-red{filter:drop-shadow(0 2px 4px rgba(0,0,0,.5)) drop-shadow(0 0 4px rgba(255,68,68,.8)) drop-shadow(0 0 8px rgba(255,50,50,.6)) drop-shadow(0 0 12px rgba(220,40,40,.5))}.inv-slot .inv-slot-icon.enhance-green{filter:drop-shadow(0 2px 4px rgba(0,0,0,.5)) drop-shadow(0 0 4px rgba(68,255,102,.8)) drop-shadow(0 0 8px rgba(50,220,80,.6)) drop-shadow(0 0 12px rgba(40,200,60,.5))}.inv-slot .inv-slot-icon.enhance-purple{filter:drop-shadow(0 2px 4px rgba(0,0,0,.5)) drop-shadow(0 0 4px rgba(170,102,255,.8)) drop-shadow(0 0 8px rgba(160,80,255,.6)) drop-shadow(0 0 12px rgba(140,60,220,.5))}.inv-stars{position:absolute;top:4px;left:6px;font-size:20px;line-height:1;z-index:2;letter-spacing:1px}.item-level-badge{position:absolute;top:4px;right:5px;font-size:9px;font-family:var(--font-game);font-weight:700;color:var(--gold);z-index:2;text-shadow:0 1px 3px rgba(0,0,0,.8)}.item-qty{position:absolute;bottom:4px;right:6px;font-size:11px;font-weight:700;font-family:var(--font-game);color:#ffffffbf;z-index:2;text-shadow:0 1px 3px rgba(0,0,0,.9)}.item-grade{display:none}#target-frame{position:absolute;top:57px;left:50%;transform:translate(-50%);background:#05080fe6;border:1px solid var(--border);padding:8px 16px;min-width:200px;display:none;z-index:50}#target-frame.visible{display:block}#target-name{font-family:var(--font-game);font-size:12px;color:var(--crimson-bright);text-align:center;margin-bottom:6px}#target-hp-bar{height:10px;background:#0009;border:1px solid rgba(255,255,255,.05)}#target-hp-fill{height:100%;background:linear-gradient(90deg,#6b0a0a,var(--hp));transition:width .3s}#right-panel{overflow-y:auto}#right-panel::-webkit-scrollbar{width:3px}#right-panel::-webkit-scrollbar-thumb{background:var(--border)}#equip-panel{padding:8px 2px;flex-shrink:0}.equip-grid{display:grid;grid-template-columns:1fr 1fr 1fr;grid-template-rows:auto auto auto;gap:8px}.weapon-enhance-panel{margin-top:10px;padding:10px;background:#0006;border:1px solid var(--border);border-radius:6px;display:none}.weapon-enhance-panel.visible{display:block}.weapon-enhance-panel .weapon-enhance-title{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--gold);margin-bottom:6px}.weapon-enhance-panel .weapon-enhance-weapon{font-size:12px;color:var(--text);margin-bottom:4px}.weapon-enhance-panel .weapon-enhance-info{font-size:11px;color:#ffffffb3;margin-bottom:2px}.weapon-enhance-panel .weapon-enhance-cost{font-size:11px;color:#ffffffd9;margin-bottom:8px}.weapon-enhance-panel .weapon-enhance-gold{color:var(--gold);font-weight:700}.weapon-enhance-panel .weapon-enhance-btn{width:100%;padding:6px 10px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;background:linear-gradient(180deg,#d4af3759,#b48c2d40);border:1px solid var(--gold-dark);color:var(--gold);border-radius:4px;cursor:pointer;transition:background .15s,transform .1s}.weapon-enhance-panel .weapon-enhance-btn:hover:not(:disabled){background:linear-gradient(180deg,#d4af3780,#b48c2d59);transform:scale(1.02)}.weapon-enhance-panel .weapon-enhance-btn:disabled{opacity:.5;cursor:not-allowed}.equip-slot{aspect-ratio:1;background:#00000059;border:1px solid var(--border);display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;cursor:pointer;transition:border-color .15s;min-height:42px}.equip-slot:hover{border-color:var(--gold-dark)}.equip-slot.has-item{border-color:var(--gold-dark);background:#c8a96e12}.equip-slot.has-item.rarity-mythic{border:none;background:linear-gradient(135deg,#b91c1c2e,#7f1d1d1f);box-shadow:0 0 0 2px #d4af37,0 0 0 4px #b91c1c,0 0 14px #b91c1c59,inset 0 0 20px #b91c1c26,inset 0 0 40px #7f1d1d14}.equip-slot.has-item.rarity-legendary{border-color:#84cc1699;background:linear-gradient(135deg,#84cc161f,#65a30d0f);box-shadow:0 0 12px #84cc1640,inset 0 0 20px #84cc1626,inset 0 0 40px #65a30d14}.equip-slot.has-item.rarity-epic{border-color:#f59e0b99;background:linear-gradient(135deg,#f59e0b1f,#d977060f);box-shadow:0 0 12px #f59e0b40,inset 0 0 20px #f59e0b26,inset 0 0 40px #d9770614}.equip-slot.has-item.rarity-arcane{border-color:#a855f78c;background:linear-gradient(135deg,#a855f71a,#7c3aed0d);box-shadow:0 0 10px #a855f733,inset 0 0 16px #a855f71f,inset 0 0 32px #7c3aed0f}.equip-slot.has-item.rarity-magic{border-color:#6495ed8c;background:linear-gradient(135deg,#6495ed1a,#3a5db00d);box-shadow:0 0 10px #6495ed33,inset 0 0 16px #6495ed1f,inset 0 0 32px #3a5db00f}.equip-slot.has-item.rarity-normal{border-color:#ffffff38;background:#ffffff0a;box-shadow:none}.equip-slot .equip-stars{position:absolute;top:2px;left:3px;font-size:11px;line-height:1;letter-spacing:.5px;z-index:2;font-weight:700}.equip-slot.has-item.rarity-mythic .equip-stars{color:#fecaca;text-shadow:0 0 5px #dc2626,0 0 8px #d4af37}.equip-slot.has-item.rarity-legendary .equip-stars{color:#bef264;text-shadow:0 0 5px #84cc16,0 0 8px #65a30d}.equip-slot.has-item.rarity-epic .equip-stars{color:#fcd34d;text-shadow:0 0 5px rgba(245,158,11,.8)}.equip-slot.has-item.rarity-arcane .equip-stars{color:#c4b5fd;text-shadow:0 0 5px rgba(168,85,247,.8)}.equip-slot.has-item.rarity-magic .equip-stars{color:#6495ed;text-shadow:0 0 4px rgba(100,149,237,.7)}.equip-slot.has-item.rarity-normal .equip-stars{visibility:hidden}.equip-slot .slot-label{font-family:var(--font-game);font-size:7px;color:var(--text-dim);letter-spacing:.5px;position:absolute;bottom:2px}.equip-slot .slot-icon{font-size:28px;line-height:1;filter:drop-shadow(0 1px 2px rgba(0,0,0,.3))}.equip-slot .slot-empty{font-size:24px;line-height:1;opacity:.85;filter:grayscale(1) brightness(.75);display:block}.equip-slot .item-level{position:absolute;top:1px;right:3px;font-size:8px;font-family:var(--font-game);color:var(--gold);font-weight:700}.equip-slot .weapon-xp-wrap{position:absolute;bottom:4px;left:3px;right:3px;height:3px;border-radius:2px;overflow:hidden;background:#00000080}.equip-slot .weapon-xp-bar{display:block;height:100%;width:100%;border-radius:2px;overflow:hidden}.equip-slot .weapon-xp-fill{display:block;height:100%;min-width:2px;border-radius:2px;background:linear-gradient(90deg,var(--gold),#e6c229);transition:width .2s ease}#inventory-grid{padding:6px 4px 6px 6px;margin-right:2px;display:flex;flex-wrap:wrap;gap:5px;overflow-y:auto;overflow-x:hidden;flex:1;align-content:flex-start}#inventory-grid::-webkit-scrollbar{width:10px}#inventory-grid::-webkit-scrollbar-track{background:#00000059;border-radius:6px;margin:4px 0;border:1px solid rgba(255,255,255,.04)}#inventory-grid::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#7c3aed99,#581c87b3);border-radius:6px;border:2px solid rgba(0,0,0,.2);min-height:40px}#inventory-grid::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#7c3aedd9,#581c87e6);box-shadow:0 0 10px #7c3aed66}#inventory-grid::-webkit-scrollbar-thumb:active{background:linear-gradient(180deg,#a78bfae6,#7c3aedf2)}.inv-slot{width:90px;height:85px;background:linear-gradient(135deg,#ffffff0a,#00000040);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;position:relative;cursor:pointer;transition:border-color .15s,box-shadow .15s;border-radius:4px;container-type:size;overflow:hidden;flex-shrink:0}.inv-slot .inv-slot-icon{display:flex;align-items:center;justify-content:center;width:80%;height:80%;max-width:80%;max-height:80%;font-size:57px;transform:translateY(6px);line-height:1;overflow:hidden;filter:drop-shadow(0 1px 2px rgba(0,0,0,.4))}.inv-slot .inv-stars{position:absolute;top:3px;left:6px;font-size:15px;line-height:1;z-index:2;letter-spacing:.5px}.inv-slot.rarity-mythic .inv-stars{color:#fecaca;text-shadow:0 0 8px #dc2626,0 0 12px #d4af37}.inv-slot.rarity-legendary .inv-stars{color:#bef264;text-shadow:0 0 6px #84cc16,0 0 10px #65a30d}.inv-slot.rarity-epic .inv-stars{color:#fcd34d;text-shadow:0 0 6px #f59e0b}.inv-slot.rarity-arcane .inv-stars{color:#c4b5fd;text-shadow:0 0 6px #a855f7}.inv-slot.rarity-magic .inv-stars{color:#6495ed}.inv-slot.rarity-normal .inv-stars{visibility:hidden}.inv-slot:hover{border-color:var(--gold-dark)}.inv-slot.equipped{border-color:var(--gold-dark);background:#c8a96e0d}.inv-slot .item-qty{position:absolute;bottom:1px;right:3px;font-size:8px;color:var(--text-dim);font-family:var(--font-game)}.inv-slot .item-level-badge{position:absolute;top:2px;right:4px;font-size:14px;font-family:var(--font-game);color:var(--gold);font-weight:700}.inv-slot .item-grade{position:absolute;top:1px;left:2px;font-size:7px;font-family:var(--font-game);font-weight:700}.grade-s{color:#fa0}.grade-a{color:#f63}.grade-b{color:#aaf}.grade-c{color:#4c4}.grade-d{color:#aaa}.game-ctx-menu{display:none;position:fixed;min-width:160px;background:#0e1123;border:1px solid rgba(124,58,237,.35);border-radius:var(--radius-sm);box-shadow:0 12px 32px #000000b3,0 0 16px #7c3aed1a;z-index:1000;padding:4px 0;flex-direction:column;max-height:min(70vh,420px);overflow-y:auto;overflow-x:hidden}.game-ctx-menu.open{display:flex}.game-ctx-item{display:flex;align-items:center;gap:8px;width:100%;padding:8px 14px;background:transparent;border:none;color:var(--text);font-family:var(--font-game);font-size:11px;text-align:left;cursor:pointer;transition:background .12s}.game-ctx-item:hover{background:#7c3aed26;color:var(--accent-bright)}.game-ctx-item .ctx-icon{font-size:14px;opacity:.9}.sell-all-adena-indicator{display:none;position:fixed;bottom:20px;right:20px;padding:10px 14px;background:#0e1123f2;border:1px solid rgba(180,150,80,.4);border-radius:var(--radius-sm);color:var(--gold);font-family:var(--font-game);font-size:12px;font-weight:700;letter-spacing:.5px;box-shadow:0 4px 16px #00000080;z-index:450;pointer-events:none}.sell-all-adena-indicator.visible{display:block}.upgrade-btn{width:100%;padding:5px 0;background:#7c3aed26;border:1px solid rgba(124,58,237,.35);border-radius:var(--radius-xs);color:var(--accent-bright);font-family:var(--font-game);font-size:9px;letter-spacing:1px;cursor:pointer;transition:background .15s;margin-top:2px}.upgrade-btn:hover{background:#7c3aed47}#tooltip{position:fixed;background:#0e1123fa;border:1px solid rgba(124,58,237,.35);border-radius:var(--radius-sm);padding:10px 14px;pointer-events:none;z-index:999;display:none;max-width:200px;box-shadow:0 8px 24px #000000b3,0 0 16px #7c3aed1f}#tooltip.visible{display:block}#tooltip-name{font-family:var(--font-game);font-size:13px;margin-bottom:4px;color:var(--text-bright)}#tooltip-desc{font-size:11px;color:var(--text-dim);line-height:1.4}#tooltip-stats{font-size:11px;color:#93c5fd;margin-top:4px}.enemy-hp-bar{position:absolute;height:4px;width:50px;background:#0009;transform:translate(-50%)}.enemy-hp-fill{height:100%;background:var(--hp);transition:width .2s}.enemy-name-label{position:absolute;font-family:var(--font-game);font-size:9px;color:#f88;transform:translate(-50%);white-space:nowrap;text-shadow:0 1px 3px black}#level-up-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;pointer-events:none;z-index:200}.level-up-text{font-family:var(--font-game);font-size:36px;font-weight:900;background:linear-gradient(90deg,#a855f7,#3b82f6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:none;filter:drop-shadow(0 0 30px rgba(168,85,247,.8));animation:levelUpAnim 2.5s ease-out forwards;letter-spacing:6px}@keyframes levelUpAnim{0%{opacity:0;transform:scale(.5)}20%{opacity:1;transform:scale(1.1)}50%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.2) translateY(-40px)}}.particle{position:absolute;border-radius:50%;pointer-events:none;animation:particleFade .8s ease-out forwards}@keyframes particleFade{0%{opacity:.8;transform:translate(0) scale(1)}to{opacity:0;transform:translate(var(--tx),var(--ty)) scale(0)}}#world-bg{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}#dead-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#000000b3;display:none;align-items:center;justify-content:center;flex-direction:column;gap:18px;z-index:300;-webkit-backdrop-filter:grayscale(.6) blur(2px);backdrop-filter:grayscale(.6) blur(2px)}#dead-overlay.visible{display:flex}#dead-overlay h2{font-family:var(--font-game);font-size:30px;color:#ef4444;text-shadow:0 0 30px rgba(239,68,68,.7);letter-spacing:6px;text-transform:uppercase}#respawn-btn{background:#ef444426;border:1px solid rgba(239,68,68,.5);border-radius:var(--radius-sm);color:#fca5a5;font-family:var(--font-game);font-size:12px;letter-spacing:2px;padding:10px 28px;cursor:pointer;transition:all .2s}#respawn-btn:hover{background:#ef444447;border-color:#ef4444;color:#fff}#gold-display{display:flex;align-items:center;gap:6px;padding:8px 14px;border-top:1px solid var(--border);font-family:var(--font-game);font-size:11px;color:var(--amber);background:#f59e0b0a;flex-shrink:0}#buff-bar{display:flex;flex-direction:row;gap:4px;align-items:center;padding:0 8px;border-left:1px solid var(--border);flex-shrink:0}.buff-btn{display:flex;flex-direction:column;align-items:center;gap:1px;padding:4px 7px;background:#ffffff0a;border:1px solid rgba(255,255,255,.07);border-radius:var(--radius-sm);cursor:pointer;transition:all .15s;font-family:var(--font-game);font-size:8px;color:var(--text-dim);white-space:nowrap;position:relative;overflow:hidden;min-width:36px;height:38px;justify-content:center}.buff-btn:hover{border-color:#7c3aed66;background:#7c3aed1a;color:var(--text)}.buff-btn.active{color:#fcd34d;border-color:#f59e0b99;background:#f59e0b1a;box-shadow:0 0 12px #f59e0b40;animation:buffPulse 1.5s ease-in-out infinite}@keyframes buffPulse{0%,to{box-shadow:0 0 12px #f59e0b40}50%{box-shadow:0 0 22px #f59e0b80}}.buff-btn.speed-buff.active{border-color:#3b82f699;color:#93c5fd;background:#3b82f61a;box-shadow:0 0 12px #3b82f64d;animation:speedBuffPulse 1.5s ease-in-out infinite}@keyframes speedBuffPulse{0%,to{box-shadow:0 0 12px #3b82f64d}50%{box-shadow:0 0 22px #3b82f699}}.buff-btn .buff-icon{font-size:18px;line-height:1}.buff-btn .buff-timer{font-size:7px;color:var(--text-muted);font-weight:700;line-height:1}.buff-btn.active .buff-timer{color:#fcd34d}.buff-btn.speed-buff.active .buff-timer{color:#93c5fd}.buff-btn.damage-buff.active{border-color:#ef444499;color:#fca5a5;background:#ef44441a;box-shadow:0 0 12px #ef44444d;animation:dmgBuffPulse 1.5s ease-in-out infinite}@keyframes dmgBuffPulse{0%,to{box-shadow:0 0 12px #ef44444d}50%{box-shadow:0 0 22px #ef444499}}.buff-btn.damage-buff .buff-timer{color:var(--text-muted)}.buff-btn.damage-buff.active .buff-timer{color:#fca5a5}.buff-btn.defense-buff.active{border-color:#10b98199;color:#6ee7b7;background:#10b9811a;box-shadow:0 0 12px #10b9814d;animation:defBuffPulse 1.5s ease-in-out infinite}@keyframes defBuffPulse{0%,to{box-shadow:0 0 12px #10b9814d}50%{box-shadow:0 0 22px #10b98199}}.buff-btn.defense-buff .buff-timer{color:var(--text-muted)}.buff-btn.defense-buff.active .buff-timer{color:#6ee7b7}.buff-btn.exp-buff.active{border-color:#f59e0bb3;color:#fde68a;background:#f59e0b1f;box-shadow:0 0 12px #f59e0b59;animation:expBuffPulse 1.5s ease-in-out infinite}@keyframes expBuffPulse{0%,to{box-shadow:0 0 12px #f59e0b59}50%{box-shadow:0 0 22px #f59e0ba6}}.buff-btn.exp-buff .buff-timer{color:var(--text-muted)}.buff-btn.exp-buff.active .buff-timer{color:#fde68a}.atk-select-wrap{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:2px;margin-left:6px;flex-shrink:0}.atk-select-tag{font-family:var(--font-game);font-size:7px;letter-spacing:1.5px;color:var(--text-muted);text-transform:uppercase;white-space:nowrap}.atk-select-btn{display:flex;align-items:center;gap:6px;padding:5px 10px;background:#ffffff0a;border:1px solid rgba(255,255,255,.07);border-radius:var(--radius-sm);cursor:pointer;transition:all .15s;white-space:nowrap;min-width:110px}.atk-select-btn:hover,.atk-select-btn.open{border-color:#7c3aed80;background:#7c3aed1a}.atk-icon{font-size:16px;line-height:1}.atk-name{font-family:var(--font-game);font-size:9px;letter-spacing:1px;color:var(--text-bright);flex:1;text-align:left}.atk-arrow{font-size:9px;color:var(--text-muted);transition:transform .15s}.atk-select-btn.open .atk-arrow{transform:rotate(180deg)}.atk-dropdown{position:absolute;top:calc(100% + 6px);left:0;z-index:999;background:#0e1123;border:1px solid rgba(124,58,237,.3);border-radius:var(--radius-sm);box-shadow:0 12px 32px #000000b3,0 0 20px #7c3aed1a;display:flex;flex-direction:column;min-width:130px;overflow:hidden}.atk-option{display:flex;align-items:center;gap:8px;padding:7px 12px;background:transparent;border:none;border-bottom:1px solid rgba(255,255,255,.04);cursor:pointer;transition:background .1s;text-align:left}.atk-option:last-child{border-bottom:none}.atk-option:hover{background:#7c3aed1f}.atk-option.active{background:#7c3aed2e;border-left:2px solid var(--accent-bright)}.atk-opt-icon{font-size:16px;line-height:1}.atk-opt-name{font-family:var(--font-game);font-size:9px;letter-spacing:1px;color:var(--text-dim)}.atk-option.active .atk-opt-name{color:var(--accent-bright)}.atk-row{display:flex;align-items:center;gap:6px;position:relative}.weapon-btn,.strike-btns{display:none}#zone-label{position:absolute;bottom:12px;left:50%;transform:translate(-50%);font-family:var(--font-game);font-size:10px;color:#a855f780;letter-spacing:3px;pointer-events:none;text-transform:uppercase}