@import "https://fonts.googleapis.com/css2?family=Cinzel:wght@600;700;800;900&family=Rajdhani:wght@500;600;700&display=swap";body{background-color:#000;margin:0;padding:0;font-family:sans-serif;overflow:hidden}:root{--mmo-font-title:"Cinzel", "Times New Roman", Georgia, serif;--mmo-font-ui:"Rajdhani", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--mmo-bg-deep:#07090e;--mmo-bg-overlay:#06080ebf;--mmo-panel-bg:#0e121bf5;--mmo-panel-bg-subtle:#161c2ad9;--mmo-panel-inner:#090c13e6;--mmo-gold-glow:#fef08a;--mmo-gold-bright:#fbbf24;--mmo-gold-main:#d4af37;--mmo-gold-dark:#856322;--mmo-gold-border:#d4af3773;--mmo-gold-border-bright:#fbbf24cc;--mmo-iron-border:#64748b4d;--mmo-iron-border-light:#94a3b866;--mmo-hp-fill:linear-gradient(180deg, #ef4444 0%, #dc2626 50%, #991b1b 100%);--mmo-mp-fill:linear-gradient(180deg, #38bdf8 0%, #0284c7 50%, #075985 100%);--mmo-xp-fill:linear-gradient(180deg, #facc15 0%, #ca8a04 50%, #713f12 100%);--rarity-common:#94a3b8;--rarity-magic:#38bdf8;--rarity-rare:#facc15;--rarity-epic:#c084fc;--rarity-legendary:#fb923c}body,html{background-color:var(--mmo-bg-deep);color:#f1f5f9;width:100vw;height:100vh;font-family:var(--mmo-font-ui);-webkit-user-select:none;user-select:none;-webkit-font-smoothing:antialiased;margin:0;padding:0;overflow:hidden}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#0a0e16cc;border-radius:3px}::-webkit-scrollbar-thumb{background:linear-gradient(180deg, var(--mmo-gold-main), var(--mmo-gold-dark));border:1px solid #00000080;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--mmo-gold-bright)}.mmo-title{font-family:var(--mmo-font-title);letter-spacing:1.5px;text-transform:uppercase;background:linear-gradient(#fff 0%,#fef08a 35%,#d4af37 70%,#92671e 100%);-webkit-text-fill-color:transparent;filter:drop-shadow(0 2px 4px #000c);-webkit-background-clip:text}.mmo-panel{background:var(--mmo-panel-bg);border:1px solid var(--mmo-gold-border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:8px;position:relative;box-shadow:0 12px 36px #000c,inset 0 0 16px #0009,0 0 1px 1px #d4af3733}.mmo-panel:before{content:"";background:linear-gradient(90deg, transparent, var(--mmo-gold-bright), transparent);opacity:.7;pointer-events:none;height:1px;position:absolute;top:0;left:0;right:0}.mmo-panel-header{background:linear-gradient(#1e263899 0%,#0e121be6 100%);border-bottom:1px solid #d4af3733;justify-content:space-between;align-items:center;padding:12px 18px;display:flex}.mmo-panel-header-title{font-family:var(--mmo-font-title);letter-spacing:1px;color:#fef08a;text-shadow:0 2px 4px #000c;align-items:center;gap:8px;font-size:15px;font-weight:700;display:flex}.mmo-close-btn{color:#94a3b8;cursor:pointer;background:0 0;border:1px solid #94a3b833;border-radius:4px;justify-content:center;align-items:center;width:24px;height:24px;font-size:13px;transition:all .15s;display:flex}.mmo-close-btn:hover{color:#fca5a5;background:#ef444433;border-color:#ef4444;transform:scale(1.05)}.mmo-btn{font-family:var(--mmo-font-ui);letter-spacing:.5px;text-transform:uppercase;border:1px solid var(--mmo-iron-border-light);color:#e2e8f0;cursor:pointer;background:linear-gradient(#2a3449 0%,#151c29 100%);border-radius:5px;justify-content:center;align-items:center;gap:6px;padding:7px 16px;font-size:13px;font-weight:700;transition:all .15s;display:inline-flex;box-shadow:0 4px 10px #00000080,inset 0 1px #ffffff1a}.mmo-btn:hover{border-color:var(--mmo-gold-main);color:#fff;transform:translateY(-1px);box-shadow:0 4px 14px #d4af3740,inset 0 1px #fff3}.mmo-btn:active{transform:translateY(1px);box-shadow:0 2px 4px #000000b3}.mmo-btn-gold{border:1px solid var(--mmo-gold-bright);color:#fffbeb;text-shadow:0 1px 2px #000;background:linear-gradient(#a1782e 0%,#684b16 100%);box-shadow:0 4px 12px #d4af3759,inset 0 1px #ffffff4d}.mmo-btn-gold:hover{background:linear-gradient(#c4963d 0%,#7d5a1b 100%);border-color:#fef08a;box-shadow:0 6px 18px #fbbf2480,inset 0 1px #fff6}.mmo-btn-danger{color:#fee2e2;background:linear-gradient(#991b1b 0%,#450a0a 100%);border:1px solid #ef4444}.mmo-btn-danger:hover{background:linear-gradient(#b91c1c 0%,#5c0f0f 100%);border-color:#f87171;box-shadow:0 4px 14px #ef444466}.mmo-slot{cursor:pointer;background:radial-gradient(circle at 50% 40%,#1a2131e6 0%,#0a0d14f2 100%);border:1px solid #64748b59;border-radius:6px;justify-content:center;align-items:center;transition:all .15s;display:flex;position:relative;box-shadow:inset 0 2px 6px #000c,0 2px 6px #0006}.mmo-slot:hover{border-color:var(--mmo-gold-main);z-index:2;transform:scale(1.03);box-shadow:inset 0 0 10px #d4af3740,0 0 12px #d4af374d}.mmo-slot.active{border-color:var(--mmo-gold-bright);box-shadow:inset 0 0 12px #fbbf2466,0 0 15px #fbbf2480}.mmo-tab{font-family:var(--mmo-font-title);letter-spacing:.5px;color:#94a3b8;cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;padding:6px 14px;font-size:12px;font-weight:700;transition:all .15s}.mmo-tab:hover{color:#f8fafc}.mmo-tab.active{color:#fef08a;border-bottom-color:var(--mmo-gold-bright);text-shadow:0 0 8px #fbbf2466}@keyframes mmo-pulse{0%,to{transform:scale(1);box-shadow:0 0 8px #fbbf2466}50%{transform:scale(1.04);box-shadow:0 0 18px #fbbf24cc}}@keyframes mmo-glow{0%,to{opacity:.8}50%{opacity:1;filter:drop-shadow(0 0 8px #fbbf24cc)}}@keyframes mmo-slide-in{0%{opacity:0;transform:translateY(10px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}