:root{--bg-primary: #141210;--bg-secondary: #1e1b18;--bg-tertiary: #252220;--accent: #d4a056;--accent-dark: #8b5a2b;--text-primary: #f5f0e6;--text-secondary: #a89f94;--border: rgba(139, 90, 43, .4);--success: #6ab04c;--danger: #c9544d;--warning: #d4a056}.overlay-waiting{width:1920px;height:1080px;background:transparent;position:relative;font-family:-apple-system,BlinkMacSystemFont,Inter,Segoe UI,sans-serif}.connection-status{position:fixed;bottom:24px;right:24px;padding:12px 20px;background:#141210f2;border:1px solid var(--border);border-radius:8px;color:var(--accent);font-size:13px;font-weight:500;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);letter-spacing:.3px}.overlay-container{width:1920px;height:1080px;background:transparent;position:relative;font-family:-apple-system,BlinkMacSystemFont,Inter,Segoe UI,sans-serif}.overlay-panel{position:absolute;top:32px;width:420px;height:650px;background:#141210fa;border:1px solid var(--border);border-radius:16px;padding:0;color:var(--text-primary);display:none;-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);box-shadow:0 20px 60px #00000080;overflow:hidden}.overlay-panel.active{display:flex;flex-direction:column;animation:slideIn .4s cubic-bezier(.16,1,.3,1)}.overlay-header{padding:24px;border-bottom:1px solid var(--border);background:linear-gradient(135deg,rgba(139,90,43,.05),transparent);display:flex;align-items:center;gap:20px;flex-shrink:0}.expedition-icon{width:64px;height:64px;background:linear-gradient(135deg,var(--bg-tertiary),var(--bg-secondary));border:2px solid var(--border);border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.expedition-icon span{font-size:36px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.5))}.expedition-icon img{width:48px;height:48px;image-rendering:pixelated}.header-text{flex:1}.header-text h2{color:var(--text-primary);font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase;margin-bottom:8px;opacity:.6}.boss-name{color:var(--accent);font-size:22px;font-weight:700;letter-spacing:-.5px;line-height:1.2}.raid-status{background:var(--bg-secondary);padding:16px 24px;text-align:center;font-size:13px;font-weight:600;color:var(--text-secondary);letter-spacing:.3px;text-transform:uppercase;flex-shrink:0}.timer{height:4px;background:var(--bg-secondary);position:relative;overflow:hidden;flex-shrink:0}.timer-bar{height:100%;background:linear-gradient(90deg,var(--accent),var(--accent));transition:width .1s linear;box-shadow:0 0 20px var(--accent)}.players-list{padding:20px 24px;flex:1;overflow-y:auto;min-height:0}.players-list h3{color:var(--text-secondary);font-size:11px;font-weight:600;letter-spacing:1px;text-transform:uppercase;margin-bottom:16px;opacity:.7}.players-container{display:flex;flex-direction:column;gap:8px}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.player-item{display:flex;align-items:center;padding:12px 16px;background:var(--bg-secondary);border-radius:10px;border:1px solid transparent;transition:all .2s ease;animation:fadeIn .3s ease}.player-item:hover{background:var(--bg-tertiary);border-color:var(--border)}.player-avatar{width:64px;height:64px;background:linear-gradient(135deg,var(--bg-tertiary),var(--bg-secondary));border:1.5px solid var(--border);border-radius:8px;margin-right:12px;display:flex;align-items:center;justify-content:center;font-size:18px}.player-avatar img{max-width:100%;max-height:100%;object-fit:contain;image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges}.player-name{color:var(--text-primary);font-size:14px;font-weight:500;flex:1}.player-level{color:var(--text-secondary);font-size:12px;font-weight:600;background:var(--bg-tertiary);padding:4px 10px;border-radius:6px}.combat-log{background:var(--bg-secondary);border-top:1px solid var(--border);padding:16px 24px;max-height:180px;overflow-y:auto;display:none}.combat-log.active{display:block}.combat-log::-webkit-scrollbar{width:4px}.combat-log::-webkit-scrollbar-track{background:transparent}.combat-log::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}.log-entry{font-size:12px;color:var(--text-secondary);margin:6px 0;padding:8px 12px;border-radius:6px;border-left:2px solid transparent;animation:fadeIn .2s ease;display:flex;align-items:center;gap:8px}.log-damage{color:var(--danger);background:#ff475714;border-left-color:var(--danger)}.log-heal{color:var(--success);background:#00ff8814;border-left-color:var(--success)}.log-death{color:var(--danger);font-weight:600;background:#ff47571f;border-left-color:var(--danger)}.log-loot{color:var(--warning);font-weight:600;background:#ffa50214;border-left-color:var(--warning)}@keyframes scaleIn{0%{transform:translate(-50%,-50%) scale(.9);opacity:0}to{transform:translate(-50%,-50%) scale(1);opacity:1}}.notification{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#141210fa;border:1px solid var(--border);border-radius:20px;padding:48px 64px;text-align:center;min-width:560px;display:none;z-index:1000;-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);box-shadow:0 30px 90px #000000b3,0 0 1px 1px #8b5a2b33}.notification.active{display:block;animation:scaleIn .4s cubic-bezier(.16,1,.3,1)}.notification h2{color:var(--text-primary);font-size:32px;font-weight:700;margin-bottom:16px;letter-spacing:-.5px}.notification p{color:var(--text-secondary);font-size:16px;line-height:1.6}.loot-display{margin-top:24px;display:flex;flex-direction:column;gap:12px}.loot-item{display:flex;align-items:center;background:var(--bg-secondary);border:1px solid var(--border);padding:16px;border-radius:12px;animation:fadeIn .3s ease}.loot-icon{width:52px;height:52px;margin-right:16px;display:flex;align-items:center;justify-content:center;font-size:28px;background:var(--bg-tertiary);border-radius:10px;border:2px solid var(--border);position:relative;overflow:hidden}.loot-icon img{width:40px;height:40px;image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges}.loot-icon .rarity-common{color:#9ca3af}.loot-icon .rarity-uncommon{color:#10b981}.loot-icon .rarity-rare{color:#3b82f6}.loot-icon .rarity-epic{color:#a855f7}.loot-icon .rarity-legendary{color:#f59e0b}.loot-info{flex:1;text-align:left}.loot-name{color:var(--text-primary);font-size:14px;font-weight:600;margin-bottom:2px}.loot-rarity{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}.loot-item[data-rarity=common] .loot-rarity{color:#9ca3af}.loot-item[data-rarity=uncommon] .loot-rarity{color:#10b981}.loot-item[data-rarity=rare] .loot-rarity{color:#3b82f6}.loot-item[data-rarity=epic] .loot-rarity{color:#a855f7}.loot-item[data-rarity=legendary] .loot-rarity{color:#f59e0b}.loot-winner{color:var(--text-secondary);font-size:12px}.exploration-phase{padding:20px 24px;flex:1;overflow-y:auto;min-height:0;display:flex;flex-direction:column}.exploration-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:12px;border-bottom:1px solid var(--border);flex-shrink:0}.exploration-header h3{color:var(--accent);font-size:14px;font-weight:700;letter-spacing:.5px}.exploration-progress{color:var(--text-secondary);font-size:12px;font-weight:600}.exploration-content{display:flex;flex-direction:column;gap:16px;flex:1;overflow:hidden}.exploration-party{flex-shrink:0;display:flex;flex-direction:row;gap:8px;overflow-x:auto;padding-bottom:8px}.exploration-player{display:flex;flex-direction:column;align-items:center;gap:6px;padding:10px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:10px;animation:fadeIn .3s ease;min-width:90px;flex-shrink:0}.exploration-player-avatar{width:64px;height:64px;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:var(--bg-tertiary);border-radius:8px;border:1px solid var(--border)}.exploration-player-avatar img{max-width:100%;max-height:100%;object-fit:contain;image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges}.exploration-player-info{width:100%;display:flex;flex-direction:column;gap:4px}.exploration-player-name{color:var(--text-primary);font-size:10px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:center}.exploration-hp-bar{position:relative;background:var(--bg-tertiary);border-radius:6px;height:18px;overflow:hidden;border:1px solid var(--border);width:100%}.exploration-hp-fill{position:absolute;top:0;left:0;height:100%;background:linear-gradient(90deg,#10b981,#059669);transition:width .3s ease}.exploration-hp-text{position:relative;display:block;text-align:center;font-size:9px;font-weight:700;color:var(--text-primary);line-height:18px;text-shadow:0 1px 2px rgba(0,0,0,.8);z-index:1}.exploration-current-event{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;gap:24px;padding:20px;animation:fadeInScale .4s ease}@keyframes fadeInScale{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.event-number-big{color:var(--accent);font-size:48px;font-weight:900;text-shadow:0 0 30px rgba(139,90,43,.5);letter-spacing:2px}.event-message-big{color:var(--text-primary);font-size:18px;font-weight:600;line-height:1.6;max-width:340px}.combat-ready{padding:48px 24px;text-align:center;flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center}.ready-message{color:var(--text-secondary);font-size:15px;font-weight:500;margin-bottom:16px;animation:pulse 2s ease-in-out infinite}.ready-boss-name{color:var(--accent);font-size:24px;font-weight:700;letter-spacing:-.5px}@keyframes pulse{0%,to{opacity:.7}50%{opacity:1}}.combat-phase{padding:20px 24px;flex:1;overflow-y:auto;min-height:0;display:flex;flex-direction:column}.combat-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:12px;border-bottom:1px solid var(--border);flex-shrink:0}.combat-header h3{color:var(--accent);font-size:14px;font-weight:700;letter-spacing:.5px}.combat-round{color:var(--text-secondary);font-size:12px;font-weight:600;background:var(--bg-tertiary);padding:6px 14px;border-radius:6px}.combat-arena{display:grid;grid-template-columns:1fr auto 1fr;gap:16px;align-items:start;margin-bottom:16px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:12px;padding:16px;flex-shrink:0}.combat-side{display:flex;flex-direction:column;gap:8px}.side-label{color:var(--text-secondary);font-size:10px;font-weight:600;letter-spacing:1px;text-transform:uppercase;opacity:.7;margin-bottom:4px}.combatants{display:flex;flex-direction:column;gap:8px}.combatant{position:relative;padding:8px 10px;background:var(--bg-tertiary);border-radius:6px;border:1px solid rgba(139,90,43,.1);transition:all .2s ease}.combatant:hover{background:#8b5a2b0d;border-color:var(--border)}.combatant.active-turn{border:2px solid #00ff88;box-shadow:0 0 16px #0f86;background:#00ff880d}.turn-indicator{position:absolute;top:-12px;left:50%;transform:translate(-50%);background:linear-gradient(135deg,#0f8,#d4a056);color:#1e1b18;font-size:10px;font-weight:700;padding:2px 12px;border-radius:10px;letter-spacing:1px;box-shadow:0 2px 8px #0f89;z-index:10;animation:pulse-turn 1.5s ease-in-out infinite}@keyframes pulse-turn{0%,to{transform:translate(-50%) scale(1);box-shadow:0 2px 8px #0f89}50%{transform:translate(-50%) scale(1.05);box-shadow:0 4px 16px #0f8c}}.combatant-avatar{font-size:14px;margin-bottom:4px;width:64px;height:64px;display:flex;align-items:center;justify-content:center;margin-left:auto;margin-right:auto}.combatant-avatar img{max-width:100%;max-height:100%;object-fit:contain;image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges}.combatant-name{color:var(--text-primary);font-size:11px;font-weight:600;margin-bottom:5px}.hp-bar{position:relative;height:18px;background:#0000004d;border-radius:9px;overflow:hidden;border:1px solid rgba(255,255,255,.1)}.hp-fill{height:100%;background:linear-gradient(90deg,#ef4444,#dc2626);transition:width .5s ease;border-radius:9px}.hp-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:9px;font-weight:700;text-shadow:0 1px 3px rgba(0,0,0,.8);z-index:2}.more-players{color:var(--text-secondary);font-size:10px;text-align:center;padding:6px;background:var(--bg-secondary);border-radius:6px;font-weight:600}.vs-divider{color:var(--accent);font-size:18px;font-weight:900;letter-spacing:2px;align-self:center;text-shadow:0 0 20px rgba(139,90,43,.5)}.boss-combatant{position:relative;text-align:center;padding:12px;background:var(--bg-tertiary);border-radius:10px;border:2px solid rgba(255,71,87,.3)}.boss-icon{font-size:40px;margin-bottom:8px;filter:drop-shadow(0 4px 8px rgba(0,0,0,.5));width:128px;height:128px;display:flex;align-items:center;justify-content:center;margin-left:auto;margin-right:auto}.boss-icon img{max-width:100%;max-height:100%;object-fit:contain;image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges}.boss-name{color:var(--danger);font-size:13px;font-weight:700;margin-bottom:4px;letter-spacing:.5px}.boss-level{color:var(--text-secondary);font-size:10px;font-weight:600;margin-bottom:10px}.boss-hp-bar{position:relative;height:32px;background:#0000004d;border-radius:16px;overflow:hidden;border:1px solid rgba(255,71,87,.3)}.boss-hp-fill{height:100%;background:linear-gradient(90deg,#a855f7,#7c3aed);transition:width .5s ease;border-radius:16px}.boss-hp-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:13px;font-weight:700;text-shadow:0 1px 3px rgba(0,0,0,.8);z-index:2;white-space:nowrap}.damage-number{position:absolute;top:10px;left:50%;transform:translate(-50%);font-size:18px;font-weight:900;pointer-events:none;z-index:100;animation:damageFloat 1.5s ease-out forwards;text-shadow:0 2px 6px rgba(0,0,0,.9)}.damage-number.damage-taken{color:#ef4444;text-shadow:0 0 10px rgba(239,68,68,.8),0 2px 6px rgba(0,0,0,.9)}.damage-number.damage-dealt{color:#fbbf24;text-shadow:0 0 10px rgba(251,191,36,.8),0 2px 6px rgba(0,0,0,.9)}.damage-number.critical{color:#ff3860;font-size:24px;text-shadow:0 0 15px rgba(255,56,96,1),0 2px 8px rgba(0,0,0,.9)}.damage-number.aoe{color:#ff6b6b;font-size:16px}@keyframes damageFloat{0%{transform:translate(-50%) translateY(0) scale(.5);opacity:0}20%{transform:translate(-50%) translateY(-10px) scale(1.2);opacity:1}to{transform:translate(-50%) translateY(-50px) scale(.8);opacity:0}}.crit-text{display:block;font-size:10px;color:#fff;text-transform:uppercase;letter-spacing:2px;margin-top:2px;font-weight:800}.combat-log{background:var(--bg-secondary);border:1px solid var(--border);border-radius:10px;padding:12px 14px;flex:1;overflow-y:auto;min-height:120px;max-height:160px;display:flex;flex-direction:column}.combat-log h4{color:var(--text-secondary);font-size:10px;font-weight:600;letter-spacing:1px;text-transform:uppercase;margin-bottom:10px;opacity:.7;flex-shrink:0}.combat-log-entries{display:flex;flex-direction:column;gap:6px;flex:1;overflow-y:auto;min-height:0}.log-entry{font-size:10px;padding:6px 8px;border-radius:6px;border-left:2px solid transparent;animation:fadeIn .3s ease;line-height:1.3;display:flex;align-items:center;gap:8px}.log-entry-avatar{width:24px;height:24px;flex-shrink:0;image-rendering:pixelated;filter:drop-shadow(0 0 3px rgba(255,255,255,.3))}.log-entry-text{flex:1}.log-entry.player-attack{color:var(--accent);background:#8b5a2b0d;border-left-color:var(--accent)}.log-entry.boss-attack{color:var(--danger);background:#ff47570d;border-left-color:var(--danger)}.log-entry.boss-aoe{color:var(--warning);background:#ffa50214;border-left-color:var(--warning);font-weight:600}.log-entry.critical{font-weight:700;box-shadow:0 0 10px #ff386033}.log-entry.own-entry{font-weight:700;background:#4caf5026!important;border-left-color:#4caf50!important;border-left-width:3px;box-shadow:0 0 8px #4caf504d}.log-entry.own-entry.player-attack{color:#7cfc00}.log-entry.player-died{color:#ff4757;background:#ff475726;border-left-color:#ff4757;font-weight:700}.death-banner{background:linear-gradient(135deg,#8b0000e6,#500000e6);border:2px solid #ff4757;border-radius:6px;padding:10px 12px;margin:8px 0;text-align:center;animation:deathPulse 2s ease-in-out infinite;box-shadow:0 0 15px #ff475766;display:flex;align-items:center;justify-content:center;gap:10px}.death-banner .death-icon{font-size:20px;animation:deathBounce .5s ease-in-out}.death-banner .death-text{font-size:14px;font-weight:800;color:#ff4757;text-transform:uppercase;letter-spacing:2px;text-shadow:0 0 8px rgba(255,71,87,.6)}.death-banner .death-info{font-size:11px;color:#ccc}@keyframes deathPulse{0%,to{box-shadow:0 0 20px #ff475780}50%{box-shadow:0 0 40px #ff4757cc}}@keyframes deathBounce{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.deaths-list{display:flex;flex-direction:column;gap:4px;margin:8px 0}.death-entry{font-size:11px;padding:6px 10px;background:#ff47571a;border-left:2px solid #ff4757;border-radius:4px;color:#ff6b7a;animation:deathSlideIn .3s ease-out}.death-entry.own-death{background:#ff475740;font-weight:700;border-left-width:3px}@keyframes deathSlideIn{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}.graveyard{background:#1e1b1899;border:1px solid rgba(255,71,87,.3);border-radius:8px;padding:10px 12px;margin-top:12px}.graveyard h4{font-size:9px;text-transform:uppercase;letter-spacing:1px;color:#ff6b7a;margin:0 0 8px;display:flex;align-items:center;gap:6px}.graveyard-entries{display:flex;flex-direction:column;gap:4px;max-height:80px;overflow-y:auto}.graveyard-entry{font-size:10px;padding:5px 8px;background:#ff47571a;border-radius:4px;color:#999;display:flex;align-items:center;gap:6px}.graveyard-entry.own-death{background:#ff475733;color:#ff6b7a;font-weight:600}.graveyard-entry .skull{font-size:12px}.graveyard-entry .killer{color:#666;font-size:9px}.graveyard-empty{font-size:10px;color:#555;text-align:center;padding:8px;font-style:italic}.result-phase{padding:32px 24px;text-align:center;flex:1;overflow-y:auto;min-height:0;display:flex;flex-direction:column;justify-content:center}.result-header{margin-bottom:24px;animation:scaleIn .5s cubic-bezier(.16,1,.3,1);flex-shrink:0}.result-header h2{font-size:24px;font-weight:700;letter-spacing:-.5px;margin-bottom:8px}.result-phase.victory .result-header h2{color:var(--success);text-shadow:0 0 20px rgba(0,255,136,.5)}.result-phase.defeat .result-header h2{color:var(--danger);text-shadow:0 0 20px rgba(255,71,87,.5)}.result-stats{display:flex;flex-direction:column;gap:12px;margin-bottom:20px;flex-shrink:0}.stat-row{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:var(--bg-secondary);border-radius:8px;border:1px solid var(--border);color:var(--text-secondary);font-size:13px;font-weight:500}.stat-value{color:var(--text-primary);font-size:16px;font-weight:700}.stat-value.success{color:var(--success)}.stat-value.danger{color:var(--danger)}.result-message{color:var(--text-secondary);font-size:14px;margin-bottom:16px;line-height:1.6}.result-phase .loot-display{margin-top:20px}.result-phase .loot-display h4{color:var(--accent);font-size:12px;font-weight:700;letter-spacing:.5px;margin-bottom:12px;text-transform:uppercase}.result-phase .loot-item{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;background:var(--bg-secondary);border-radius:8px;border:1px solid var(--border);font-size:12px;gap:8px}.loot-player{color:var(--text-secondary);font-weight:600}.loot-arrow{color:var(--text-secondary);opacity:.5}.result-phase .loot-name{color:var(--text-primary);font-weight:700;flex:1;text-align:right}.result-phase .loot-item.rarity-common .loot-name{color:#9ca3af}.result-phase .loot-item.rarity-uncommon .loot-name{color:#10b981}.result-phase .loot-item.rarity-rare .loot-name{color:#3b82f6}.result-phase .loot-item.rarity-epic .loot-name{color:#a855f7}.result-phase .loot-item.rarity-legendary .loot-name{color:#f59e0b;text-shadow:0 0 10px rgba(245,158,11,.5)}.dashboard{flex:1;overflow:hidden;background:linear-gradient(135deg,#141210,#1e1b18);height:100%}.dashboard-container{max-width:100%;margin:0 auto;display:grid;grid-template-columns:380px 1fr;gap:16px;padding:16px 440px 16px 16px;height:100%;box-sizing:border-box}.dashboard-left-column,.dashboard-right-column{display:flex;flex-direction:column;gap:12px}.character-card{background:#1e1b18f2;border:1px solid rgba(139,90,43,.3);border-radius:10px;padding:10px;box-shadow:0 8px 32px #00000080}.character-header{text-align:center;margin-bottom:8px;padding-bottom:6px;border-bottom:1px solid rgba(139,90,43,.2)}.character-header h2{color:#9d8553;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:1px;margin:0}.character-display{display:flex;flex-direction:column;gap:0;align-items:center;text-align:center}.character-sprite-container{flex-shrink:0;width:100%;height:130px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;background:#14121080;border:2px solid rgba(139,90,43,.3);border-radius:12px;padding:10px 12px;box-shadow:0 8px 32px #0009,inset 0 2px 8px #0000004d;position:relative}.outfit-name-badge{position:absolute;bottom:4px;left:50%;transform:translate(-50%);background:linear-gradient(135deg,#a335eee6,#8b2ccee6);color:#fff;font-size:10px;font-weight:600;padding:2px 10px;border-radius:10px;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;border:1px solid rgba(163,53,238,.5);box-shadow:0 2px 8px #a335ee66}.character-outfit{image-rendering:pixelated;filter:drop-shadow(0 6px 20px rgba(0,0,0,.9)) drop-shadow(0 0 15px rgba(163,53,238,.3))}.character-sprite{max-width:96px;max-height:96px;image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges;filter:drop-shadow(0 6px 20px rgba(0,0,0,.9));animation:characterIdle 3s ease-in-out infinite;transform:scale(1)}@keyframes characterIdle{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-8px) scale(1.05)}}.character-emoji-fallback{font-size:96px;animation:characterIdleEmoji 3s ease-in-out infinite}@keyframes characterIdleEmoji{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-8px) scale(1.05)}}.character-info{width:100%;display:flex;flex-direction:column;gap:4px;align-items:center;margin-bottom:8px}.character-name{font-size:20px;font-weight:700;color:#fff;text-transform:uppercase;letter-spacing:1px;text-shadow:0 2px 8px rgba(0,0,0,.8);margin:0}.character-level{font-size:13px;color:#9d8553;background:#141210cc;padding:4px 12px;border-radius:12px;border:1px solid rgba(139,90,43,.4);display:inline-block;text-transform:uppercase;letter-spacing:.5px;font-weight:600;box-shadow:0 2px 8px #0000004d}.character-vocation{font-size:11px;color:#9d8553;margin:0 0 6px;text-transform:uppercase;letter-spacing:.5px;font-weight:600;padding:2px 10px;background:#14121099;border-radius:8px;border:1px solid rgba(139,90,43,.3)}.character-gold{display:flex;align-items:center;justify-content:center;gap:6px;padding:8px 12px;background:#8b5a2b26;border:1px solid rgba(139,90,43,.4);border-radius:6px;margin-top:8px}.gold-icon{font-size:16px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.5))}.gold-amount{font-size:18px;font-weight:700;color:#d4a056;text-shadow:0 2px 4px rgba(0,0,0,.5)}.gold-label{font-size:11px;color:#9d8553;text-transform:uppercase;letter-spacing:.5px}.character-hp-bar{display:flex;flex-direction:column;gap:2px;margin-top:10px;width:100%}.character-xp-bar{display:flex;flex-direction:column;gap:2px;margin-top:6px;width:100%}.bar-label{display:flex;justify-content:space-between;font-size:11px;font-weight:600;color:#d0d0d0}.bar-label span{display:flex;align-items:center;gap:4px}.stat-icon-img{width:16px;height:16px;object-fit:contain;vertical-align:middle;filter:drop-shadow(0 1px 2px rgba(0,0,0,.3));image-rendering:pixelated}.bar-track{height:16px;background:#141210cc;border:1px solid rgba(139,90,43,.2);border-radius:6px;overflow:hidden;position:relative;box-shadow:inset 0 2px 6px #00000080}.bar-fill{height:100%;transition:width .3s ease;position:relative}.hp-fill{background:linear-gradient(90deg,#dc2626,#ef4444);box-shadow:0 0 10px #dc262680}.xp-fill{background:linear-gradient(90deg,#9d8553,#d4a056);box-shadow:0 0 10px #8b5a2b80}.xp-bar-with-tooltip{cursor:pointer}.xp-tooltip{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#141210f2;border:1px solid rgba(139,90,43,.6);border-radius:4px;padding:4px 10px;font-size:11px;font-weight:600;color:#d4a056;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .2s ease;z-index:10;box-shadow:0 2px 8px #00000080}.xp-bar-with-tooltip:hover .xp-tooltip{opacity:1}.combat-stats-card{padding:12px}.combat-stats-compact{display:flex;flex-direction:column;gap:10px}.stat-row-compact{display:flex;align-items:center;gap:10px;padding:8px 10px;background:#14121080;border:1px solid rgba(139,90,43,.2);border-radius:8px;transition:all .2s ease}.stat-row-compact:hover{background:#8b5a2b1a;border-color:#8b5a2b66}.stat-row-compact .stat-icon,.stat-row-compact .stat-emoji{font-size:18px;flex-shrink:0;width:24px;text-align:center}.stat-row-compact .stat-icon-img{width:16px;height:16px;flex-shrink:0;image-rendering:pixelated}.stat-value-wrapper{position:relative;display:flex;align-items:center;gap:4px;min-width:70px}.stat-total{color:#d4a056;font-size:18px;font-weight:700}.stat-eq-bonus{color:#10b981;font-size:12px;font-weight:600}.stat-tooltip-compact{position:absolute;top:calc(100% + 8px);left:0;background:#141210fa;border:1px solid rgba(139,90,43,.5);border-radius:8px;padding:10px 12px;min-width:180px;opacity:0;visibility:hidden;transform:translateY(-4px);transition:all .2s ease;z-index:1000;box-shadow:0 8px 24px #0009}.stat-value-wrapper:hover .stat-tooltip-compact{opacity:1;visibility:visible;transform:translateY(0)}.tooltip-row{display:flex;justify-content:space-between;font-size:12px;color:#a0a0a0;padding:3px 0}.tooltip-row .val-green{color:#1eff00;font-weight:700}.tooltip-row .val-blue{color:#0070dd;font-weight:700}.tooltip-row .val-purple{color:#a335ee;font-weight:700}.tooltip-row .val-gem{color:#00d9ff;font-weight:700}.stat-progress-wrapper{flex:1;display:flex;align-items:center;gap:8px;min-width:0}.stat-progress-bar{flex:1;height:10px;background:#141210cc;border:1px solid rgba(139,90,43,.3);border-radius:5px;overflow:hidden;min-width:60px}.stat-progress-fill{height:100%;background:linear-gradient(90deg,#9d8553,#d4a056);border-radius:5px;transition:width .3s ease;box-shadow:0 0 8px #d4a05666}.stat-progress-fill.hp-fill-color{background:linear-gradient(90deg,#dc2626,#ef4444);box-shadow:0 0 8px #dc262666}.stat-upgrade-count{color:#8a8a8a;font-size:11px;font-weight:600;white-space:nowrap;min-width:40px;text-align:right}.stat-upgrade-btn{width:28px;height:28px;padding:0;background:linear-gradient(135deg,#9d8553,#d4a056);border:1px solid rgba(139,90,43,.5);border-radius:6px;color:#1e1b18;font-size:18px;font-weight:700;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 2px 6px #0000004d;line-height:1}.stat-upgrade-btn:hover:not(:disabled){background:linear-gradient(135deg,#d4a056,#e0c080);transform:scale(1.1);box-shadow:0 4px 12px #8b5a2b80}.stat-upgrade-btn:active:not(:disabled){transform:scale(.95)}.stat-upgrade-btn:disabled{opacity:.3;cursor:not-allowed;background:#8b5a2b33;border-color:#8b5a2b33;color:#666}.stat-upgrade-wrapper{position:relative;flex-shrink:0}.upgrade-tooltip{position:absolute;bottom:calc(100% + 8px);right:0;min-width:160px;background:#1e1b18fa;border:1px solid rgba(139,90,43,.5);border-radius:8px;padding:10px 12px;box-shadow:0 8px 24px #0009;opacity:0;visibility:hidden;transform:translateY(5px);transition:all .2s ease;z-index:100;pointer-events:none}.upgrade-tooltip:after{content:"";position:absolute;bottom:-6px;right:10px;width:10px;height:10px;background:#1e1b18fa;border-right:1px solid rgba(139,90,43,.5);border-bottom:1px solid rgba(139,90,43,.5);transform:rotate(45deg)}.stat-upgrade-wrapper:hover .upgrade-tooltip{opacity:1;visibility:visible;transform:translateY(0)}.upgrade-tooltip-title{color:#d4a056;font-size:12px;font-weight:600;margin-bottom:6px}.upgrade-tooltip-cost{color:gold;font-size:13px;font-weight:700;text-align:center}@media (max-width: 480px){.stat-row-compact{flex-wrap:wrap;gap:6px}.stat-progress-wrapper{width:100%;order:10}.stat-upgrade-btn{width:24px;height:24px;font-size:16px}}.statistics-card{background:#1e1b18f2;border:1px solid rgba(139,90,43,.3);border-radius:10px;padding:10px;box-shadow:0 8px 32px #00000080}.statistics-card.expedition-stats.compact{padding:8px 12px}.statistics-card.expedition-stats.compact .card-header{margin-bottom:6px;padding-bottom:4px}.statistics-card.expedition-stats.compact .card-header h3{font-size:11px}.expedition-stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px}.expedition-stat{display:flex;flex-direction:column-reverse;align-items:center;justify-content:center;gap:0;padding:10px;background:#14121080;border:1px solid rgba(139,90,43,.2);border-radius:6px;text-align:center}.expedition-stat.full-width{grid-column:1 / -1}.expedition-stat .stat-icon{font-size:16px}.expedition-stat .stat-value{font-size:18px;font-weight:700;color:#fff;line-height:1}.expedition-stat .stat-label{font-size:10px;color:#8a8a8a;text-transform:uppercase;line-height:1;margin-top:4px}.card-header{text-align:center;margin-bottom:8px;padding-bottom:6px;border-bottom:1px solid rgba(139,90,43,.2)}.card-header h3{color:#9d8553;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:1px;margin:0}.stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.stats-grid.stats-grid-3{grid-template-columns:repeat(3,1fr)}.stats-grid-3 .stat-box{padding:12px 8px}.stats-grid-3 .stat-box .stat-icon{font-size:24px}.stats-grid-3 .stat-content .stat-value{font-size:22px}.stats-grid-3 .stat-content .stat-label{font-size:10px}.stat-box{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:20px 12px;background:#14121080;border:1px solid rgba(139,90,43,.2);border-radius:8px;transition:all .2s ease;text-align:center}.stat-box:hover{background:#8b5a2b1a;border-color:#8b5a2b66;transform:translateY(-2px)}.stat-box .stat-icon{font-size:32px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.5))}.stat-content{display:flex;flex-direction:column;gap:4px;align-items:center}.stat-content .stat-value{font-size:28px;font-weight:700;color:#fff}.stat-content .stat-label{font-size:11px;color:#8a8a8a;text-transform:uppercase;letter-spacing:.5px}.loading,.error{display:flex;align-items:center;justify-content:center;min-height:400px;font-size:18px;color:#9d8553}.error{color:#dc2626}.vocation-selection-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#141210fa;display:flex;align-items:center;justify-content:center;z-index:1000;padding:32px}.vocation-selection-modal{max-width:1200px;width:100%;text-align:center}.vocation-selection-modal h2{color:#d4a056;font-size:42px;font-weight:700;text-transform:uppercase;letter-spacing:3px;margin-bottom:16px;text-shadow:0 4px 16px rgba(139,90,43,.5)}.vocation-subtitle{color:#9d8553;font-size:18px;margin-bottom:48px;letter-spacing:1px}.vocations-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;margin-bottom:24px}.vocation-card{background:#1e1b18f2;border:2px solid rgba(139,90,43,.3);border-radius:16px;padding:24px 16px;cursor:pointer;transition:all .3s ease;box-shadow:0 8px 32px #00000080}.vocation-card:hover{border-color:#8b5a2bcc;transform:translateY(-8px);box-shadow:0 16px 48px #8b5a2b4d;background:#1e1b18}.vocation-banner{margin-bottom:24px;display:flex;justify-content:center}.vocation-banner-image{max-width:600px;width:100%;height:auto;image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges;filter:drop-shadow(0 6px 20px rgba(0,0,0,.8))}.vocation-image-wrapper{margin-bottom:12px;display:flex;justify-content:center;align-items:center;min-height:100px}.vocation-image{max-width:100%;height:auto;max-height:100px;image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges;filter:drop-shadow(0 4px 12px rgba(0,0,0,.7));transition:transform .3s ease}.vocation-card:hover .vocation-image{transform:scale(1.1)}.vocation-card h3{color:#d4a056;font-size:22px;font-weight:700;text-transform:uppercase;letter-spacing:1px;margin-bottom:8px}.vocation-description{color:#b8b8b8;font-size:12px;margin-bottom:16px;font-style:italic}.vocation-bonuses{display:flex;flex-direction:column;gap:6px;text-align:left}.bonus-item{background:#14121099;padding:8px 10px;border-radius:6px;border:1px solid rgba(139,90,43,.2);color:#d0d0d0;font-size:11px;line-height:1.3}.choosing-loader{color:#d4a056;font-size:18px;font-weight:600;padding:16px;animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.equipment-section{background:#1e1b18f2;border:1px solid rgba(139,90,43,.3);border-radius:12px;padding:20px;box-shadow:0 8px 32px #00000080;display:flex;flex-direction:column;gap:6px}.equipment-grid{display:grid;grid-template-columns:repeat(3,64px);gap:8px;justify-content:center;margin:16px 0}.equipment-section .item-with-tooltip{display:flex;width:64px;height:64px}.equipment-section .item-with-tooltip .item-image{width:56px!important;height:56px!important;padding:4px!important;border-width:2px!important;image-rendering:pixelated;display:block;object-fit:contain;margin:auto}.equipment-section .item-with-tooltip .item-image:hover{transform:scale(1.1)!important}.equipment-section .equipped-item-wrapper{display:flex;justify-content:center;align-items:center;width:100%;height:100%}.equipment-header{display:flex;justify-content:center;align-items:center;margin-bottom:0;padding-bottom:12px;border-bottom:2px solid rgba(139,90,43,.2)}.equipment-header h4{margin:0;color:#9d8553;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:1px}.equipment-stats{display:flex;justify-content:center;gap:12px;margin-top:12px}.equip-stat{display:flex;align-items:center;gap:6px;font-size:14px;font-weight:600;color:#d4a056;padding:6px 12px;background:#8b5a2b26;border:1px solid rgba(139,90,43,.3);border-radius:6px}.equip-stat .stat-icon-img{width:16px;height:16px;image-rendering:pixelated}.equipment-slot{width:64px;height:64px;background:#14121080;border:2px solid rgba(139,90,43,.3);border-radius:8px;transition:all .2s ease;display:flex;align-items:center;justify-content:center;position:relative;box-shadow:inset 0 2px 4px #0000004d}.equipment-slot:hover{background:#8b5a2b1a;border-color:#8b5a2b80;transform:scale(1.05)}.equipment-slot.has-item{background:#141210cc;border-color:#8b5a2b99}.equipment-slot.empty-slot:hover{transform:none;border-color:#8b5a2b4d;background:#14121080}.equipment-slot.pet-slot{position:relative}.equipment-slot.pet-slot .pet-image{width:56px;height:56px;object-fit:contain;image-rendering:pixelated}.equipment-slot.pet-slot .empty-pet-slot{font-size:24px;opacity:.4}.equipment-slot.pet-slot:not(.has-item){border-style:dashed;opacity:.5}.pet-slot-level-badge{position:absolute;top:-4px;right:-4px;background:linear-gradient(135deg,#c9aa71,#8b5a2b);color:#1a1a1a;font-size:9px;font-weight:700;padding:2px 5px;border-radius:4px;z-index:10;box-shadow:0 2px 4px #0006}.pet-tooltip .pet-level-info{font-size:11px;color:#c9aa71;margin:6px 0;padding:4px 8px;background:#c9aa711a;border-radius:4px;text-align:center}.pet-bonuses-tooltip{font-size:11px!important}.pet-bonuses-tooltip>div{padding:2px 0}.pet-tooltip-hint{font-size:10px;color:#666;text-align:center;margin-top:8px;padding-top:6px;border-top:1px solid rgba(139,90,43,.3);font-style:italic}.pet-item{position:relative}.pet-item .pet-image{width:48px;height:48px;object-fit:contain;image-rendering:pixelated}.pet-indicator{position:absolute;bottom:2px;right:2px;font-size:10px;background:#000000b3;border-radius:4px;padding:1px 3px}.empty-pet-slot{font-size:24px;opacity:.4;display:flex;align-items:center;justify-content:center;width:100%;height:100%}.slot-label{font-size:9px;color:#8a8a8a;text-transform:uppercase;letter-spacing:.3px;font-weight:600;text-align:center;width:100%}.equipped-item{cursor:pointer;transition:transform .2s ease}.equipped-item:hover{transform:translateY(-2px)}.empty-slot{padding:8px;text-align:center;color:#666;font-size:11px;font-style:italic;min-height:40px;display:flex;align-items:center;justify-content:center}.item-name{font-size:13px;font-weight:600;color:#fff;margin-bottom:4px}.item-rarity{font-size:10px;padding:2px 6px;border-radius:4px;display:inline-block;margin-bottom:6px;text-transform:uppercase;font-weight:700;letter-spacing:.5px}.rarity-common{background:#9e9e9e33;color:#9e9e9e;border:1px solid rgba(158,158,158,.3)}.rarity-uncommon{background:#1eff0026;color:#1eff00;border:1px solid rgba(30,255,0,.3)}.rarity-rare{background:#0070dd26;color:#0070dd;border:1px solid rgba(0,112,221,.3)}.rarity-epic{background:#a335ee26;color:#a335ee;border:1px solid rgba(163,53,238,.3)}.rarity-legendary{background:#ff800026;color:#ff8000;border:1px solid rgba(255,128,0,.3)}.item-stats-mini{display:flex;gap:8px;font-size:11px;color:#d4a056}.inventory-section{margin-top:24px;padding-top:24px;border-top:1px solid rgba(139,90,43,.2)}.inventory-header{margin-bottom:16px}.inventory-header h4{color:#9d8553;font-size:18px;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;margin:0}.inventory-items{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;max-height:300px;overflow-y:auto;padding-right:8px}.inventory-items::-webkit-scrollbar{width:8px}.inventory-items::-webkit-scrollbar-track{background:#14121080;border-radius:4px}.inventory-items::-webkit-scrollbar-thumb{background:#8b5a2b4d;border-radius:4px}.inventory-items::-webkit-scrollbar-thumb:hover{background:#8b5a2b80}.inventory-item{background:#14121080;border:1px solid rgba(139,90,43,.2);border-radius:8px;padding:10px;cursor:pointer;transition:all .2s ease}.inventory-item:hover{background:#8b5a2b1a;border-color:#8b5a2b66;transform:translateY(-2px);box-shadow:0 4px 12px #0006}.active-events-banner{display:flex;justify-content:center;flex-wrap:wrap;gap:12px;padding:16px 440px 16px 20px;margin-top:8px;background:linear-gradient(180deg,transparent 0%,rgba(20,18,16,.8) 100%)}.event-banner-item{display:flex;align-items:center;gap:10px;padding:10px 18px;background:linear-gradient(135deg,#1e1b18f2,#141210f2);border:2px solid rgba(139,90,43,.5);border-radius:12px;box-shadow:0 4px 16px #0009,0 0 20px #8b5a2b33;animation:eventPulse 3s ease-in-out infinite;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}@keyframes eventPulse{0%,to{box-shadow:0 4px 16px #0009,0 0 20px #8b5a2b33;border-color:#8b5a2b80}50%{box-shadow:0 4px 20px #000000b3,0 0 30px #8b5a2b66;border-color:#8b5a2bb3}}.event-banner-icon{font-size:24px;filter:drop-shadow(0 2px 8px rgba(0,0,0,.5));flex-shrink:0}.event-banner-content{display:flex;align-items:center;gap:10px}.event-banner-content strong{font-size:14px;color:#d4a056;text-transform:uppercase;letter-spacing:.5px;text-shadow:0 2px 4px rgba(0,0,0,.5);font-weight:700}.event-banner-multipliers{display:flex;gap:6px;font-size:12px;font-weight:600}.event-banner-multipliers span{padding:3px 8px;background:#141210cc;border-radius:12px;border:1px solid rgba(139,90,43,.4);color:#fff}.event-banner-timer{font-size:12px;font-weight:700;color:#d4a056;padding:4px 12px;background:#141210e6;border-radius:12px;border:1px solid rgba(139,90,43,.4);white-space:nowrap}@media (max-width: 1400px){.dashboard-container{padding-right:440px;grid-template-columns:1fr}}@media (max-width: 1024px){.dashboard-container{grid-template-columns:1fr;padding-right:20px}.active-events-banner{padding-right:20px}.character-display{flex-direction:column;text-align:center}.character-info{align-items:center}.character-level{align-self:center}.equipment-slots{grid-template-columns:repeat(2,1fr)}.vocations-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width: 800px){.vocations-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 640px){.stats-grid.stats-grid-3{grid-template-columns:repeat(3,1fr);gap:6px}.stats-grid-3 .stat-box{padding:8px 4px}.stats-grid-3 .stat-box .stat-icon{font-size:18px}.stats-grid-3 .stat-content .stat-value{font-size:16px}.stats-grid-3 .stat-content .stat-label{font-size:8px}.active-events-banner{padding-right:20px;flex-direction:column;gap:8px}.event-banner-item{padding:6px 12px;gap:8px}.event-banner-icon{font-size:20px}.event-banner-content strong{font-size:12px}.event-banner-multipliers{font-size:10px;gap:4px}.event-banner-timer{font-size:11px;padding:3px 8px}.character-card,.statistics-card{padding:16px}.character-name{font-size:20px}.stats-grid,.equipment-slots,.inventory-items,.vocations-grid{grid-template-columns:1fr}.vocation-selection-modal h2{font-size:28px}.vocation-subtitle{font-size:14px}.vocation-card{padding:24px 16px}.vocation-icon{font-size:60px}}.enhancement-bonuses-card{background:#1e1b18f2;border:1px solid rgba(139,90,43,.3);border-radius:12px;padding:16px;box-shadow:0 8px 32px #00000080}.enhancement-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;border-bottom:2px solid rgba(139,90,43,.2)}.enhancement-header h4{margin:0;color:#9d8553;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:1px}.enhancement-hint{font-size:11px;color:#a0aec0;font-style:italic}.enhancement-bonuses-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:3px}.bonus-item{display:flex;align-items:center;gap:10px;padding:10px 14px;background:#8b5a2b0d;border:1px solid rgba(139,90,43,.2);border-radius:6px;font-size:12px;transition:all .2s}.bonus-item:hover{background:#8b5a2b1a;border-color:#8b5a2b66;transform:translateY(-2px);box-shadow:0 2px 8px #0000004d}.bonus-icon{font-size:18px;flex-shrink:0}.bonus-label{color:#a0aec0;font-size:11px;flex-shrink:0}.bonus-value{font-weight:700;margin-left:auto;font-size:14px}.inventory-page{padding:32px;max-width:1400px;margin:0 auto}.inventory-header{text-align:center;margin-bottom:40px;padding-bottom:24px;border-bottom:2px solid rgba(139,90,43,.2)}.inventory-header h1{font-size:36px;font-weight:700;color:#d4a056;margin-bottom:12px;text-shadow:0 2px 12px rgba(139,90,43,.4)}.inventory-description{font-size:15px;color:#a0aec0;max-width:800px;margin:0 auto;line-height:1.6}.inventory-content{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:start}.equipment-section-wrapper,.inventory-section-wrapper{background:#1e1b1899;border:1px solid rgba(139,90,43,.2);border-radius:16px;padding:28px;box-shadow:0 8px 32px #0000004d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.equipment-tabs{display:flex;gap:8px;margin-bottom:20px;border-bottom:1px solid rgba(139,90,43,.3);padding-bottom:12px}.equipment-tab{background:#0000004d;border:1px solid rgba(139,90,43,.3);color:#888;padding:10px 20px;border-radius:8px 8px 0 0;cursor:pointer;font-size:13px;transition:all .2s ease}.equipment-tab:hover{background:#8b5a2b33;color:#c9aa71}.equipment-tab.active{background:#8b5a2b4d;border-color:#c9aa71;color:#c9aa71;border-bottom-color:transparent}.inventory-section-tabs{display:flex;gap:8px;margin-bottom:16px;border-bottom:1px solid rgba(139,90,43,.3);padding-bottom:12px}.inventory-section-tab{background:#8b5a2b4d;border:1px solid #c9aa71;color:#c9aa71;padding:10px 20px;border-radius:8px 8px 0 0;font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:1px;border-bottom-color:transparent}.multi-select-toggle{margin-left:auto;background:#3b82f633;border:1px solid rgba(59,130,246,.5);color:#60a5fa;padding:8px 16px;border-radius:6px;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s ease}.multi-select-toggle:hover{background:#3b82f64d;border-color:#60a5fa}.multi-select-toggle.active{background:#ef444433;border-color:#ef444480;color:#f87171}.multi-select-toggle.active:hover{background:#ef44444d;border-color:#f87171}.multi-select-toolbar{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;padding:12px 16px;margin-bottom:12px;background:#3b82f61a;border:1px solid rgba(59,130,246,.3);border-radius:8px}.selection-info{font-size:14px;color:#a0aec0}.selection-info strong{color:#60a5fa}.selection-value{color:#fbbf24;font-weight:600}.selection-actions{display:flex;gap:8px;flex-wrap:wrap}.select-all-btn,.deselect-all-btn{background:#6b72804d;border:1px solid rgba(107,114,128,.5);color:#9ca3af;padding:6px 12px;border-radius:4px;font-size:11px;cursor:pointer;transition:all .2s ease}.select-all-btn:hover,.deselect-all-btn:hover{background:#6b728080;color:#d1d5db}.bulk-sell-btn{background:linear-gradient(135deg,#fbbf244d,#f59e0b4d);border:1px solid rgba(251,191,36,.6);color:#fbbf24;padding:6px 16px;border-radius:4px;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s ease}.bulk-sell-btn:hover{background:linear-gradient(135deg,#fbbf2480,#f59e0b80);border-color:#fbbf24;transform:translateY(-1px);box-shadow:0 4px 12px #fbbf244d}.item-checkbox{position:absolute;top:4px;left:4px;width:20px;height:20px;background:#1e1e1ee6;border:2px solid rgba(107,114,128,.6);border-radius:4px;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:transparent;z-index:10;transition:all .15s ease}.item-checkbox.checked{background:#22c55e;border-color:#22c55e;color:#fff}.item-with-tooltip.selected{outline:2px solid #22c55e;outline-offset:2px}.item-with-tooltip.not-selectable{opacity:.5;cursor:not-allowed!important}.item-price-tag{position:absolute;bottom:4px;right:4px;background:#1e1e1ee6;border:1px solid rgba(251,191,36,.5);color:#fbbf24;padding:2px 6px;border-radius:4px;font-size:10px;font-weight:600;z-index:5}.bulk-sell-modal{max-width:450px}.bulk-sell-summary{background:#1e1e1e99;border:1px solid rgba(139,90,43,.3);border-radius:8px;padding:16px;margin-bottom:16px}.bulk-sell-count{font-size:14px;color:#a0aec0;margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid rgba(139,90,43,.2)}.bulk-sell-count strong{color:#60a5fa}.bulk-sell-items-list{max-height:200px;overflow-y:auto;display:flex;flex-direction:column;gap:6px}.bulk-sell-item-row{display:flex;justify-content:space-between;align-items:center;padding:6px 8px;background:#14141480;border-radius:4px;font-size:12px}.bulk-sell-item-row .item-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-right:12px}.bulk-sell-item-row .item-price{color:#fbbf24;font-weight:600;white-space:nowrap}.bulk-sell-more{text-align:center;color:#718096;font-style:italic;padding:8px;font-size:12px}.sell-price-display.bulk{font-size:18px}.sell-price-display.bulk .gold-amount{font-size:24px}.section-header{margin-bottom:24px}.section-header h2{font-size:24px;font-weight:700;color:#d4a056;margin-bottom:8px;display:flex;align-items:center;gap:12px}.section-hint{font-size:13px;color:#718096;font-style:italic;margin:0}.equipment-stats-display{display:grid;grid-template-columns:repeat(auto-fit,minmax(90px,1fr));gap:16px;margin-bottom:24px}.stat-badge{display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px;background:linear-gradient(135deg,#8b5a2b14,#141210cc);border:1px solid rgba(139,90,43,.2);border-radius:12px;transition:all .3s ease}.stat-badge:hover{background:linear-gradient(135deg,#8b5a2b26,#141210e6);border-color:#8b5a2b66;transform:translateY(-2px);box-shadow:0 8px 24px #8b5a2b33}.stat-icon{font-size:12px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.4))}.stat-label{font-size:12px;color:#718096;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.stat-value{font-size:14px;font-weight:700;color:#d4a056;text-shadow:0 2px 8px rgba(139,90,43,.3)}@media (max-width: 1200px){.inventory-content{grid-template-columns:1fr;gap:24px}.inventory-page{padding:24px}.inventory-header h1{font-size:28px}.section-header h2{font-size:20px}.equipment-stats-display{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.inventory-page{padding:16px}.inventory-header{margin-bottom:24px}.inventory-header h1{font-size:24px}.inventory-description{font-size:13px}.equipment-section-wrapper,.inventory-section-wrapper{padding:20px}.equipment-stats-display{grid-template-columns:1fr 1fr;gap:12px}.stat-badge{padding:12px}.stat-icon{font-size:24px}.stat-value{font-size:20px}}.stat-with-tooltip{position:relative;display:inline-block;cursor:help;z-index:1}.stat-with-tooltip:hover{z-index:100002}.stat-tooltip{position:absolute;top:100%;left:50%;transform:translate(-50%) translateY(8px);background:#141210fa;border:2px solid var(--accent);border-radius:8px;padding:12px;min-width:280px;box-shadow:0 8px 24px #000c;opacity:0;visibility:hidden;transition:all .2s ease;pointer-events:none;z-index:99999;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.stat-with-tooltip:hover .stat-tooltip{opacity:1;visibility:visible;transform:translate(-50%) translateY(12px)}.stat-tooltip:after{content:"";position:absolute;bottom:100%;left:50%;transform:translate(-50%);border:6px solid transparent;border-bottom-color:var(--accent)}.item-with-tooltip{position:relative;display:inline-block;cursor:pointer;z-index:1}.item-with-tooltip:hover{z-index:100002}.item-image{width:48px;height:48px;object-fit:contain;image-rendering:pixelated;border:2px solid rgba(255,255,255,.2);border-radius:6px;background:#0006;padding:4px;transition:all .2s ease}.item-image:hover{transform:scale(1.1);border-color:var(--accent);box-shadow:0 0 16px #8b5a2b66}.item-image.rarity-common{border-color:#9d9d9d}.item-image.rarity-uncommon{border-color:#1eff00}.item-image.rarity-rare{border-color:#0070dd}.item-image.rarity-epic{border-color:#a335ee}.item-image.rarity-legendary{border-color:#ff8000;box-shadow:0 0 12px #ff800066}.item-image.rarity-mythic{border-color:#ef4444;box-shadow:0 0 16px #ef444499;animation:mythicGlow 1.5s ease-in-out infinite}@keyframes mythicGlow{0%,to{box-shadow:0 0 16px #ef444499}50%{box-shadow:0 0 28px #ef4444}}.item-with-tooltip.quest-item .item-image{border-color:gold;box-shadow:0 0 16px #ffd70099;animation:questGlow 2s ease-in-out infinite}@keyframes questGlow{0%,to{box-shadow:0 0 16px #ffd70099}50%{box-shadow:0 0 24px #ffd700e6}}.quest-item-label{font-size:12px;font-weight:700;color:gold;text-transform:uppercase;letter-spacing:1px;margin-bottom:8px;text-shadow:0 0 8px rgba(255,215,0,.6)}.tooltip-description{font-size:13px;color:#d0d0d0;line-height:1.6}.item-tooltip{position:absolute;top:100%;left:50%;transform:translate(-50%) translateY(8px);background:#141210fa;border:2px solid var(--accent);border-radius:8px;padding:12px;min-width:220px;box-shadow:0 8px 24px #000c;opacity:0;visibility:hidden;transition:all .2s ease;pointer-events:none;z-index:99999;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.item-with-tooltip:hover .item-tooltip{opacity:1;visibility:visible;transform:translate(-50%) translateY(12px)}.item-tooltip:after{content:"";position:absolute;bottom:100%;left:50%;transform:translate(-50%);border:6px solid transparent;border-bottom-color:var(--accent)}.tooltip-header{border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:8px;margin-bottom:8px}.tooltip-name{font-size:16px;font-weight:700;color:#fff;margin-bottom:4px}.tooltip-rarity{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.tooltip-rarity.rarity-common{color:#9d9d9d}.tooltip-rarity.rarity-uncommon{color:#1eff00}.tooltip-rarity.rarity-rare{color:#0070dd}.tooltip-rarity.rarity-epic{color:#a335ee}.tooltip-rarity.rarity-legendary{color:#ff8000;text-shadow:0 0 8px rgba(255,128,0,.6)}.tooltip-rarity.rarity-mythic{color:#ef4444;text-shadow:0 0 12px rgba(239,68,68,.8);font-weight:700}.tooltip-stats{font-size:13px;color:#b0b0b0;line-height:1.6}.tooltip-stats div{padding:2px 0}.pet-description-text{font-size:11px;color:#a89f94;font-style:italic;margin:6px 0;padding-bottom:6px;border-bottom:1px solid rgba(139,90,43,.2);line-height:1.4}.tooltip-actions{margin-top:8px;padding-top:8px;border-top:1px solid rgba(255,255,255,.1);display:flex;flex-direction:column;gap:6px}.tooltip-action{font-size:11px;color:var(--accent);text-align:center;font-style:italic}.tooltip-action.equip-action{padding:4px 0}.tooltip-action.sell-action{background:linear-gradient(135deg,#ffa502,#ff6348);color:#fff;border:none;border-radius:4px;padding:6px 12px;font-size:11px;font-weight:600;cursor:pointer;transition:all .2s ease;font-style:normal;width:100%}.tooltip-action.sell-action:hover{background:linear-gradient(135deg,#ff8c00,#ff4757);transform:translateY(-1px);box-shadow:0 4px 12px #ff634766}.equipped-slots{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;position:relative;z-index:0}.equipment-slot{display:flex;flex-direction:column;align-items:center;gap:8px;position:relative;z-index:1}.equipment-slot:hover{z-index:100001}.slot-label{font-size:12px;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;font-weight:600}.equipped-item-wrapper{display:flex;justify-content:center;padding:12px;background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:8px;position:relative;z-index:1}.equipped-item-wrapper:hover{z-index:100001}.empty-slot{width:48px;height:48px;border:2px dashed rgba(255,255,255,.2);border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:10px;color:#ffffff4d;text-transform:uppercase}.items-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(64px,1fr));gap:12px;position:relative;z-index:0}.inventory-item-wrapper{display:flex;justify-content:center;padding:8px;background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:8px;transition:all .2s ease;position:relative;z-index:1}.inventory-item-wrapper:hover{background:#ffffff0f;border-color:var(--accent);z-index:100001}.item-container{position:relative;display:inline-block;z-index:1}.item-container:hover{z-index:100001}.sell-btn-wrapper{position:absolute;top:-4px;right:-4px;z-index:10}.sell-btn-wrapper:hover{z-index:100002}.item-sell-btn{position:absolute;bottom:-5px;right:-20px;background:linear-gradient(135deg,#d4a056,#9d8553);border:2px solid rgba(139,90,43,.6);border-radius:8px;font-size:11px;font-weight:700;color:#1e1b18;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:4px;transition:all .2s ease;padding:6px 10px;line-height:1;box-shadow:0 2px 8px #8b5a2b66;white-space:nowrap;z-index:10}.item-sell-btn:hover{transform:translateY(-2px);background:linear-gradient(135deg,#e0c080,#d4a056);border-color:#d4a056;box-shadow:0 4px 12px #8b5a2b99}.item-sell-btn:active{transform:translateY(0)}.sell-tooltip{position:absolute;top:calc(100% + 8px);right:0;background:#141210fa;border:2px solid #ffa502;border-radius:6px;padding:6px 10px;font-size:12px;font-weight:600;color:gold;white-space:nowrap;opacity:0;visibility:hidden;transform:translateY(-4px);transition:all .2s ease;pointer-events:none;z-index:99999;box-shadow:0 4px 12px #000c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.sell-tooltip:after{content:"";position:absolute;bottom:100%;right:8px;border:5px solid transparent;border-bottom-color:#ffa502}.sell-btn-wrapper:hover .sell-tooltip{opacity:1;visibility:visible;transform:translateY(0)}.sell-confirmation-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#141210f2;display:flex;align-items:center;justify-content:center;z-index:2000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:fadeIn .2s ease}.sell-confirmation-modal{background:#14192dfa;border:2px solid rgba(139,90,43,.5);border-radius:16px;padding:32px;max-width:480px;width:90%;box-shadow:0 16px 64px #000c;animation:slideUp .3s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.sell-confirmation-modal .modal-header{text-align:center;margin-bottom:24px;padding-bottom:16px;border-bottom:2px solid rgba(139,90,43,.3)}.sell-confirmation-modal .modal-header h2{color:#d4a056;font-size:24px;font-weight:700;text-transform:uppercase;letter-spacing:2px;margin:0;text-shadow:0 2px 8px rgba(139,90,43,.4)}.modal-content{display:flex;flex-direction:column;gap:24px}.item-preview{display:flex;gap:20px;align-items:center;padding:16px;background:#14121099;border:1px solid rgba(157,133,83,.3);border-radius:12px}.preview-image{width:80px;height:80px;object-fit:contain;image-rendering:pixelated;border:3px solid;border-radius:8px;background:#00000080;padding:8px;flex-shrink:0}.preview-image.rarity-common{border-color:#9d9d9d}.preview-image.rarity-uncommon{border-color:#1eff00;box-shadow:0 0 16px #1eff004d}.preview-image.rarity-rare{border-color:#0070dd;box-shadow:0 0 16px #0070dd4d}.preview-image.rarity-epic{border-color:#a335ee;box-shadow:0 0 16px #a335ee4d}.preview-image.rarity-legendary{border-color:#ff8000;box-shadow:0 0 20px #ff800080;animation:legendaryGlow 2s ease-in-out infinite}@keyframes legendaryGlow{0%,to{box-shadow:0 0 20px #ff800080}50%{box-shadow:0 0 32px #ff8000cc}}.preview-image.rarity-mythic{border-color:#ef4444;box-shadow:0 0 24px #ef444499;animation:mythicPreviewGlow 1.5s ease-in-out infinite}@keyframes mythicPreviewGlow{0%,to{box-shadow:0 0 24px #ef444499}50%{box-shadow:0 0 40px #ef4444}}.item-details{flex:1;display:flex;flex-direction:column;gap:8px}.item-details .item-name{font-size:20px;font-weight:700;color:#fff;margin:0}.item-details .item-rarity{font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:1px;padding:4px 8px;border-radius:4px;display:inline-block;align-self:flex-start}.item-details .item-rarity.rarity-common{color:#9d9d9d;background:#9d9d9d26;border:1px solid rgba(157,157,157,.3)}.item-details .item-rarity.rarity-uncommon{color:#1eff00;background:#1eff0026;border:1px solid rgba(30,255,0,.3)}.item-details .item-rarity.rarity-rare{color:#0070dd;background:#0070dd26;border:1px solid rgba(0,112,221,.3)}.item-details .item-rarity.rarity-epic{color:#a335ee;background:#a335ee26;border:1px solid rgba(163,53,238,.3)}.item-details .item-rarity.rarity-legendary{color:#ff8000;background:#ff800026;border:1px solid rgba(255,128,0,.3);text-shadow:0 0 8px rgba(255,128,0,.6)}.item-details .item-rarity.rarity-mythic{color:#ef4444;background:#ef444426;border:1px solid rgba(239,68,68,.3);text-shadow:0 0 12px rgba(239,68,68,.8)}.item-stats-preview{display:flex;gap:12px;font-size:14px;color:#d4a056;font-weight:600;flex-wrap:wrap}.sell-question{text-align:center;padding:16px;background:#14121066;border-radius:10px;border:1px solid rgba(157,133,83,.2)}.sell-question p{font-size:16px;color:#d0d0d0;margin:0 0 16px;font-weight:500}.sell-price-display{font-size:18px;color:#9d8553;display:flex;align-items:center;justify-content:center;gap:8px}.sell-price-display .gold-amount{font-size:28px;font-weight:700;color:#d4a056;text-shadow:0 2px 8px rgba(139,90,43,.5)}.sell-price-display .gold-icon{font-size:24px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.6))}.modal-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:8px}.confirm-btn,.cancel-btn{padding:14px 24px;border:2px solid;border-radius:10px;font-size:16px;font-weight:700;text-transform:uppercase;letter-spacing:1px;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px #0006}.confirm-btn{background:linear-gradient(135deg,#10b981,#059669);border-color:#10b981;color:#fff}.confirm-btn:hover{background:linear-gradient(135deg,#059669,#047857);border-color:#059669;transform:translateY(-2px);box-shadow:0 6px 16px #10b98166}.confirm-btn:active{transform:translateY(0)}.cancel-btn{background:linear-gradient(135deg,#ef4444,#dc2626);border-color:#ef4444;color:#fff}.cancel-btn:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);border-color:#dc2626;transform:translateY(-2px);box-shadow:0 6px 16px #ef444466}.cancel-btn:active{transform:translateY(0)}.item-image-wrapper{position:relative;display:inline-block}.item-tier-badge{position:absolute;top:2px;left:2px;background:linear-gradient(135deg,#ff9800,#ff5722);color:#fff;font-size:10px;font-weight:700;padding:2px 5px;border-radius:4px;z-index:10;text-shadow:0 1px 2px rgba(0,0,0,.5);box-shadow:0 2px 4px #0000004d;line-height:1}.item-enhancement-badge{position:absolute;top:2px;right:2px;background:linear-gradient(135deg,gold,#ffb300);color:#000;font-size:10px;font-weight:700;padding:2px 5px;border-radius:4px;z-index:10;text-shadow:0 1px 1px rgba(255,255,255,.3);box-shadow:0 2px 4px #0000004d;line-height:1}@media (max-width: 768px){.equipped-slots{grid-template-columns:repeat(2,1fr)}.items-grid{grid-template-columns:repeat(auto-fill,minmax(56px,1fr))}.item-image{width:40px;height:40px}.item-tooltip{min-width:180px;font-size:12px}.sell-confirmation-modal{padding:24px}.item-preview{flex-direction:column;text-align:center}.modal-actions{grid-template-columns:1fr}}.gem-slots-container{padding:8px}.gem-slots-header h3{margin:0 0 16px;font-size:14px;color:#c9aa71;text-transform:uppercase;letter-spacing:1px;text-align:center}.gem-circle{position:relative;width:240px;height:240px;margin:0 auto 16px}.gem-circle-bg{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:180px;height:180px;border-radius:50%;background:radial-gradient(circle,#1e1b18cc,#14120fe6 70%);border:2px solid rgba(139,90,43,.4);box-shadow:inset 0 0 30px #00000080,0 0 20px #8b5a2b26}.gem-circle-inner{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:60px;height:60px;border-radius:50%;background:radial-gradient(circle,#28231ee6,#14120f);border:1px solid rgba(139,90,43,.3);box-shadow:inset 0 0 15px #00000080}.gem-slot{position:absolute;width:56px;height:56px;border-radius:50%;background:radial-gradient(circle,#1e1b18e6,#14120f);border:2px solid var(--slot-color, rgba(139, 90, 43, .5));cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;box-shadow:0 0 10px #00000080,inset 0 0 10px #0000004d}.gem-slot:hover{transform:scale(1.1);box-shadow:0 0 15px var(--slot-color, rgba(139, 90, 43, .5)),inset 0 0 10px #0000004d;z-index:100}.gem-slot.empty{border-style:dashed;opacity:.7}.gem-slot.empty:hover{opacity:1}.gem-slot.selected{border-color:#c9aa71;box-shadow:0 0 20px #c9aa7180,inset 0 0 10px #c9aa7133;animation:pulse-slot 1s infinite}.gem-slot.confirm-remove{border-color:#e74c3c;box-shadow:0 0 20px #e74c3c,inset 0 0 10px #e74c3c33}.gem-slot.has-gem{border-style:solid;opacity:1}@keyframes pulse-slot{0%,to{box-shadow:0 0 20px #c9aa7180}50%{box-shadow:0 0 30px #c9aa71b3}}.gem-slot-image{width:40px;height:40px;object-fit:contain;image-rendering:pixelated}.gem-slot-empty{font-size:24px;color:var(--slot-color, rgba(139, 90, 43, .5));opacity:.5}.gem-slot-label{position:absolute;bottom:-20px;left:50%;transform:translate(-50%);font-size:9px;color:#888;white-space:nowrap;text-transform:uppercase;letter-spacing:.5px}.gem-confirm-dialog{background:#e74c3c1a;border:1px solid #e74c3c;border-radius:8px;padding:12px;margin-bottom:12px;text-align:center}.gem-confirm-dialog p{margin:0 0 8px;font-size:12px;color:#e74c3c}.gem-confirm-buttons{display:flex;gap:8px;justify-content:center}.btn-confirm-remove{background:#e74c3c;color:#fff;border:none;padding:6px 12px;border-radius:4px;cursor:pointer;font-size:11px}.btn-confirm-remove:hover{background:#c0392b}.btn-confirm-remove:disabled{opacity:.5;cursor:not-allowed}.btn-cancel{background:#8b5a2b4d;color:#c9aa71;border:1px solid rgba(139,90,43,.5);padding:6px 12px;border-radius:4px;cursor:pointer;font-size:11px}.btn-cancel:hover{background:#8b5a2b80}.gem-bonuses{background:#0003;border-radius:8px;padding:10px;margin-top:12px}.gem-bonuses-title{font-size:11px;color:#888;text-transform:uppercase;margin-bottom:6px}.gem-bonuses-list{display:flex;flex-wrap:wrap;gap:8px}.gem-bonus{background:#c9aa711a;color:#c9aa71;padding:4px 8px;border-radius:4px;font-size:11px;border:1px solid rgba(201,170,113,.3)}.gem-bonus-none{color:#666;font-size:11px}.gem-inventory-select{background:#0000004d;border-radius:8px;padding:12px;margin-top:12px;border:1px solid rgba(139,90,43,.3)}.gem-inventory-title{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:#aaa;margin-bottom:10px}.btn-cancel-select{background:transparent;border:1px solid rgba(139,90,43,.5);color:#888;width:20px;height:20px;border-radius:50%;cursor:pointer;font-size:10px;display:flex;align-items:center;justify-content:center}.btn-cancel-select:hover{background:#8b5a2b4d;color:#c9aa71}.gem-inventory-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(50px,1fr));gap:8px}.gem-inventory-item{position:relative;width:50px;height:50px;background:#0000004d;border:1px solid rgba(139,90,43,.3);border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.gem-inventory-item:hover{border-color:#c9aa71;transform:scale(1.05)}.gem-inventory-item.selected{border-color:#c9aa71;box-shadow:0 0 10px #c9aa714d}.gem-inventory-item img{width:36px;height:36px;object-fit:contain;image-rendering:pixelated}.gem-tier{position:absolute;bottom:2px;right:2px;font-size:9px;color:#888;background:#000000b3;padding:1px 3px;border-radius:3px}.gem-inventory-empty{grid-column:1 / -1;text-align:center;color:#666;font-size:11px;padding:10px}.gem-with-tooltip{position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:100%}.gem-tooltip{position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%);background:linear-gradient(145deg,#1e1b18fa,#14120ffa);border:1px solid rgba(201,170,113,.5);border-radius:8px;padding:10px 12px;min-width:160px;z-index:1000;opacity:0;visibility:hidden;transition:all .2s ease;pointer-events:none;box-shadow:0 4px 20px #00000080}.gem-with-tooltip:hover .gem-tooltip{opacity:1;visibility:visible}.gem-tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:6px solid transparent;border-top-color:#c9aa7180}.gem-tooltip-header{margin-bottom:8px;border-bottom:1px solid rgba(139,90,43,.3);padding-bottom:6px}.gem-tooltip-name{color:#c9aa71;font-size:13px;font-weight:700;margin-bottom:2px}.gem-tooltip-tier{color:#888;font-size:10px;text-transform:uppercase;letter-spacing:.5px}.gem-tooltip-bonus{display:flex;align-items:center;gap:6px;padding:6px 0;font-size:12px}.gem-bonus-icon{font-size:14px}.gem-bonus-label{color:#aaa}.gem-bonus-value{color:#4ade80;font-weight:700;margin-left:auto}.gem-tooltip-action{margin-top:8px;padding-top:6px;border-top:1px solid rgba(139,90,43,.3);font-size:10px;color:#f39c12;text-align:center}.gem-extraction-result{margin:12px 0;padding:12px 16px;border-radius:6px;text-align:center;font-weight:600;font-size:13px;animation:fadeInOut 4s ease-in-out}.gem-extraction-result.success{background:linear-gradient(135deg,#27ae6033,#2ecc711a);border:1px solid rgba(46,204,113,.5);color:#2ecc71}.gem-extraction-result.fail{background:linear-gradient(135deg,#c0392b33,#e74c3c1a);border:1px solid rgba(231,76,60,.5);color:#e74c3c}@keyframes fadeInOut{0%{opacity:0;transform:translateY(-10px)}10%{opacity:1;transform:translateY(0)}80%{opacity:1}to{opacity:0}}.gem-owned-panel{margin-top:12px;padding:10px;background:#1e1b1899;border:1px solid rgba(139,90,43,.3);border-radius:6px}.gem-owned-title{font-size:11px;text-transform:uppercase;letter-spacing:.5px;color:#c9aa71;margin-bottom:8px}.gem-owned-grid{display:flex;flex-wrap:wrap;gap:6px}.gem-owned-item{position:relative;width:36px;height:36px;background:#14120fcc;border:2px solid rgba(139,90,43,.4);border-radius:4px;display:flex;align-items:center;justify-content:center;cursor:default;transition:all .2s ease}.gem-owned-item:hover{transform:scale(1.1);box-shadow:0 0 8px #8b5a2b80}.gem-owned-item img{width:28px;height:28px;object-fit:contain}.gem-owned-tier{position:absolute;bottom:-2px;right:-2px;font-size:9px;font-weight:700;color:#fff;background:#000000b3;padding:1px 3px;border-radius:3px;text-shadow:0 1px 2px rgba(0,0,0,.8)}.gem-owned-empty{font-size:11px;color:#666;font-style:italic}.pet-panel{padding:8px}.pet-display-compact{display:flex;align-items:center;gap:12px;padding:10px;background:#0000004d;border:1px solid rgba(139,90,43,.3);border-radius:6px;margin-bottom:12px}.pet-avatar{position:relative;width:64px;height:64px;flex-shrink:0}.pet-avatar img{width:100%;height:100%;object-fit:contain;image-rendering:pixelated;border-radius:6px;background:#14120fcc}.pet-avatar.rarity-common img{border:2px solid #9d9d9d}.pet-avatar.rarity-uncommon img{border:2px solid #1eff00}.pet-avatar.rarity-rare img{border:2px solid #0070dd}.pet-avatar.rarity-epic img{border:2px solid #a335ee}.pet-avatar.rarity-legendary img{border:2px solid #ff8000}.pet-level-badge{position:absolute;bottom:-4px;right:-4px;background:linear-gradient(135deg,#c9aa71,#8b5a2b);color:#1a1a1a;font-size:10px;font-weight:700;padding:2px 6px;border-radius:4px;box-shadow:0 2px 4px #0006}.pet-details{flex:1;min-width:0}.pet-name-row{display:flex;align-items:center;gap:8px;margin-bottom:4px}.pet-name{font-size:14px;font-weight:700;color:#c9aa71;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pet-rarity-badge{font-size:9px;font-weight:700;text-transform:uppercase;padding:2px 6px;border-radius:3px;background:#0006}.pet-xp-bar{background:#14120fcc;border-radius:4px;height:16px;position:relative;overflow:hidden;border:1px solid rgba(139,90,43,.3)}.xp-fill{background:linear-gradient(90deg,#c9aa71,#8b5a2b);height:100%;border-radius:3px;transition:width .3s ease}.xp-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:9px;font-weight:700;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.8);white-space:nowrap}.pet-bonuses-compact{background:#0003;border-radius:6px;padding:8px 10px;margin-bottom:12px}.pet-bonuses-title{font-size:11px;color:#888;text-transform:uppercase;margin-bottom:6px;letter-spacing:.5px}.pet-bonuses-list{display:flex;flex-wrap:wrap;gap:6px}.pet-bonus-tag{background:#c9aa711a;color:#c9aa71;padding:3px 8px;border-radius:4px;font-size:10px;border:1px solid rgba(201,170,113,.3);font-weight:500}.pet-bonus-none{color:#666;font-size:10px;font-style:italic}.pet-skins-panel{padding:10px;background:#1e1b1899;border:1px solid rgba(139,90,43,.3);border-radius:6px;margin-bottom:12px}.pet-skins-title{font-size:11px;text-transform:uppercase;letter-spacing:.5px;color:#c9aa71;margin-bottom:8px}.pet-skins-grid{display:flex;flex-wrap:wrap;gap:6px}.pet-skin-item{position:relative;width:48px;height:48px;background:#14120fcc;border:2px solid rgba(139,90,43,.4);border-radius:4px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.pet-skin-item:hover{transform:scale(1.08);box-shadow:0 0 10px #8b5a2b80}.pet-skin-item.active{box-shadow:0 0 12px #c9aa7199}.pet-skin-item.locked{opacity:.4;cursor:not-allowed}.pet-skin-item.rarity-common{border-color:#9d9d9d}.pet-skin-item.rarity-uncommon{border-color:#1eff00}.pet-skin-item.rarity-rare{border-color:#0070dd}.pet-skin-item.rarity-epic{border-color:#a335ee}.pet-skin-item.rarity-legendary{border-color:#ff8000}.pet-skin-item img{width:36px;height:36px;object-fit:contain;image-rendering:pixelated}.pet-skin-active-badge{position:absolute;top:-4px;right:-4px;width:12px;height:12px;background:#4ade80;border-radius:50%;border:2px solid rgba(20,18,15,1)}.pet-skin-name{position:absolute;bottom:100%;left:50%;transform:translate(-50%);background:#14120ff2;border:1px solid rgba(139,90,43,.5);color:#ccc;font-size:9px;padding:3px 6px;border-radius:3px;white-space:nowrap;opacity:0;visibility:hidden;transition:all .2s ease;z-index:100;margin-bottom:4px}.pet-skin-item:hover .pet-skin-name{opacity:1;visibility:visible}.pet-info-footer{text-align:center;padding:8px;background:#0003;border-radius:6px;font-size:10px;color:#666}.pet-info-footer a{color:#c9aa71;cursor:pointer}.pet-loading,.pet-error{text-align:center;padding:30px;color:#888;font-size:12px}.pet-error{color:#e74c3c}:root{--bg-primary: #141210;--bg-secondary: #1e1b18;--bg-tertiary: #252220;--accent: #d4a056;--text-primary: #ffffff;--text-secondary: #a0aec0;--border: rgba(139, 90, 43, .2);--success: #00ff88;--danger: #ff4757;--warning: #ffa502}.imbuing-shrine{padding:24px;max-width:1400px;margin:0 auto}.shrine-header{text-align:center;margin-bottom:32px}.shrine-header h1{font-size:36px;color:var(--accent);margin-bottom:12px;text-shadow:0 0 20px rgba(139,90,43,.5);font-weight:700;letter-spacing:-.5px}.shrine-description{color:var(--text-secondary);font-size:14px;max-width:700px;margin:0 auto;line-height:1.6}.shrine-gold{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:12px;padding:8px 16px;background:#ffd7001a;border-radius:8px;border:1px solid rgba(255,215,0,.3)}.shrine-gold .gold-icon{font-size:20px}.shrine-gold .gold-amount{font-size:18px;font-weight:700;color:gold}.shrine-gold .gold-label{color:#888;font-size:14px}.shrine-content{display:grid;grid-template-columns:1fr 1fr;gap:24px}.equipment-section{background:#1e1b18f2;border:1px solid var(--border);border-radius:16px;padding:20px;-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);box-shadow:0 20px 60px #0000004d;min-height:480px;max-height:520px;display:flex;flex-direction:column}.equipment-section h2{margin:0 0 6px;font-size:18px;color:var(--text-primary);font-weight:600;flex-shrink:0}.section-hint{color:var(--text-secondary);font-size:12px;margin-bottom:16px;flex-shrink:0}.equipment-grid-visual{display:grid;grid-template-columns:repeat(5,1fr);grid-template-rows:auto auto;gap:10px;padding:16px;background:#14121099;border-radius:12px;border:1px solid rgba(139,90,43,.1)}.eq-slot{background:linear-gradient(145deg,#1e1b18e6,#141210e6);border:2px solid rgba(100,120,150,.3);border-radius:10px;padding:8px;text-align:center;cursor:pointer;transition:all .25s ease;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:70px}.eq-slot:hover:not(.empty):not(.maxed):not(.no-imbuing){border-color:var(--accent);transform:translateY(-4px);box-shadow:0 8px 25px #8b5a2b40}.eq-slot.selected{border-color:var(--accent);box-shadow:0 0 30px #8b5a2b80,inset 0 0 20px #8b5a2b1a;background:linear-gradient(145deg,#8b5a2b26,#6b44231a)}.eq-slot.empty{cursor:default;opacity:.4;border-style:dashed}.eq-slot.empty:hover{transform:none;box-shadow:none}.eq-slot.maxed{cursor:default;border-color:#ffd70080;background:linear-gradient(145deg,#ffd7001a,#c896000d)}.eq-slot.maxed:hover{transform:none;box-shadow:0 0 20px #ffd70033}.eq-slot.no-imbuing{cursor:default;opacity:.5}.eq-slot.no-imbuing:hover{transform:none;box-shadow:none}.equipment-grid-visual.remove-mode .eq-slot:hover:not(.empty):not(.no-imbuing){border-color:#f44336;box-shadow:0 8px 25px #f4433640}.equipment-grid-visual.remove-mode .eq-slot.selected{border-color:#f44336;box-shadow:0 0 30px #f4433680,inset 0 0 20px #f443361a;background:linear-gradient(145deg,#f4433626,#c832321a)}.eq-slot-content{position:relative;width:52px;height:52px;display:flex;align-items:center;justify-content:center}.eq-item-img{width:44px;height:44px;image-rendering:pixelated;border-radius:8px;border:2px solid transparent;transition:all .2s}.eq-slot:hover .eq-item-img{transform:scale(1.1)}.rarity-border-common{border-color:#9d9d9d}.rarity-border-uncommon{border-color:#1eff00;box-shadow:0 0 8px #1eff004d}.rarity-border-rare{border-color:#0070dd;box-shadow:0 0 8px #0070dd4d}.rarity-border-epic{border-color:#a335ee;box-shadow:0 0 8px #a335ee4d}.rarity-border-legendary{border-color:#ff8000;box-shadow:0 0 12px #ff800080}.rarity-border-mythic{border-color:#ef4444;box-shadow:0 0 15px #ef444499}.eq-enhancement{position:absolute;top:2px;right:2px;background:linear-gradient(135deg,gold,#ffb300);color:#000;font-weight:700;font-size:10px;padding:2px 5px;border-radius:4px;z-index:10;box-shadow:0 2px 6px #ffd70066}.eq-enhancement.remove{background:linear-gradient(135deg,#f44336,#c62828);box-shadow:0 2px 8px #f4433666}.eq-max-badge{position:absolute;bottom:-6px;left:50%;transform:translate(-50%);background:linear-gradient(135deg,gold,#fa0);color:#1a1a1a;font-weight:800;font-size:9px;padding:2px 8px;border-radius:4px;letter-spacing:.5px}.eq-empty{width:44px;height:44px;display:flex;align-items:center;justify-content:center;font-size:20px;color:#64789666;border:2px dashed rgba(100,120,150,.3);border-radius:8px}.eq-remove-cost{font-size:10px;color:#f44336;font-weight:600;margin-top:4px}.upgrade-section{background:#1e1b18f2;border:1px solid var(--border);border-radius:16px;padding:20px;display:flex;flex-direction:column;-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);box-shadow:0 20px 60px #0000004d;min-height:480px;max-height:520px;overflow:hidden}.upgrade-content{display:flex;flex-direction:column;flex:1;min-height:0;overflow-y:auto}.upgrade-content::-webkit-scrollbar{width:6px}.upgrade-content::-webkit-scrollbar-thumb{background:#8b5a2b4d;border-radius:3px}.upgrade-section h2{margin:0 0 12px;font-size:18px;color:var(--text-primary);font-weight:600;flex-shrink:0}.selected-item-display{background:var(--bg-primary);border:1px solid var(--border);border-radius:12px;padding:14px;margin-bottom:12px;flex-shrink:0;position:relative}.item-header{display:flex;gap:14px;align-items:center;margin-bottom:12px}.item-image-large{width:56px;height:56px;image-rendering:pixelated;border-radius:10px;flex-shrink:0;border:2px solid rgba(100,120,150,.3)}.item-image-large.rarity-common{border-color:#9d9d9d}.item-image-large.rarity-uncommon{border-color:#1eff00;box-shadow:0 0 10px #1eff0033}.item-image-large.rarity-rare{border-color:#0070dd;box-shadow:0 0 10px #0070dd33}.item-image-large.rarity-epic{border-color:#a335ee;box-shadow:0 0 10px #a335ee33}.item-image-large.rarity-legendary{border-color:#ff8000;box-shadow:0 0 15px #ff80004d}.item-image-large.rarity-mythic{border-color:#ef4444;box-shadow:0 0 18px #ef444466}.item-info{flex:1;min-width:0}.item-name-large{font-size:16px;font-weight:700;color:var(--text-primary);margin-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.item-rarity{font-size:11px;font-weight:600;text-transform:uppercase;opacity:.9}.item-rarity.rarity-common{color:#9d9d9d}.item-rarity.rarity-uncommon{color:#1eff00}.item-rarity.rarity-rare{color:#0070dd}.item-rarity.rarity-epic{color:#a335ee}.item-rarity.rarity-legendary{color:#ff8000}.item-rarity.rarity-mythic{color:#ef4444}.selected-item-display>.item-enhancement-badge{position:absolute;top:10px;right:10px;padding:5px 12px;background:linear-gradient(135deg,#ffd70040,#fa03);border:1px solid rgba(255,215,0,.5);border-radius:8px;color:gold;font-size:13px;font-weight:700;box-shadow:0 2px 10px #ffd70033;z-index:1}.item-stats-grid{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px}.stat-badge{display:inline-flex;align-items:center;gap:2px;padding:4px 10px;border-radius:6px;font-size:12px;font-weight:600;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:var(--text-secondary);position:relative;cursor:default;transition:transform .15s ease,box-shadow .15s ease}.stat-badge:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000004d}.stat-badge[data-tooltip]:after{content:attr(data-tooltip);position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%) scale(.9);padding:6px 12px;background:#141210f2;border:1px solid rgba(139,90,43,.3);border-radius:6px;color:#fff;font-size:11px;font-weight:500;white-space:nowrap;opacity:0;visibility:hidden;transition:all .2s ease;z-index:100;box-shadow:0 4px 15px #0006;pointer-events:none}.stat-badge[data-tooltip]:before{content:"";position:absolute;bottom:calc(100% + 2px);left:50%;transform:translate(-50%);border:6px solid transparent;border-top-color:#8b5a2b4d;opacity:0;visibility:hidden;transition:all .2s ease;z-index:100}.stat-badge[data-tooltip]:hover:after,.stat-badge[data-tooltip]:hover:before{opacity:1;visibility:visible;transform:translate(-50%) scale(1)}.stat-badge.attack{background:#ef444426;border-color:#ef44444d;color:#f87171}.stat-badge.defense,.stat-badge.block,.stat-badge.reduction{background:#3b82f626;border-color:#3b82f64d;color:#60a5fa}.stat-badge.armor{background:#6b728033;border-color:#6b728066;color:#9ca3af}.stat-badge.hp{background:#ec489926;border-color:#ec48994d;color:#f472b6}.stat-badge.crit{background:#f9731626;border-color:#f973164d;color:#fb923c}.stat-badge.lifesteal{background:#b91c1c33;border-color:#b91c1c66;color:#dc2626}.stat-badge.dodge{background:#22c55e26;border-color:#22c55e4d;color:#4ade80}.stat-badge.gold{background:#eab30826;border-color:#eab3084d;color:#facc15}.stat-badge.exp{background:#8b5cf626;border-color:#8b5cf64d;color:#a78bfa}.stat-badge.thorns{background:#16a34a26;border-color:#16a34a4d;color:#22c55e}.item-level-req{padding:6px 12px;border-radius:6px;font-size:12px;font-weight:600;text-align:center}.item-level-req.met{background:#22c55e1a;border:1px solid rgba(34,197,94,.3);color:#4ade80}.item-level-req.not-met{background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:#f87171}.upgrade-info{display:flex;justify-content:space-between;gap:10px;margin-bottom:12px;flex-shrink:0}.upgrade-level,.upgrade-next{flex:1;background:var(--bg-primary);border:1px solid var(--border);padding:8px 12px;border-radius:8px;display:flex;justify-content:space-between;align-items:center}.upgrade-level span,.upgrade-next span{color:var(--text-secondary);font-size:12px}.upgrade-level strong,.upgrade-next strong{color:var(--accent);font-size:16px;font-weight:700}.success-chance{margin-bottom:10px;flex-shrink:0}.chance-label{color:var(--text-secondary);font-size:12px;margin-bottom:6px}.chance-bar{height:26px;background:var(--bg-primary);border:1px solid var(--border);border-radius:6px;position:relative;overflow:hidden}.chance-fill{height:100%;background:linear-gradient(90deg,var(--success),#00ff88);transition:width .3s;position:absolute;left:0;top:0}.chance-text{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-weight:700;color:var(--text-primary);font-size:13px;text-shadow:0 1px 3px rgba(0,0,0,.8)}.upgrade-cost{display:flex;justify-content:space-between;align-items:center;background:var(--bg-primary);border:1px solid var(--border);padding:8px 12px;border-radius:6px;margin-bottom:10px;flex-shrink:0}.upgrade-cost span{color:var(--text-secondary);font-size:12px}.upgrade-cost strong{color:var(--warning);font-size:15px;font-weight:700}.upgrade-warning{background:#ff47571a;border:1px solid rgba(255,71,87,.3);padding:8px 10px;border-radius:6px;font-size:11px;color:var(--danger);margin-bottom:12px;line-height:1.4;flex-shrink:0}.upgrade-warning strong{color:var(--danger);font-weight:600}.upgrade-btn{width:100%;padding:12px;background:linear-gradient(135deg,var(--accent),#8b5a2b);color:var(--bg-primary);font-size:14px;font-weight:700;border:none;border-radius:8px;cursor:pointer;transition:all .2s;letter-spacing:.3px;flex-shrink:0}.upgrade-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 30px #8b5a2b66}.upgrade-btn:disabled{opacity:.5;cursor:not-allowed}.max-level-message{text-align:center;padding:24px 16px;background:#00ff881a;border:2px solid rgba(0,255,136,.3);border-radius:8px;color:var(--success);font-size:14px;font-weight:600;margin-top:auto}.upgrade-result{padding:10px;border-radius:6px;text-align:center;font-weight:600;font-size:13px;animation:slideIn .3s;margin-top:10px;flex-shrink:0}.upgrade-result.success{background:#00ff8826;border:2px solid var(--success);color:var(--success)}.upgrade-result.failure{background:#ff475726;border:2px solid var(--danger);color:var(--danger)}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.no-selection{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;text-align:center;color:var(--text-secondary);padding:20px}.no-selection h3{color:var(--text-secondary);margin-bottom:6px;font-size:16px}.no-selection p{color:var(--text-secondary);font-size:13px;opacity:.7}.rarity-mythic{border-color:#ef4444}.shrine-tabs{display:flex;gap:10px;margin-bottom:25px;justify-content:center}.shrine-tab{padding:12px 24px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#aaa;cursor:pointer;transition:all .2s;font-size:1rem;font-weight:600}.shrine-tab:hover{background:#ffffff1a;color:#fff}.shrine-tab.active{background:#8b5a2b33;border-color:var(--accent);color:var(--accent)}.remove-imbuing-content{padding:20px 0}.remove-section{background:#1e1b18f2;border:1px solid var(--border);border-radius:16px;padding:24px;-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);box-shadow:0 20px 60px #0000004d}.remove-section h2{margin:0 0 8px;font-size:20px;color:#f44336;font-weight:600}.remove-action{margin-top:25px;text-align:center}.remove-warning{color:var(--warning);margin-bottom:15px;padding:15px;background:#ff98001a;border:1px solid rgba(255,152,0,.3);border-radius:8px;font-size:14px;line-height:1.5}.remove-btn{padding:14px 30px;font-size:16px;background:linear-gradient(135deg,#f44336,#c62828);border:none;border-radius:8px;color:#fff;cursor:pointer;transition:all .2s;font-weight:700}.remove-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 30px #f4433666}.remove-btn:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 1200px){.equipment-grid-visual{grid-template-columns:repeat(5,1fr)}}@media (max-width: 1024px){.shrine-content{grid-template-columns:1fr}.equipment-grid-visual{grid-template-columns:repeat(5,1fr)}}@media (max-width: 768px){.equipment-grid-visual{grid-template-columns:repeat(3,1fr);padding:12px}.eq-slot{min-height:60px;padding:6px}.eq-item-img{width:36px;height:36px}.eq-slot-content{width:40px;height:40px}.shrine-tabs{flex-direction:column;gap:8px}.selected-item-display{flex-direction:column;text-align:center}}@media (max-width: 480px){.equipment-grid-visual{grid-template-columns:repeat(2,1fr);gap:8px}.eq-slot{min-height:55px}}:root{--bg-primary: #141210;--bg-secondary: #1e1b18;--bg-tertiary: #252220;--accent-forge: #ff9800;--text-primary: #ffffff;--text-secondary: #a0aec0;--border: rgba(255, 152, 0, .2);--success: #00ff88;--danger: #ff4757}.forge-shrine{padding:24px;max-width:1400px;margin:0 auto}.forge-header{text-align:center;margin-bottom:32px}.forge-header h1{font-size:36px;color:var(--accent-forge);margin-bottom:12px;text-shadow:0 0 20px rgba(255,152,0,.5);font-weight:700;letter-spacing:-.5px}.forge-description{color:var(--text-secondary);font-size:14px;max-width:700px;margin:0 auto;line-height:1.6}.forge-gold{display:inline-flex;align-items:center;gap:8px;margin-top:12px;padding:8px 16px;background:#ffd7001a;border-radius:8px;border:1px solid rgba(255,215,0,.3)}.forge-gold .gold-icon{font-size:20px}.forge-gold .gold-amount{font-size:18px;font-weight:700;color:gold}.forge-gold .gold-label{color:#888;font-size:14px}.forge-content{display:grid;grid-template-columns:1fr 1fr;gap:24px;overflow:visible;position:relative}.selection-section{background:#1e1b18fa;border:1px solid var(--border);border-radius:16px;padding:24px;box-shadow:0 20px 60px #0000004d;overflow:visible;position:relative;z-index:100}.item-card:hover:not(.disabled){border-color:var(--border);transform:translateY(-2px);box-shadow:0 4px 12px #ff980026}.item-card.selected{box-shadow:0 0 20px #ff980066;background:#ff980014}.item-card.disabled{cursor:not-allowed;opacity:.5}.item-card.disabled:hover{transform:none;border-color:transparent;box-shadow:none}.item-card .item-tooltip{background:#141210fa;z-index:9999}.item-card:hover{z-index:100;position:relative}.item-card .item-with-tooltip:hover{z-index:101}.forge-section{background:#1e1b18fa;border:1px solid var(--border);border-radius:16px;padding:24px;display:flex;flex-direction:column;box-shadow:0 20px 60px #0000004d;position:relative;z-index:1}.forge-section h2{margin:0 0 20px;font-size:20px;color:var(--text-primary);font-weight:600}.forge-slots{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:24px;flex-wrap:wrap}.forge-slot{background:var(--bg-primary);border:2px solid var(--bg-tertiary);border-radius:12px;padding:12px;text-align:center;width:100px;min-height:120px;position:relative;cursor:pointer;transition:all .2s}.forge-slot:hover{border-color:var(--border)}.forge-slot.has-item{border-color:var(--accent-forge);background:#ff98000d}.forge-slot.result.has-item{border-color:var(--success);background:#00ff880d}.forge-slot .slot-label{font-size:10px;color:var(--text-secondary);text-transform:uppercase;margin-bottom:8px;font-weight:600;letter-spacing:.5px}.forge-slot .item-image-wrapper{position:relative}.forge-slot .item-image{width:48px;height:48px;image-rendering:pixelated}.forge-slot .empty-text{color:var(--bg-tertiary);font-size:12px;padding:24px 0}.forge-slot .bonus-text{font-size:11px;color:var(--success);font-weight:700;margin-top:4px}.forge-slot .result-tier{background:linear-gradient(135deg,#4caf50,#2e7d32)}.forge-plus,.forge-equals{font-size:24px;color:var(--accent-forge);font-weight:700}.forge-action{background:var(--bg-primary);border:1px solid var(--border);border-radius:12px;padding:16px;margin-bottom:20px}.forge-cost-display{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.forge-cost-display span{color:var(--text-secondary);font-size:14px}.forge-cost-display strong{font-size:18px;font-weight:700}.forge-cost-display strong.affordable{color:var(--success)}.forge-cost-display strong.expensive{color:var(--danger)}.forge-btn{width:100%;padding:14px;background:linear-gradient(135deg,var(--accent-forge),#ff5722);color:#fff;font-size:16px;font-weight:700;border:none;border-radius:8px;cursor:pointer;transition:all .2s;letter-spacing:.3px}.forge-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 30px #ff980066}.forge-btn:disabled{opacity:.5;cursor:not-allowed}.no-selection{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;text-align:center;color:var(--text-secondary);background:var(--bg-primary);border:1px solid var(--border);border-radius:12px;margin-bottom:20px}.tier-info{background:var(--bg-primary);border:1px solid var(--border);border-radius:12px;padding:16px}.tier-info h3{color:var(--accent-forge);margin:0 0 12px;font-size:14px;text-align:center;font-weight:600}.tier-table{width:100%;border-collapse:collapse;font-size:13px}.tier-table th,.tier-table td{padding:8px 4px;text-align:center;border-bottom:1px solid rgba(255,255,255,.1)}.tier-table th{color:var(--text-secondary);font-weight:400;font-size:11px;text-transform:uppercase}.tier-table td{color:var(--text-primary)}.tier-table td.bonus{color:var(--success);font-weight:700}.rarity-common{border-color:#9d9d9d}.rarity-uncommon{border-color:#1eff00}.rarity-rare{border-color:#0070dd}.rarity-epic{border-color:#a335ee}.rarity-legendary{border-color:#ff8000}@media (max-width: 1024px){.forge-content{grid-template-columns:1fr}}@media (max-width: 768px){.forge-shrine{padding:16px}.forge-header h1{font-size:28px}.items-grid{grid-template-columns:repeat(auto-fill,minmax(70px,1fr))}.forge-slots{gap:8px}.forge-slot{width:80px;min-height:100px;padding:8px}.forge-plus,.forge-equals{font-size:18px}}:root{--bg-primary: #141210;--bg-secondary: #1e1b18;--bg-tertiary: #252220;--accent-craft: #4caf50;--text-primary: #ffffff;--text-secondary: #a0aec0;--border-craft: rgba(76, 175, 80, .2);--success: #00ff88;--danger: #ff4757}.crafting-workshop{padding:24px;max-width:1400px;margin:0 auto}.crafting-tabs{display:flex;gap:8px;margin-bottom:24px;border-bottom:2px solid rgba(76,175,80,.2);padding-bottom:12px}.crafting-tab{padding:12px 24px;background:var(--bg-secondary);border:2px solid rgba(76,175,80,.3);border-radius:12px 12px 0 0;color:var(--text-secondary);font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px}.crafting-tab:hover{background:#4caf501a;border-color:var(--accent-craft)}.crafting-tab.active{background:#4caf5026;border-color:var(--accent-craft);color:var(--accent-craft);border-bottom-color:transparent}.crafting-tab.crypt-tab{border-color:#ef44444d}.crafting-tab.crypt-tab:hover{background:#ef44441a;border-color:#ef4444}.crafting-tab.crypt-tab.active{background:#ef444426;border-color:#ef4444;color:#ef4444;border-bottom-color:transparent}.rune-badge{background:#ef4444;color:#fff;font-size:11px;padding:2px 8px;border-radius:10px;font-weight:700}.crafting-header{text-align:center;margin-bottom:32px}.crafting-header h1{font-size:36px;color:var(--accent-craft);margin-bottom:12px;text-shadow:0 0 20px rgba(76,175,80,.5);font-weight:700;letter-spacing:-.5px}.crafting-description{color:var(--text-secondary);font-size:14px;max-width:700px;margin:0 auto;line-height:1.6}.crafting-gold{display:inline-flex;align-items:center;gap:8px;margin-top:12px;padding:8px 16px;background:#ffd7001a;border-radius:8px;border:1px solid rgba(255,215,0,.3)}.crafting-gold .gold-icon{font-size:20px}.crafting-gold .gold-amount{font-size:18px;font-weight:700;color:gold}.crafting-gold .gold-label{color:#888;font-size:14px}.crafting-content{display:grid;grid-template-columns:1fr 1fr;gap:24px;overflow:visible;position:relative}.selection-section{background:#1e1b18fa;border:1px solid var(--border-craft);border-radius:16px;padding:24px;box-shadow:0 20px 60px #0000004d;overflow:visible;position:relative}.selection-section h2{margin:0 0 8px;font-size:20px;color:var(--text-primary);font-weight:600}.section-hint{color:var(--text-secondary);font-size:12px;margin-bottom:20px}.groups-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px;margin-bottom:20px}.no-items{grid-column:1 / -1;text-align:center;color:var(--text-secondary);padding:40px}.group-card{background:var(--bg-primary);border:2px solid transparent;border-radius:12px;padding:12px;text-align:center;cursor:pointer;transition:all .2s}.group-card:hover:not(.disabled){border-color:var(--border-craft);transform:translateY(-2px);box-shadow:0 4px 12px #4caf5026}.group-card.selected{box-shadow:0 0 20px #4caf5066;background:#4caf5014}.group-card.selected.rarity-common{border-color:#9d9d9d}.group-card.selected.rarity-uncommon{border-color:#1eff00}.group-card.selected.rarity-rare{border-color:#0070dd}.group-card.selected.rarity-epic{border-color:#a335ee}.group-card.selected.rarity-legendary{border-color:#ff8000}.group-card.craftable{border-color:var(--success)}.group-slot{font-weight:600;color:var(--text-primary);font-size:13px;margin-bottom:4px}.group-rarity{font-size:11px;text-transform:uppercase;font-weight:500;margin-bottom:8px}.group-count{display:flex;align-items:baseline;justify-content:center;gap:2px;font-size:16px;font-weight:700;margin-bottom:4px}.count-enough{color:var(--success)}.count-not-enough,.count-separator{color:var(--text-secondary)}.count-required{color:var(--text-secondary);font-size:14px}.group-arrow{font-size:10px;color:var(--accent-craft);background:#4caf5026;padding:3px 8px;border-radius:4px;font-weight:600}.recipes-info{background:var(--bg-primary);border:1px solid var(--border-craft);border-radius:12px;padding:16px}.recipes-info h3{color:var(--accent-craft);margin:0 0 16px;font-size:14px;text-align:center;font-weight:600;text-transform:uppercase;letter-spacing:1px}.recipes-cards{display:flex;flex-direction:column;gap:8px}.recipe-card{display:flex;align-items:center;gap:8px;padding:10px 12px;background:#ffffff05;border-radius:10px;border-left:3px solid transparent;transition:all .2s ease}.recipe-card:hover{background:#ffffff0d;transform:translate(4px)}.recipe-card.recipe-common{border-left-color:#9d9d9d}.recipe-card.recipe-uncommon{border-left-color:#1eff00}.recipe-card.recipe-rare{border-left-color:#0070dd}.recipe-card.recipe-epic{border-left-color:#a335ee}.recipe-from{display:flex;flex-direction:column;align-items:center;min-width:70px}.recipe-rarity{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.recipe-count{font-size:16px;font-weight:800;color:var(--text-primary);margin-top:2px}.recipe-arrow{flex:1;display:flex;justify-content:center;color:var(--accent-craft);opacity:.6}.recipe-arrow svg{width:20px;height:20px}.recipe-to{display:flex;flex-direction:column;align-items:center;min-width:70px}.recipe-to .recipe-rarity{font-size:12px;padding:4px 10px;border-radius:6px;background:#ffffff0d}.recipe-to .recipe-rarity.rarity-uncommon{background:#1eff001a}.recipe-to .recipe-rarity.rarity-rare{background:#0070dd1a}.recipe-to .recipe-rarity.rarity-epic{background:#a335ee1a}.recipe-to .recipe-rarity.rarity-legendary{background:#ff800026;box-shadow:0 0 10px #ff800033}.recipe-cost{display:flex;align-items:center;gap:4px;padding:4px 10px;background:#ffd70014;border-radius:6px;border:1px solid rgba(255,215,0,.15);min-width:70px;justify-content:center}.recipe-cost .cost-icon{font-size:12px}.recipe-cost .cost-amount{font-size:12px;font-weight:700;color:gold}.crafting-section{background:#1e1b18fa;border:1px solid var(--border-craft);border-radius:16px;padding:24px;display:flex;flex-direction:column;box-shadow:0 20px 60px #0000004d;position:relative;overflow:visible}.crafting-section h2{margin:0 0 20px;font-size:20px;color:var(--text-primary);font-weight:600}.crafting-section h2 .rarity-badge{margin-left:8px;font-size:12px;padding:4px 10px;border-radius:12px;text-transform:uppercase;font-weight:600;vertical-align:middle}.rarity-badge.rarity-common{background:#9d9d9d33;color:#9d9d9d}.rarity-badge.rarity-uncommon{background:#1eff0033;color:#1eff00}.rarity-badge.rarity-rare{background:#0070dd33;color:#0070dd}.rarity-badge.rarity-epic{background:#a335ee33;color:#a335ee}.crafting-progress{background:var(--bg-primary);border:1px solid var(--border-craft);border-radius:12px;padding:16px;margin-bottom:16px}.progress-bar{height:10px;background:var(--bg-tertiary);border-radius:5px;overflow:hidden;margin-bottom:8px}.progress-fill{height:100%;background:linear-gradient(90deg,var(--accent-craft),var(--success));border-radius:5px;transition:width .3s ease}.progress-text{text-align:center;color:var(--text-secondary);font-size:13px}.selection-actions{display:flex;gap:8px;margin-bottom:16px}.select-all-btn,.clear-btn{flex:1;padding:10px 12px;border:1px solid var(--border-craft);background:var(--bg-primary);color:var(--text-secondary);border-radius:8px;cursor:pointer;font-size:13px;transition:all .2s}.select-all-btn:hover{background:#4caf501a;border-color:var(--accent-craft);color:var(--accent-craft)}.clear-btn:hover{background:#ff47571a;border-color:var(--danger);color:var(--danger)}.items-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:20px;overflow:visible}.item-card{background:var(--bg-primary);border:2px solid transparent;border-radius:12px;padding:8px;text-align:center;cursor:pointer;transition:all .2s}.item-card:hover:not(.disabled){border-color:var(--border-craft);transform:translateY(-2px);box-shadow:0 4px 12px #4caf5026}.item-card.selected{box-shadow:0 0 20px #4caf5066;background:#4caf5014}.item-card.selected.rarity-common{border-color:#9d9d9d}.item-card.selected.rarity-uncommon{border-color:#1eff00}.item-card.selected.rarity-rare{border-color:#0070dd}.item-card.selected.rarity-epic{border-color:#a335ee}.item-card.selected.rarity-legendary{border-color:#ff8000;box-shadow:0 0 20px #ff800080}.item-card .item-with-tooltip{position:relative;display:flex;flex-direction:column;align-items:center}.item-card .item-image-wrapper{position:relative}.item-card .item-image{width:48px;height:48px;image-rendering:pixelated}.item-tier-badge{position:absolute;top:-4px;left:-4px;background:linear-gradient(135deg,#ff9800,#ff5722);color:#fff;font-size:9px;font-weight:700;padding:2px 4px;border-radius:4px;z-index:1}.item-check-badge{position:absolute;bottom:-4px;right:-4px;background:var(--success);color:#000;font-size:9px;font-weight:700;padding:2px 6px;border-radius:4px;z-index:1}.crafting-section .item-card{position:relative}.crafting-section .item-card:hover{z-index:100}.crafting-section .item-with-tooltip:hover{z-index:101}.crafting-section .item-tooltip{position:absolute;top:50px;left:calc(100% + 12px);transform:none;background:#141210;border:2px solid var(--accent);border-radius:8px;padding:12px;min-width:220px;z-index:9999;box-shadow:0 8px 24px #000c;pointer-events:none;opacity:0;visibility:hidden;transition:all .2s ease}.crafting-section .item-with-tooltip:hover .item-tooltip{opacity:1;visibility:visible}.crafting-section .item-tooltip:after{content:"";position:absolute;top:16px;right:100%;border:6px solid transparent;border-right-color:var(--accent)}.craft-action{background:var(--bg-primary);border:1px solid var(--border-craft);border-radius:12px;padding:16px;margin-top:20px}.craft-cost-display,.craft-result-preview{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.craft-cost-display span,.craft-result-preview span{color:var(--text-secondary);font-size:14px}.craft-cost-display strong,.craft-result-preview strong{font-size:18px;font-weight:700}.craft-cost-display strong.affordable{color:var(--success)}.craft-cost-display strong.expensive{color:var(--danger)}.craft-btn{width:100%;padding:14px;background:linear-gradient(135deg,var(--accent-craft),#2e7d32);color:#fff;font-size:16px;font-weight:700;border:none;border-radius:8px;cursor:pointer;transition:all .2s;letter-spacing:.3px}.craft-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 30px #4caf5066}.craft-btn:disabled{opacity:.5;cursor:not-allowed}.no-selection{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;text-align:center;color:var(--text-secondary);background:var(--bg-primary);border:1px solid var(--border-craft);border-radius:12px;margin-bottom:20px}.no-selection-icon{font-size:48px;margin-bottom:12px;opacity:.3}.no-selection p{color:var(--text-secondary);font-size:14px;margin:0}.rarity-common{color:#9d9d9d}.rarity-uncommon{color:#1eff00}.rarity-rare{color:#0070dd}.rarity-epic{color:#a335ee}.rarity-legendary{color:#ff8000}.crafted-popup-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn .3s ease}.crafted-popup{position:relative;background:linear-gradient(145deg,#1a1816,#252220);border:2px solid var(--accent-craft);border-radius:20px;padding:40px 50px;text-align:center;max-width:400px;width:90%;animation:popupSlideIn .4s cubic-bezier(.34,1.56,.64,1);box-shadow:0 0 60px #4caf504d,0 20px 60px #00000080}@keyframes popupSlideIn{0%{opacity:0;transform:scale(.8) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.crafted-popup-glow{position:absolute;top:50%;left:50%;width:200px;height:200px;transform:translate(-50%,-60%);background:radial-gradient(circle,rgba(76,175,80,.4) 0%,transparent 70%);pointer-events:none;animation:pulseGlow 2s ease-in-out infinite}@keyframes pulseGlow{0%,to{opacity:.5;transform:translate(-50%,-60%) scale(1)}50%{opacity:1;transform:translate(-50%,-60%) scale(1.2)}}.crafted-popup-content{position:relative;z-index:1}.crafted-title{font-size:24px;font-weight:700;color:var(--accent-craft);margin-bottom:24px;text-shadow:0 0 20px rgba(76,175,80,.5);animation:titlePulse .6s ease}@keyframes titlePulse{0%{transform:scale(.9);opacity:0}50%{transform:scale(1.05)}to{transform:scale(1);opacity:1}}.crafted-item-showcase{display:inline-block;padding:20px;border-radius:16px;margin-bottom:16px;animation:itemReveal .5s ease .2s both;position:relative}@keyframes itemReveal{0%{opacity:0;transform:scale(.5) rotate(-10deg)}to{opacity:1;transform:scale(1) rotate(0)}}.crafted-item-showcase.rarity-common{background:linear-gradient(145deg,#9d9d9d33,#9d9d9d0d);border:2px solid #9d9d9d;box-shadow:0 0 30px #9d9d9d4d}.crafted-item-showcase.rarity-uncommon{background:linear-gradient(145deg,#1eff0033,#1eff000d);border:2px solid #1eff00;box-shadow:0 0 30px #1eff004d}.crafted-item-showcase.rarity-rare{background:linear-gradient(145deg,#0070dd33,#0070dd0d);border:2px solid #0070dd;box-shadow:0 0 30px #0070dd4d}.crafted-item-showcase.rarity-epic{background:linear-gradient(145deg,#a335ee33,#a335ee0d);border:2px solid #a335ee;box-shadow:0 0 30px #a335ee4d}.crafted-item-showcase.rarity-legendary{background:linear-gradient(145deg,#ff800033,#ff80000d);border:2px solid #ff8000;box-shadow:0 0 40px #ff800066;animation:itemReveal .5s ease .2s both,legendaryShine 2s ease-in-out infinite}@keyframes legendaryShine{0%,to{box-shadow:0 0 40px #ff800066}50%{box-shadow:0 0 60px #ff800099,0 0 80px #ffc8004d}}.crafted-item-image-wrapper{position:relative}.crafted-item-image{width:80px;height:80px;image-rendering:pixelated;filter:drop-shadow(0 0 10px rgba(255,255,255,.3))}.crafted-item-name{font-size:20px;font-weight:700;color:var(--text-primary);margin-bottom:4px;animation:fadeSlideUp .4s ease .3s both}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.crafted-item-rarity{font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:1px;margin-bottom:16px;animation:fadeSlideUp .4s ease .4s both}.crafted-item-stats{background:#0000004d;border-radius:10px;padding:12px 16px;margin-bottom:20px;animation:fadeSlideUp .4s ease .5s both}.crafted-item-stats .stat-line{font-size:13px;color:var(--text-secondary);padding:4px 0}.crafted-item-stats .stat-line:not(:last-child){border-bottom:1px solid rgba(255,255,255,.1)}.crafted-popup-timer{width:100%;height:4px;background:#ffffff1a;border-radius:2px;margin-bottom:16px;overflow:hidden}.crafted-popup-timer .timer-bar{height:100%;background:linear-gradient(90deg,var(--accent-craft),var(--success));border-radius:2px;animation:timerCountdown 5s linear forwards}@keyframes timerCountdown{0%{width:100%}to{width:0%}}.crafted-popup-close{padding:10px 30px;background:transparent;border:1px solid var(--accent-craft);color:var(--accent-craft);font-size:14px;font-weight:600;border-radius:8px;cursor:pointer;transition:all .2s;animation:fadeSlideUp .4s ease .6s both}.crafted-popup-close:hover{background:var(--accent-craft);color:#fff;transform:translateY(-2px);box-shadow:0 4px 20px #4caf5066}.crypt-forge-section{padding:16px;background:linear-gradient(135deg,#ef444414,#141210f2);border:2px solid rgba(239,68,68,.3);border-radius:16px;box-shadow:0 0 30px #ef444426}.crypt-forge-header{text-align:center;margin-bottom:16px}.crypt-forge-header h2{font-size:28px;color:#ef4444;margin-bottom:8px;text-shadow:0 0 20px rgba(239,68,68,.6)}.crypt-forge-description{color:var(--text-secondary);font-size:14px}.crypt-forge-content{display:flex;flex-direction:column;gap:16px}.runes-section h3{color:#fff;font-size:16px;margin-bottom:12px;display:flex;align-items:center;gap:10px}.runes-count{font-size:16px;padding:4px 12px;border-radius:20px;background:#ef444433}.runes-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}.rune-slot{display:flex;flex-direction:column;align-items:center;padding:10px 6px;background:var(--bg-secondary);border:2px solid rgba(100,100,100,.3);border-radius:10px;transition:all .3s ease}.rune-slot.owned{border-color:#ef444480;background:#ef44441a;box-shadow:0 0 15px #ef444433}.rune-slot.missing{opacity:.5}.rune-image-wrapper{position:relative;width:64px;height:64px;display:flex;align-items:center;justify-content:center}.rune-image{width:48px;height:48px;object-fit:contain;filter:grayscale(100%);transition:all .3s ease;image-rendering:pixelated}.rune-slot.owned .rune-image{filter:none}.weapon-image{image-rendering:pixelated}.rune-count-badge{position:absolute;bottom:0;right:0;background:#ef4444;color:#fff;font-size:11px;font-weight:700;padding:2px 6px;border-radius:10px}.rune-name{font-size:11px;color:var(--text-secondary);text-align:center;margin-top:8px;line-height:1.2}.rune-status{margin-top:6px;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700}.rune-status.owned{background:#ef44444d;color:#ef4444}.rune-status.missing{background:#6464644d;color:#666}.weapons-preview{border-top:1px solid rgba(239,68,68,.2);padding-top:16px;margin-top:12px}.weapons-preview h3{color:#fff;font-size:16px;margin-bottom:12px;text-align:center}.weapons-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:12px}.weapon-card{display:flex;flex-direction:column;align-items:center;padding:10px;background:var(--bg-secondary);border:2px solid rgba(100,100,100,.3);border-radius:10px;cursor:pointer;transition:all .3s ease}.weapon-card.preview{cursor:default;opacity:.8}.weapon-card.preview:hover{transform:none;border-color:#ef44444d}.weapon-image{width:48px;height:48px;object-fit:contain;margin-bottom:6px}.weapon-name{font-size:12px;font-weight:600;color:#ef4444;margin-bottom:4px;text-align:center}.weapon-stats{display:flex;gap:8px;font-size:11px;color:var(--text-secondary);margin-bottom:4px}.weapon-special{font-size:10px;color:#fbbf24;text-align:center}.craft-mythic-btn{width:100%;padding:16px 24px;background:linear-gradient(135deg,#ef4444,#dc2626);border:none;border-radius:12px;color:#fff;font-size:18px;font-weight:700;cursor:pointer;transition:all .3s ease;text-shadow:0 2px 4px rgba(0,0,0,.3)}.craft-mythic-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 30px #ef444480}.craft-mythic-btn:disabled{opacity:.5;cursor:not-allowed}.craft-mythic-section{margin-top:24px;padding:20px;background:#ef44441a;border:2px solid rgba(239,68,68,.4);border-radius:12px;text-align:center}.craft-ready{color:#4ade80;font-size:16px;font-weight:600;margin-bottom:16px;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.missing-runes-info,.no-runes-info{text-align:center;padding:20px;background:#6464641a;border-radius:12px}.missing-runes-info p,.no-runes-info p{color:var(--text-secondary);margin:0}.missing-runes-info strong{color:#ef4444}.missing-runes-info .hint,.no-runes-info .hint{font-size:12px;margin-top:8px;opacity:.7}@media (max-width: 1024px){.crafting-content{grid-template-columns:1fr}}@media (max-width: 768px){.crafting-workshop{padding:16px}.crafting-header h1{font-size:28px}.items-grid{grid-template-columns:repeat(auto-fill,minmax(70px,1fr))}.groups-list{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}}.gem-atelier{padding:20px;max-width:800px;margin:0 auto}.gem-atelier-header{text-align:center;margin-bottom:24px}.gem-atelier-header h2{margin:0;font-size:24px;color:#c9aa71;text-transform:uppercase;letter-spacing:2px}.gem-atelier-subtitle{margin:8px 0 0;font-size:13px;color:#888}.gem-combine-area{background:#1e1b1899;border-radius:12px;padding:24px;margin-bottom:24px;border:1px solid rgba(139,90,43,.2);box-shadow:0 8px 32px #0000004d}.gem-combine-slots{display:flex;align-items:center;justify-content:center;gap:20px;margin-bottom:20px}.gem-combine-slot{width:80px;height:80px;background:#0000004d;border:2px dashed rgba(139,90,43,.5);border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.gem-combine-slot:hover{border-color:#8b5a2bcc;background:#0006}.gem-combine-slot.filled{border-style:solid;border-color:#c9aa71;background:#c9aa711a}.gem-combine-slot img{width:48px;height:48px;object-fit:contain;image-rendering:pixelated}.gem-combine-tier{font-size:10px;color:#aaa;margin-top:4px}.gem-combine-empty{font-size:32px;color:#8b5a2b80}.gem-combine-plus{font-size:24px;color:#c9aa71;font-weight:700}.gem-combine-result{display:flex;flex-direction:column;align-items:center;margin-bottom:16px}.gem-combine-arrow{font-size:28px;color:#c9aa71;margin-bottom:8px}.gem-combine-preview{display:flex;flex-direction:column;align-items:center;background:#c9aa711a;border:1px solid #c9aa71;border-radius:8px;padding:12px 20px}.gem-preview-tier{font-size:14px;color:#c9aa71;font-weight:700}.gem-preview-type{font-size:12px;color:#888}.gem-combine-chances{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:16px}.chance-item{display:flex;flex-direction:column;align-items:center;padding:8px;border-radius:6px;background:#0003}.chance-label{font-size:9px;color:#888;text-transform:uppercase;margin-bottom:4px;text-align:center}.chance-value{font-size:14px;font-weight:700}.chance-item.success{border-left:3px solid #2ecc71}.chance-item.success .chance-value{color:#2ecc71}.chance-item.refund{border-left:3px solid #3498db}.chance-item.refund .chance-value{color:#3498db}.chance-item.partial{border-left:3px solid #f39c12}.chance-item.partial .chance-value{color:#f39c12}.chance-item.fail{border-left:3px solid #e74c3c}.chance-item.fail .chance-value{color:#e74c3c}.gem-combine-action{display:flex;flex-direction:column;align-items:center;gap:8px}.gem-combine-cost,.gem-combine-gold{display:flex;gap:8px;font-size:12px}.gem-combine-cost span:first-child,.gem-combine-gold span:first-child{color:#888}.gold-ok{color:#f1c40f}.gold-insufficient{color:#e74c3c}.btn-combine{background:linear-gradient(135deg,#c9aa71,#a08050);color:#1e1b18;border:none;padding:12px 32px;border-radius:8px;font-size:14px;font-weight:700;text-transform:uppercase;cursor:pointer;transition:all .2s ease;margin-top:8px}.btn-combine:hover:not(:disabled){transform:scale(1.02);box-shadow:0 4px 15px #c9aa714d}.btn-combine:disabled{opacity:.5;cursor:not-allowed}.gem-result-message{display:flex;align-items:center;justify-content:center;gap:10px;padding:12px;border-radius:8px;margin-bottom:20px;font-size:14px}.result-icon{font-size:20px}.gem-result-message.result-success{background:#2ecc711a;border:1px solid #2ecc71;color:#2ecc71}.gem-result-message.result-refund{background:#3498db1a;border:1px solid #3498db;color:#3498db}.gem-result-message.result-partial{background:#f39c121a;border:1px solid #f39c12;color:#f39c12}.gem-result-message.result-fail,.gem-result-message.result-error{background:#e74c3c1a;border:1px solid #e74c3c;color:#e74c3c}.gem-inventory{background:#1e1b1899;border-radius:12px;padding:20px;border:1px solid rgba(139,90,43,.2);box-shadow:0 8px 32px #0000004d}.gem-inventory h3{margin:0 0 16px;font-size:14px;color:#c9aa71;text-transform:uppercase;letter-spacing:1px}.gem-inventory-empty{text-align:center;padding:30px;color:#666}.gem-inventory-empty p{margin:0 0 8px}.gem-hint{font-size:12px;color:#555}.gem-type-group{margin-bottom:16px}.gem-type-group:last-child{margin-bottom:0}.gem-type-title{margin:0 0 10px;font-size:12px;text-transform:uppercase;letter-spacing:1px}.gem-type-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px}.gem-item{display:flex;align-items:center;gap:10px;padding:10px;background:#0003;border:1px solid rgba(139,90,43,.3);border-radius:8px;cursor:pointer;transition:all .2s ease;position:relative}.gem-item:hover{border-color:#8b5a2b99;background:#0000004d}.gem-item.selected{border-color:#c9aa71;background:#c9aa711a;box-shadow:0 0 10px #c9aa7133}.gem-item.compatible{border-color:#2ecc71;animation:pulse-compatible 1s infinite}@keyframes pulse-compatible{0%,to{box-shadow:0 0 5px #2ecc714d}50%{box-shadow:0 0 15px #2ecc7180}}.gem-item.max-tier{opacity:.6;cursor:not-allowed}.gem-item.max-tier:hover{border-color:#8b5a2b4d;background:#0003}.gem-item img{width:40px;height:40px;object-fit:contain;image-rendering:pixelated}.gem-item-info{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.gem-item-tier{font-size:11px;color:#aaa}.gem-item-bonus{font-size:11px;color:#c9aa71;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gem-max-badge{position:absolute;top:4px;right:4px;font-size:8px;background:#9b59b6;color:#fff;padding:2px 4px;border-radius:3px;text-transform:uppercase}@media (max-width: 600px){.gem-combine-chances{grid-template-columns:repeat(2,1fr)}.gem-type-grid{grid-template-columns:1fr}}:root{--bg-primary: #141210;--bg-secondary: #1e1b18;--bg-tertiary: #252220;--accent: #d4a056;--text-primary: #ffffff;--text-secondary: #a0aec0;--border: rgba(139, 90, 43, .2);--gold: #ffd700;--silver: #c0c0c0;--bronze: #cd7f32}.leaderboard-page{padding:24px;max-width:1200px;margin:0 auto}.leaderboard-header{text-align:center;margin-bottom:24px}.leaderboard-header h1{font-size:32px;color:var(--accent);margin-bottom:8px;text-shadow:0 0 20px rgba(139,90,43,.5);font-weight:700;letter-spacing:-.5px}.leaderboard-description{color:var(--text-secondary);font-size:13px;max-width:600px;margin:0 auto;line-height:1.6}.category-tabs{display:flex;gap:8px;margin-bottom:20px;flex-wrap:wrap;justify-content:center}.category-tab{background:#1e1b1899;border:1px solid var(--border);border-radius:10px;padding:10px 16px;color:var(--text-secondary);font-size:13px;font-weight:600;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:6px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.category-tab:hover{border-color:var(--accent);background:#1e1b18cc;transform:translateY(-2px);box-shadow:0 4px 12px #8b5a2b26}.category-tab.active{background:linear-gradient(135deg,var(--accent),#8b5a2b);border-color:var(--accent);color:var(--bg-primary);box-shadow:0 4px 20px #8b5a2b4d}.tab-icon{font-size:16px;line-height:1}.tab-label{line-height:1}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;color:var(--text-secondary)}.loading-spinner{width:48px;height:48px;border:4px solid rgba(139,90,43,.1);border-top:4px solid var(--accent);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}.loading-state p{font-size:14px;margin-top:8px}.no-data-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;text-align:center;background:#1e1b1899;border:1px solid var(--border);border-radius:16px;-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px)}.no-data-icon{font-size:64px;margin-bottom:16px;opacity:.3}.no-data-state h3{color:var(--text-primary);margin-bottom:8px;font-size:20px}.no-data-state p{color:var(--text-secondary);font-size:14px}.leaderboard-content{margin-bottom:20px}.leaderboard-grid{display:flex;flex-direction:column;gap:8px}.player-card{background:#1e1b18f2;border:1px solid var(--border);border-radius:12px;padding:12px 16px;display:grid;grid-template-columns:auto auto 1fr auto;gap:16px;align-items:center;-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);box-shadow:0 4px 20px #0003;transition:all .2s;position:relative;overflow:hidden}.player-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent,var(--accent),transparent);opacity:0;transition:opacity .2s}.player-card:hover{transform:translate(4px);border-color:var(--accent);box-shadow:0 8px 30px #8b5a2b40}.player-card:hover:before{opacity:1}.player-card.rank-gold{border-color:#ffd70066;background:linear-gradient(135deg,#1e1b18f2,#ffd7000d)}.player-card.rank-gold:before{background:linear-gradient(90deg,transparent,var(--gold),transparent);opacity:.5}.player-card.rank-silver{border-color:#c0c0c066;background:linear-gradient(135deg,#1e1b18f2,#c0c0c00d)}.player-card.rank-silver:before{background:linear-gradient(90deg,transparent,var(--silver),transparent);opacity:.5}.player-card.rank-bronze{border-color:#cd7f3266;background:linear-gradient(135deg,#1e1b18f2,#cd7f320d)}.player-card.rank-bronze:before{background:linear-gradient(90deg,transparent,var(--bronze),transparent);opacity:.5}.player-rank{display:flex;align-items:center;justify-content:center}.rank-badge{display:flex;align-items:center;justify-content:center;min-width:42px;height:42px;border-radius:8px;font-size:20px;font-weight:700;background:var(--bg-primary);border:2px solid var(--border);box-shadow:0 4px 12px #0000004d}.rank-badge.gold{background:linear-gradient(135deg,gold,#ffed4e);border-color:var(--gold);box-shadow:0 4px 20px #ffd70066}.rank-badge.silver{background:linear-gradient(135deg,silver,#e8e8e8);border-color:var(--silver);box-shadow:0 4px 20px #c0c0c066}.rank-badge.bronze{background:linear-gradient(135deg,#cd7f32,#e8a762);border-color:var(--bronze);box-shadow:0 4px 20px #cd7f3266}.rank-badge.default{color:var(--accent);font-size:15px;border-color:var(--border)}.player-outfit{display:flex;align-items:center;justify-content:center;width:64px;min-width:64px;height:64px}.player-outfit .outfit-image{image-rendering:pixelated;background:none;border:none;border-bottom:none}.player-outfit .outfit-image.store-outfit{max-width:64px;max-height:64px}.player-outfit .outfit-image.vocation-outfit{max-width:32px;max-height:32px}.player-info{display:flex;flex-direction:column;gap:2px}.player-name{font-size:15px;font-weight:700;color:var(--text-primary);letter-spacing:.2px}.player-vocation{font-size:11px;color:var(--text-secondary);text-transform:uppercase;font-weight:600;letter-spacing:.5px}.player-stats{display:flex;gap:16px}.stat-item{display:flex;flex-direction:column;align-items:flex-end;gap:2px}.stat-label{font-size:10px;color:var(--text-secondary);text-transform:uppercase;font-weight:600;letter-spacing:.5px}.stat-value{font-size:15px;font-weight:700;color:var(--text-primary)}.stat-value.level{color:#ffa502;text-shadow:0 2px 8px rgba(255,165,2,.3)}.stat-value.primary{color:var(--accent);text-shadow:0 2px 8px rgba(139,90,43,.3)}.pagination-controls{display:flex;align-items:center;justify-content:center;gap:20px;margin-top:24px;padding:20px;background:#1e1b1899;border:1px solid var(--border);border-radius:16px;-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px)}.pagination-btn{padding:12px 24px;background:var(--bg-primary);border:1px solid var(--border);border-radius:8px;color:var(--text-primary);font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.pagination-btn:hover:not(:disabled){background:linear-gradient(135deg,var(--accent),#8b5a2b);border-color:var(--accent);color:var(--bg-primary);transform:translateY(-2px);box-shadow:0 4px 12px #8b5a2b4d}.pagination-btn:disabled{opacity:.3;cursor:not-allowed}.pagination-info{display:flex;flex-direction:column;align-items:center;gap:4px;color:var(--text-primary);font-size:14px;font-weight:600;min-width:200px;text-align:center}.total-count{font-size:12px;color:var(--text-secondary);font-weight:500}@media (max-width: 768px){.player-card{grid-template-columns:1fr;gap:16px;text-align:center}.player-rank{justify-content:center}.player-outfit{justify-self:center}.player-info{align-items:center}.player-stats{justify-content:center;width:100%}.stat-item{align-items:center}.category-tabs{gap:8px}.category-tab{padding:10px 16px;font-size:12px}.tab-icon{font-size:16px}.pagination-controls{flex-direction:column;gap:16px}.pagination-info{order:-1}}@media (max-width: 480px){.leaderboard-header h1{font-size:28px}.player-stats{flex-direction:column;gap:12px}.category-tab .tab-label{display:none}.category-tab{padding:10px}}.player-name.clickable{cursor:pointer;transition:all .2s}.player-name.clickable:hover{color:var(--accent);text-shadow:0 0 10px rgba(212,160,86,.5)}.profile-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;animation:fadeIn .2s ease}.profile-modal{background:var(--bg-secondary);border:1px solid var(--border);border-radius:16px;max-width:600px;width:100%;max-height:90vh;overflow-y:auto;position:relative;box-shadow:0 20px 60px #00000080;animation:slideUp .3s ease}.profile-close-btn{position:absolute;top:12px;right:12px;width:36px;height:36px;border-radius:50%;background:var(--bg-tertiary);border:1px solid var(--border);color:var(--text-secondary);font-size:24px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;z-index:10}.profile-close-btn:hover{background:var(--accent);color:var(--bg-primary);border-color:var(--accent)}.profile-loading,.profile-error{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:var(--text-secondary)}.profile-header{display:flex;gap:20px;padding:24px;background:linear-gradient(135deg,var(--bg-tertiary),var(--bg-secondary));border-bottom:1px solid var(--border);align-items:center}.profile-outfit{width:80px;height:80px;background:var(--bg-primary);border:2px solid var(--accent);border-radius:12px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 20px #d4a05633}.outfit-image{max-width:64px;max-height:64px;image-rendering:pixelated}.profile-identity{flex:1}.profile-username{font-size:24px;font-weight:700;color:var(--accent);margin:0 0 8px;text-shadow:0 2px 10px rgba(212,160,86,.3)}.profile-details{display:flex;gap:12px;margin-bottom:6px}.profile-level{background:linear-gradient(135deg,#ffa502,#ff6348);padding:4px 10px;border-radius:6px;font-size:12px;font-weight:700;color:#fff}.profile-vocation{background:var(--bg-primary);padding:4px 10px;border-radius:6px;font-size:12px;font-weight:600;color:var(--text-secondary);border:1px solid var(--border)}.profile-joined{font-size:11px;color:var(--text-secondary)}.profile-section{padding:20px 24px;border-bottom:1px solid var(--border)}.profile-section:last-child{border-bottom:none}.profile-section h3{font-size:14px;font-weight:700;color:var(--text-primary);margin:0 0 16px;text-transform:uppercase;letter-spacing:.5px}.profile-stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.profile-stat{background:var(--bg-primary);border:1px solid var(--border);border-radius:10px;padding:12px;display:flex;flex-direction:column;align-items:center;gap:4px;transition:all .2s}.profile-stat:hover{border-color:var(--accent);transform:translateY(-2px)}.profile-stat .stat-icon{font-size:20px}.profile-stat .stat-name{font-size:10px;color:var(--text-secondary);text-transform:uppercase;font-weight:600}.profile-stat .stat-val{font-size:16px;font-weight:700;color:var(--accent)}.profile-equipment-grid-new{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.profile-eq-slot{background:var(--bg-primary);border:1px solid var(--border);border-radius:8px;aspect-ratio:1;display:flex;align-items:center;justify-content:center;position:relative;transition:all .2s;min-height:60px}.profile-eq-slot:hover{border-color:var(--accent);transform:translateY(-2px)}.profile-eq-slot.has-item{background:#1e1b18e6}.profile-eq-slot.empty-slot{opacity:.3}.profile-eq-slot .empty-slot-icon{font-size:24px;opacity:.4}.profile-eq-slot .item-with-tooltip{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.profile-eq-slot .item-image{max-width:40px;max-height:40px;image-rendering:pixelated;object-fit:contain}.profile-eq-slot .pet-image{max-width:48px;max-height:48px}.profile-eq-slot .item-tier-badge{position:absolute;top:2px;left:2px;background:linear-gradient(135deg,gold,#ff8c00);color:#000;font-size:9px;font-weight:700;padding:1px 4px;border-radius:4px;z-index:2}.profile-eq-slot .item-enhancement-badge{position:absolute;top:2px;right:2px;background:linear-gradient(135deg,#00d9ff,#09f);color:#000;font-size:9px;font-weight:700;padding:1px 4px;border-radius:4px;z-index:2}.profile-eq-slot .item-image.rarity-common{filter:drop-shadow(0 0 3px rgba(107,114,128,.5))}.profile-eq-slot .item-image.rarity-uncommon{filter:drop-shadow(0 0 5px rgba(34,197,94,.6))}.profile-eq-slot .item-image.rarity-rare{filter:drop-shadow(0 0 6px rgba(59,130,246,.7))}.profile-eq-slot .item-image.rarity-epic{filter:drop-shadow(0 0 8px rgba(168,85,247,.8))}.profile-eq-slot .item-image.rarity-legendary{filter:drop-shadow(0 0 10px rgba(245,158,11,.9));animation:legendaryGlow 2s ease-in-out infinite}@keyframes legendaryGlow{0%,to{filter:drop-shadow(0 0 8px rgba(245,158,11,.7))}50%{filter:drop-shadow(0 0 15px rgba(245,158,11,1))}}.profile-eq-slot .item-tooltip{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);background:#141210fa;border:1px solid var(--accent);border-radius:8px;padding:10px 12px;min-width:180px;max-width:240px;z-index:100;opacity:0;visibility:hidden;pointer-events:none;transition:all .2s;box-shadow:0 8px 32px #00000080}.profile-eq-slot:hover .item-tooltip{opacity:1;visibility:visible}.profile-eq-slot .item-tooltip .tooltip-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;padding-bottom:6px;border-bottom:1px solid var(--border)}.profile-eq-slot .item-tooltip .tooltip-name{font-weight:700;font-size:13px;color:var(--text-primary)}.profile-eq-slot .item-tooltip .tooltip-rarity{font-size:10px;font-weight:600;padding:2px 6px;border-radius:4px;text-transform:uppercase}.profile-eq-slot .item-tooltip .tooltip-rarity.rarity-common{background:#6b72804d;color:#9ca3af}.profile-eq-slot .item-tooltip .tooltip-rarity.rarity-uncommon{background:#22c55e33;color:#22c55e}.profile-eq-slot .item-tooltip .tooltip-rarity.rarity-rare{background:#3b82f633;color:#3b82f6}.profile-eq-slot .item-tooltip .tooltip-rarity.rarity-epic{background:#a855f733;color:#a855f7}.profile-eq-slot .item-tooltip .tooltip-rarity.rarity-legendary{background:#f59e0b33;color:#f59e0b}.profile-eq-slot .item-tooltip .tooltip-stats{font-size:11px;line-height:1.5;color:var(--text-secondary)}.profile-eq-slot .item-tooltip .tooltip-stats div{margin-bottom:2px}.profile-eq-slot .item-tooltip .pet-description-text{font-size:10px;color:var(--text-secondary);font-style:italic;margin-bottom:6px;padding-bottom:6px;border-bottom:1px solid var(--border)}.profile-records-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.record-item{background:var(--bg-primary);border:1px solid var(--border);border-radius:10px;padding:12px;display:flex;flex-direction:column;align-items:center;gap:6px;transition:all .2s}.record-item:hover{border-color:var(--accent);transform:translateY(-2px)}.record-item .record-label{font-size:10px;color:var(--text-secondary);text-transform:uppercase;font-weight:600}.record-item .record-value{font-size:14px;font-weight:700;color:var(--text-primary)}@media (max-width: 600px){.profile-modal{max-height:95vh;border-radius:12px}.profile-header{flex-direction:column;text-align:center;padding:20px}.profile-details{justify-content:center}.profile-stats-grid{grid-template-columns:repeat(2,1fr)}.profile-equipment-grid-new{gap:6px}.profile-eq-slot{min-height:50px}.profile-eq-slot .item-image{max-width:32px;max-height:32px}.profile-eq-slot .item-tooltip{min-width:160px;font-size:10px}.profile-records-grid{grid-template-columns:repeat(2,1fr)}.profile-section{padding:16px}}.profile-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000e6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;animation:profileFadeIn .2s ease}@keyframes profileFadeIn{0%{opacity:0}to{opacity:1}}.profile-modal{background:#1e1b18fa;border:1px solid rgba(139,90,43,.4);border-radius:12px;max-width:700px;width:100%;max-height:90vh;overflow-y:auto;position:relative;box-shadow:0 20px 60px #000000b3;animation:profileSlideUp .3s ease}@keyframes profileSlideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.profile-close-btn{position:absolute;top:12px;right:12px;width:32px;height:32px;border-radius:50%;background:#141210cc;border:1px solid rgba(139,90,43,.3);color:#9d8553;font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;z-index:10}.profile-close-btn:hover{background:#d4a056;color:#1e1b18;border-color:#d4a056}.profile-loading,.profile-error{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:#9d8553}.profile-error .error-icon{font-size:48px;margin-bottom:16px}.profile-content{display:grid;grid-template-columns:220px 1fr;gap:16px;padding:16px;overflow:visible}.profile-left{display:flex;flex-direction:column;gap:12px}.profile-character-card{background:#14121099;border:1px solid rgba(139,90,43,.3);border-radius:10px;padding:16px;text-align:center}.profile-character-info{margin-bottom:12px}.profile-name{font-size:18px;font-weight:700;color:#fff;text-transform:uppercase;letter-spacing:1px;text-shadow:0 2px 8px rgba(0,0,0,.8);margin-bottom:6px}.profile-level-badge{display:inline-block;font-size:12px;color:#9d8553;background:#141210cc;padding:4px 12px;border-radius:12px;border:1px solid rgba(139,90,43,.4);font-weight:600}.profile-sprite-container{position:relative;width:100%;height:120px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#14121080;border:2px solid rgba(139,90,43,.3);border-radius:10px;margin-bottom:12px}.profile-vocation-label{position:absolute;top:6px;left:50%;transform:translate(-50%);font-size:10px;color:#9d8553;text-transform:uppercase;letter-spacing:.5px;font-weight:600;background:#141210cc;padding:2px 8px;border-radius:6px}.profile-sprite{max-width:80px;max-height:80px;image-rendering:pixelated;filter:drop-shadow(0 4px 12px rgba(0,0,0,.8));animation:profileCharacterIdle 3s ease-in-out infinite}@keyframes profileCharacterIdle{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.profile-outfit-badge{position:absolute;bottom:6px;left:50%;transform:translate(-50%);background:linear-gradient(135deg,#a335eee6,#8b2ccee6);color:#fff;font-size:9px;font-weight:600;padding:2px 8px;border-radius:8px;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}.profile-joined-date{font-size:10px;color:#666}.profile-combat-stats{background:#14121099;border:1px solid rgba(139,90,43,.3);border-radius:10px;padding:12px}.profile-combat-header{font-size:10px;font-weight:700;color:#9d8553;text-transform:uppercase;letter-spacing:1px;text-align:center;margin-bottom:10px;padding-bottom:8px;border-bottom:1px solid rgba(139,90,43,.2)}.profile-stat-row{display:flex;align-items:center;gap:8px;padding:6px 8px;background:#14121066;border-radius:6px;margin-bottom:6px}.profile-stat-row:last-child{margin-bottom:0}.profile-stat-row span:first-child{font-size:14px}.profile-stat-row .stat-label{flex:1;font-size:11px;color:#888;text-transform:uppercase}.profile-stat-row .stat-value{font-size:14px;font-weight:700;color:#d4a056}.profile-records{background:#14121099;border:1px solid rgba(139,90,43,.3);border-radius:10px;padding:12px}.profile-records-header{font-size:10px;font-weight:700;color:#9d8553;text-transform:uppercase;letter-spacing:1px;text-align:center;margin-bottom:10px;padding-bottom:8px;border-bottom:1px solid rgba(139,90,43,.2)}.profile-record-row{display:flex;justify-content:space-between;align-items:center;padding:4px 0;font-size:11px;border-bottom:1px solid rgba(139,90,43,.1)}.profile-record-row:last-child{border-bottom:none}.profile-record-row span:first-child{color:#888}.profile-record-row span:last-child{color:#fff;font-weight:600}.profile-right{display:flex;flex-direction:column;overflow:visible}.profile-equipment-card{background:#14121099;border:1px solid rgba(139,90,43,.3);border-radius:10px;padding:16px 16px 140px;overflow:visible}.profile-equipment-header{font-size:10px;font-weight:700;color:#9d8553;text-transform:uppercase;letter-spacing:1px;text-align:center;margin-bottom:16px;padding-bottom:10px;border-bottom:1px solid rgba(139,90,43,.2)}.profile-equipment-grid{display:grid;grid-template-columns:repeat(3,64px);gap:8px;justify-content:center;overflow:visible}.profile-equip-slot{width:64px;height:64px;background:#14121080;border:2px solid rgba(139,90,43,.3);border-radius:8px;display:flex;align-items:center;justify-content:center;position:relative;transition:all .2s ease;box-shadow:inset 0 2px 4px #0000004d}.profile-equip-slot:hover{border-color:#8b5a2b99;transform:scale(1.05)}.profile-equip-slot.has-item{background:#141210cc;border-color:#8b5a2b80}.profile-equip-slot.empty-slot{opacity:.3;border-style:dashed}.profile-equip-slot .empty-slot-icon{font-size:20px;opacity:.4}.profile-equip-slot.rarity-common{border-color:#6b7280}.profile-equip-slot.rarity-uncommon{border-color:#1eff00}.profile-equip-slot.rarity-rare{border-color:#0070dd}.profile-equip-slot.rarity-epic{border-color:#a335ee}.profile-equip-slot.rarity-legendary{border-color:#ff8000;box-shadow:inset 0 2px 4px #0000004d,0 0 10px #ff80004d}.profile-equip-slot .item-with-tooltip{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.profile-equip-slot .item-image{width:48px;height:48px;object-fit:contain;image-rendering:pixelated}.profile-equip-slot .pet-image{width:52px;height:52px}.profile-equip-slot .item-tier-badge{position:absolute;top:2px;left:2px;background:linear-gradient(135deg,gold,#ff8c00);color:#000;font-size:8px;font-weight:700;padding:1px 4px;border-radius:3px;z-index:2}.profile-equip-slot .item-enhancement-badge{position:absolute;top:2px;right:2px;background:linear-gradient(135deg,#00d9ff,#09f);color:#000;font-size:8px;font-weight:700;padding:1px 4px;border-radius:3px;z-index:2}.profile-equip-slot .pet-level-badge{background:linear-gradient(135deg,#51cf66,#37b24d);color:#fff}.profile-equip-slot:hover{z-index:100001}.profile-equip-slot .item-with-tooltip:hover{z-index:100002}@media (max-width: 700px){.profile-content{grid-template-columns:1fr;gap:12px}.profile-left{order:2}.profile-right{order:1}.profile-character-card{display:grid;grid-template-columns:auto 1fr;gap:16px;text-align:left}.profile-sprite-container{width:100px;height:100px;margin-bottom:0}.profile-character-info{margin-bottom:0;display:flex;flex-direction:column;justify-content:center}.profile-equipment-grid{grid-template-columns:repeat(3,56px)}.profile-equip-slot{width:56px;height:56px}.profile-equip-slot .item-image{width:40px;height:40px}}@media (max-width: 500px){.profile-modal{max-height:95vh}.profile-content{padding:12px}.profile-character-card{grid-template-columns:1fr;text-align:center}.profile-sprite-container{width:100%;height:100px;margin-bottom:12px}.profile-equipment-grid{grid-template-columns:repeat(3,52px);gap:6px}.profile-equip-slot{width:52px;height:52px}.profile-equip-slot .item-image{width:36px;height:36px}}.how-it-works{flex:1;overflow-y:auto;background:linear-gradient(135deg,#141210,#1e1b18);min-height:100vh;padding:32px 48px}.how-it-works-header{text-align:center;margin-bottom:32px;padding-bottom:24px;border-bottom:2px solid rgba(139,90,43,.3)}.how-it-works-header h1{color:#d4a056;font-size:36px;font-weight:700;text-transform:uppercase;letter-spacing:4px;margin:0 0 8px;text-shadow:0 2px 12px rgba(139,90,43,.4)}.how-it-works-header .subtitle{color:#fff9;font-size:14px;margin:0}.header-links{margin-left:8px}.link-sep{color:#ffffff4d;margin:0 6px}.header-link{color:#c9aa71;cursor:pointer;transition:color .2s ease}.header-link:hover{color:#f4d483;text-decoration:underline}.how-it-works-content{max-width:900px;margin:0 auto;display:flex;flex-direction:column;gap:20px}.guide-category{display:flex;flex-direction:column;gap:6px}.category-header{display:flex;align-items:center;gap:12px;margin-bottom:4px}.category-title{color:#c9aa71;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:2px;white-space:nowrap}.category-line{flex:1;height:1px;background:linear-gradient(90deg,#8b5a2b66,#8b5a2b1a)}.category-content{display:flex;flex-direction:column;gap:6px}.guide-section{background:#1e1b18f2;border:1px solid rgba(139,90,43,.25);border-radius:6px;overflow:hidden;transition:all .2s ease}.guide-section:hover{border-color:#8b5a2b80}.guide-section.open{border-color:#8b5a2b99;box-shadow:0 4px 20px #0000004d}.section-header{display:flex;justify-content:space-between;align-items:center;padding:10px 16px;margin-bottom:1px;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background .2s ease}.section-header:hover{background:#8b5a2b1a}.section-title{display:flex;align-items:center;gap:10px}.section-icon{font-size:16px}.section-header h2{color:#d4a056;font-size:15px;font-weight:600;margin:0;letter-spacing:.5px}.section-arrow{color:#8b5a2b99;font-size:12px;transition:transform .3s ease}.section-arrow.open{transform:rotate(180deg)}.hiw-section-content{max-height:0;overflow:hidden;transition:max-height .3s ease,padding .3s ease;padding:0 16px}.hiw-section-content.open{max-height:2000px;padding:0 16px 16px;border-top:1px solid rgba(139,90,43,.15)}.hiw-section-content p{color:#ffffffd9;font-size:14px;line-height:1.6;margin:12px 0}.hiw-section-content ul{list-style:none;padding:0;margin:8px 0}.hiw-section-content ul li{color:#fffc;font-size:14px;line-height:1.7;margin-bottom:8px;padding-left:20px;position:relative}.hiw-section-content ul li:before{content:"▸";position:absolute;left:0;color:#d4a056;font-size:12px}.hiw-section-content ul li strong{color:#d4a056}.steps-list{list-style:none;padding:0;margin:12px 0;counter-reset:step}.steps-list li{color:#ffffffd9;font-size:14px;line-height:1.8;margin-bottom:8px;padding-left:32px;position:relative}.steps-list li:before{content:counter(step);counter-increment:step;position:absolute;left:0;width:22px;height:22px;background:#8b5a2b4d;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;color:#d4a056}.mode-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin:12px 0}.mode-card{background:#0000004d;border:1px solid rgba(139,90,43,.2);border-radius:8px;padding:12px;text-align:center}.mode-card strong{display:block;color:#d4a056;font-size:14px;margin-bottom:4px}.mode-card span{display:block;color:#fffc;font-size:12px;margin-bottom:4px}.mode-card small{color:#ffffff80;font-size:11px}.vocation-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px;margin:12px 0}.vocation-card{background:#0000004d;border:1px solid rgba(139,90,43,.2);border-radius:8px;padding:12px;text-align:center}.vocation-card strong{display:block;color:#d4a056;font-size:14px}.vocation-role{display:inline-block;background:#8b5a2b4d;color:#c9aa71;font-size:10px;padding:2px 8px;border-radius:10px;margin:4px 0 8px}.vocation-card p{color:#ffffffb3;font-size:11px;margin:0;line-height:1.4}.phase-list{display:flex;flex-direction:column;gap:12px;margin:12px 0}.phase{display:flex;align-items:flex-start;gap:12px}.phase-num{width:28px;height:28px;background:linear-gradient(135deg,#d4a056,#8b5a2b);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;color:#1a1816;font-size:14px;flex-shrink:0}.phase div strong{color:#d4a056;display:block;margin-bottom:2px}.phase div p{margin:0;color:#ffffffb3;font-size:13px}.expedition-table{margin:8px 0;border:1px solid rgba(139,90,43,.2);border-radius:6px;overflow:hidden;max-height:280px;overflow-y:auto}.exp-row{display:grid;grid-template-columns:40px 1fr 1fr 45px;font-size:11px}.exp-row.header{background:#8b5a2b33;font-weight:600;position:sticky;top:0}.exp-row.header span{color:#c9aa71}.exp-row span{padding:5px 8px;color:#fffc;border-bottom:1px solid rgba(139,90,43,.1)}.exp-row span:first-child{color:#d4a056;font-weight:600;text-align:center}.exp-row span:last-child{text-align:center;color:#4ade80}.exp-row:last-child span{border-bottom:none}.info-box{background:#0006;border:1px solid rgba(139,90,43,.3);border-radius:8px;padding:12px 16px;margin:12px 0;text-align:center}.info-box strong{color:#c9aa71;font-size:12px;display:block;margin-bottom:6px}.info-box code{color:#f4d483;font-family:Courier New,monospace;font-size:13px}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:8px;margin:12px 0}.stat-item{background:#0000004d;border-radius:6px;padding:10px;text-align:center}.stat-label{display:block;color:#fff9;font-size:11px;margin-bottom:4px}.stat-value{color:#d4a056;font-size:14px;font-weight:600}.craft-grid{display:flex;flex-direction:column;gap:8px;margin:12px 0}.craft-recipe{display:grid;grid-template-columns:1fr auto 1fr auto;align-items:center;gap:12px;background:#0000004d;padding:10px 16px;border-radius:6px}.craft-input{color:#fffc;font-size:13px}.craft-arrow{color:#d4a056;font-size:16px}.craft-output{color:#d4a056;font-size:13px;font-weight:600}.craft-cost{color:gold;font-size:12px;text-align:right}.tier-list{display:flex;flex-direction:column;gap:6px;margin:12px 0}.tier-item{display:grid;grid-template-columns:1fr 1fr 1fr;background:#0000004d;padding:8px 16px;border-radius:6px;font-size:13px}.tier-item span:first-child{color:#fffc}.tier-item span:nth-child(2){color:#4ade80;text-align:center}.tier-item span:last-child{color:gold;text-align:right}.gem-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:8px;margin:12px 0}.gem-item{background:#0006;border-radius:8px;padding:10px;text-align:center;border:1px solid rgba(100,100,100,.3)}.gem-item.mystic{border-color:#3b82f6}.gem-item.sage{border-color:#f97316}.gem-item.marksman{border-color:#eab308}.gem-item.guardian{border-color:#e5e5e5}.gem-item.spiritualist{border-color:#22c55e}.gem-name{display:block;font-weight:600;font-size:13px;margin-bottom:4px}.gem-item.mystic .gem-name{color:#3b82f6}.gem-item.sage .gem-name{color:#f97316}.gem-item.marksman .gem-name{color:#eab308}.gem-item.guardian .gem-name{color:#e5e5e5}.gem-item.spiritualist .gem-name{color:#22c55e}.gem-bonus{color:#ffffffb3;font-size:11px}.skill-table{margin:12px 0;border:1px solid rgba(139,90,43,.2);border-radius:8px;overflow:hidden}.skill-row{display:grid;grid-template-columns:80px 1fr 1fr;font-size:12px}.skill-row.header{background:#8b5a2b33;font-weight:600}.skill-row.header span{color:#c9aa71}.skill-row span{padding:8px 12px;color:#fffc;border-bottom:1px solid rgba(139,90,43,.1)}.skill-row span:first-child{color:#d4a056;font-weight:600}.skill-row:last-child span{border-bottom:none}.imbue-chances{display:flex;justify-content:space-around;background:#0000004d;padding:12px;border-radius:8px;margin:12px 0}.imbue-chances span{color:#fffc;font-size:13px}.rarity-multipliers{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0}.rarity{padding:4px 10px;border-radius:12px;font-size:11px;font-weight:600}.rarity.common{background:#9d9d9d33;color:#9d9d9d}.rarity.uncommon{background:#1eff001a;color:#1eff00}.rarity.rare{background:#0070dd1a;color:#0070dd}.rarity.epic{background:#a335ee1a;color:#a335ee}.rarity.legendary{background:#ff80001a;color:#ff8000}.rarity.mythic{background:#ff444426;color:#f44}.compact-stats{display:flex;flex-wrap:wrap;gap:12px;margin:8px 0;padding:8px 12px;background:#0000004d;border-radius:6px}.compact-stats span{color:#fffc;font-size:12px}.compact-stats span strong{color:#d4a056}.rarity-row{display:flex;flex-wrap:wrap;gap:6px;margin:4px 0}.key-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:12px 0}.key-card{background:#0006;border-radius:6px;padding:10px 8px;text-align:center;border:1px solid rgba(100,100,100,.3)}.key-card.shadow{border-color:#6b21a8}.key-card.silver{border-color:#94a3b8}.key-card.forgotten{border-color:#dc2626}.key-card.cursed{border-color:#f44;background:#ff44441a}.key-card strong{display:block;font-size:11px;margin-bottom:3px}.key-card.shadow strong{color:#a855f7}.key-card.silver strong{color:#cbd5e1}.key-card.forgotten strong{color:#ef4444}.key-card.cursed strong{color:#f44}.key-card span{display:block;color:#fff9;font-size:10px}.boss-list{display:flex;flex-direction:column;gap:10px;margin:12px 0}.boss-card{background:#0000004d;border:1px solid rgba(139,90,43,.2);border-radius:8px;padding:12px 16px}.boss-card strong{color:#d4a056;font-size:14px}.boss-key{display:inline-block;background:#8b5a2b4d;color:#c9aa71;font-size:10px;padding:2px 8px;border-radius:10px;margin-left:8px}.boss-card p{margin:6px 0 0;color:#ffffffb3;font-size:12px}.upgrade-table{margin:12px 0;border:1px solid rgba(139,90,43,.2);border-radius:8px;overflow:hidden}.upgrade-row{display:grid;grid-template-columns:1fr 1fr 1fr;font-size:13px}.upgrade-row.header{background:#8b5a2b33}.upgrade-row.header span{color:#c9aa71;font-weight:600}.upgrade-row span{padding:8px 12px;color:#fffc;text-align:center;border-bottom:1px solid rgba(139,90,43,.1)}.upgrade-row:last-child span{border-bottom:none}.event-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:12px 0}.event-card{background:#0000004d;border:1px solid rgba(139,90,43,.2);border-radius:8px;padding:12px;text-align:center}.event-icon{font-size:24px;display:block;margin-bottom:6px}.event-card strong{color:#d4a056;font-size:12px}.command-section{margin-bottom:16px}.command-section:last-child{margin-bottom:0}.command-section h4{color:#c9aa71;font-size:13px;margin:0 0 8px}.command-list{display:flex;flex-wrap:wrap;gap:6px}.command-list code{background:#0006;border:1px solid rgba(139,90,43,.3);color:#d4a056;padding:4px 10px;border-radius:4px;font-size:13px;font-family:Courier New,monospace}.hiw-section-content .note{background:#8b5a2b1f;border-left:3px solid #d4a056;padding:10px 14px;border-radius:0 6px 6px 0;margin-top:12px;font-size:12px;color:#ffffffd9}@media (max-width: 768px){.how-it-works{padding:20px}.how-it-works-header h1{font-size:24px}.how-it-works-header .subtitle{font-size:12px}.header-links{display:block;margin-left:0;margin-top:4px}.section-header{padding:10px 12px}.section-header h2,.section-icon{font-size:14px}.mode-grid,.vocation-grid,.gem-grid,.key-grid,.event-grid{grid-template-columns:repeat(2,1fr)}.skill-row{grid-template-columns:60px 1fr 1fr;font-size:11px}.category-title{font-size:10px}}.admin-panel-new{display:flex;height:100vh;background:linear-gradient(135deg,#141210,#1e1b18);overflow:hidden}.admin-sidebar{width:260px;background:#141210fa;border-right:1px solid rgba(139,90,43,.25);display:flex;flex-direction:column;height:100%;overflow-y:auto}.sidebar-header{padding:24px 20px;border-bottom:1px solid rgba(139,90,43,.2)}.sidebar-header h1{font-size:22px;margin:0;background:linear-gradient(135deg,#d4a056,#f0d78c);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:700}.sidebar-nav{flex:1;padding:16px 12px}.nav-item-group{margin-bottom:4px}.nav-item{width:100%;display:flex;align-items:center;gap:12px;padding:14px 16px;background:transparent;border:none;border-radius:10px;color:#ffffffb3;font-size:15px;font-weight:500;cursor:pointer;transition:all .2s ease;text-align:left}.nav-item:hover{background:#8b5a2b1f;color:#fffffff2}.nav-item.active{background:linear-gradient(135deg,#8b5a2b40,#8b5a2b26);color:#d4a056;font-weight:600;box-shadow:0 2px 8px #8b5a2b26}.nav-icon{font-size:20px;width:28px;text-align:center}.nav-label{flex:1}.nav-subsections{margin-left:44px;margin-top:6px;padding-left:14px;border-left:2px solid rgba(139,90,43,.25)}.nav-subsection{width:100%;padding:10px 14px;background:transparent;border:none;border-radius:8px;color:#ffffff8c;font-size:13px;cursor:pointer;transition:all .2s ease;text-align:left;margin-bottom:4px}.nav-subsection:hover{color:#ffffffd9;background:#ffffff0f}.nav-subsection.active{color:#d4a056;background:#8b5a2b26;font-weight:600}.admin-main{flex:1;padding:28px 36px;overflow-y:auto;height:100%;position:relative}.loading-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#141210d9;display:flex;align-items:center;justify-content:center;font-size:18px;color:#d4a056;z-index:100}.section-content{display:flex;flex-direction:column;gap:24px}.section-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px;margin-bottom:8px}.section-header h2{font-size:26px;margin:0;color:#fff;font-weight:700}.header-actions{display:flex;gap:12px;flex-wrap:wrap}.section-footer{display:flex;gap:12px;margin-top:16px;padding-top:20px;border-top:1px solid rgba(139,90,43,.15)}.dashboard-section{display:flex;flex-direction:column;gap:24px}.game-status-banner{padding:22px 28px;border-radius:14px;display:flex;align-items:center;justify-content:space-between;gap:20px;border:2px solid}.game-status-banner.enabled{background:linear-gradient(135deg,#10b9812e,#10b98114);border-color:#10b98166}.game-status-banner.disabled{background:linear-gradient(135deg,#ef44442e,#ef444414);border-color:#ef444466}.status-info{display:flex;align-items:center;gap:16px}.status-icon{font-size:32px}.status-info h3{margin:0 0 4px;font-size:20px;color:#fff}.status-info p{margin:0;font-size:14px;color:#fff9}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:16px}.stat-card{background:#1e1b18d9;border:1px solid rgba(139,90,43,.2);border-radius:14px;padding:20px;display:flex;align-items:center;gap:16px;transition:all .3s ease}.stat-card:hover{transform:translateY(-3px);box-shadow:0 8px 24px #00000059}.stat-card .stat-icon{font-size:32px;width:50px;height:50px;border-radius:12px;background:#8b5a2b26}.stat-card.primary .stat-icon{background:#3b82f633}.stat-card.gold .stat-icon{background:#8b5a2b33}.stat-card.purple .stat-icon{background:#9333ea33}.stat-card.red .stat-icon{background:#ef444433}.stat-card.orange .stat-icon{background:#f59e0b33}.stat-card.teal .stat-icon{background:#14b8a633}.stat-content{display:flex;flex-direction:column}.stat-value{font-size:28px;font-weight:700;color:#d4a056;line-height:1.1}.stat-label{font-size:12px;color:#ffffff80;margin-top:4px}.dashboard-card{background:#1e1b18d9;border:1px solid rgba(139,90,43,.2);border-radius:14px;padding:22px}.dashboard-card h3{font-size:17px;color:#d4a056;margin:0 0 18px;font-weight:600}.active-events-mini{display:flex;flex-wrap:wrap;gap:12px}.event-mini-card{display:flex;align-items:center;gap:10px;padding:12px 16px;background:#8b5a2b1f;border:1px solid rgba(139,90,43,.25);border-radius:10px}.event-mini-card .event-icon{font-size:22px}.event-mini-card .event-name{font-weight:600;color:#fff}.event-mini-card .event-time{color:#d4a056;font-size:13px;font-weight:600}.quick-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}.quick-action-btn{display:flex;align-items:center;justify-content:center;gap:10px;padding:16px 20px;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;border:1px solid}.quick-action-btn.blue{background:#3b82f626;border-color:#3b82f659;color:#60a5fa}.quick-action-btn.blue:hover{background:#3b82f640;transform:translateY(-2px)}.quick-action-btn.gold{background:#8b5a2b26;border-color:#8b5a2b59;color:#d4a056}.quick-action-btn.gold:hover{background:#8b5a2b40;transform:translateY(-2px)}.quick-action-btn.green{background:#10b98126;border-color:#10b98159;color:#34d399}.quick-action-btn.green:hover{background:#10b98140;transform:translateY(-2px)}.quick-action-btn.purple{background:#9333ea26;border-color:#9333ea59;color:#a78bfa}.quick-action-btn.purple:hover{background:#9333ea40;transform:translateY(-2px)}.top-players-list{display:flex;flex-direction:column;gap:8px}.top-player-row{display:flex;align-items:center;gap:14px;padding:12px 14px;background:#ffffff08;border-radius:10px;transition:background .2s ease}.top-player-row:hover{background:#8b5a2b14}.top-player-row .rank{font-weight:700;color:#d4a056;width:36px}.top-player-row .name{flex:1;font-weight:600;color:#fff}.top-player-row .level{color:#10b981;font-weight:600}.top-player-row .vocation{color:#ffffff80;font-size:13px}.top-player-row .gold{color:#d4a056;font-weight:600}.search-input,.filter-select,.form-select,.form-input{padding:12px 16px;background:#141210e6;border:1px solid rgba(139,90,43,.25);border-radius:10px;color:#fff;font-size:14px;transition:all .2s ease}.search-input::placeholder{color:#fff6}.search-input:focus,.filter-select:focus,.form-select:focus,.form-input:focus{outline:none;border-color:#8b5a2b80;box-shadow:0 0 0 3px #8b5a2b1f}.search-input{min-width:220px}.filter-select{min-width:160px;cursor:pointer}.player-select{flex:1;min-width:250px;padding:14px 18px;background:#141210e6;border:1px solid rgba(139,90,43,.25);border-radius:10px;color:#fff;font-size:15px}.toggle-btn{padding:14px 28px;border-radius:10px;font-size:15px;font-weight:700;cursor:pointer;transition:all .2s ease;border:none}.toggle-btn.enable{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.toggle-btn.enable:hover{transform:translateY(-2px);box-shadow:0 6px 20px #10b98166}.toggle-btn.disable{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.toggle-btn.disable:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ef444466}.toggle-btn:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.primary-btn{padding:12px 24px;background:linear-gradient(135deg,#d4a056,#a08040);color:#141210;border:none;border-radius:10px;font-size:14px;font-weight:700;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;gap:8px}.primary-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #8b5a2b66}.primary-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.primary-btn.blue{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.primary-btn.blue:hover:not(:disabled){box-shadow:0 6px 20px #3b82f666}.primary-btn.pink{background:linear-gradient(135deg,#ec4899,#db2777);color:#fff}.primary-btn.pink:hover:not(:disabled){box-shadow:0 6px 20px #ec489966}.primary-btn.gold{background:linear-gradient(135deg,#d4a056,#a08040);color:#141210}.primary-btn.key{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff}.primary-btn.coins{background:linear-gradient(135deg,gold,#ff9800);color:#141210}.primary-btn.pet{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.secondary-btn{padding:12px 24px;background:#8b5a2b1f;color:#d4a056;border:1px solid rgba(139,90,43,.3);border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;gap:8px}.secondary-btn:hover:not(:disabled){background:#8b5a2b33;border-color:#8b5a2b80}.secondary-btn:disabled{opacity:.5;cursor:not-allowed}.secondary-btn.small{padding:8px 16px;font-size:13px}.danger-btn{padding:12px 24px;background:#ef444426;color:#f87171;border:1px solid rgba(239,68,68,.35);border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.danger-btn:hover:not(:disabled){background:#ef444440}.danger-btn:disabled{opacity:.5;cursor:not-allowed}.warning-btn{padding:12px 24px;background:#f59e0b26;color:#fbbf24;border:1px solid rgba(245,158,11,.35);border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.warning-btn:hover:not(:disabled){background:#f59e0b40}.warning-btn:disabled{opacity:.5;cursor:not-allowed}.action-btn{width:38px;height:38px;border-radius:8px;border:1px solid;font-size:16px;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;justify-content:center}.action-btn.inspect{background:#9333ea26;border-color:#9333ea59;color:#a78bfa}.action-btn.inspect:hover{background:#9333ea40}.action-btn.edit{background:#3b82f626;border-color:#3b82f659;color:#60a5fa}.action-btn.edit:hover{background:#3b82f640}.action-btn.danger{background:#ef444426;border-color:#ef444459;color:#f87171}.action-btn.danger:hover{background:#ef444440}.action-btn.warning{background:#f59e0b26;border-color:#f59e0b59;color:#fbbf24}.action-btn.warning:hover{background:#f59e0b40}.action-btn:disabled{opacity:.5;cursor:not-allowed}.mini-btn{width:32px;height:32px;padding:0;border-radius:6px;border:1px solid rgba(139,90,43,.25);background:#8b5a2b1a;color:#d4a056;font-size:14px;cursor:pointer;transition:all .2s ease}.mini-btn:hover{background:#8b5a2b33}.mini-btn.danger{border-color:#ef444459;background:#ef44441a;color:#f87171}.mini-btn.danger:hover{background:#ef444433}.amount-btn{padding:8px 14px;background:#8b5a2b1f;border:1px solid rgba(139,90,43,.25);border-radius:8px;color:#d4a056;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease}.amount-btn:hover{background:#8b5a2b38}.wiki-btn{padding:10px 16px;background:#3b82f626;border:1px solid rgba(59,130,246,.35);border-radius:8px;color:#60a5fa;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease}.wiki-btn:hover:not(:disabled){background:#3b82f640}.wiki-btn:disabled{opacity:.5;cursor:not-allowed}.toggle-bonus-btn{padding:10px 16px;background:#9333ea1f;border:1px solid rgba(147,51,234,.3);border-radius:8px;color:#a78bfa;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease;margin-top:8px}.toggle-bonus-btn:hover{background:#9333ea33}.players-table-container,.items-table-container{overflow-x:auto}.data-table{width:100%;border-collapse:collapse;background:#1e1b18b3;border-radius:12px;overflow:hidden;border:1px solid rgba(139,90,43,.2)}.data-table thead{background:#8b5a2b1f}.data-table th{padding:14px 16px;text-align:center;font-size:12px;font-weight:700;color:#d4a056;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid rgba(139,90,43,.2);border-right:1px solid rgba(139,90,43,.15);white-space:nowrap}.data-table th:last-child{border-right:none}.data-table td{padding:14px 16px;text-align:center;border-bottom:1px solid rgba(255,255,255,.05);border-right:1px solid rgba(139,90,43,.1);font-size:14px;color:#ffffffe6}.data-table td:last-child{border-right:none}.data-table tbody tr{transition:background .2s ease}.data-table tbody tr:hover{background:#8b5a2b0f}.data-table tbody tr:last-child td{border-bottom:none}.player-name{font-weight:600;color:#fff}.level-badge{display:inline-block;padding:4px 10px;background:#10b98126;border:1px solid rgba(16,185,129,.3);border-radius:6px;color:#10b981;font-weight:700;font-size:13px}.gold-cell{color:#d4a056;font-weight:600}.actions-cell{display:flex;gap:8px}.item-thumb{width:36px;height:36px;border-radius:6px;image-rendering:pixelated;border:1px solid rgba(255,255,255,.1);background:#0000004d}.items-table th,.items-table td{padding:8px 6px;font-size:12px}.items-table th{font-size:10px;letter-spacing:0}.items-table .item-thumb{width:28px;height:28px}.editor-card{background:#1e1b18d9;border:1px solid rgba(139,90,43,.25);border-radius:14px;padding:24px}.editor-card h3{font-size:18px;color:#d4a056;margin:0 0 20px;padding-bottom:14px;border-bottom:1px solid rgba(139,90,43,.2)}.reward-card{background:#1e1b18d9;border:1px solid rgba(139,90,43,.25);border-radius:14px;padding:24px;display:flex;flex-direction:column}.card-header{display:flex;align-items:center;gap:12px;margin-bottom:16px}.card-icon{font-size:28px}.card-header h3{margin:0;font-size:18px;color:#d4a056}.card-description{color:#ffffff80;font-size:13px;margin:0 0 16px}.card-content{display:flex;flex-direction:column;gap:12px}.quick-amounts{display:flex;gap:8px;flex-wrap:wrap}.checkbox-label{display:flex;align-items:center;gap:10px;color:#fffc;font-size:14px;cursor:pointer}.checkbox-label input[type=checkbox]{width:18px;height:18px;accent-color:#d4a056;cursor:pointer}.rewards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:20px}.gold-card{border-color:#8b5a2b59}.coins-card{border-color:#ffd70059}.key-card{border-color:#8b5cf659}.item-card{border-color:#3b82f659}.inspector-selector{display:flex;gap:14px;margin-bottom:24px}.inspector-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:20px}.inspector-card{background:#1e1b18d9;border:1px solid rgba(139,90,43,.25);border-radius:14px;padding:22px}.inspector-card h3{font-size:17px;color:#d4a056;margin:0 0 18px;padding-bottom:12px;border-bottom:1px solid rgba(139,90,43,.15)}.inspector-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.stat-item{display:flex;flex-direction:column;gap:4px}.stat-item .label{font-size:12px;color:#ffffff80;text-transform:uppercase}.stat-item .value{font-size:18px;font-weight:700;color:#fff}.stat-item .value.green{color:#10b981}.stat-item .value.gold{color:#d4a056}.stat-item .value.red{color:#f87171}.stat-item .value.purple{color:#a78bfa}.equipped-grid{display:flex;flex-direction:column;gap:12px}.equipped-item{display:flex;align-items:center;gap:14px;padding:12px;background:#141210b3;border:2px solid;border-radius:10px}.equipped-item img{width:40px;height:40px;image-rendering:pixelated;border-radius:6px}.equipped-item .item-info{flex:1}.equipped-item .slot-name{display:block;font-size:11px;color:#fff6;text-transform:uppercase}.equipped-item .item-name{font-weight:600;font-size:14px}.equipped-item .item-actions{display:flex;gap:6px}.inventory-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px}.inventory-item{display:flex;align-items:center;gap:12px;padding:10px 12px;background:#141210b3;border:2px solid;border-radius:10px}.inventory-item img{width:36px;height:36px;image-rendering:pixelated;border-radius:6px}.inventory-item .item-info{flex:1;min-width:0}.inventory-item .item-name{display:block;font-weight:600;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.inventory-item .item-meta{font-size:11px;color:#fff6}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center}.empty-icon{font-size:64px;margin-bottom:16px;opacity:.4}.empty-state p{color:#fff6;font-size:16px}.empty-message{color:#fff6;font-style:italic;text-align:center;padding:20px}.item-form{display:flex;flex-direction:column;gap:16px}.form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px}.form-row.stats-row{grid-template-columns:repeat(auto-fit,minmax(100px,1fr))}.form-row.image-row{grid-template-columns:1fr}.form-group{display:flex;flex-direction:column;gap:6px}.form-group.small{min-width:80px}.form-group.full-width{grid-column:1 / -1}.form-group label{font-size:12px;font-weight:600;color:#fff9;text-transform:uppercase;letter-spacing:.3px}.form-group input,.form-group select,.form-group textarea{padding:11px 14px;background:#141210e6;border:1px solid rgba(139,90,43,.25);border-radius:8px;color:#fff;font-size:14px;transition:all .2s ease}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#8b5a2b80;box-shadow:0 0 0 3px #8b5a2b1a}.form-group textarea{resize:vertical;min-height:70px}.form-group input[type=number]{-moz-appearance:textfield}.form-group input[type=file]{padding:10px;font-size:13px}.bonus-stats{padding:16px;background:#9333ea14;border:1px solid rgba(147,51,234,.2);border-radius:10px;margin-top:8px}.image-group{grid-column:1 / -1}.image-upload-controls{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.image-preview{width:56px;height:56px;border-radius:8px;border:2px solid rgba(139,90,43,.3);image-rendering:pixelated;background:#0000004d;margin-top:10px}.form-actions{display:flex;gap:12px;margin-top:8px;padding-top:18px;border-top:1px solid rgba(139,90,43,.15)}.tools-bar{display:flex;gap:12px;flex-wrap:wrap}.expedition-form{display:flex;flex-direction:column;gap:20px}.minibosses-section,.boss-section,.rewards-section{padding:18px;background:#14121080;border:1px solid rgba(139,90,43,.15);border-radius:10px}.minibosses-section h4,.boss-section h4,.rewards-section h4{margin:0 0 16px;font-size:15px;color:#d4a056}.miniboss-row{margin-bottom:10px}.expeditions-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:18px}.expedition-card{background:#1e1b18d9;border:1px solid rgba(139,90,43,.25);border-radius:14px;padding:20px;transition:all .3s ease}.expedition-card:hover{border-color:#8b5a2b73;transform:translateY(-2px)}.exp-header{display:flex;align-items:center;gap:14px;margin-bottom:14px}.exp-icon{font-size:32px}.exp-info{flex:1}.exp-info h4{margin:0 0 4px;font-size:17px;color:#fff}.exp-info code{font-size:12px;color:#fff6;background:#0000004d;padding:2px 6px;border-radius:4px}.exp-actions{display:flex;gap:8px}.exp-content{display:flex;flex-direction:column;gap:10px}.exp-boss{font-size:15px;color:#fffc}.exp-rewards{display:flex;gap:14px;flex-wrap:wrap;font-size:13px;color:#fff9}.exp-rewards span{display:inline-flex;align-items:center;gap:4px}.game-status-card{padding:24px;border-radius:14px;display:flex;align-items:center;justify-content:space-between;gap:20px;border:2px solid;margin-bottom:24px}.game-status-card.enabled{background:linear-gradient(135deg,#10b98126,#10b9810d);border-color:#10b98166}.game-status-card.disabled{background:linear-gradient(135deg,#ef444426,#ef44440d);border-color:#ef444466}.status-content{display:flex;align-items:center;gap:16px}.status-content h3{margin:0 0 4px;font-size:19px;color:#fff}.status-content p{margin:0;font-size:14px;color:#fff9}.game-state-card{background:#1e1b18d9;border:1px solid rgba(139,90,43,.25);border-radius:14px;padding:22px;margin-bottom:24px}.game-state-card h3{margin:0 0 18px;font-size:17px;color:#d4a056}.state-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin-bottom:16px}.state-item{display:flex;flex-direction:column;gap:4px}.state-item .label{font-size:12px;color:#ffffff80;text-transform:uppercase}.state-item .value{font-size:15px;color:#fff}.state-item .value.active{color:#10b981;font-weight:600}.loading-text{color:#fff6;font-style:italic}.action-cards-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-bottom:20px}@media (max-width: 900px){.action-cards-grid{grid-template-columns:1fr}}.action-card{background:#1e1b18d9;border:1px solid rgba(139,90,43,.25);border-radius:14px;padding:20px;display:flex;flex-direction:column}.action-cards-grid .action-card{margin-bottom:0}.action-card h3{margin:0 0 8px;font-size:16px;color:#d4a056}.action-card p{color:#fff9;font-size:13px;margin:0 0 12px;flex-grow:0}.action-card .primary-btn{margin-top:10px}.action-card .warning{color:#f59e0b;font-size:13px;margin-top:12px}.action-card.blue{border-color:#3b82f659}.action-card.pink{border-color:#ec489959}.action-card .form-select{width:100%;margin-bottom:10px;cursor:pointer}.action-card.pink .form-select{border-color:#ec489959}.action-card.pink .form-select:focus{border-color:#ec489999;box-shadow:0 0 0 3px #ec489926}.action-card.blue .form-select{border-color:#3b82f659}.action-card.blue .form-select:focus{border-color:#3b82f699;box-shadow:0 0 0 3px #3b82f626}.action-card.green,.action-card.green .form-select{border-color:#22c55e59}.action-card.green .form-select:focus{border-color:#22c55e99;box-shadow:0 0 0 3px #22c55e26}.primary-btn.green{background:linear-gradient(135deg,#22c55e,#16a34a)}.primary-btn.green:hover{background:linear-gradient(135deg,#16a34a,#15803d)}.action-card.orange,.action-card.orange .form-select{border-color:#f9731659}.action-card.orange .form-select:focus{border-color:#f9731699;box-shadow:0 0 0 3px #f9731626}.primary-btn.orange{background:linear-gradient(135deg,#f97316,#ea580c)}.primary-btn.orange:hover{background:linear-gradient(135deg,#ea580c,#c2410c)}.action-card.brown{border-color:#8b5a2b73}.primary-btn.brown{background:linear-gradient(135deg,#8b5a2b,#6b4423)}.primary-btn.brown:hover{background:linear-gradient(135deg,#6b4423,#4a2c17)}.events-card,.start-event-card,.event-types-card{background:#1e1b18d9;border:1px solid rgba(139,90,43,.25);border-radius:14px;padding:22px;margin-bottom:20px}.events-card h3,.start-event-card h3,.event-types-card h3{margin:0 0 18px;font-size:17px;color:#d4a056}.active-events-list{display:flex;flex-direction:column;gap:12px}.active-event{display:flex;align-items:center;gap:14px;padding:14px 16px;background:#8b5a2b1a;border:1px solid rgba(139,90,43,.25);border-radius:10px}.active-event .event-info{display:flex;align-items:center;gap:12px;flex:1}.active-event .event-icon{font-size:26px}.active-event strong{display:block;color:#fff;margin-bottom:4px}.active-event .event-multipliers{display:flex;gap:8px}.active-event .mult{padding:3px 8px;border-radius:5px;font-size:12px;font-weight:600}.active-event .mult.gold{background:#8b5a2b33;color:#d4a056}.active-event .mult.xp{background:#10b98133;color:#10b981}.active-event .mult.loot{background:#9333ea33;color:#a78bfa}.active-event .event-timer{font-size:14px;font-weight:600;color:#d4a056}.event-form{display:grid;grid-template-columns:1fr 1fr auto;gap:14px;align-items:end}.event-types-list{display:flex;flex-direction:column;gap:10px}.event-type{display:flex;align-items:center;gap:14px;padding:14px;background:#14121099;border-radius:10px}.event-type .type-icon{font-size:26px}.event-type .type-info{flex:1}.event-type .type-info strong{display:block;color:#fff;margin-bottom:4px}.event-type .type-info span{font-size:13px;color:#ffffff80}.event-type .type-multipliers{display:flex;gap:10px;font-size:13px;color:#d4a056;font-weight:600}.tools-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}.tool-card{background:#1e1b18d9;border:1px solid rgba(139,90,43,.25);border-radius:14px;padding:24px;transition:all .3s ease}.tool-card:hover{border-color:#8b5a2b73;transform:translateY(-2px)}.tool-card h3{margin:0 0 12px;font-size:17px;color:#d4a056}.tool-card p{color:#ffffff8c;font-size:14px;margin:0 0 18px;line-height:1.5}.tool-card.danger{border-color:#ef444459}.tool-card.danger h3{color:#f87171}.tool-card.warning{border-color:#f59e0b59}.tool-card.warning h3{color:#fbbf24}.achievements-section{margin-bottom:30px}.achievements-section h3{color:#e8d5b0;font-size:18px;margin-bottom:15px;padding-bottom:10px;border-bottom:1px solid rgba(139,90,43,.3)}.achievements-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:15px}.achievement-card{background:#1e1a1699;border:1px solid rgba(139,90,43,.25);border-radius:10px;padding:15px;transition:all .2s ease}.achievement-card.achieved{border-color:#22c55e66;background:#22c55e0d}.achievement-header{display:flex;align-items:center;gap:10px;margin-bottom:10px}.achievement-icon{font-size:20px}.achievement-name{flex:1;color:#e8d5b0;font-weight:600}.achievement-tc{color:#fbbf24;font-weight:700;font-size:14px;background:#f59e0b26;padding:4px 8px;border-radius:6px}.achievement-players{min-height:30px}.player-list{display:flex;flex-wrap:wrap;gap:6px}.player-tag{background:#8b5a2b33;color:#c4a77d;padding:4px 8px;border-radius:4px;font-size:12px}.player-tag.first{background:#22c55e33;color:#4ade80;font-weight:600}.no-players{color:#6b5c4d;font-size:13px;font-style:italic}.leaders-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:15px}.leader-card{background:#1e1a1699;border:1px solid rgba(139,90,43,.25);border-radius:10px;padding:15px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:5px}.leader-icon{font-size:28px}.leader-label{color:#8b7355;font-size:12px;text-transform:uppercase}.leader-value{color:#fbbf24;font-size:16px;font-weight:700}.leader-stat{color:#c4a77d;font-size:14px}.progress-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:15px}.progress-card{background:#1e1a1699;border:1px solid rgba(139,90,43,.25);border-radius:10px;padding:15px}.progress-card h4{color:#e8d5b0;font-size:14px;margin-bottom:10px}.progress-item{display:flex;justify-content:space-between;padding:5px 0;color:#c4a77d;font-size:13px;border-bottom:1px solid rgba(139,90,43,.15)}.progress-item:last-child{border-bottom:none}.refresh-btn{padding:8px 16px;background:#8b5a2b26;color:#c4a77d;border:1px solid rgba(139,90,43,.35);border-radius:8px;cursor:pointer;transition:all .2s ease}.refresh-btn:hover{background:#8b5a2b40}.admin-sidebar::-webkit-scrollbar,.admin-main::-webkit-scrollbar{width:8px}.admin-sidebar::-webkit-scrollbar-track,.admin-main::-webkit-scrollbar-track{background:#14121066}.admin-sidebar::-webkit-scrollbar-thumb,.admin-main::-webkit-scrollbar-thumb{background:#8b5a2b4d;border-radius:4px}.admin-sidebar::-webkit-scrollbar-thumb:hover,.admin-main::-webkit-scrollbar-thumb:hover{background:#8b5a2b80}@media (max-width: 1024px){.admin-panel-new{flex-direction:column;height:auto;min-height:100vh;overflow:visible}.admin-sidebar{width:100%;height:auto;position:relative;border-right:none;border-bottom:1px solid rgba(139,90,43,.25)}.sidebar-nav{display:flex;flex-wrap:wrap;gap:8px;padding:14px}.nav-item-group{margin-bottom:0}.nav-item{padding:12px 18px}.nav-subsections{display:none}.admin-main{height:auto;padding:24px}}@media (max-width: 768px){.admin-main{padding:18px}.section-header{flex-direction:column;align-items:flex-start}.section-header h2{font-size:22px}.header-actions{width:100%}.search-input{flex:1;min-width:auto}.stats-grid{grid-template-columns:repeat(2,1fr)}.form-row{grid-template-columns:1fr}.form-row.stats-row{grid-template-columns:repeat(3,1fr)}.inspector-content,.rewards-grid,.expeditions-grid,.event-form{grid-template-columns:1fr}.game-status-banner,.game-status-card{flex-direction:column;text-align:center}.status-info,.status-content{flex-direction:column}}@media (max-width: 480px){.stats-grid{grid-template-columns:1fr}.form-row.stats-row{grid-template-columns:repeat(2,1fr)}.quick-actions{grid-template-columns:1fr}}.outfits-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px;margin-top:20px}.outfit-card{background:#1e1b18f2;border:1px solid rgba(139,90,43,.3);border-radius:12px;overflow:hidden;transition:all .2s ease}.outfit-card:hover{transform:translateY(-2px);border-color:#d4a05680;box-shadow:0 8px 24px #0000004d}.outfit-card.rarity-common{border-left:3px solid #9ca3af}.outfit-card.rarity-uncommon{border-left:3px solid #22c55e}.outfit-card.rarity-rare{border-left:3px solid #3b82f6}.outfit-card.rarity-epic{border-left:3px solid #a855f7}.outfit-card.rarity-legendary{border-left:3px solid #f59e0b}.outfit-image{width:100%;height:100px;display:flex;align-items:center;justify-content:center;background:#14121080;border-bottom:1px solid rgba(139,90,43,.2)}.outfit-image img{max-width:80px;max-height:80px;object-fit:contain;image-rendering:pixelated}.outfit-image .no-image{font-size:40px;opacity:.3}.outfit-info{padding:12px}.outfit-info h4{margin:0 0 8px;font-size:14px;color:#f5f0e6}.outfit-meta{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.rarity-badge{font-size:10px;padding:2px 8px;border-radius:4px;text-transform:uppercase;font-weight:600}.rarity-badge.common{background:#9ca3af33;color:#9ca3af}.rarity-badge.uncommon{background:#22c55e33;color:#22c55e}.rarity-badge.rare{background:#3b82f633;color:#3b82f6}.rarity-badge.epic{background:#a855f733;color:#a855f7}.rarity-badge.legendary{background:#f59e0b33;color:#f59e0b}.outfit-meta .price{font-size:12px;color:#d4a056;font-weight:500}.outfit-desc{margin:8px 0 0;font-size:11px;color:#a89f94;line-height:1.4}.outfit-actions{padding:8px 12px;display:flex;gap:8px;border-top:1px solid rgba(139,90,43,.1);justify-content:flex-end}.give-outfit-form .form-row{display:flex;gap:12px;align-items:flex-end}.give-outfit-form .form-group{flex:1}.give-outfit-form .primary-btn{white-space:nowrap}.outfit-form textarea{width:100%;min-height:60px;padding:10px 12px;background:#141210cc;border:1px solid rgba(139,90,43,.3);border-radius:8px;color:#f5f0e6;font-size:13px;resize:vertical}.outfit-form textarea:focus{outline:none;border-color:#d4a056}.image-preview{margin-top:8px;padding:8px;background:#14121080;border-radius:8px;display:inline-block}.image-preview img{max-width:64px;max-height:64px;image-rendering:pixelated}.bonuses-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:12px}.bonuses-grid .form-group{margin-bottom:0}.bonuses-grid label{font-size:11px!important;margin-bottom:4px!important}.bonuses-grid input{padding:8px 10px!important;font-size:12px!important}.form-section{margin-top:16px;padding-top:16px;border-top:1px solid rgba(139,90,43,.2)}.form-section h4{font-size:13px;color:#d4a056;margin:0 0 12px}.pet-bonuses-preview{display:flex;flex-wrap:wrap;gap:4px;margin-top:8px}.pet-bonuses-preview span{font-size:10px;padding:2px 6px;background:#8b5a2b33;border-radius:4px;color:#d4a056}.checkbox-group{display:flex;flex-wrap:wrap;gap:12px}.checkbox-group label{display:flex;align-items:center;gap:6px;cursor:pointer;font-size:12px;color:#d4a056;padding:6px 10px;background:#14121066;border-radius:6px;transition:background .2s}.checkbox-group label:hover{background:#8b5a2b33}.checkbox-group input[type=checkbox]{width:14px;height:14px;accent-color:#d4a056}.exp-desc{font-size:11px;color:#999;margin-top:8px;line-height:1.4}.recruitment-times-card{background:#1e1b18d9;border:1px solid rgba(139,90,43,.25);border-radius:14px;padding:20px;margin-top:20px}.recruitment-times-card h3{margin:0 0 8px;font-size:16px;color:#d4a056}.recruitment-times-card .card-desc{color:#fff9;font-size:13px;margin:0 0 16px}.recruitment-times-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-bottom:16px}@media (max-width: 700px){.recruitment-times-grid{grid-template-columns:1fr}}.recruitment-time-item{background:#14121099;border:1px solid rgba(139,90,43,.2);border-radius:10px;padding:14px}.recruitment-time-item label{display:block;font-size:14px;color:#d4a056;margin-bottom:10px;font-weight:500}.time-input-group{display:flex;align-items:center;gap:8px}.time-input-group input{flex:1;padding:10px 12px;background:#0a090899;border:1px solid rgba(139,90,43,.3);border-radius:8px;color:#fff;font-size:15px;text-align:center;transition:border-color .2s}.time-input-group input:focus{outline:none;border-color:#d4a056}.time-input-group span{color:#ffffff80;font-size:13px;min-width:30px}.settings-card{background:#1e1b1899;border:1px solid rgba(139,90,43,.3);border-radius:12px;padding:24px;margin-bottom:20px}.settings-card h3{margin:0 0 8px;font-size:18px;color:#d4a056}.settings-description{color:#fff9;font-size:14px;margin-bottom:20px}.cooldown-inputs{display:flex;gap:20px;margin-bottom:16px}.cooldown-inputs .input-group{flex:1;max-width:150px}.cooldown-inputs .input-group label{display:block;color:#ffffffb3;font-size:13px;margin-bottom:6px}.cooldown-inputs .input-group input{width:100%;padding:12px 14px;background:#0a090899;border:1px solid rgba(139,90,43,.3);border-radius:8px;color:#fff;font-size:18px;text-align:center;transition:border-color .2s}.cooldown-inputs .input-group input:focus{outline:none;border-color:#d4a056}.cooldown-preview{background:#0a090866;padding:12px 16px;border-radius:8px;margin-bottom:20px;color:#fffc;font-size:14px}.cooldown-preview strong{color:#f0d78c}.info-card{background:#3b82f61a;border:1px solid rgba(59,130,246,.3);border-radius:12px;padding:20px}.info-card h4{margin:0 0 12px;font-size:16px;color:#60a5fa}.info-card ul{margin:0 0 12px;padding-left:20px}.info-card li{color:#fffc;font-size:14px;margin-bottom:6px}.info-card code{background:#0000004d;padding:2px 6px;border-radius:4px;font-family:monospace;color:#f0d78c}.info-card p{margin:0;color:#ffffffb3;font-size:13px}.outfit-shop{padding:1.5rem;max-width:1400px;margin:0 auto}.outfit-shop.loading{display:flex;justify-content:center;align-items:center;min-height:400px;font-size:1.2rem;color:var(--text-secondary)}.shop-header{text-align:center;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:2px solid var(--border-color)}.shop-header h1{font-size:2rem;color:var(--text-primary);margin-bottom:.5rem}.shop-description{color:var(--text-secondary);font-size:1rem;margin-bottom:1rem}.pet-bonuses{display:flex;flex-wrap:wrap;gap:.3rem;justify-content:center;margin-bottom:.5rem}.pet-bonus-tag{font-size:.7rem;padding:.2rem .5rem;border-radius:10px;background:#1eff0026;color:#1eff00;border:1px solid rgba(30,255,0,.3);white-space:nowrap}.preview-bonuses{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;margin-bottom:1rem}.preview-bonuses .pet-bonus-tag{font-size:.85rem;padding:.3rem .7rem}.tibia-coins-balance{display:inline-flex;align-items:center;gap:.5rem;background:linear-gradient(135deg,#2a2a2a,#1a1a1a);padding:.75rem 1.5rem;border-radius:12px;border:2px solid #ffd700;box-shadow:0 0 20px #ffd70033}.coin-icon{font-size:1.5rem}.coin-icon-img{width:24px;height:24px;image-rendering:pixelated}.price-icon-img{width:16px;height:16px;image-rendering:pixelated}.coin-amount{font-size:1.5rem;font-weight:700;color:gold;text-shadow:0 0 10px rgba(255,215,0,.5)}.coin-label{font-size:.9rem;color:var(--text-secondary)}.current-outfit-section{background:linear-gradient(135deg,#a335ee1a,#a335ee0d);border:1px solid rgba(163,53,238,.3);border-radius:12px;padding:1rem 1.5rem;margin-bottom:1.5rem}.current-outfit-section h3{color:#a335ee;margin-bottom:.75rem;font-size:1rem}.current-outfit{display:flex;align-items:center;gap:1rem}.current-outfit-gif{width:64px;height:64px;object-fit:contain;image-rendering:pixelated;background:#0000004d;border-radius:8px;padding:4px}.current-outfit-info{display:flex;flex-direction:column;gap:.5rem}.current-outfit-info .outfit-name{font-weight:700;font-size:1.1rem}.remove-outfit-btn{background:#dc354533;border:1px solid rgba(220,53,69,.5);color:#dc3545;padding:.4rem .8rem;border-radius:6px;cursor:pointer;font-size:.85rem;transition:all .2s ease}.remove-outfit-btn:hover{background:#dc354566;border-color:#dc3545}.shop-filters{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem;flex-wrap:wrap}.filter-label{color:var(--text-secondary);font-weight:500}.filter-buttons{display:flex;gap:.5rem;flex-wrap:wrap}.filter-btn{padding:.5rem 1rem;border-radius:20px;border:1px solid var(--border-color);background:var(--bg-secondary);color:var(--text-secondary);cursor:pointer;transition:all .2s ease;font-size:.85rem}.filter-btn:hover{border-color:var(--rarity-color, var(--text-primary));color:var(--rarity-color, var(--text-primary))}.filter-btn.active{background:var(--rarity-color, var(--primary-color));border-color:var(--rarity-color, var(--primary-color));color:#fff}.outfits-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1.25rem;margin-bottom:2rem}.outfit-card{background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:12px;padding:1rem;position:relative;cursor:pointer;transition:all .3s ease;overflow:hidden}.outfit-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--rarity-color)}.outfit-card:hover{transform:translateY(-4px);border-color:var(--rarity-color);box-shadow:0 8px 25px #0000004d,0 0 20px color-mix(in srgb,var(--rarity-color) 30%,transparent)}.outfit-card.owned{background:linear-gradient(135deg,var(--bg-secondary),rgba(30,255,0,.05))}.outfit-card.selected{border-color:var(--rarity-color);box-shadow:0 0 20px color-mix(in srgb,var(--rarity-color) 40%,transparent)}.outfit-card.unaffordable{opacity:.6}.outfit-card.unaffordable:hover{transform:none}.outfit-rarity-badge{position:absolute;top:8px;left:8px;padding:.2rem .6rem;border-radius:12px;font-size:.7rem;font-weight:700;text-transform:uppercase;background:var(--rarity-color);color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.5)}.owned-badge{position:absolute;top:8px;right:8px;padding:.2rem .6rem;border-radius:12px;font-size:.7rem;font-weight:700;background:#1eff0033;color:#1eff00;border:1px solid rgba(30,255,0,.4)}.selected-badge{position:absolute;top:32px;right:8px;padding:.2rem .6rem;border-radius:12px;font-size:.7rem;font-weight:700;background:#a335ee4d;color:#a335ee;border:1px solid rgba(163,53,238,.5)}.outfit-gif-container{display:flex;justify-content:center;align-items:center;padding:1rem 0;margin-top:1rem}.outfit-gif{width:64px;height:64px;object-fit:contain;image-rendering:pixelated;filter:drop-shadow(0 4px 8px rgba(0,0,0,.3))}.outfit-info{text-align:center}.outfit-info .outfit-name{font-size:1rem;font-weight:700;color:var(--rarity-color);margin-bottom:.25rem}.outfit-description{font-size:.8rem;color:var(--text-secondary);margin-bottom:.75rem;min-height:2.4em;line-height:1.2}.outfit-price{display:flex;justify-content:center;align-items:center;gap:.25rem;margin-bottom:.75rem}.price-icon{font-size:1rem}.price-amount{font-size:1.1rem;font-weight:700;color:gold}.buy-btn,.select-btn{width:100%;padding:.6rem 1rem;border-radius:8px;font-weight:700;cursor:pointer;transition:all .2s ease;border:none;font-size:.9rem}.buy-btn{background:linear-gradient(135deg,gold,#ff9800);color:#000}.buy-btn:hover:not(.disabled):not(:disabled){background:linear-gradient(135deg,#ffdf33,#ffab33);transform:scale(1.02)}.buy-btn.disabled,.buy-btn:disabled{background:#444;color:#888;cursor:not-allowed}.select-btn{background:linear-gradient(135deg,#4caf50,#388e3c);color:#fff}.select-btn:hover:not(.selected):not(:disabled){background:linear-gradient(135deg,#5cbf60,#48a04c);transform:scale(1.02)}.select-btn.selected,.select-btn:disabled{background:linear-gradient(135deg,#a335ee,#8b2cce);cursor:default}.preview-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000d9;display:flex;justify-content:center;align-items:center;z-index:1000;padding:1rem;animation:fadeIn .2s ease}.preview-content{background:var(--bg-secondary);border-radius:16px;padding:2rem;max-width:400px;width:100%;position:relative;text-align:center;border:2px solid var(--border-color);animation:scaleIn .2s ease}@keyframes scaleIn{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}.close-preview{position:absolute;top:1rem;right:1rem;width:32px;height:32px;border-radius:50%;border:none;background:#ffffff1a;color:var(--text-secondary);font-size:1.5rem;cursor:pointer;display:flex;justify-content:center;align-items:center;line-height:1;transition:all .2s ease}.close-preview:hover{background:#fff3;color:var(--text-primary)}.preview-gif-container{padding:2rem;margin-bottom:1rem}.preview-gif{width:128px;height:128px;object-fit:contain;image-rendering:pixelated;filter:drop-shadow(0 8px 16px rgba(0,0,0,.5))}.preview-content h2{font-size:1.5rem;margin-bottom:.25rem}.preview-rarity{text-transform:uppercase;font-size:.85rem;font-weight:700;color:var(--text-secondary);margin-bottom:1rem}.preview-description{color:var(--text-secondary);margin-bottom:1.5rem;line-height:1.4}.preview-price{display:flex;justify-content:center;align-items:center;gap:.5rem;margin-bottom:1.5rem;font-size:1.3rem}.preview-price .price-amount{font-size:1.5rem}.preview-buy-btn,.preview-select-btn{width:100%;padding:1rem;border-radius:10px;font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .2s ease;border:none}.preview-buy-btn{background:linear-gradient(135deg,gold,#ff9800);color:#000}.preview-buy-btn:hover:not(.disabled):not(:disabled){background:linear-gradient(135deg,#ffdf33,#ffab33);transform:scale(1.02)}.preview-buy-btn.disabled,.preview-buy-btn:disabled{background:#444;color:#888;cursor:not-allowed}.preview-select-btn{background:linear-gradient(135deg,#4caf50,#388e3c);color:#fff}.preview-select-btn:hover:not(.selected):not(:disabled){background:linear-gradient(135deg,#5cbf60,#48a04c);transform:scale(1.02)}.preview-select-btn.selected,.preview-select-btn:disabled{background:linear-gradient(135deg,#a335ee,#8b2cce);cursor:default}.shop-info{background:linear-gradient(135deg,#ffd7001a,#ffd7000d);border:1px solid rgba(255,215,0,.3);border-radius:12px;padding:1.5rem}.shop-info h3{color:gold;margin-bottom:.75rem}.shop-info p{color:var(--text-secondary);margin-bottom:1rem;line-height:1.5}.shop-info ul{list-style:none;padding:0;margin:0}.shop-info li{color:var(--text-secondary);padding:.4rem 0 .4rem 1.5rem;position:relative}.shop-info li:before{content:"•";color:gold;position:absolute;left:0;font-weight:700}@media (max-width: 768px){.outfit-shop{padding:1rem}.shop-header h1{font-size:1.5rem}.outfits-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:1rem}.outfit-card{padding:.75rem}.outfit-gif{width:48px;height:48px}.filter-buttons{width:100%;justify-content:flex-start}.filter-btn{padding:.4rem .8rem;font-size:.75rem}}.events-shop-section{padding:1rem 0}.active-events-banner{background:linear-gradient(135deg,#ff8c0026,#ff450026);border:2px solid rgba(255,140,0,.5);border-radius:12px;padding:1.25rem;margin-bottom:1.5rem}.active-events-banner h3{color:#ff8c00;font-size:.85rem;margin:0 0 .75rem;text-transform:uppercase;letter-spacing:1px;text-align:center}.active-events-list{display:flex;flex-direction:column;gap:.5rem;margin-bottom:.75rem}.active-event-item{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.6rem 1rem;background:#0000004d;border-radius:8px}.active-event-item .event-icon{font-size:1.25rem;flex-shrink:0}.active-event-item .event-name{color:#fff;font-weight:600;font-size:.9rem;flex:1}.active-event-item .event-timer{color:#4ade80;font-weight:700;font-size:.8rem;padding:.2rem .6rem;background:#4ade8033;border-radius:12px;white-space:nowrap;flex-shrink:0}.current-multipliers{display:flex;justify-content:center;gap:.5rem;flex-wrap:wrap}.multiplier-badge{padding:.35rem .75rem;border-radius:12px;font-weight:700;font-size:.8rem}.multiplier-badge.gold{background:linear-gradient(135deg,#ffd7004d,#ffc1074d);color:gold;border:1px solid rgba(255,215,0,.5)}.multiplier-badge.xp{background:linear-gradient(135deg,#00bfff4d,#1e90ff4d);color:#00bfff;border:1px solid rgba(0,191,255,.5)}.multiplier-badge.loot{background:linear-gradient(135deg,#8a2be24d,#9400d34d);color:orchid;border:1px solid rgba(138,43,226,.5)}.events-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem;margin-bottom:2rem}.event-card{background:var(--card-bg, rgba(30, 30, 30, .9));border:2px solid var(--border-color, rgba(139, 90, 43, .3));border-radius:12px;padding:1.5rem;transition:all .3s ease}.event-card:hover{border-color:#ff8c0099;transform:translateY(-2px);box-shadow:0 8px 24px #ff8c0026}.event-card.active{border-color:#4ade8099;background:linear-gradient(135deg,rgba(74,222,128,.1),transparent)}.event-card.disabled{opacity:.6}.event-card-header{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.event-icon-large{font-size:2.5rem}.event-card-name{color:#fff;font-size:1.3rem;font-weight:700;margin:0}.event-card-description{color:var(--text-secondary, #888);font-size:.9rem;line-height:1.5;margin-bottom:1rem}.event-card-details{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem;padding:1rem;background:#0003;border-radius:8px}.event-detail{display:flex;justify-content:space-between;align-items:center}.event-detail .detail-label{color:var(--text-secondary, #888);font-size:.85rem}.event-detail .detail-value{color:#fff;font-weight:600;font-size:.9rem}.event-detail .detail-value.highlight{color:#4ade80}.event-detail.active-time{padding-top:.5rem;margin-top:.5rem;border-top:1px solid rgba(255,255,255,.1)}.event-card-footer{display:flex;justify-content:space-between;align-items:center;padding-top:1rem;border-top:1px solid rgba(255,255,255,.1)}.event-price{display:flex;align-items:center;gap:.5rem}.event-price .price-amount{font-size:1.3rem;font-weight:700;color:gold}.buy-event-btn{padding:.75rem 1.5rem;border-radius:8px;font-weight:600;font-size:.95rem;cursor:pointer;transition:all .2s ease;background:linear-gradient(135deg,#ff8c00,#f60);border:none;color:#fff}.buy-event-btn:hover:not(.disabled){background:linear-gradient(135deg,orange,#f70);transform:scale(1.02)}.buy-event-btn.disabled{background:#64646480;color:#888;cursor:not-allowed}.events-info{background:#0003;border:1px solid var(--border-color, rgba(139, 90, 43, .3));border-radius:12px;padding:1.5rem;margin-top:1rem}.events-info h4{color:var(--text-primary, #d4a056);margin-bottom:1rem;font-size:1.1rem}.events-info ul{list-style:none;padding:0;margin:0}.events-info li{color:var(--text-secondary, #888);padding:.5rem 0 .5rem 1.5rem;position:relative;font-size:.9rem}.events-info li:before{content:"•";position:absolute;left:0;color:var(--text-primary, #d4a056)}.events-info li strong{color:#fff}@media (max-width: 768px){.events-grid{grid-template-columns:1fr}.active-event-item{flex-wrap:wrap;justify-content:center;text-align:center}.active-event-item .event-name{flex:none;width:100%;order:1}.active-event-item .event-icon{order:0}.active-event-item .event-timer{order:2}.current-multipliers{gap:.4rem}.multiplier-badge{font-size:.75rem;padding:.3rem .6rem}.event-card-footer{flex-direction:column;gap:1rem}.buy-event-btn{width:100%}}.claim-bonus-row{display:flex;align-items:center;gap:8px;margin:0 12px 12px;padding:10px 14px;width:calc(100% - 24px);box-sizing:border-box;border:1px solid rgba(255,215,0,.3);border-radius:10px;background:linear-gradient(135deg,#ffd70014,#ffa50008);cursor:pointer;transition:all .2s ease;font-family:inherit}.claim-bonus-row.loading{height:36px;background:#ffffff0d;animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.5}50%{opacity:.8}}.claim-bonus-row.ready{border-color:#ffd70080;animation:glow 2s ease-in-out infinite}.claim-bonus-row.ready:hover:not(:disabled){background:linear-gradient(135deg,#ffd70033,#ffa5001a);transform:translateY(-1px)}@keyframes glow{0%,to{box-shadow:0 0 4px #ffd70033}50%{box-shadow:0 0 8px #ffd70066}}.claim-bonus-row.cooldown{opacity:.6;cursor:default;border-color:#ffffff1a;background:#ffffff08}.claim-bonus-row:disabled{cursor:not-allowed}.cb-icon{font-size:14px;flex-shrink:0}.cb-text{font-size:11px;font-weight:600;color:gold;text-transform:uppercase;letter-spacing:.3px}.cb-rewards{display:flex;gap:6px;margin-left:auto;font-size:10px;color:#888}.cb-rewards span{padding:2px 4px;background:#0000004d;border-radius:3px}.cb-timer{margin-left:auto;font-size:11px;font-weight:500;color:#666;font-family:monospace}.claim-bonus-row.captcha-mode{flex-direction:column;padding:10px;cursor:default;position:relative}.captcha-cancel{position:absolute;top:4px;right:4px;width:20px;height:20px;padding:0;border:none;background:#ffffff1a;color:#888;border-radius:50%;cursor:pointer;font-size:12px;line-height:1;transition:all .2s}.captcha-cancel:hover{background:#fff3;color:#fff}.raid-side-panel{position:fixed;top:0;right:0;width:420px;height:100vh;background:linear-gradient(180deg,#141210,#0d0b0a);border-left:3px solid rgba(139,90,43,.5);box-shadow:-12px 0 40px #000000e6,-2px 0 20px #8b5a2b33;z-index:9999;overflow-y:auto;overflow-x:hidden;transform:translate(0);transition:transform .4s cubic-bezier(.4,0,.2,1)}.raid-side-panel.collapsed{transform:translate(calc(100% - 50px))}.collapse-panel-btn{position:absolute;top:20px;left:5px;width:40px;height:40px;background:#141210f2;border:2px solid rgba(139,90,43,.4);border-radius:8px;color:#8b5a2be6;font-size:32px;font-weight:700;cursor:pointer;z-index:10000;display:flex;align-items:center;justify-content:center;transition:all .2s;box-shadow:0 4px 12px #00000080;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);line-height:1;padding-bottom:4px}.collapse-panel-btn:hover{background:#8b5a2b33;border-color:#8b5a2bcc;color:#8b5a2b;transform:scale(1.1);box-shadow:0 6px 20px #8b5a2b4d}.expand-panel-btn{position:absolute;top:20px;left:5px;width:40px;height:40px;background:#141210f2;border:2px solid rgba(139,90,43,.4);border-radius:8px;color:#8b5a2be6;font-size:32px;font-weight:700;cursor:pointer;z-index:10001;display:flex;align-items:center;justify-content:center;transition:all .2s;box-shadow:0 4px 12px #00000080;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);line-height:1;padding-bottom:4px}.expand-panel-btn:hover{background:#8b5a2b33;border-color:#8b5a2bcc;color:#8b5a2b;transform:scale(1.1);box-shadow:0 6px 20px #8b5a2b4d}@keyframes pulse-glow{0%,to{box-shadow:-6px 0 20px #8b5a2b66}50%{box-shadow:-6px 0 30px #8b5a2bb3}}.raid-side-panel .overlay-panel{width:100%;height:auto;min-height:100vh;margin:0;border-radius:0;border:none;background:#14121099;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:none}.raid-side-panel::-webkit-scrollbar{width:10px}.raid-side-panel::-webkit-scrollbar-track{background:#00000080;border-left:1px solid rgba(139,90,43,.1)}.raid-side-panel::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#8b5a2b66,#8b5a2b99);border-radius:5px;border:2px solid rgba(20,18,16,.8)}.raid-side-panel::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#8b5a2b99,#8b5a2bcc)}.raid-side-panel .players-list,.raid-side-panel .exploration-phase,.raid-side-panel .combat-phase,.raid-side-panel .result-phase{background:#14121066;border-radius:12px}.raid-side-panel .player-item,.raid-side-panel .exploration-player,.raid-side-panel .combatant{background:#1e1b18cc;border:1px solid rgba(139,90,43,.2)}.raid-side-panel .player-item:hover,.raid-side-panel .combatant:hover{background:#25221ee6;border-color:#8b5a2b66}.raid-side-panel .boss-combatant{background:#1e1b18e6;border:2px solid rgba(255,71,87,.5);box-shadow:0 4px 16px #ff475733}.raid-side-panel .raid-status{background:#1e1b18cc;border-bottom:1px solid rgba(139,90,43,.2)}.raid-side-panel .boss-name,.raid-side-panel .header-text h2,.raid-side-panel .player-name,.raid-side-panel .combatant-name{text-shadow:0 2px 4px rgba(0,0,0,.8)}.raid-side-panel .combat-arena{background:#1e1b1899;border:1px solid rgba(139,90,43,.3)}.raid-side-panel .combat-log{background:#1e1b1899;border:1px solid rgba(139,90,43,.2)}.raid-side-panel .overlay-header{gap:12px;margin-top:50px;background:linear-gradient(135deg,#8b5a2b26,#14121080);border-bottom:2px solid rgba(139,90,43,.3)}.raid-side-panel .expedition-icon{width:48px;height:48px;border-radius:8px}.raid-side-panel .expedition-icon span{font-size:28px}.raid-side-panel .expedition-icon img{width:36px;height:36px}.raid-side-panel .header-text h2{font-size:10px;margin-bottom:4px}.raid-side-panel .boss-name{font-size:18px}.raid-side-panel .raid-status{padding:12px 16px;font-size:11px}.raid-side-panel .players-list{padding:16px}.raid-side-panel .players-list h3{font-size:10px;margin-bottom:12px}.raid-side-panel .player-item{padding:10px 12px}.raid-side-panel .player-avatar{width:48px;height:48px;margin-right:10px;font-size:14px}.raid-side-panel .player-name{font-size:12px}.raid-side-panel .player-level{font-size:11px;padding:3px 8px}.raid-side-panel .exploration-phase{padding:16px}.raid-side-panel .exploration-header{margin-bottom:16px;padding-bottom:10px}.raid-side-panel .exploration-header h3{font-size:12px}.raid-side-panel .exploration-progress{font-size:11px}.raid-side-panel .exploration-player{padding:8px;min-width:70px}.raid-side-panel .exploration-player-avatar{width:48px;height:48px}.raid-side-panel .exploration-player-name{font-size:9px}.raid-side-panel .exploration-hp-bar{height:16px}.raid-side-panel .exploration-hp-text{font-size:8px;line-height:16px}.raid-side-panel .exploration-current-event{gap:16px;padding:16px}.raid-side-panel .event-number-big{font-size:32px;text-shadow:0 0 20px rgba(139,90,43,.5)}.raid-side-panel .event-message-big{font-size:14px;line-height:1.5;max-width:100%;padding:0 8px}.raid-side-panel .combat-phase{padding:16px}.raid-side-panel .combat-header{margin-bottom:16px;padding-bottom:10px}.raid-side-panel .combat-header h3{font-size:12px}.raid-side-panel .combat-round{font-size:11px;padding:5px 12px}.raid-side-panel .combat-arena{padding:12px;gap:12px}.raid-side-panel .side-label{font-size:9px;margin-bottom:6px}.raid-side-panel .combatant{padding:6px 8px}.raid-side-panel .combatant-avatar{width:48px;height:48px;font-size:12px;margin-bottom:3px}.raid-side-panel .combatant-name{font-size:10px;margin-bottom:4px}.raid-side-panel .hp-bar{height:16px}.raid-side-panel .hp-text{font-size:8px}.raid-side-panel .more-players{font-size:9px;padding:4px}.raid-side-panel .vs-divider{font-size:14px}.raid-side-panel .boss-combatant{padding:10px}.raid-side-panel .boss-icon{width:80px;height:80px;font-size:32px;margin-bottom:6px}.raid-side-panel .boss-combatant .boss-name{font-size:12px;margin-bottom:3px}.raid-side-panel .boss-level{font-size:9px;margin-bottom:8px}.raid-side-panel .boss-hp-bar{height:20px}.raid-side-panel .boss-hp-text{font-size:9px}.raid-side-panel .combat-log{padding:10px 12px;min-height:100px;max-height:140px}.raid-side-panel .combat-log h4{font-size:9px;margin-bottom:8px}.raid-side-panel .log-entry{font-size:9px;padding:5px 6px;line-height:1.2;display:flex;align-items:center;gap:6px}.raid-side-panel .log-entry-avatar{width:20px;height:20px;flex-shrink:0;image-rendering:pixelated;filter:drop-shadow(0 0 2px rgba(255,255,255,.3))}.raid-side-panel .log-entry-text{flex:1}.raid-side-panel .result-phase{padding:24px 16px}.raid-side-panel .result-header{margin-bottom:20px}.raid-side-panel .result-header h2{font-size:20px;margin-bottom:6px}.raid-side-panel .stat-row{padding:10px 12px;font-size:11px}.raid-side-panel .stat-value{font-size:14px}.raid-side-panel .result-message{font-size:12px;margin-bottom:12px}.raid-side-panel .combat-ready{padding:32px 16px}.raid-side-panel .ready-message{font-size:13px;margin-bottom:12px}.raid-side-panel .ready-boss-name{font-size:20px}@media (max-width: 1024px){.raid-side-panel{width:380px;transform:translate(calc(100% - 50px))}.raid-side-panel:not(.collapsed){transform:translate(0)}}@media (max-width: 768px){.raid-side-panel{width:100%;max-width:100vw;transform:translate(calc(100% - 50px))}.raid-side-panel:not(.collapsed){transform:translate(0)}}.idle-phase{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 24px;text-align:center;min-height:400px}.idle-icon{font-size:64px;margin-bottom:20px;animation:idlePulse 3s ease-in-out infinite}@keyframes idlePulse{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}}.idle-title{font-size:20px;font-weight:700;color:var(--accent);margin-bottom:16px;text-transform:uppercase;letter-spacing:1px}.idle-message{font-size:13px;color:var(--text-secondary);line-height:1.6;max-width:320px;margin-bottom:32px}.idle-message strong{color:var(--accent);font-weight:700}.idle-tips{display:flex;flex-direction:column;gap:12px;width:100%;max-width:320px}.tip-item{display:flex;align-items:center;gap:10px;padding:12px 16px;background:#1e1b1899;border:1px solid rgba(139,90,43,.2);border-radius:8px;font-size:12px;color:var(--text-primary);transition:all .2s}.tip-item:hover{background:#1e1b18cc;border-color:#8b5a2b66;transform:translate(4px)}.join-raid-section{padding:16px;background:linear-gradient(135deg,#4caf501a,#1e1b1899);border-top:1px solid rgba(76,175,80,.3);border-bottom:1px solid rgba(76,175,80,.3)}.join-raid-btn{width:100%;padding:14px 20px;background:linear-gradient(135deg,#4caf50,#388e3c);border:2px solid rgba(76,175,80,.6);border-radius:10px;color:#fff;font-size:15px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;transition:all .3s ease;box-shadow:0 4px 15px #4caf504d;text-transform:uppercase;letter-spacing:1px}.join-raid-btn:hover:not(:disabled){background:linear-gradient(135deg,#66bb6a,#43a047);border-color:#4caf50e6;transform:translateY(-2px);box-shadow:0 6px 20px #4caf5066}.join-raid-btn:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 10px #4caf504d}.join-raid-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.join-raid-btn.joining{background:linear-gradient(135deg,#607d8b,#455a64);border-color:#607d8b99}.join-raid-btn .join-icon{font-size:18px}.join-raid-btn .spinner{width:18px;height:18px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.join-status{display:flex;align-items:center;justify-content:center;gap:10px;padding:14px 20px;border-radius:10px;font-size:14px;font-weight:600}.join-status.joined{background:linear-gradient(135deg,#4caf5033,#4caf501a);border:2px solid rgba(76,175,80,.5);color:#81c784}.join-status.joined .join-icon{font-size:20px;color:#4caf50}.join-status.not-logged{background:#ff98001a;border:1px solid rgba(255,152,0,.3);color:#ffb74d;font-size:12px}.join-error{margin-top:10px;padding:10px 14px;background:#f443361a;border:1px solid rgba(244,67,54,.3);border-radius:8px;color:#ef5350;font-size:12px;text-align:center}.player-item.is-current-user{background:#4caf5026!important;border-color:#4caf5066!important}.player-item.is-current-user .player-name{color:#81c784}.skill-bar{margin:12px 0;padding:10px 12px;background:linear-gradient(135deg,#8b5a2b26,#643c1e1a);border:1px solid rgba(139,90,43,.3);border-radius:8px}.skill-bar-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.skill-bar-title{font-size:11px;font-weight:600;color:#d4a84b;text-transform:uppercase;letter-spacing:.5px}.skill-bar-hint{font-size:9px;color:#888;font-style:italic}.skill-buttons{display:flex;gap:8px}.skill-btn{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px 10px;background:linear-gradient(180deg,#3c2814cc,#28190ce6);border:1px solid rgba(139,90,43,.5);border-radius:6px;cursor:pointer;transition:all .2s ease;position:relative;overflow:hidden}.skill-btn:hover:not(:disabled){background:linear-gradient(180deg,#503719e6,#3c2812f2);border-color:#d4a84bb3;transform:translateY(-1px)}.skill-btn:active:not(:disabled){transform:translateY(0)}.skill-btn:disabled{cursor:not-allowed;opacity:.7}.skill-btn.on-cooldown{background:linear-gradient(180deg,#282828cc,#1e1e1ee6);border-color:#6464644d}.skill-btn.pending{background:linear-gradient(180deg,#326432cc,#1e461ee6);border-color:#64c86480;animation:skill-pending-pulse 1s ease-in-out infinite}@keyframes skill-pending-pulse{0%,to{box-shadow:0 0 5px #64c8644d}50%{box-shadow:0 0 15px #64c86480}}.skill-slot{font-size:10px;font-weight:700;color:gold;text-shadow:0 1px 2px rgba(0,0,0,.5)}.skill-name{font-size:11px;font-weight:600;color:#e0d0b0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.skill-cooldown{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:18px;font-weight:700;color:#ff6b6b;text-shadow:0 2px 4px rgba(0,0,0,.8);z-index:1}.skill-btn.on-cooldown .skill-slot,.skill-btn.on-cooldown .skill-name{opacity:.3}.skill-pending{position:absolute;top:2px;right:2px;font-size:10px;color:#4caf50}.skill-btn.chat-only{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;padding:6px 8px;background:linear-gradient(180deg,#283246cc,#192332e6);border:1px solid rgba(100,140,200,.4);border-radius:6px;cursor:help;position:relative;overflow:hidden}.skill-btn.chat-only .skill-slot,.skill-btn.chat-only .skill-name{opacity:.7}.skill-chat-hint{font-size:8px;color:#7eb8ff;text-align:center;line-height:1.2;margin-top:2px;padding:2px 4px;background:#0064c833;border-radius:3px;white-space:nowrap}.survival-phase{padding:15px}.survival-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;padding-bottom:10px;border-bottom:2px solid rgba(34,197,94,.4)}.survival-header h3{margin:0;color:#22c55e;font-size:18px;text-shadow:0 0 10px rgba(34,197,94,.5)}.survival-difficulty{background:linear-gradient(135deg,#22c55e,#16a34a);padding:4px 10px;border-radius:12px;font-size:11px;font-weight:700;color:#fff}.survival-wave-info{background:#1e1b18cc;border:1px solid rgba(34,197,94,.3);border-radius:10px;padding:12px;margin-bottom:12px}.wave-number{font-size:16px;font-weight:700;color:#22c55e;margin-bottom:10px;text-align:center}.current-enemy{margin-top:10px}.enemy-name{font-size:14px;color:#ff6b6b;margin-bottom:6px;font-weight:600}.enemy-hp-bar{position:relative;height:20px;background:#00000080;border-radius:10px;overflow:hidden;border:1px solid rgba(255,107,107,.4)}.enemy-hp-fill{height:100%;background:linear-gradient(90deg,#ef4444,#dc2626);transition:width .3s ease}.enemy-hp-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:11px;font-weight:700;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.8)}.survival-players{background:#1e1b1899;border:1px solid rgba(139,90,43,.3);border-radius:10px;padding:10px;margin-bottom:12px}.survival-players h4{margin:0 0 8px;font-size:13px;color:#fffc}.survival-player-list{display:flex;flex-direction:column;gap:4px;max-height:120px;overflow-y:auto}.survival-player{display:flex;justify-content:space-between;align-items:center;padding:4px 8px;background:#0000004d;border-radius:6px;font-size:12px}.survival-player.dead{opacity:.5;text-decoration:line-through}.survival-player .player-name{color:#ffffffe6}.survival-player .player-hp{color:#22c55e}.survival-player.dead .player-hp{color:#ef4444}.survival-log{background:#0006;border:1px solid rgba(139,90,43,.2);border-radius:8px;padding:8px;max-height:200px;overflow-y:auto;margin-bottom:12px}.survival-log-entry{font-size:11px;padding:3px 6px;border-radius:4px;margin-bottom:2px;color:#fffc}.survival-log-entry.wave{background:#22c55e33;color:#22c55e;font-weight:600}.survival-log-entry.player-attack{color:#60a5fa}.survival-log-entry.enemy-attack{color:#f87171}.survival-log-entry.kill{color:#fbbf24;font-weight:600}.survival-log-entry.death{background:#ef444433;color:#ef4444;font-weight:600}.survival-log-entry.wave-clear{background:#22c55e26;color:#4ade80}.survival-log-entry.end{background:#8b5a2b4d;color:#fbbf24;font-weight:700;font-size:13px;text-align:center}.survival-result{text-align:center;padding:15px;border-radius:12px;margin-top:10px}.survival-result.victory{background:linear-gradient(135deg,#22c55e4d,#16a34a33);border:2px solid rgba(34,197,94,.5)}.survival-result.defeat{background:linear-gradient(135deg,#ef44444d,#dc262633);border:2px solid rgba(239,68,68,.5)}.survival-result h3{margin:0 0 10px;font-size:20px}.survival-result.victory h3{color:#22c55e}.survival-result.defeat h3{color:#ef4444}.survival-result .result-stats{display:grid;grid-template-columns:1fr 1fr;gap:8px;font-size:13px;color:#ffffffe6}.result-phase.survival-result{border:2px solid rgba(34,197,94,.5)}.result-phase.survival-result.defeat{border-color:#ef444480}.result-phase .stat-row.highlight{background:#8b5a2b33;padding:8px 12px;border-radius:8px;margin-top:4px}.result-phase .stat-value.gold{color:#fbbf24;font-weight:700}.result-phase .stat-value.xp{color:#60a5fa;font-weight:700}.combat-phase .survival-wave-indicator{background:linear-gradient(135deg,#22c55e4d,#16a34a33);border:1px solid rgba(34,197,94,.4);border-radius:8px;padding:8px 12px;margin-bottom:12px;text-align:center;font-weight:700;color:#22c55e}.timeattack-phase{padding:16px}.timeattack-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;border-bottom:2px solid rgba(139,90,43,.3)}.timeattack-header h3{margin:0;font-size:20px;color:#f59e0b;text-shadow:0 0 10px rgba(245,158,11,.5)}.timeattack-timer{font-size:28px;font-weight:700;color:#ef4444;background:#ef444426;padding:8px 16px;border-radius:8px;border:1px solid rgba(239,68,68,.3);animation:timer-pulse 1s infinite}@keyframes timer-pulse{0%,to{opacity:1}50%{opacity:.7}}.timeattack-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:16px}.timeattack-stats .stat-box{background:#141210cc;border:1px solid rgba(139,90,43,.3);border-radius:10px;padding:12px 8px;text-align:center}.timeattack-stats .stat-label{display:block;font-size:10px;color:#888;text-transform:uppercase;letter-spacing:1px;margin-bottom:4px}.timeattack-stats .stat-value{display:block;font-size:20px;font-weight:700;color:#c9aa71}.timeattack-stats .stat-box.score{border-color:#f59e0b66}.timeattack-stats .stat-box.score .stat-value{color:#f59e0b}.timeattack-stats .stat-box.combo .stat-value.combo-value{color:#ef4444;text-shadow:0 0 8px rgba(239,68,68,.5)}.timeattack-enemies{margin-bottom:16px}.timeattack-enemies h4{margin:0 0 10px;font-size:13px;color:#888;text-transform:uppercase}.timeattack-enemies .enemy-list{display:flex;flex-direction:column;gap:8px;min-height:100px;max-height:150px;overflow-y:auto}.timeattack-enemy{display:flex;align-items:center;gap:10px;background:#1e1b1899;border:1px solid rgba(139,90,43,.2);border-radius:8px;padding:8px 12px}.timeattack-enemy .enemy-image{width:32px;height:32px;object-fit:contain;image-rendering:pixelated}.timeattack-enemy .enemy-icon{font-size:20px;width:32px;text-align:center}.timeattack-enemy .enemy-name{flex:1;color:#e5c89a;font-weight:500}.timeattack-enemy .enemy-hp-bar{width:80px;height:8px;background:#0006;border-radius:4px;overflow:hidden}.timeattack-enemy .enemy-hp-fill{height:100%;background:linear-gradient(90deg,#ef4444,#dc2626);border-radius:4px;transition:width .2s ease}.timeattack-enemies .no-enemies{color:#666;font-style:italic;text-align:center;padding:16px}.timeattack-players{margin-bottom:16px}.timeattack-players h4{margin:0 0 10px;font-size:13px;color:#888;text-transform:uppercase}.timeattack-players .player-list{display:flex;flex-wrap:wrap;gap:8px}.timeattack-player{display:flex;align-items:center;gap:8px;background:#1e1b1899;border:1px solid rgba(139,90,43,.2);border-radius:8px;padding:6px 10px}.timeattack-player.is-current{border-color:#c9aa7180;background:#c9aa711a}.timeattack-player .player-avatar{width:28px;height:28px;border-radius:50%;object-fit:cover}.timeattack-player .player-name{color:#c9aa71;font-size:13px}.timeattack-log{margin-top:16px}.timeattack-log h4{margin:0 0 10px;font-size:13px;color:#888;text-transform:uppercase}.timeattack-log .log-entries{min-height:120px;max-height:160px;overflow-y:auto;display:flex;flex-direction:column;gap:4px}.timeattack-log .log-entry{font-size:12px;color:#aaa;padding:4px 8px;background:#0003;border-radius:4px}.timeattack-log .log-entry.kill{color:#4ade80}.timeattack-log .log-entry.death{color:#ef4444}.timeattack-log .log-entry .points{color:#f59e0b;font-weight:600}.timeattack-log .log-entry .combo{color:#ef4444;font-weight:700;margin-left:4px}.result-phase.timeattack-result{background:linear-gradient(180deg,#f59e0b26,#141210f2);border-color:#f59e0b66}.result-phase.timeattack-result .result-header h2{color:#f59e0b}.timeattack-stats-final .stat-value.score{color:#f59e0b!important;font-size:24px}.timeattack-stats-final .stat-value.combo{color:#ef4444!important}.timeattack-loot{margin-top:16px;padding:12px;background:#0000004d;border-radius:8px;border:1px solid rgba(245,158,11,.3)}.timeattack-loot h3{margin:0 0 12px;font-size:14px;color:#f59e0b;text-align:center}.loot-grid{display:flex;flex-direction:column;gap:8px}.loot-item{display:flex;align-items:center;gap:10px;padding:8px 10px;background:#0006;border-radius:6px;border:1px solid rgba(139,90,43,.3)}.loot-item.rarity-common{border-color:#9ca3af80}.loot-item.rarity-uncommon{border-color:#22c55e80;background:#22c55e1a}.loot-item.rarity-rare{border-color:#3b82f680;background:#3b82f61a}.loot-item.rarity-epic{border-color:#a855f780;background:#a855f726}.loot-item.rarity-legendary{border-color:#fbbf2499;background:#fbbf2426;box-shadow:0 0 10px #fbbf244d}.loot-image{width:36px;height:36px;object-fit:contain;image-rendering:pixelated}.loot-info{display:flex;flex-direction:column;gap:2px}.loot-name{font-size:13px;font-weight:700;color:#e5e5e5}.loot-item.rarity-legendary .loot-name{color:#fbbf24}.loot-item.rarity-epic .loot-name{color:#a855f7}.loot-item.rarity-rare .loot-name{color:#3b82f6}.loot-item.rarity-uncommon .loot-name{color:#22c55e}.loot-player{font-size:11px;color:#888}.mining-phase{padding:16px}.mining-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;border-bottom:2px solid rgba(139,90,43,.4)}.mining-header h3{margin:0;font-size:22px;color:#cd7f32;text-shadow:0 0 12px rgba(205,127,50,.6)}.mining-timer{font-size:28px;font-weight:700;color:#f59e0b;background:#f59e0b26;padding:8px 16px;border-radius:8px;border:1px solid rgba(245,158,11,.3);animation:timer-pulse 1s infinite}.mining-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:16px}.mining-stats .stat-box{background:#141210cc;border:1px solid rgba(139,90,43,.3);border-radius:10px;padding:12px 8px;text-align:center}.mining-stats .stat-label{display:block;font-size:10px;color:#888;text-transform:uppercase;letter-spacing:1px;margin-bottom:4px}.mining-stats .stat-value{display:block;font-size:20px;font-weight:700;color:#c9aa71}.mining-stats .stat-box.gold{border-color:#f59e0b66}.mining-stats .stat-box.gold .stat-value{color:#f59e0b}.mining-stats .stat-box.obelisks{border-color:#8b5a2b80}.mining-stats .stat-box.gems{border-color:#a855f766}.mining-stats .stat-box.gems .stat-value.gem-value{color:#a855f7;text-shadow:0 0 8px rgba(168,85,247,.5)}.mining-obelisk-section{margin-bottom:16px}.mining-obelisk-section h4{margin:0 0 10px;font-size:13px;color:#888;text-transform:uppercase}.mining-current-obelisk{display:flex;align-items:center;gap:14px;background:linear-gradient(135deg,#8b5a2b33,#141210cc);border:2px solid rgba(139,90,43,.4);border-radius:12px;padding:14px;animation:obelisk-glow 2s infinite}@keyframes obelisk-glow{0%,to{box-shadow:0 0 15px #8b5a2b4d}50%{box-shadow:0 0 25px #8b5a2b80}}.obelisk-icon{width:64px;height:64px;display:flex;align-items:center;justify-content:center}.obelisk-icon img{width:100%;height:100%;object-fit:contain;image-rendering:pixelated}.obelisk-icon .obelisk-emoji{font-size:48px}.obelisk-info{flex:1}.obelisk-name{font-size:16px;font-weight:700;color:#e5c89a;margin-bottom:4px}.obelisk-rewards{display:flex;gap:12px;font-size:12px;margin-bottom:8px}.obelisk-rewards .gold-reward{color:#f59e0b}.obelisk-rewards .gem-chance{color:#a855f7}.obelisk-hp-bar{height:20px;background:#00000080;border-radius:10px;overflow:hidden;position:relative;border:1px solid rgba(139,90,43,.3)}.obelisk-hp-fill{height:100%;background:linear-gradient(90deg,#cd7f32,#8b5a2b);border-radius:10px;transition:width .3s ease}.obelisk-hp-text{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:600;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.8)}.no-obelisk{text-align:center;color:#22c55e;font-size:16px;font-weight:600;padding:20px;background:#22c55e1a;border-radius:10px;border:1px solid rgba(34,197,94,.3)}.mining-obelisk-progress{display:flex;justify-content:center;gap:12px;margin-bottom:16px}.obelisk-dot{width:32px;height:32px;border-radius:50%;background:#8b5a2b4d;border:2px solid rgba(139,90,43,.5);display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;color:#888;transition:all .3s}.obelisk-dot.current{background:#f59e0b4d;border-color:#f59e0b;color:#f59e0b;animation:current-obelisk-pulse 1.5s infinite;box-shadow:0 0 15px #f59e0b66}@keyframes current-obelisk-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.obelisk-dot.destroyed{background:#22c55e4d;border-color:#22c55e;color:#22c55e}.mining-players{margin-bottom:16px}.mining-players h4{margin:0 0 10px;font-size:13px;color:#888;text-transform:uppercase}.mining-players .player-list{display:flex;flex-wrap:wrap;gap:8px}.mining-player{display:flex;align-items:center;gap:8px;background:#1e1b1899;border:1px solid rgba(139,90,43,.2);border-radius:8px;padding:6px 10px}.mining-player.is-current{border-color:#c9aa7180;background:#c9aa711a}.mining-player .player-avatar{width:28px;height:28px;border-radius:50%;object-fit:cover}.mining-player .player-name{color:#c9aa71;font-size:13px}.mining-player .player-attack{color:#ef4444;font-size:11px;font-weight:600}.mining-log{margin-top:16px}.mining-log h4{margin:0 0 10px;font-size:13px;color:#888;text-transform:uppercase}.mining-log .log-entries{min-height:100px;max-height:140px;overflow-y:auto;display:flex;flex-direction:column;gap:4px}.mining-log .log-entry{font-size:12px;color:#aaa;padding:6px 10px;background:#0003;border-radius:6px}.mining-log .log-entry.obelisk-destroyed{color:#22c55e;background:#22c55e1a;border:1px solid rgba(34,197,94,.3)}.mining-log .log-entry.obelisk-destroyed .gold{color:#f59e0b;font-weight:600}.mining-log .log-entry.gem-drop{color:#a855f7;background:#a855f71a;border:1px solid rgba(168,85,247,.3);font-weight:600}.mining-log .log-entry.next-obelisk{color:#cd7f32}.result-phase.mining-result{background:linear-gradient(180deg,#8b5a2b33,#141210f2);border-color:#8b5a2b80}.result-phase.mining-result .result-header h2{color:#cd7f32;text-shadow:0 0 15px rgba(205,127,50,.5)}.mining-stats-final .stat-value.gold{color:#f59e0b!important;font-size:24px}.mining-stats-final .stat-value.gem{color:#a855f7!important}.stat-row.gold-per-player{background:linear-gradient(135deg,#22c55e33,#16a34a26)!important;border:1px solid rgba(34,197,94,.4);margin-top:8px}.stat-row.gold-per-player .stat-value{color:#4ade80!important;font-size:18px}.mining-split-info{text-align:center;font-size:11px;color:#fff9;padding:8px;margin-top:8px;border-top:1px solid rgba(139,90,43,.3);font-style:italic}.stat-value.bonus{color:#4ade80;font-weight:600}.gem-drops-section{margin-top:16px;padding:12px;background:#a855f71a;border-radius:10px;border:1px solid rgba(168,85,247,.3)}.gem-drops-section h3{margin:0 0 12px;font-size:14px;color:#a855f7;text-align:center}.gem-drops-list{display:flex;flex-direction:column;gap:6px}.gem-drop-item{display:flex;align-items:center;gap:8px;padding:8px 10px;background:#0000004d;border-radius:6px;font-size:13px}.gem-drop-item .gem-player{color:#c9aa71;font-weight:500}.gem-drop-item .gem-arrow{color:#666}.gem-drop-item .gem-name{color:#a855f7;font-weight:600}.puzzle-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#0a0806f2;z-index:100;display:flex;align-items:center;justify-content:center;animation:puzzleFadeIn .3s ease-out;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}@keyframes puzzleFadeIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.puzzle-overlay.solved{background:#0a320af2;animation:puzzleSolved .5s ease-out}.puzzle-overlay.failed{background:#320a0af2;animation:puzzleFailed .5s ease-out}@keyframes puzzleSolved{0%{background:#0a320a80}50%{background:#146414f2}to{background:#0a320af2}}@keyframes puzzleFailed{0%,20%,40%,60%,80%,to{background:#320a0af2}10%,30%,50%,70%,90%{background:#641414f2}}.puzzle-content{text-align:center;padding:30px;max-width:350px}.puzzle-icon{font-size:64px;margin-bottom:15px;animation:puzzlePulse 1s infinite}.puzzle-icon.success{animation:none;color:#4ade80}.puzzle-icon.failed{animation:puzzleShake .5s ease-out;color:#ef4444}@keyframes puzzlePulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@keyframes puzzleShake{0%,to{transform:translate(0)}20%,60%{transform:translate(-10px)}40%,80%{transform:translate(10px)}}.puzzle-title{font-size:28px;font-weight:800;color:#fbbf24;text-transform:uppercase;letter-spacing:3px;margin-bottom:15px;text-shadow:0 0 20px rgba(251,191,36,.5)}.puzzle-title.success{color:#4ade80;text-shadow:0 0 20px rgba(74,222,128,.5)}.puzzle-title.failed{color:#ef4444;text-shadow:0 0 20px rgba(239,68,68,.5)}.puzzle-timer{margin-bottom:20px}.puzzle-timer span{font-size:48px;font-weight:900;color:#fbbf24;text-shadow:0 0 30px rgba(251,191,36,.7)}.puzzle-timer span.urgent{color:#ef4444;animation:timerUrgent .5s infinite;text-shadow:0 0 30px rgba(239,68,68,.7)}@keyframes timerUrgent{0%,to{transform:scale(1);color:#ef4444}50%{transform:scale(1.1);color:#ff6b6b}}.puzzle-question{font-size:18px;color:#e8dcc8;line-height:1.5;margin-bottom:20px;padding:15px;background:#8b5a2b33;border:1px solid rgba(139,90,43,.4);border-radius:8px}.puzzle-hint{font-size:14px;color:#a89070}.puzzle-hint strong{color:#fbbf24;font-family:monospace;background:#8b5a2b4d;padding:2px 8px;border-radius:4px}.puzzle-solver{font-size:18px;color:#4ade80;margin-top:10px}.puzzle-answer{font-size:16px;color:#a89070;margin-top:10px}.puzzle-answer strong{color:#fbbf24}.puzzle-damage-warning{font-size:16px;color:#ef4444;margin-top:15px;font-weight:600;animation:damageWarningPulse .5s infinite}@keyframes damageWarningPulse{0%,to{opacity:1}50%{opacity:.5}}:root{--bg-primary: #141210;--bg-secondary: #1e1b18;--bg-tertiary: #252220;--accent: #d4a056;--accent-dark: #8b5a2b;--text-primary: #f5f0e6;--text-secondary: #a89f94;--border: rgba(139, 90, 43, .4);--border-light: rgba(139, 90, 43, .25);--success: #6ab04c;--danger: #c9544d;--warning: #d4a056}body{font-family:-apple-system,BlinkMacSystemFont,Inter,Segoe UI,sans-serif;background:var(--bg-primary);color:var(--text-primary)}.hub-container{min-height:100vh;background:var(--bg-primary)}.loading-screen{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px}.loading-spinner{width:48px;height:48px;border:3px solid var(--bg-tertiary);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading-screen p{color:var(--text-secondary);font-size:14px;letter-spacing:.5px}.login-screen{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 24px;gap:40px}.login-card{width:100%;max-width:480px;background:#1e1b18fa;border:1px solid var(--border);border-radius:20px;padding:48px 40px;-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);box-shadow:0 30px 90px #000000b3,0 0 1px 1px #8b5a2b33;animation:slideUp .4s}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.login-header{text-align:center;margin-bottom:32px}.login-logo{max-width:100%;height:auto;max-height:120px;margin-bottom:16px;filter:drop-shadow(0 4px 12px rgba(0,0,0,.4))}.login-header h1{font-size:28px;font-weight:700;letter-spacing:-.5px;margin-bottom:8px}.login-header p{font-size:14px;color:var(--text-secondary);text-transform:uppercase;letter-spacing:1px;font-weight:600}.login-description{font-size:15px;line-height:1.6;color:var(--text-secondary);text-align:center;margin-bottom:24px}.kick-login-btn{display:flex;align-items:center;justify-content:center;gap:12px;padding:16px 32px;background:linear-gradient(145deg,#8b5a2b,#6b4423);color:var(--text-primary);border:none;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s;box-shadow:0 4px 20px #8b5a2b66;margin:0 auto;width:fit-content}.kick-login-btn:hover{transform:translateY(-2px);box-shadow:0 6px 30px #8b5a2b99;background:linear-gradient(145deg,#a0673a,#7d5029)}.guide-link{display:block;text-align:center;margin-top:16px;color:#c9aa71;font-size:14px;text-decoration:none;transition:color .2s ease}.guide-link:hover{color:#f4d483;text-decoration:underline}.dev-login-section{margin-top:24px;padding-top:24px;border-top:1px dashed rgba(255,165,2,.3)}.dev-login-divider{text-align:center;margin-bottom:16px}.dev-login-divider span{background:var(--bg-secondary);padding:4px 12px;border-radius:4px;font-size:11px;font-weight:700;color:var(--warning);letter-spacing:1px;border:1px dashed var(--warning)}.dev-login-form{display:flex;gap:8px}.dev-login-input{flex:1;padding:12px 16px;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:8px;color:var(--text-primary);font-size:14px;outline:none;transition:border-color .2s}.dev-login-input:focus{border-color:var(--warning)}.dev-login-input::placeholder{color:var(--text-secondary)}.dev-login-btn{padding:12px 20px;background:var(--warning);color:#000;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;white-space:nowrap}.dev-login-btn:hover:not(:disabled){background:#ffb733;transform:translateY(-1px)}.dev-login-btn:disabled{opacity:.5;cursor:not-allowed}.login-footer{margin-top:24px;padding-top:24px;border-top:1px solid var(--border)}.security-note{display:flex;align-items:center;justify-content:center;gap:8px;font-size:12px;color:var(--text-secondary)}.login-footer-credits{margin-top:40px;text-align:center;padding-top:24px;border-top:1px solid var(--border)}.login-footer-credits p{font-size:13px;color:var(--text-secondary);margin-bottom:8px}.login-footer-credits a{color:var(--accent);text-decoration:none;transition:color .2s}.login-footer-credits a:hover{color:#53fc18;text-decoration:underline}.kick-channel-link{display:inline-block;font-size:14px;font-weight:600;padding:8px 16px;background:#53fc181a;border:1px solid var(--accent);border-radius:6px;margin-top:8px}.kick-channel-link:hover{background:#53fc1833}.hub-container.logged-in{display:grid;grid-template-columns:280px 1fr;min-height:100vh;transition:grid-template-columns .3s ease}.hub-container.logged-in.sidebar-collapsed{grid-template-columns:0 1fr}.hub-sidebar{background:var(--bg-secondary);border-right:1px solid var(--border);display:flex;flex-direction:column;height:100vh;position:sticky;top:0;transition:width .3s ease,transform .3s ease,opacity .3s ease}.hub-sidebar.collapsed{width:0!important;min-width:0!important;overflow:hidden;opacity:0;pointer-events:none;border-right:none}.sidebar-header{padding:20px 16px;border-bottom:1px solid var(--border);display:flex;justify-content:center}.sidebar-logo{max-width:100%;height:auto;max-height:60px;filter:drop-shadow(0 2px 8px rgba(0,0,0,.3))}.sidebar-header h2{font-size:18px;font-weight:700;color:var(--accent)}.user-profile{padding:24px;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:16px}.user-avatar{width:48px;height:48px;background:linear-gradient(135deg,var(--bg-tertiary),var(--bg-primary));border:2px solid var(--border);border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:700;color:var(--accent)}.user-details{flex:1}.user-name{font-size:14px;font-weight:600;margin-bottom:8px}.logout-btn{display:flex;align-items:center;gap:6px;padding:6px 12px;background:transparent;border:1px solid var(--border);border-radius:6px;color:var(--text-secondary);font-size:12px;cursor:pointer;transition:all .2s}.logout-btn:hover{background:var(--bg-tertiary);color:var(--text-primary)}.hub-nav{padding:16px 12px;display:flex;flex-direction:column;gap:4px}.nav-item{display:flex;align-items:center;gap:12px;padding:12px 16px;background:transparent;border:1px solid transparent;border-radius:10px;color:var(--text-secondary);font-size:14px;cursor:pointer;transition:all .2s;text-align:left}.nav-item:hover{background:var(--bg-tertiary);color:var(--text-primary)}.nav-item.active{background:var(--bg-tertiary);border-color:var(--border);color:var(--accent)}.sidebar-footer{margin-top:auto;padding:12px 0 16px}.sidebar-events-section{margin:0 12px 12px;padding:14px 16px;background:#8b5a2b0d;border:1px solid var(--border);border-radius:10px}.sidebar-events-section.has-events{background:#8b5a2b14;border-color:#8b5a2b4d}.events-section-header{display:flex;align-items:center;gap:8px;margin-bottom:12px;padding-bottom:10px;border-bottom:1px solid rgba(139,90,43,.15)}.events-section-title{font-size:11px;font-weight:700;color:#9d8553;text-transform:uppercase;letter-spacing:.5px;flex:1}.events-count-badge{display:flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;background:linear-gradient(135deg,#d4a056,#9d8553);color:#1a1a1a;font-size:11px;font-weight:700;border-radius:10px;box-shadow:0 2px 4px #0000004d}.sidebar-events-icons{display:flex;flex-wrap:wrap;gap:8px}.event-icon-wrapper{position:relative}.event-icon-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;font-size:20px;background:linear-gradient(135deg,#8b5a2b33,#8b5a2b1a);border:2px solid rgba(139,90,43,.5);border-radius:8px;cursor:pointer;transition:all .2s ease;animation:eventIconGlow 3s ease-in-out infinite}.event-icon-btn:hover{transform:scale(1.1);border-color:#8b5a2bcc;box-shadow:0 0 12px #8b5a2b80}@keyframes eventIconGlow{0%,to{box-shadow:0 0 6px #8b5a2b33}50%{box-shadow:0 0 12px #8b5a2b66}}.event-tooltip{position:absolute;bottom:calc(100% + 8px);left:0;min-width:160px;max-width:200px;background:#141210fa;border:1px solid rgba(139,90,43,.6);border-radius:8px;padding:10px 12px;opacity:0;visibility:hidden;transition:all .2s ease;z-index:1000;box-shadow:0 4px 16px #0009;pointer-events:none;white-space:nowrap}.event-tooltip:after{content:"";position:absolute;top:100%;left:14px;border:6px solid transparent;border-top-color:#8b5a2b99}.event-icon-wrapper:hover .event-tooltip{opacity:1;visibility:visible}.event-tooltip-header{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px;padding-bottom:6px;border-bottom:1px solid rgba(139,90,43,.3)}.event-tooltip-name{font-size:12px;font-weight:700;color:#d4a056}.event-tooltip-timer{font-size:11px;font-weight:600;color:#fff;background:#8b5a2b4d;padding:2px 6px;border-radius:4px}.event-tooltip-multipliers{display:flex;flex-direction:column;gap:4px}.event-tooltip-multipliers .mult{font-size:11px;font-weight:600;padding:3px 6px;border-radius:4px}.event-tooltip-multipliers .mult.gold{color:#d4a056;background:#8b5a2b26}.event-tooltip-multipliers .mult.xp{color:#10b981;background:#10b98126}.event-tooltip-multipliers .mult.loot{color:#a78bfa;background:#9333ea26}.no-active-events{font-size:11px;color:#666;font-style:italic;text-align:center;padding:12px 8px;background:#14121080;border-radius:6px;border:1px dashed rgba(139,90,43,.2)}.sidebar-divider{height:1px;margin:0 24px 12px;background:linear-gradient(90deg,transparent,rgba(139,90,43,.4),transparent)}.stream-link{display:flex;align-items:center;gap:12px;margin:0 12px;padding:12px 16px;background:#8b5a2b0d;border:1px solid var(--border);border-radius:10px;color:var(--text-secondary);text-decoration:none;transition:all .2s}.stream-link:hover{background:#8b5a2b1a;border-color:var(--accent);transform:translateY(-2px);box-shadow:0 4px 12px #8b5a2b33}.stream-link svg:first-child{color:var(--accent);flex-shrink:0}.stream-info{flex:1;display:flex;flex-direction:column;gap:2px}.stream-label{font-size:11px;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;font-weight:600}.stream-name{font-size:14px;color:var(--accent);font-weight:700}.stream-link svg:last-child{color:var(--text-secondary);flex-shrink:0;opacity:.5;transition:opacity .2s}.stream-link:hover svg:last-child{opacity:1}.hub-main{overflow-y:auto;max-height:100vh}.hub-main.no-padding{padding:0}.hub-main::-webkit-scrollbar{width:8px}.hub-main::-webkit-scrollbar-track{background:transparent}.hub-main::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}.dashboard h1{font-size:32px;font-weight:700;margin-bottom:32px;letter-spacing:-.5px}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;margin-bottom:32px}.stat-card{background:var(--bg-secondary);border:1px solid var(--border);border-radius:16px;padding:24px;transition:all .2s}.stat-card:hover{border-color:var(--accent);box-shadow:0 4px 20px #8b5a2b1a}.stat-label{font-size:13px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}.stat-value{font-size:28px;font-weight:700;color:var(--accent)}.progress-bar{margin-top:12px;height:8px;background:var(--bg-tertiary);border-radius:4px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,var(--accent),var(--success));transition:width .3s}.stats-section{background:var(--bg-secondary);border:1px solid var(--border);border-radius:16px;padding:32px}.stats-section h2{font-size:20px;font-weight:700;margin-bottom:24px}.stats-list{display:grid;gap:16px}.stat-item{display:flex;justify-content:space-between;align-items:center;padding:16px;background:var(--bg-tertiary);border-radius:12px;border:1px solid transparent;transition:all .2s}.stat-item:hover{border-color:var(--border)}.stat-item span{color:var(--text-secondary);font-size:14px}.stat-item strong{color:var(--accent);font-size:18px}.inventory-page h1,.leaderboard-page h1{padding:24px;font-size:32px;font-weight:700;margin-bottom:32px;letter-spacing:-.5px}.equipment-stats{display:flex;gap:24px;padding:20px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:16px}.equipment-stats .stat{color:var(--text-secondary);font-size:14px}.equipment-stats strong{color:var(--accent);font-size:18px;font-weight:700;margin-left:8px}.equipment-grid h2,.inventory-list h2{font-size:20px;font-weight:700}.equipped-slots{display:grid;grid-template-columns:repeat(3,64px);gap:8px;justify-content:center;margin:16px 0}.equipment-slot{width:64px;height:64px;background:#14121080;border:2px solid rgba(139,90,43,.3);border-radius:8px;display:flex;align-items:center;justify-content:center;position:relative;cursor:pointer;transition:all .2s}.equipment-slot:hover:not(.empty-slot){border-color:#8b5a2bcc;box-shadow:0 0 12px #8b5a2b4d;transform:translateY(-2px)}.equipment-slot.empty-slot{opacity:.3;cursor:default;border-style:dashed}.equipment-slot.empty-slot:hover{transform:none;border-color:#8b5a2b4d;box-shadow:none}.equipment-slot .item-image{width:56px;height:56px;object-fit:contain;image-rendering:pixelated}.slot-label{font-size:11px;font-weight:600;text-transform:uppercase;color:var(--text-secondary);letter-spacing:.5px;margin-bottom:12px}.equipped-item{cursor:pointer}.equipped-item:hover{opacity:.8}.empty-slot{color:var(--text-secondary);font-size:13px;text-align:center;padding:24px;border:1px dashed var(--border);border-radius:8px}.items-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:3px}.inventory-item{background:var(--bg-secondary);border:1px solid var(--border);border-radius:12px;padding:20px;transition:all .2s}.inventory-item:hover{border-color:var(--accent);box-shadow:0 4px 20px #8b5a2b1a}.item-header{display:flex;justify-content:space-between;align-items:start;margin-bottom:12px}.item-name{font-size:15px;font-weight:600;color:var(--text-primary)}.item-rarity{font-size:11px;font-weight:600;text-transform:uppercase;padding:4px 8px;border-radius:4px;letter-spacing:.5px}.item-rarity.rarity-common,.rarity-common{background:#9ca3af33;color:#9ca3af}.item-rarity.rarity-uncommon,.rarity-uncommon{background:#10b98133;color:#10b981}.item-rarity.rarity-rare,.rarity-rare{background:#3b82f633;color:#3b82f6}.item-rarity.rarity-epic,.rarity-epic{background:#a855f733;color:#a855f7}.item-rarity.rarity-legendary,.rarity-legendary{background:#f59e0b33;color:#f59e0b}.item-rarity.rarity-mythic,.rarity-mythic{background:#dc262640;color:#ef4444;text-shadow:0 0 10px rgba(239,68,68,.5)}.item-stats{display:flex;gap:12px;margin-bottom:12px;color:var(--text-secondary);font-size:13px}.equip-btn,.unequip-btn{width:100%;padding:10px;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:8px;color:var(--accent);font-size:13px;font-weight:600;cursor:pointer;transition:all .2s}.equip-btn:hover,.unequip-btn:hover{background:var(--accent);color:var(--bg-primary)}.category-tabs{display:flex;gap:8px;margin-bottom:32px;flex-wrap:wrap}.category-tabs button{padding:12px 24px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:10px;color:var(--text-secondary);font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.category-tabs button:hover{background:var(--bg-tertiary);color:var(--text-primary)}.category-tabs button.active{background:var(--accent);color:var(--bg-primary);border-color:var(--accent)}.leaderboard-table{background:var(--bg-secondary);border:1px solid var(--border);border-radius:16px;overflow:hidden}.table-header,.table-row{display:grid;grid-template-columns:60px 1fr 120px 80px 100px;padding:16px 24px;align-items:center;gap:16px}.table-header{background:var(--bg-tertiary);border-bottom:1px solid var(--border);font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--text-secondary)}.table-row{border-bottom:1px solid var(--border);transition:all .2s}.table-row:last-child{border-bottom:none}.table-row:hover{background:var(--bg-tertiary)}.col-rank{font-size:20px;text-align:center}.rank{display:inline-block;font-weight:700}.rank-1,.rank-2,.rank-3{font-size:24px}.col-name{font-weight:600;color:var(--text-primary)}.col-vocation{color:var(--text-secondary);font-size:13px}.col-level{color:var(--accent);font-weight:700;font-size:16px}.col-stat{color:var(--text-primary);font-weight:600;text-align:right}.no-data,.loading,.error{padding:48px;text-align:center;color:var(--text-secondary)}.error{color:var(--danger)}@media (max-width: 768px){.hub-container.logged-in{grid-template-columns:1fr}.hub-sidebar{position:relative;height:auto}.stats-grid{grid-template-columns:1fr}.table-header,.table-row{grid-template-columns:50px 1fr 80px}.col-vocation,.col-stat{display:none}}.commands-section{width:100%;max-width:800px;padding:32px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:12px}.commands-section h3{color:var(--text-primary);font-size:22px;font-weight:600;text-align:center;margin-bottom:24px;letter-spacing:.5px}.commands-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.command-item{display:flex;flex-direction:column;gap:8px;padding:16px;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:8px;transition:all .2s ease}.command-item:hover{border-color:var(--accent);transform:translateY(-2px);box-shadow:0 4px 12px #8b5a2b26}.command-item code{color:var(--accent);background:#8b5a2b1a;padding:6px 12px;border-radius:6px;border:1px solid var(--border);font-family:Courier New,monospace;font-size:15px;font-weight:600;letter-spacing:.5px}.command-item span{color:var(--text-secondary);font-size:13px;line-height:1.4}.pagination-controls{display:flex;align-items:center;justify-content:center;gap:24px;margin-top:32px;padding:20px}.pagination-btn{padding:10px 20px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:8px;color:var(--text-primary);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.pagination-btn:hover:not(:disabled){background:var(--primary);border-color:var(--primary);transform:translateY(-2px)}.pagination-btn:disabled{opacity:.4;cursor:not-allowed}.pagination-info{font-size:14px;color:var(--text-secondary);display:flex;flex-direction:column;align-items:center;gap:4px}.total-count{font-size:12px;color:var(--text-tertiary)}@media (max-width: 768px){.login-screen{padding:24px 16px;gap:24px}.login-card{padding:32px 24px}.commands-section{padding:24px 16px}.commands-grid{grid-template-columns:1fr}.pagination-controls{flex-direction:column;gap:16px}.pagination-btn{width:100%}}.item-container,.inventory-item-wrapper .item-with-tooltip{position:relative}.item-sell-btn{position:absolute;bottom:-5px;right:-20px;padding:4px 8px;background:#8b5a2be6;border:1px solid rgba(139,90,43,.5);border-radius:4px;color:#fff;font-size:11px;font-weight:600;cursor:pointer;transition:all .2s;z-index:10;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.item-sell-btn:hover{background:#c5ad7b;border-color:#c5ad7bcc;transform:scale(1.05);box-shadow:0 2px 8px #8b5a2b66}.guide-page{min-height:100vh;background:linear-gradient(135deg,#141210,#1e1b18);display:flex;flex-direction:column}.guide-header{display:flex;align-items:center;justify-content:space-between;padding:16px 32px;background:#0000004d;border-bottom:1px solid rgba(139,90,43,.3)}.guide-back-link{display:flex;align-items:center;gap:8px;color:#c9aa71;text-decoration:none;font-size:14px;transition:color .2s ease}.guide-back-link:hover{color:#f4d483}.guide-logo{height:40px;width:auto}.guide-content{flex:1;overflow-y:auto}.guide-content .how-it-works{min-height:auto;padding:24px 32px}.guide-content .how-it-works-header{margin-bottom:24px;padding-bottom:16px}.guide-content .how-it-works-header h1{font-size:28px}.guide-footer{display:flex;align-items:center;justify-content:space-between;padding:16px 32px;background:#0000004d;border-top:1px solid rgba(139,90,43,.3)}.guide-footer p{color:#fff9;font-size:13px;margin:0}.guide-footer a{color:#d4a056;text-decoration:none}.guide-footer a:hover{text-decoration:underline}.guide-play-btn{display:inline-flex;align-items:center;gap:8px;background:linear-gradient(135deg,#d4a056,#8b5a2b);color:#1a1816;padding:10px 24px;border-radius:6px;font-weight:600;font-size:14px;text-decoration:none;transition:all .2s ease}.guide-play-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #d4a0564d}@media (max-width: 768px){.guide-header{padding:12px 16px}.guide-logo{height:32px}.guide-back-link{font-size:13px}.guide-footer{flex-direction:column;gap:12px;padding:16px}.guide-content .how-it-works{padding:16px}}.toast-container{position:fixed;top:20px;right:20px;z-index:9999;display:flex;flex-direction:column;gap:12px;pointer-events:none}.toast{display:flex;align-items:center;gap:12px;padding:14px 18px;min-width:300px;max-width:450px;background:#0f172af2;border-radius:8px;border:1px solid;box-shadow:0 8px 24px #0006;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);pointer-events:all;animation:toast-enter .3s cubic-bezier(.34,1.56,.64,1);transition:all .3s ease}.toast-exit{animation:toast-exit .3s ease forwards;opacity:0;transform:translate(100%)}@keyframes toast-enter{0%{opacity:0;transform:translate(100%) scale(.9)}to{opacity:1;transform:translate(0) scale(1)}}@keyframes toast-exit{0%{opacity:1;transform:translate(0) scale(1)}to{opacity:0;transform:translate(100%) scale(.9)}}.toast-icon{width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;flex-shrink:0}.toast-message{flex:1;font-size:14px;line-height:1.4;color:#e2e8f0;font-weight:500}.toast-close{width:24px;height:24px;border-radius:4px;border:none;background:#ffffff1a;color:#cbd5e1;font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;flex-shrink:0}.toast-close:hover{background:#fff3;color:#fff}.toast-success{border-color:#0f8;background:linear-gradient(135deg,#00ff881a,#0f172af2)}.toast-success .toast-icon{background:linear-gradient(135deg,#0f8,#d4a056);color:#1e1b18}.toast-error{border-color:#ff4757;background:linear-gradient(135deg,#ff47571a,#0f172af2)}.toast-error .toast-icon{background:linear-gradient(135deg,#ff4757,#ff6b81);color:#fff}.toast-warning{border-color:#ffa502;background:linear-gradient(135deg,#ffa5021a,#0f172af2)}.toast-warning .toast-icon{background:linear-gradient(135deg,#ffa502,#ffb833);color:#1e1b18}.toast-info{border-color:#d4a056;background:linear-gradient(135deg,#8b5a2b1a,#0f172af2)}.toast-info .toast-icon{background:linear-gradient(135deg,#d4a056,#8b5a2b);color:#fff}.toast:hover{transform:translateY(-2px);box-shadow:0 12px 32px #00000080}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#141210;color:#f5f0e6}#root{width:100%;min-height:100vh}:root{--tibia-brown: #8b5a2b;--tibia-dark-brown: #6b4423;--tibia-gold: #d4a056;--tibia-red: #c9544d;--tibia-green: #6ab04c;--tibia-bg-dark: #141210;--tibia-bg-darker: #0d0b0a;--tibia-bg-light: #1e1b18;--tibia-bg-card: #252220;--tibia-text: #f5f0e6;--tibia-text-muted: #a89f94;--tibia-text-dark: #6b635a;--tibia-border: rgba(139, 90, 43, .4);--tibia-border-light: rgba(139, 90, 43, .25);--tibia-glow: rgba(139, 90, 43, .5);--transition-smooth: all .3s cubic-bezier(.4, 0, .2, 1);--transition-bounce: all .5s cubic-bezier(.68, -.55, .265, 1.55)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--tibia-bg-darker)}::-webkit-scrollbar-thumb{background:var(--tibia-brown);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--tibia-gold)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideInUp{0%{transform:translateY(50px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(.98)}}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes glow{0%,to{box-shadow:0 0 5px currentColor}50%{box-shadow:0 0 20px currentColor,0 0 30px currentColor}}.fade-in{animation:fadeIn .3s ease-out}.slide-in{animation:slideIn .5s ease-out}.slide-in-up{animation:slideInUp .5s ease-out}.pulse{animation:pulse 2s ease-in-out infinite}.shimmer{animation:shimmer 2s linear infinite;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.1) 50%,transparent 100%);background-size:1000px 100%}.bounce{animation:bounce 1s ease-in-out infinite}.rotate{animation:rotate 2s linear infinite}.glow{animation:glow 2s ease-in-out infinite}::selection{background:var(--tibia-gold);color:#000}::-moz-selection{background:var(--tibia-gold);color:#000}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-spinner{border:3px solid rgba(139,90,43,.3);border-top:3px solid var(--tibia-gold);border-radius:50%;width:40px;height:40px;animation:spin 1s linear infinite;margin:20px auto}