:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.login-container{width:100vw;height:100vh;display:flex;justify-content:center;align-items:center;background:linear-gradient(135deg,#1e3c72,#2a5298);font-family:Arial,sans-serif}.login-background{display:flex;justify-content:center;align-items:center;width:100%;height:100%}.login-box{background:#fffffff2;border-radius:16px;padding:40px;box-shadow:0 20px 60px #0000004d;width:400px;max-width:90%}.game-title{text-align:center;font-size:48px;font-weight:700;color:#1e3c72;margin:0 0 10px;text-shadow:2px 2px 4px rgba(0,0,0,.1)}.game-subtitle{text-align:center;font-size:16px;color:#666;margin:0 0 30px}.input-group{margin-bottom:20px}.input-group label{display:block;font-weight:700;color:#333;margin-bottom:8px;font-size:14px}.input-group input{width:100%;padding:12px;font-size:16px;border:2px solid #ddd;border-radius:8px;box-sizing:border-box;transition:border-color .3s;background-color:#fff!important;color:#333!important}.input-group input::placeholder{color:#999}.input-group input:focus{outline:none;border-color:#2a5298}.input-group input:disabled{background-color:#f5f5f5;cursor:not-allowed}.error-message{background-color:#fee;color:#c33;padding:12px;border-radius:8px;margin-bottom:15px;border-left:4px solid #c33;font-size:14px}.status-message{background-color:#efe;color:#363;padding:12px;border-radius:8px;margin-bottom:15px;border-left:4px solid #3c3;font-size:14px}.login-button{width:100%;padding:14px;font-size:18px;font-weight:700;color:#fff;background:linear-gradient(135deg,#2a5298,#1e3c72);border:none;border-radius:8px;cursor:pointer;transition:transform .2s,box-shadow .2s;margin-bottom:10px}.login-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #2a529866}.login-button:active:not(:disabled){transform:translateY(0)}.login-button:disabled{opacity:.6;cursor:not-allowed}.toggle-button{width:100%;padding:12px;font-size:14px;color:#2a5298;background:transparent;border:2px solid #2a5298;border-radius:8px;cursor:pointer;transition:all .2s}.toggle-button:hover:not(:disabled){background:#2a5298;color:#fff}.toggle-button:disabled{opacity:.5;cursor:not-allowed}.login-footer{text-align:center;margin-top:30px;padding-top:20px;border-top:1px solid #ddd}.login-footer p{color:#999;font-size:12px;margin:0}.steam-login-status{text-align:center;padding:40px 20px}.steam-icon{font-size:64px;margin-bottom:20px}.steam-retry-button{width:100%;padding:14px;font-size:16px;font-weight:700;color:#fff;background:linear-gradient(135deg,#1b2838,#2a475e);border:none;border-radius:8px;cursor:pointer;transition:transform .2s,box-shadow .2s;margin-bottom:20px}.steam-retry-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #1b283866}.steam-retry-button:disabled{opacity:.6;cursor:not-allowed}.loading-spinner{width:40px;height:40px;border:4px solid #ddd;border-top-color:#2a5298;border-radius:50%;animation:spin 1s linear infinite;margin:20px auto}.character-select-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#1a1a2e,#16213e,#0f3460);padding:20px}.character-select-box{background:#ffffff0d;border:2px solid rgba(255,255,255,.1);border-radius:20px;padding:40px;width:100%;max-width:450px;color:#fff}.character-select-box.wide{max-width:700px}.character-select-box h1{font-size:28px;margin-bottom:10px;color:gold;text-align:center}.slots-info{text-align:center;color:#aaa;margin-bottom:25px;font-size:14px}.selection-info{text-align:center;color:#aaa;margin-bottom:25px;font-size:14px;line-height:1.5}.character-list{display:flex;flex-direction:column;gap:12px;margin-bottom:25px;max-height:350px;overflow-y:auto}.character-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:15px;margin-bottom:25px;max-height:400px;overflow-y:auto;padding:5px}.character-card{display:flex;align-items:center;gap:15px;padding:15px;background:#ffffff14;border:2px solid rgba(255,255,255,.1);border-radius:12px;cursor:pointer;transition:all .2s;position:relative}.character-card:hover:not(.disabled){background:#ffffff1f;border-color:#667eea;transform:translate(5px)}.character-card.selectable:hover{transform:translateY(-3px)}.character-card.selected{border-color:#4caf50;background:#4caf5033}.character-card.disabled{opacity:.5;cursor:not-allowed}.character-card.loading{pointer-events:none;opacity:.7}.character-avatar{width:50px;height:50px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:700;flex-shrink:0}.character-info{flex:1}.character-name{font-size:18px;font-weight:700;margin-bottom:4px}.character-level{font-size:14px;color:#aaa}.character-account{font-size:12px;color:#888;font-style:italic}.disabled-badge{background:#f44336;color:#fff;font-size:11px;padding:4px 8px;border-radius:4px;font-weight:700}.selected-check{width:30px;height:30px;background:#4caf50;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:700}.no-characters{text-align:center;color:#888;padding:30px}.action-buttons{display:flex;flex-direction:column;gap:10px;margin-bottom:20px}.create-btn{width:100%;padding:14px;font-size:16px;font-weight:700;color:#fff;background:linear-gradient(135deg,#4caf50,#2e7d32);border:none;border-radius:10px;cursor:pointer;transition:all .2s}.create-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 15px #4caf5066}.create-btn:disabled{opacity:.5;cursor:not-allowed}.link-btn{width:100%;padding:12px;font-size:14px;color:#ccc;background:#ffffff1a;border:2px solid rgba(255,255,255,.2);border-radius:10px;cursor:pointer;transition:all .2s}.link-btn:hover{background:#ffffff26;border-color:#667eea}.purchase-slot-btn{width:100%;padding:12px;font-size:14px;font-weight:700;color:#fff;background:linear-gradient(135deg,#ff9800,#f57c00);border:none;border-radius:10px;cursor:pointer;transition:all .2s}.purchase-slot-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 15px #ff980066}.purchase-slot-btn:disabled{opacity:.6;cursor:not-allowed}.confirm-btn{padding:12px 30px;font-size:16px;font-weight:700;color:#fff;background:linear-gradient(135deg,#4caf50,#2e7d32);border:none;border-radius:10px;cursor:pointer;transition:all .2s}.confirm-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 15px #4caf5066}.confirm-btn:disabled{opacity:.5;cursor:not-allowed}.selection-footer{display:flex;align-items:center;justify-content:space-between;gap:15px;flex-wrap:wrap}.selection-count{color:#aaa;font-size:14px}.link-form{background:#0000004d;border-radius:12px;padding:20px;margin-bottom:20px;border:1px solid rgba(255,255,255,.1)}.link-form h3{font-size:18px;margin-bottom:10px;color:gold}.link-description{font-size:13px;color:#aaa;margin-bottom:15px}.input-group{margin-bottom:12px}.input-group label{display:block;font-size:13px;color:#aaa;margin-bottom:5px}.input-group input{width:100%;padding:10px 12px;font-size:14px;background:#ffffff1a;border:2px solid rgba(255,255,255,.2);border-radius:8px;color:#fff;box-sizing:border-box}.form-buttons{display:flex;gap:10px;margin-top:15px}.form-buttons button{flex:1;padding:10px;font-size:14px;border-radius:8px;cursor:pointer;transition:all .2s}.form-buttons button[type=submit]{background:linear-gradient(135deg,#667eea,#4c5fd5);color:#fff;border:none}.form-buttons button[type=button]{background:#ffffff1a;color:#ccc;border:2px solid rgba(255,255,255,.2)}.logout-btn{width:100%;padding:12px;font-size:14px;color:#f44336;background:transparent;border:2px solid #f44336;border-radius:10px;cursor:pointer;transition:all .2s}.logout-btn:hover{background:#f443361a}.error-message{background:#f4433633;border:2px solid #f44336;color:#fff;padding:12px;border-radius:8px;margin-bottom:20px;font-size:14px}.loading-spinner{width:24px;height:24px;border:3px solid rgba(255,255,255,.3);border-top-color:#667eea;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.character-creator-container{display:flex;width:100vw;height:100vh;background:linear-gradient(135deg,#667eea,#764ba2)}.creator-panel{flex:1;padding:40px;background:#fff;overflow-y:auto}.creator-panel h1{color:#333;margin-bottom:30px}.creator-panel h2{color:#555;font-size:20px;margin:20px 0 15px}.name-section{margin-bottom:30px}.name-section label{display:block;font-weight:700;margin-bottom:8px;color:#333}.name-section input{width:100%;padding:12px;font-size:16px;border:2px solid #ddd;border-radius:8px;box-sizing:border-box}.appearance-section{margin-bottom:20px}.customization-row{display:flex;gap:10px;align-items:center;margin-bottom:15px}.customization-row label{min-width:130px;font-weight:700;color:#555}.customization-row select{flex:1;padding:8px;font-size:14px;border:2px solid #ddd;border-radius:6px;cursor:pointer}.create-button{width:100%;padding:16px;font-size:18px;font-weight:700;color:#fff;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;cursor:pointer;transition:transform .2s;margin-top:20px}.create-button:hover:not(:disabled){transform:translateY(-2px)}.create-button:disabled{opacity:.6;cursor:not-allowed}.edit-mode-notice{color:#667eea;font-style:italic;margin-top:5px}.edit-mode-header{display:flex;gap:20px;margin-bottom:30px}.name-display,.gender-display{flex:1}.name-display label,.gender-display label{display:block;font-weight:700;margin-bottom:8px;color:#555}.name-locked,.gender-locked{padding:12px;background:#f5f5f5;border:2px solid #ddd;border-radius:8px;color:#666;font-size:16px;font-weight:500}.edit-buttons{display:flex;gap:15px;margin-top:20px}.save-button{flex:2;padding:16px;font-size:18px;font-weight:700;color:#fff;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:8px;cursor:pointer;transition:transform .2s}.save-button:hover:not(:disabled){transform:translateY(-2px)}.cancel-button{flex:1;padding:16px;font-size:18px;font-weight:700;color:#333;background:#e5e7eb;border:2px solid #d1d5db;border-radius:8px;cursor:pointer;transition:all .2s}.cancel-button:hover:not(:disabled){background:#d1d5db;transform:translateY(-2px)}.cancel-button:disabled{opacity:.6;cursor:not-allowed}.preview-panel{flex:1;padding:40px;background:#ffffff1a;color:#fff;display:flex;flex-direction:column;align-items:center}.preview-panel h2{color:#fff;margin-bottom:30px}.character-preview-wrapper{display:flex;flex-direction:column;align-items:center;width:100%}.character-name-preview{font-size:24px;font-weight:700;margin-bottom:20px;color:#fff;text-shadow:2px 2px 4px rgba(0,0,0,.5)}.character-preview{position:relative;width:400px;height:400px;display:flex;justify-content:center;align-items:center}.frame-border{position:absolute;top:0;left:0;width:100%;height:100%;z-index:10;pointer-events:none}.character-layers{position:relative;width:360px;height:360px;margin-top:50px;z-index:1}.layer{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:contain}.layer-face{z-index:1}.layer-eyes{z-index:2}.layer-eyebrows{z-index:3}.layer-beard{z-index:4}.layer-hair{z-index:5}.error-message{background-color:#fee;color:#c33;padding:12px;border-radius:8px;margin-top:15px;border-left:4px solid #c33}.gender-selection{display:flex;gap:15px;margin-bottom:30px}.gender-button{flex:1;padding:15px 20px;font-size:18px;font-weight:700;border:3px solid #ddd;border-radius:10px;background:#fff;cursor:pointer;transition:all .3s ease}.gender-button:hover:not(:disabled){background:#f0f0f0;border-color:#667eea;transform:translateY(-2px)}.gender-button.active{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-color:#667eea}.gender-button.disabled{opacity:.4;cursor:not-allowed;background:#e0e0e0}.cycle-button{flex:1;padding:8px 16px;font-size:14px;font-weight:700;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:6px;cursor:pointer;transition:all .2s ease}.cycle-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 8px #667eea4d}.cycle-button:disabled{opacity:.6;cursor:not-allowed}.locked-option{flex:1;padding:8px 16px;background:#f5f5f5;border:2px solid #ddd;border-radius:6px;color:#666;font-style:italic}.fight-panel{color:#fff;background:transparent;height:auto;min-height:0}.fight-panel h1{font-size:32px;margin-bottom:30px;color:gold}.fight-panel.loading{display:flex;justify-content:center;align-items:center;font-size:24px;color:#aaa}.fight-content{display:grid;grid-template-columns:350px 1fr;gap:30px}.enemy-list-section h2{font-size:20px;margin-bottom:15px;color:#ddd}.enemy-list{display:flex;flex-direction:column;gap:10px}.enemy-card{padding:15px;background:#2a2a40;border:2px solid #3a3a5a;border-radius:10px;cursor:pointer;transition:all .2s}.enemy-card:hover{background:#2a2a40;border-color:#667eea}.enemy-card.selected{background:#2a2a40;border-color:#667eea;box-shadow:0 0 20px #667eea80}.enemy-card.disabled{opacity:.4;pointer-events:none;filter:grayscale(50%)}.enemy-name{font-size:18px;font-weight:700;margin-bottom:5px}.enemy-level{font-size:14px;color:#aaa;margin-bottom:10px}.enemy-stats{display:flex;gap:15px;margin-bottom:8px;font-size:14px}.enemy-stats span{background:#0000004d;padding:4px 10px;border-radius:4px}.enemy-rewards{display:flex;gap:10px;font-size:13px}.enemy-rewards .exp{color:#4caf50}.enemy-rewards .coins{color:gold}.combat-section{background:#2a2a40;border:2px solid #3a3a5a;border-radius:15px;padding:30px}.combat-info{text-align:center;margin-bottom:30px}.combat-info h2{font-size:28px;margin-bottom:20px;color:#f44336}.fight-panel .fight-button,.fight-panel .heal-button,.fight-panel .flee-button,.fight-panel .queue-button{padding:15px 20px;font-size:18px;font-weight:700;border:none;border-radius:8px;cursor:pointer;transition:all .2s;margin:0 10px;width:180px;text-align:center;box-sizing:border-box}.fight-button{background:linear-gradient(135deg,#f44336,#c62828);color:#fff}.fight-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #f4433666}.heal-button{background:linear-gradient(135deg,#4caf50,#2e7d32);color:#fff}.heal-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #4caf5066}.fight-button:disabled,.heal-button:disabled{opacity:.5;cursor:not-allowed}.flee-button{background:linear-gradient(135deg,#ff9800,#e65100);color:#fff}.flee-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ff980066}.combat-log{margin-top:30px;background:#0000004d;border-radius:10px;padding:20px}.combat-log h3{font-size:18px;margin-bottom:15px;color:#ddd}.log-entries{max-height:400px;overflow-y:auto}.log-entry{padding:10px;margin-bottom:8px;border-radius:6px;font-size:14px;animation:slideIn .3s ease-out}@keyframes slideIn{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}.log-entry.player{background:#4caf5033;border-left:3px solid #4caf50}.log-entry.enemy{background:#f4433633;border-left:3px solid #f44336}.log-entry .turn{font-weight:700;margin-right:10px;color:#aaa}.log-entry .action strong{color:gold}.log-entry .crit{color:#ff6b6b;font-weight:700}.log-entry .dodge{color:#4caf50;font-weight:700}.rewards-section{margin-top:30px;background:linear-gradient(135deg,#ffd70033,#ffa50033);border:2px solid #ffd700;border-radius:10px;padding:25px;animation:rewardPulse .5s ease-in-out}@keyframes rewardPulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}.rewards-section h3{font-size:24px;color:gold;margin-bottom:20px;text-align:center}.rewards-list{display:flex;flex-direction:column;gap:12px}.reward-item{display:flex;justify-content:space-between;padding:12px 20px;background:#0000004d;border-radius:8px}.reward-item.level-up{background:linear-gradient(135deg,#4caf504d,#388e3c4d);border:2px solid #4caf50}.reward-label{font-weight:700;color:#ddd}.reward-value{color:gold;font-weight:700}.loot-items{display:flex;flex-wrap:wrap;gap:8px}.loot-item{background:#ffffff1a;padding:5px 12px;border-radius:5px;font-size:13px;color:#fff}.error-message{background:#f4433633;border:2px solid #f44336;color:#fff;padding:15px;border-radius:8px;margin-top:20px}.queue-button{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.queue-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.queue-button:disabled{opacity:.5;cursor:not-allowed}.quantity-input-wrapper{display:flex;align-items:stretch;margin-top:8px;position:relative}.quantity-input-wrapper input{flex:1;margin-top:0;border-radius:8px;text-align:center;font-size:18px;padding-right:35px}.quantity-arrows{position:absolute;right:8px;top:60%;transform:translateY(-50%);display:flex;flex-direction:column;gap:2px}.quantity-arrow{background:#fff3;border:none;color:#aaa;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:8px;padding:3px 6px;border-radius:3px;transition:all .2s;line-height:1}.quantity-arrow:hover{background:#ffffff59;color:#fff}.quantity-arrow:active{background:#667eea80}.battle-scene{display:flex;justify-content:space-between;align-items:center;margin:30px 0;padding:30px;background:#0000004d;border-radius:15px;gap:40px;position:relative}.battle-character{flex:1;display:flex;justify-content:center}.character-frame{background:linear-gradient(135deg,#2a2a40,#1a1a2e);border:3px solid #667eea;border-radius:15px;padding:20px;width:250px;box-shadow:0 5px 20px #667eea4d}.enemy-side .character-frame{border-color:#f44336;box-shadow:0 5px 20px #f443364d}.character-portrait{width:100%;height:200px;position:relative;background:#0003;border-radius:10px;margin-bottom:15px;overflow:hidden}.character-portrait img{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;object-fit:contain}.face-layer{z-index:1}.frame-layer{z-index:5}.feature-layer{z-index:10}.enemy-portrait{display:flex;justify-content:center;align-items:center;position:relative}.enemy-sprite{max-width:100%;max-height:200px;object-fit:contain;border-radius:8px}.enemy-placeholder{font-size:120px;display:flex;justify-content:center;align-items:center}.enemy-icon{filter:drop-shadow(0 0 10px rgba(244,67,54,.5))}.hit-shake{animation:shake .25s ease-in-out}@keyframes shake{0%,to{transform:translate(0)}25%,75%{transform:translate(-2px)}50%{transform:translate(2px)}}.dodge-shake{animation:dodgeShake .25s ease-in-out}@keyframes dodgeShake{0%,to{transform:translateY(0)}25%,75%{transform:translateY(-3px)}50%{transform:translateY(3px)}}.floating-damage{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:32px;font-weight:700;color:#f44;text-shadow:2px 2px 0 #000,-2px -2px 0 #000,2px -2px 0 #000,-2px 2px 0 #000,0 0 10px rgba(255,68,68,.8);animation:floatUp 2s ease-out forwards;pointer-events:none;z-index:100;white-space:nowrap}.floating-damage.critical{font-size:42px;color:#fa0;text-shadow:2px 2px 0 #000,-2px -2px 0 #000,2px -2px 0 #000,-2px 2px 0 #000,0 0 15px rgba(255,170,0,.9)}.floating-damage .crit-text{color:#fd0;font-size:.7em}.floating-damage.player-damage{color:#f66}.floating-damage.player-damage.critical{font-size:42px;color:#fa0;text-shadow:2px 2px 0 #000,-2px -2px 0 #000,2px -2px 0 #000,-2px 2px 0 #000,0 0 15px rgba(255,170,0,.9)}.floating-damage.dodge{font-size:36px;color:#4f4;text-shadow:2px 2px 0 #000,-2px -2px 0 #000,2px -2px 0 #000,-2px 2px 0 #000,0 0 15px rgba(68,255,68,.9)}@keyframes floatUp{0%{opacity:1;transform:translate(-50%,-50%) scale(1)}20%{transform:translate(-50%,-70%) scale(1.2)}to{opacity:0;transform:translate(-50%,-150%) scale(.8)}}.character-name{text-align:center;font-size:18px;font-weight:700;color:#fff;margin-bottom:12px}.hp-bar-container{width:100%;height:25px;background:#00000080;border-radius:12px;position:relative;margin-bottom:10px;border:2px solid rgba(255,255,255,.2);overflow:hidden}.hp-bar{height:100%;background:linear-gradient(90deg,#4caf50,#8bc34a);border-radius:10px;transition:width .5s ease;box-shadow:0 0 10px #4caf5080}.enemy-hp{background:linear-gradient(90deg,#f44336,#e57373);box-shadow:0 0 10px #f4433680}.hp-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-weight:700;font-size:13px;text-shadow:0 1px 3px rgba(0,0,0,.8)}.cooldown-bar-container{width:100%;height:20px;background:#00000080;border-radius:10px;position:relative;border:2px solid rgba(255,255,255,.2);overflow:hidden}.cooldown-bar{height:100%;background:linear-gradient(90deg,#2196f3,#64b5f6);border-radius:8px;width:100%;transition:width .1s linear;box-shadow:0 0 10px #2196f380}.cooldown-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-weight:700;font-size:11px;text-shadow:0 1px 3px rgba(0,0,0,.8)}.vs-text{font-size:48px;font-weight:700;color:gold;text-shadow:0 0 20px rgba(255,215,0,.8);animation:vsGlow 2s ease-in-out infinite}@keyframes vsGlow{0%,to{transform:scale(1);text-shadow:0 0 20px rgba(255,215,0,.8)}50%{transform:scale(1.1);text-shadow:0 0 30px rgba(255,215,0,1)}}.countdown-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000000d9;display:flex;justify-content:center;align-items:center;z-index:9999;animation:fadeIn .3s ease-in}.countdown-modal{background:linear-gradient(135deg,#1a1a2e,#16213e);border:3px solid #f44336;border-radius:20px;padding:60px 80px;text-align:center;box-shadow:0 10px 60px #f4433699;animation:scaleIn .3s ease-out}@keyframes scaleIn{0%{transform:scale(.8)}to{transform:scale(1)}}.countdown-title{font-size:32px;color:gold;margin:0 0 30px;text-transform:uppercase;letter-spacing:2px;text-shadow:0 0 20px rgba(255,215,0,.5)}.countdown-number{font-size:120px;font-weight:700;color:#f44336;text-shadow:0 0 40px rgba(244,67,54,.8);animation:countdownPulse 1s ease-in-out}@keyframes countdownPulse{0%{transform:scale(.5);opacity:0}50%{transform:scale(1.2)}to{transform:scale(1);opacity:1}}.combat-result-popup{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:linear-gradient(135deg,#1a1a2e,#16213e);border-radius:20px;padding:40px 50px;text-align:center;box-shadow:0 10px 60px #000c;z-index:100;min-width:400px;animation:popupAppear .4s ease-out}@keyframes popupAppear{0%{transform:translate(-50%,-50%) scale(.7);opacity:0}to{transform:translate(-50%,-50%) scale(1);opacity:1}}.victory-popup{border:3px solid #4caf50;box-shadow:0 10px 60px #4caf5099}.victory-popup h2{font-size:36px;color:#4caf50;margin:0 0 30px;text-shadow:0 0 20px rgba(76,175,80,.8)}.defeat-popup{border:3px solid #f44336;box-shadow:0 10px 60px #f4433699}.defeat-popup h2{font-size:36px;color:#f44336;margin:0 0 30px;text-shadow:0 0 20px rgba(244,67,54,.8)}.result-content{display:flex;flex-direction:column;gap:15px;margin-bottom:30px}.result-item{display:flex;justify-content:space-between;align-items:center;padding:12px 20px;background:#0000004d;border-radius:8px;gap:20px}.result-label{font-weight:700;color:#ddd;font-size:16px}.result-value{color:gold;font-weight:700;font-size:18px}.level-up-item{background:linear-gradient(135deg,#4caf504d,#388e3c4d);border:2px solid #4caf50}.queue-summary-popup{min-width:350px}.queue-summary{margin-bottom:25px;padding:20px;background:#0006;border-radius:12px;border:1px solid rgba(76,175,80,.3)}.queue-summary h3{margin:0 0 15px;font-size:18px;color:#4caf50;text-align:center;text-transform:uppercase;letter-spacing:1px}.summary-stats{display:flex;flex-direction:column;gap:12px}.summary-item{display:flex;justify-content:space-between;align-items:center;padding:10px 15px;background:#ffffff0d;border-radius:8px}.summary-label{font-size:14px;color:#aaa}.summary-value{font-size:18px;font-weight:700;color:#fff}.summary-value.exp{color:#64b5f6}.summary-value.coins{color:gold}.level-up-item .result-label{color:#4caf50}.result-loot{display:flex;flex-wrap:wrap;gap:8px}.loot-badge{background:#ffffff1a;padding:5px 12px;border-radius:5px;font-size:13px;color:#fff;border:1px solid rgba(255,255,255,.2)}.defeat-message{font-size:18px;color:#f44336;margin:0 0 15px;font-weight:700}.defeat-hint{font-size:14px;color:#aaa;margin:0}.close-result-btn{padding:12px 40px;font-size:18px;font-weight:700;border:none;border-radius:8px;cursor:pointer;transition:all .2s;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.close-result-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.queue-info{background:#667eea33;border:2px solid #667eea;border-radius:10px;padding:15px;margin-bottom:20px}.queue-remaining{color:#667eea;font-weight:700;font-size:16px;margin:0 0 10px;text-align:center}.next-fight-countdown{text-align:center;margin-top:10px}.next-fight-countdown p{color:#aaa;font-size:14px;margin:0 0 10px}.countdown-circle{display:inline-flex;align-items:center;justify-content:center;width:60px;height:60px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-size:32px;font-weight:700;box-shadow:0 5px 20px #667eea80;animation:pulseCountdown 1s ease-in-out infinite}@keyframes pulseCountdown{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.queue-ended{color:#f44336;font-style:italic;margin-top:10px}.queue-fight-indicator{display:flex;flex-direction:column;align-items:center;gap:8px;padding:15px;background:linear-gradient(135deg,#667eea33,#764ba233);border:2px solid #667eea;border-radius:10px;margin-top:10px}.queue-badge{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:8px 16px;border-radius:20px;font-weight:700;font-size:14px;animation:queuePulse 2s ease-in-out infinite}.remaining-badge{color:#aaa;font-size:13px}@keyframes queuePulse{0%,to{box-shadow:0 0 10px #667eea4d}50%{box-shadow:0 0 20px #667eea99}}.queue-log-badge{background:#667eea;color:#fff;padding:2px 8px;border-radius:10px;font-size:12px;font-weight:400;margin-left:8px}.log-entry.system{background:#f443364d;border-left:3px solid #f44336}.system-message{color:#f44336;font-weight:700}.queue-rewards-toast{position:fixed;bottom:100px;right:20px;background:linear-gradient(135deg,#4caf50e6,#388e3ce6);border:2px solid #4caf50;border-radius:10px;padding:15px 25px;color:#fff;font-weight:700;z-index:1001;animation:toastSlideIn .3s ease-out,toastFadeOut .3s ease-in 1.7s;box-shadow:0 5px 20px #4caf5080}@keyframes toastSlideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes toastFadeOut{0%{opacity:1}to{opacity:0}}.inventory-panel{color:#fff;padding:20px}.inventory-panel h1{font-size:28px;margin-bottom:25px;color:gold;text-align:center}.inventory-panel.loading{display:flex;justify-content:center;align-items:center;font-size:24px;color:#aaa;min-height:400px}.inventory-content{display:grid;grid-template-columns:320px 1fr;gap:30px;align-items:start}.equipment-section{background:#0006;border-radius:15px;padding:20px;border:1px solid rgba(255,255,255,.1)}.equipment-layout{display:flex;justify-content:center;gap:10px}.equipment-column{display:flex;flex-direction:column;gap:8px}.equipment-column.left-column{justify-content:flex-start;padding-top:10px}.equipment-column.center-column{align-items:center}.equipment-column.right-column{justify-content:flex-start;padding-top:10px}.equipment-spacer{height:88px}.equipment-slot{width:80px;height:80px;background:#1e1e28cc;border:2px solid rgba(255,255,255,.15);border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;position:relative;overflow:hidden}.equipment-slot:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.1) 0%,transparent 50%);pointer-events:none}.equipment-slot:hover{transform:scale(1.05);border-color:#ffffff4d}.equipment-slot.empty{border-style:dashed;opacity:.7}.equipment-slot.empty:hover{opacity:1;border-color:#ffffff40}.empty-slot-icon{font-size:28px;opacity:.4;filter:grayscale(100%)}.slot-item-icon{font-size:32px;line-height:1;filter:drop-shadow(0 2px 4px rgba(0,0,0,.5))}.slot-item-name{font-size:9px;font-weight:700;text-align:center;max-width:70px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:4px;color:#ddd}.slot-item-quantity{position:absolute;top:4px;right:4px;background:#000c;padding:2px 5px;border-radius:4px;font-size:10px;font-weight:700;color:#fff}.slot-label{position:absolute;bottom:3px;font-size:8px;color:#888;text-transform:uppercase;letter-spacing:.5px}.equipment-slot.rarity-common{border-color:#9d9d9d;background:linear-gradient(135deg,#9d9d9d26,#1e1e28cc)}.equipment-slot.rarity-uncommon{border-color:#1eff00;background:linear-gradient(135deg,#1eff0026,#1e1e28cc);box-shadow:0 0 15px #1eff0033}.equipment-slot.rarity-rare{border-color:#0070dd;background:linear-gradient(135deg,#0070dd26,#1e1e28cc);box-shadow:0 0 15px #0070dd33}.equipment-slot.rarity-epic{border-color:#a335ee;background:linear-gradient(135deg,#a335ee26,#1e1e28cc);box-shadow:0 0 15px #a335ee33}.equipment-slot.rarity-legendary{border-color:#ff8000;background:linear-gradient(135deg,#ff800026,#1e1e28cc);box-shadow:0 0 15px #ff80004d;animation:legendary-glow 2s ease-in-out infinite}@keyframes legendary-glow{0%,to{box-shadow:0 0 15px #ff80004d}50%{box-shadow:0 0 25px #ff800080}}.equipment-slot.consumable1-slot.empty,.equipment-slot.consumable2-slot.empty{border-color:#4caf5066;background:linear-gradient(135deg,#4caf501a,#1e1e28cc)}.equipment-slot.consumable1-slot.empty:hover,.equipment-slot.consumable2-slot.empty:hover{border-color:#4caf5099}.equipment-stats{margin-top:20px;padding-top:15px;border-top:1px solid rgba(255,255,255,.1)}.stat-summary{display:flex;justify-content:space-between;align-items:center;background:#667eea33;padding:10px 15px;border-radius:8px}.stat-summary .stat-label{font-size:14px;color:#aaa;text-transform:uppercase;letter-spacing:1px}.stat-summary .stat-value{font-size:24px;font-weight:700;color:gold}.inventory-section{background:#0000004d;border-radius:15px;padding:20px;border:1px solid rgba(255,255,255,.1)}.inventory-section h2{font-size:18px;margin-bottom:15px;color:#ddd}.inventory-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:6px;max-height:500px;overflow-y:auto;padding-right:5px}.inventory-grid::-webkit-scrollbar{width:6px}.inventory-grid::-webkit-scrollbar-track{background:#ffffff0d;border-radius:3px}.inventory-grid::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}.item-slot{aspect-ratio:1;background:#ffffff0d;border:2px solid rgba(255,255,255,.1);border-radius:8px;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;position:relative;min-height:50px}.item-slot:hover{background:#ffffff1a;transform:translateY(-2px)}.item-slot.empty{cursor:default}.item-slot.empty:hover{background:#ffffff0d;transform:none}.item-icon{font-size:24px;line-height:1;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.item-name{font-size:9px;font-weight:700;text-align:center;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#ddd;padding:0 2px}.item-quantity{position:absolute;bottom:2px;right:2px;background:#000c;padding:1px 4px;border-radius:3px;font-size:10px;font-weight:700;color:#fff}.item-slot.rarity-common{border-color:#9d9d9d}.item-slot.rarity-common:hover{border-color:#b5b5b5}.item-slot.rarity-uncommon{border-color:#1eff00;box-shadow:0 0 8px #1eff0033}.item-slot.rarity-uncommon:hover{border-color:#3aff2a;box-shadow:0 0 12px #1eff0066}.item-slot.rarity-rare{border-color:#0070dd;box-shadow:0 0 8px #0070dd33}.item-slot.rarity-rare:hover{border-color:#1e90ff;box-shadow:0 0 12px #0070dd66}.item-slot.rarity-epic{border-color:#a335ee;box-shadow:0 0 8px #a335ee33}.item-slot.rarity-epic:hover{border-color:#b84fff;box-shadow:0 0 12px #a335ee66}.item-slot.rarity-legendary{border-color:#ff8000;box-shadow:0 0 8px #ff800033}.item-slot.rarity-legendary:hover{border-color:#ffa033;box-shadow:0 0 12px #ff800066}.item-modal-overlay{position:fixed;inset:0;background:#0009;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease}.item-modal{background:linear-gradient(135deg,#1e1e32f2,#141423fa);border-radius:20px;padding:30px;border:1px solid rgba(255,255,255,.15);max-width:400px;width:90%;max-height:80vh;overflow-y:auto;position:relative;box-shadow:0 25px 50px #00000080,0 0 100px #667eea1a;animation:modalSlideIn .3s ease}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.9) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-close-x{position:absolute;top:15px;right:15px;background:#ffffff1a;border:none;color:#aaa;font-size:24px;width:36px;height:36px;border-radius:50%;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;line-height:1}.modal-close-x:hover{background:#fff3;color:#fff;transform:rotate(90deg)}.details-header{display:flex;align-items:center;gap:15px;margin-bottom:15px;padding-bottom:15px;border-bottom:1px solid rgba(255,255,255,.1)}.detail-icon{width:60px;height:60px;display:flex;align-items:center;justify-content:center;font-size:36px;background:#ffffff0d;border-radius:10px;border:2px solid rgba(255,255,255,.2)}.detail-icon.rarity-common{border-color:#9d9d9d}.detail-icon.rarity-uncommon{border-color:#1eff00}.detail-icon.rarity-rare{border-color:#0070dd}.detail-icon.rarity-epic{border-color:#a335ee}.detail-icon.rarity-legendary{border-color:#ff8000}.detail-title h3{font-size:18px;margin:0 0 5px}.detail-title h3.rarity-common{color:silver}.detail-title h3.rarity-uncommon{color:#1eff00}.detail-title h3.rarity-rare{color:#0070dd}.detail-title h3.rarity-epic{color:#a335ee}.detail-title h3.rarity-legendary{color:#ff8000}.item-type{font-size:12px;color:#888;text-transform:capitalize}.item-description{font-size:13px;color:#aaa;margin-bottom:15px;line-height:1.5;font-style:italic}.item-stats{background:#0000004d;padding:12px;border-radius:8px;margin-bottom:15px}.stat-line{display:flex;justify-content:space-between;padding:4px 0;font-size:13px}.stat-name{color:#aaa;text-transform:capitalize}.stat-line .stat-value{color:#4caf50;font-weight:700}.item-actions{display:flex;flex-direction:column;gap:8px}.sell-section{display:flex;flex-direction:column;gap:10px}.quantity-selector{display:flex;align-items:center;gap:8px;justify-content:center}.qty-btn{width:36px;height:36px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:8px;color:#fff;font-size:18px;font-weight:700;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.qty-btn:hover:not(:disabled){background:#fff3;border-color:#ffffff4d}.qty-btn:disabled{opacity:.4;cursor:not-allowed}.qty-btn.max-btn{width:auto;padding:0 12px;font-size:12px;text-transform:uppercase;letter-spacing:.5px}.qty-input{width:60px;height:36px;background:#0000004d;border:1px solid rgba(255,255,255,.2);border-radius:8px;color:#fff;font-size:16px;font-weight:700;text-align:center;-moz-appearance:textfield}.qty-input::-webkit-outer-spin-button,.qty-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.qty-input:focus{outline:none;border-color:#667eea}.equip-button,.sell-button,.close-button{padding:10px 16px;font-size:14px;font-weight:700;border:none;border-radius:8px;cursor:pointer;transition:all .2s}.equip-button{background:linear-gradient(135deg,#667eea,#4c5fd5);color:#fff}.equip-button:hover{transform:translateY(-2px);box-shadow:0 4px 15px #667eea66}.sell-button{background:linear-gradient(135deg,gold,#ff8c00);color:#000}.sell-button:hover{transform:translateY(-2px);box-shadow:0 4px 15px #ffd70066}.close-button{background:#ffffff1a;color:#fff}.close-button:hover{background:#fff3}.error-message{background:#f4433633;border:2px solid #f44336;color:#fff;padding:12px;border-radius:8px;margin-bottom:20px;text-align:center}@media(max-width:900px){.inventory-content{grid-template-columns:1fr}.equipment-section{order:-1}.equipment-layout{flex-wrap:wrap;justify-content:center}.equipment-column{flex-direction:row;flex-wrap:wrap;justify-content:center}.inventory-grid{grid-template-columns:repeat(6,1fr)}.item-modal{max-width:95%;padding:20px}}.stats-panel{color:#fff;padding:20px}.stats-panel h1{font-size:32px;margin-bottom:30px;color:gold}.stats-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:25px;max-height:700px;overflow-y:auto;padding-right:15px}.stat-card{background:#ffffff0d;border:2px solid rgba(102,126,234,.3);border-radius:15px;padding:25px;transition:all .3s}.stat-card:hover{background:#ffffff14;border-color:#667eea4d;transform:translateY(-2px)}.stat-card h2{font-size:22px;margin-bottom:20px;color:#667eea;border-bottom:2px solid rgba(102,126,234,.3);padding-bottom:10px}.character-info-card{padding:25px!important;background:#ffffff0d!important;border:2px solid rgba(102,126,234,.3)!important;border-radius:15px!important}.character-info-card .info-grid{display:flex;flex-direction:column;gap:15px;margin-bottom:20px}.character-info-card .info-row{display:flex;justify-content:space-between;padding:12px 20px!important;background:#0000004d;border-radius:8px}.info-grid{display:flex;flex-direction:column;gap:15px;margin-bottom:20px}.info-row{display:flex;justify-content:space-between;padding:12px 20px;background:#0000004d;border-radius:8px}.info-label{font-size:16px;color:#aaa;font-weight:700}.info-value{font-size:16px;color:#fff}.info-value.level{color:gold;font-size:20px;font-weight:700}.exp-bar-container{margin-top:20px}.exp-bar-label{font-size:14px;color:#aaa;margin-bottom:8px}.exp-bar{width:100%;height:30px;background:#00000080;border-radius:15px;overflow:hidden;border:2px solid rgba(76,175,80,.3)}.exp-bar-fill{height:100%;background:linear-gradient(90deg,#4caf50,#66bb6a);display:flex;align-items:center;justify-content:center;transition:width .5s ease;min-width:30px}.exp-bar-text{color:#fff;font-size:14px;font-weight:700;text-shadow:0 1px 3px rgba(0,0,0,.5)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:15px}.stat-item{display:flex;align-items:center;gap:12px;padding:15px;background:#0000004d;border-radius:10px;transition:all .2s}.stat-item:hover{background:#00000080;transform:translate(5px)}.stat-icon{font-size:28px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#667eea33;border-radius:10px}.stat-details{flex:1}.stat-label{font-size:12px;color:#aaa;text-transform:uppercase;margin-bottom:4px}.stat-value{font-size:18px;font-weight:700;color:#fff}.currency-grid{display:flex;flex-direction:column;gap:15px;margin-bottom:15px}.currency-item{display:flex;align-items:center;gap:15px;padding:15px;border-radius:10px;transition:all .2s}.currency-item:hover{transform:translate(5px)}.currency-item.gold{background:linear-gradient(135deg,#ffd70033,#daa52033);border:2px solid rgba(255,215,0,.3)}.currency-item.silver{background:linear-gradient(135deg,#c0c0c033,#a9a9a933);border:2px solid rgba(192,192,192,.3)}.currency-item.copper{background:linear-gradient(135deg,#b8733333,#cd7f3233);border:2px solid rgba(184,115,51,.3)}.currency-icon{font-size:32px;width:50px;height:50px;display:flex;align-items:center;justify-content:center;border-radius:50%;border:3px solid;position:relative}.currency-icon:before{content:"🐺";font-size:24px;position:absolute;opacity:.3}.currency-icon.gold-coin{background:linear-gradient(135deg,gold,#ffed4e,gold);border-color:#b8860b;box-shadow:inset 0 2px 5px #ffffff80,0 2px 8px #ffd70080}.currency-icon.gold-coin:before{filter:brightness(0) saturate(100%) invert(60%) sepia(80%) saturate(500%) hue-rotate(0deg)}.currency-icon.silver-coin{background:linear-gradient(135deg,#e8e8e8,#fff,#e8e8e8);border-color:#999;box-shadow:inset 0 2px 5px #ffffffb3,0 2px 8px #c0c0c080}.currency-icon.silver-coin:before{filter:brightness(0) saturate(100%) invert(80%)}.currency-icon.copper-coin{background:linear-gradient(135deg,#cd7f32,#e89850,#cd7f32);border-color:#8b4513;box-shadow:inset 0 2px 5px #ffffff4d,0 2px 8px #cd7f3280}.currency-icon.copper-coin:before{filter:brightness(0) saturate(100%) invert(40%) sepia(50%) saturate(400%) hue-rotate(0deg)}.currency-details{flex:1}.currency-label{font-size:14px;color:#aaa;text-transform:uppercase;margin-bottom:4px}.currency-value{font-size:24px;font-weight:700;color:#fff}.currency-note{padding:10px;background:#ffd7001a;border-radius:8px;text-align:center}.currency-note small{color:gold}.auto-fight-info{display:flex;flex-direction:column;gap:12px;margin-bottom:15px}.setting-row{display:flex;justify-content:space-between;padding:12px 15px;background:#0000004d;border-radius:8px}.setting-label{font-size:15px;color:#aaa;font-weight:700}.setting-value{font-size:15px;font-weight:700}.setting-value.enabled{color:#4caf50}.setting-value.disabled{color:#f44336}.auto-fight-note{padding:10px;background:#667eea1a;border-radius:8px;text-align:center}.auto-fight-note small{color:#667eea}.appearance-grid{display:flex;flex-direction:column;gap:12px}.appearance-item{display:flex;justify-content:space-between;padding:12px 15px;background:#0000004d;border-radius:8px}.appearance-label{font-size:15px;color:#aaa;font-weight:700}.appearance-value{font-size:15px;color:#fff;text-transform:capitalize}@media(max-width:1200px){.stats-content{grid-template-columns:1fr}}.stats-content::-webkit-scrollbar{width:8px}.stats-content::-webkit-scrollbar-track{background:#0003;border-radius:4px}.stats-content::-webkit-scrollbar-thumb{background:#667eea80;border-radius:4px}.stats-content::-webkit-scrollbar-thumb:hover{background:#667eeab3}.map-panel{color:#fff;height:100%;display:flex;flex-direction:column;padding:30px;overflow:visible;position:relative}.map-panel h1{font-size:32px;margin-bottom:30px;color:gold}.map-panel.loading{display:flex;justify-content:center;align-items:center;font-size:24px;color:#aaa}.map-content{display:grid;grid-template-columns:450px 1fr;gap:20px;flex:1;overflow:hidden;position:relative;height:100%}.locations-section{display:flex;flex-direction:column;height:100%;overflow:hidden}.locations-section h2{font-size:18px;margin-bottom:15px;color:#ddd;flex-shrink:0}.locations-list{display:flex;flex-direction:column;gap:12px;overflow-y:auto;overflow-x:visible;padding-right:8px;flex:1;max-height:100%}.locations-list::-webkit-scrollbar{width:8px}.locations-list::-webkit-scrollbar-track{background:#0003;border-radius:4px}.locations-list::-webkit-scrollbar-thumb{background:#667eea80;border-radius:4px}.locations-list::-webkit-scrollbar-thumb:hover{background:#667eeab3}.location-card{display:flex;align-items:center;gap:15px;padding:15px 18px;background:#ffffff0d;border:2px solid rgba(255,255,255,.1);border-radius:10px;cursor:pointer;transition:all .3s;position:relative;min-height:90px;box-sizing:border-box;flex-shrink:0;overflow:visible}.location-card:hover:not(.locked){background:#ffffff1a;border-color:#667eea;transform:translateY(-4px);box-shadow:0 8px 25px #667eea4d}.location-card.hovered{background:#ffffff26;border-color:#667eea;transform:translateY(-4px);box-shadow:0 8px 25px #667eea66}.location-card.current{background:#4caf5033;border-color:#4caf50;box-shadow:0 0 20px #4caf504d;cursor:not-allowed}.location-card.connected{border-color:#c5a647;box-shadow:0 0 15px #c5a64766}.location-card.connected:hover{border-color:gold;box-shadow:0 8px 25px #c5a64799}.location-card.disabled{opacity:.5;cursor:not-allowed;filter:grayscale(50%)}.location-card.disabled:hover{transform:none;box-shadow:none;background:#ffffff0d;border-color:#ffffff1a}.location-card.locked{opacity:.5;cursor:not-allowed}.location-card.locked:hover{transform:none;box-shadow:none}.location-icon{font-size:36px;width:60px;height:60px;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:#667eea33;border-radius:10px}.location-card.locked .location-icon{background:#f4433633}.location-card.current .location-icon{background:#4caf5033}.location-info{flex:1;min-width:0}.location-info .location-name{font-size:18px;font-weight:700;margin-bottom:4px;color:gold;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.location-level{font-size:13px;color:#aaa;margin-bottom:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.location-level .locked-text{color:#f44336;font-weight:700}.location-stats{display:flex;gap:12px;font-size:12px;color:#bbb;flex-wrap:wrap}.current-badge{position:absolute;top:10px;right:10px;background:#4caf50;color:#fff;padding:4px 10px;border-radius:8px;font-size:11px;font-weight:700;z-index:10}.location-tooltip{position:fixed!important;top:210px!important;left:50%!important;transform:translate(-50%)!important;background-color:#1a1a2e!important;background:#1a1a2e!important;border:3px solid #667eea!important;border-radius:12px;padding:20px;width:500px;height:670px;z-index:999999!important;box-shadow:0 15px 35px #000000e6;pointer-events:none;display:block!important;opacity:1!important;isolation:isolate;overflow:hidden}.tooltip-warning{background:#ff980033;border:2px solid #ff9800;color:#ffb74d;padding:10px;border-radius:8px;margin-bottom:15px;text-align:center;font-size:13px;font-weight:700}@keyframes tooltipFadeIn{0%{opacity:0}to{opacity:1}}.tooltip-header h3{margin:0 0 12px;font-size:18px;color:gold;border-bottom:1px solid rgba(255,215,0,.3);padding-bottom:8px;text-align:center}.tooltip-description{font-size:14px;color:#ccc;line-height:1.5;margin-bottom:15px;text-align:center}.tooltip-stats{display:flex;flex-direction:column;gap:6px;font-size:13px;color:#aaa;margin-bottom:12px}.tooltip-stats div{display:flex;align-items:center;gap:8px}.tooltip-action{font-size:12px;color:#667eea;font-weight:700;text-align:center;padding:8px;background:#667eea33;border-radius:6px;border:1px solid rgba(102,126,234,.4)}.map-visualization{display:flex;flex-direction:column;background:#ffffff0d;border:2px solid rgba(255,255,255,.1);border-radius:15px;padding:20px;overflow:hidden;height:100%;position:sticky;top:0;position:relative}.map-visualization h2{font-size:20px;margin-bottom:15px;color:gold}.map-zoom-controls{position:absolute;top:10px;right:10px;display:flex;gap:5px;z-index:100;background:#1a1a2ef2;padding:8px;border-radius:8px;border:2px solid #667eea;box-shadow:0 4px 12px #00000080}.map-zoom-controls button{width:35px;height:35px;background:#667eea;color:#fff;border:none;border-radius:6px;font-size:20px;font-weight:700;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.map-zoom-controls button:hover:not(:disabled){background:#5568d3;transform:scale(1.1)}.map-zoom-controls button:disabled{opacity:.4;cursor:not-allowed}.zoom-level{display:flex;align-items:center;padding:0 10px;color:#c5a647;font-weight:700;font-size:14px;min-width:50px;justify-content:center}.map-scroll-container{flex:1;overflow:auto;border-radius:10px;position:relative;border:2px solid rgba(102,126,234,.3)}.map-scroll-container::-webkit-scrollbar{width:12px;height:12px}.map-scroll-container::-webkit-scrollbar-track{background:#ffffff1a;border-radius:6px}.map-scroll-container::-webkit-scrollbar-thumb{background:#667eea;border-radius:6px;border:2px solid rgba(255,255,255,.1)}.map-scroll-container::-webkit-scrollbar-thumb:hover{background:#5568d3}.map-scroll-container::-webkit-scrollbar-corner{background:#ffffff1a}.map-background{width:100%;height:100%;min-width:100%;min-height:100%;background-image:url(/assets/images/map/map_background.png);background-size:contain;background-position:top left;background-repeat:no-repeat;border-radius:10px;position:relative}.character-marker{position:absolute;font-size:32px;transition:all .5s ease;filter:drop-shadow(0 4px 8px rgba(255,215,0,.8));animation:pulse 2s infinite}.character-marker.location-1{top:10%;left:14%;transform:translate(-50%,-50%)}.character-marker.location-2{top:10%;left:23.5%;transform:translate(-50%,-50%)}.character-marker.location-3{top:10%;left:31.5%;transform:translate(-50%,-50%)}.character-marker.location-4{top:13%;left:37.4%;transform:translate(-50%,-50%)}.character-marker.location-5{top:20%;left:36.6%;transform:translate(-50%,-50%)}.character-marker.location-6{top:10%;left:54%;transform:translate(-50%,-50%)}@keyframes pulse{0%,to{transform:translate(-50%,-50%) scale(1)}50%{transform:translate(-50%,-50%) scale(1.1)}}.map-placeholder-text{position:absolute;bottom:20px;left:50%;transform:translate(-50%);color:#ffffff80;font-size:14px;font-style:italic}@media(max-width:1200px){.map-content{grid-template-columns:1fr}}.resources-panel{color:#fff}.resources-panel h1{font-size:32px;margin-bottom:30px;color:gold}.resources-panel.loading{display:flex;justify-content:center;align-items:center;font-size:24px;color:#aaa}.resources-content{display:grid;grid-template-columns:1fr 350px;gap:30px}.gather-result{background:linear-gradient(135deg,#4caf504d,#388e3c4d);border:2px solid #4caf50;border-radius:12px;padding:20px;margin-bottom:25px;animation:slideDown .3s ease-out}.gather-result h3{font-size:20px;margin-bottom:12px;color:#4caf50}.items-gathered{display:flex;flex-wrap:wrap;gap:10px}.gathered-item{background:#ffffff1a;padding:8px 15px;border-radius:8px;font-size:15px;font-weight:700;color:gold}.no-items{color:#aaa;font-style:italic}.resources-section h2{font-size:20px;margin-bottom:20px;color:#ddd}.no-resources{background:#ffffff0d;border:2px dashed rgba(255,255,255,.2);border-radius:12px;padding:40px;text-align:center}.no-resources p{font-size:16px;color:#aaa;margin:10px 0}.resources-list{display:flex;flex-direction:column;gap:20px}.resource-card{display:flex;align-items:center;gap:20px;padding:20px;background:#ffffff0d;border:2px solid rgba(255,255,255,.1);border-radius:15px;transition:all .3s}.resource-card:hover{background:#ffffff14;border-color:#4caf5080;transform:translateY(-2px)}.resource-icon{font-size:48px;width:70px;height:70px;display:flex;align-items:center;justify-content:center;background:#4caf5033;border-radius:15px}.resource-info{flex:1}.resource-name{font-size:22px;font-weight:700;margin-bottom:8px;color:#fff}.resource-time{font-size:14px;color:#aaa;margin-bottom:5px}.resource-drops{font-size:13px;color:#4caf50;margin-bottom:5px}.total-gathered{font-size:13px;color:#667eea;font-weight:700}.resource-actions{display:flex;flex-direction:column;gap:10px}.gather-button,.auto-gather-toggle{padding:12px 25px;font-size:16px;font-weight:700;border:none;border-radius:8px;cursor:pointer;transition:all .2s;white-space:nowrap}.gather-button{background:linear-gradient(135deg,#4caf50,#2e7d32);color:#fff;min-width:120px}.gather-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #4caf5066}.gather-button.cooldown{background:linear-gradient(135deg,#ff9800,#f57c00);cursor:not-allowed;opacity:.8}.gather-button:disabled{cursor:not-allowed}.auto-gather-toggle{background:#ffffff1a;color:#fff;font-size:14px;padding:8px 15px}.auto-gather-toggle:hover{background:#fff3}.auto-gather-toggle.active{background:linear-gradient(135deg,#667eea,#4c5fd5);box-shadow:0 0 15px #667eea80}.queue-button{padding:12px 25px;font-size:16px;font-weight:700;border:none;border-radius:8px;cursor:pointer;transition:all .2s;white-space:nowrap;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;min-width:120px}.queue-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.modal-overlay{position:fixed;inset:0;background:#000000b3;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{background:linear-gradient(135deg,#1a1a2e,#16213e);border:2px solid #667eea;border-radius:15px;padding:30px;min-width:400px;box-shadow:0 10px 40px #00000080}.modal-content h3{margin:0 0 25px;color:#667eea;font-size:24px;text-align:center}.modal-body{margin-bottom:25px}.modal-body label{display:block;color:#ddd;font-size:16px;margin-bottom:10px}.modal-body input{width:100%;padding:12px;font-size:16px;background:#ffffff1a;border:2px solid rgba(255,255,255,.2);border-radius:8px;color:#fff;margin-top:8px}.modal-body input:focus{outline:none;border-color:#667eea;background:#ffffff26}.modal-body .hint{margin-top:10px;font-size:13px;color:#aaa;font-style:italic}.modal-actions{display:flex;gap:15px;justify-content:center}.btn-confirm,.btn-cancel{padding:12px 30px;font-size:16px;font-weight:700;border:none;border-radius:8px;cursor:pointer;transition:all .2s}.btn-confirm{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.btn-confirm:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.btn-cancel{background:#ffffff1a;color:#fff;border:2px solid rgba(255,255,255,.3)}.btn-cancel:hover{background:#fff3;border-color:#ffffff80}.stats-section{background:#ffffff0d;border:2px solid rgba(255,255,255,.1);border-radius:15px;padding:25px;max-height:600px;overflow-y:auto}.stats-section h2{font-size:20px;margin-bottom:20px;color:#667eea;border-bottom:2px solid rgba(102,126,234,.3);padding-bottom:10px}.stats-list{display:flex;flex-direction:column;gap:12px}.stat-item{display:flex;justify-content:space-between;align-items:center;padding:12px 15px;background:#0000004d;border-radius:8px}.stat-resource{font-size:16px;color:#fff}.stat-count{font-size:16px;font-weight:700;color:#4caf50}@media(max-width:1200px){.resources-content{grid-template-columns:1fr}}.stats-section::-webkit-scrollbar{width:8px}.stats-section::-webkit-scrollbar-track{background:#0003;border-radius:4px}.stats-section::-webkit-scrollbar-thumb{background:#4caf5080;border-radius:4px}.stats-section::-webkit-scrollbar-thumb:hover{background:#4caf50b3}.quests-panel{color:#fff}.quests-panel h1{font-size:32px;margin-bottom:30px;color:gold}.quests-panel.loading{display:flex;justify-content:center;align-items:center;font-size:24px;color:#aaa}.notification.levelup{background:linear-gradient(135deg,#667eea4d,#4c5fd54d);border:2px solid #667eea;color:#667eea}.quests-section{margin-bottom:40px}.quests-section h2{font-size:20px;margin-bottom:20px;color:#ddd;border-bottom:2px solid rgba(255,255,255,.1);padding-bottom:10px}.no-quests{background:#ffffff0d;border:2px dashed rgba(255,255,255,.2);border-radius:12px;padding:40px;text-align:center}.no-quests p{font-size:16px;color:#aaa;margin:10px 0}.quests-list{display:flex;flex-direction:column;gap:15px}.quest-card{background:#ffffff0d;border:2px solid rgba(255,255,255,.1);border-radius:15px;overflow:hidden;transition:all .3s}.quest-card:hover{background:#ffffff14;transform:translateY(-2px)}.quest-card.active{border-color:#667eea80}.quest-card.available{border-color:#ffd7004d}.quest-card.completed{border-color:#4caf504d;opacity:.7}.quest-header{display:flex;align-items:center;justify-content:space-between;padding:20px;cursor:pointer;gap:15px}.quest-title{display:flex;align-items:center;gap:15px;flex:1}.quest-icon{font-size:32px}.quest-name{font-size:18px;font-weight:700;color:#fff;margin-bottom:4px}.quest-location{font-size:13px;color:#aaa}.quest-level{font-size:14px;background:#ffd70033;color:gold;padding:5px 12px;border-radius:8px}.quest-phase-indicator{font-size:14px;background:#667eea33;color:#667eea;padding:5px 12px;border-radius:8px}.completed-badge{font-size:14px;background:#4caf5033;color:#4caf50;padding:5px 12px;border-radius:8px}.expand-icon{font-size:16px;color:#aaa}.quest-details{padding:0 20px 20px;border-top:1px solid rgba(255,255,255,.1);animation:expandDown .3s ease-out}@keyframes expandDown{0%{opacity:0;max-height:0}to{opacity:1;max-height:1000px}}.quest-description{font-size:15px;color:#ccc;line-height:1.6;margin:15px 0}.current-phase{margin:20px 0}.current-phase h3{font-size:18px;color:#667eea;margin-bottom:8px}.phase-description{font-size:14px;color:#aaa;margin-bottom:15px}.objectives-list{display:flex;flex-direction:column;gap:12px;margin-top:15px}.objective{background:#0000004d;border-radius:10px;padding:12px 15px}.objective.complete{background:#4caf5033}.objective-header{display:flex;align-items:center;gap:10px;margin-bottom:8px}.objective-icon{font-size:18px}.objective-text{flex:1;font-size:15px;color:#fff}.objective-count{font-size:14px;font-weight:700;color:#667eea}.objective-progress-bar{width:100%;height:6px;background:#ffffff1a;border-radius:3px;overflow:hidden}.objective-progress-fill{height:100%;background:linear-gradient(90deg,#667eea,#4c5fd5);transition:width .3s ease}.objective.complete .objective-progress-fill{background:linear-gradient(90deg,#4caf50,#2e7d32)}.quest-info{display:flex;gap:20px;margin:15px 0}.info-item{display:flex;align-items:center;gap:8px}.info-label{font-size:14px;color:#aaa}.info-value{font-size:14px;font-weight:700;color:#fff}.repeatable-badge{font-size:13px;background:#667eea33;color:#667eea;padding:4px 10px;border-radius:6px}.quest-rewards{margin:20px 0}.quest-rewards h4{font-size:15px;color:#ddd;margin-bottom:10px}.rewards-list{display:flex;flex-wrap:wrap;gap:10px}.reward{background:#667eea33;color:#667eea;padding:6px 12px;border-radius:8px;font-size:14px;font-weight:700}.reward.gold{background:#ffd70033;color:gold}.reward.silver{background:#c0c0c033;color:silver}.reward.copper{background:#b8733333;color:#b87333}.quest-actions{display:flex;gap:10px;margin-top:20px}.accept-button,.complete-button,.abandon-button{padding:12px 25px;font-size:16px;font-weight:700;border:none;border-radius:8px;cursor:pointer;transition:all .2s}.accept-button{background:linear-gradient(135deg,#4caf50,#2e7d32);color:#fff;flex:1}.accept-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #4caf5066}.complete-button{background:linear-gradient(135deg,#667eea,#4c5fd5);color:#fff;flex:1}.complete-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.complete-button:disabled{background:linear-gradient(135deg,#555,#444);cursor:not-allowed;opacity:.5}.abandon-button{background:#f4433633;color:#f44336;border:2px solid #f44336}.abandon-button:hover{background:#f443364d;transform:translateY(-2px)}@media(max-width:768px){.quest-header{flex-direction:column;align-items:flex-start}.quest-actions{flex-direction:column}.quest-actions button{width:100%}}.guilds-panel{color:#fff}.guilds-panel h1{font-size:32px;margin-bottom:30px;color:gold}.guilds-panel.loading{display:flex;justify-content:center;align-items:center;font-size:24px;color:#aaa}.notification.warning{background:linear-gradient(135deg,#ff98004d,#f57c004d);border:2px solid #ff9800;color:#ff9800}.guild-tabs{display:flex;gap:10px;margin-bottom:30px;border-bottom:2px solid rgba(255,255,255,.1)}.tab-button{padding:12px 24px;font-size:16px;font-weight:700;background:none;border:none;border-bottom:3px solid transparent;color:#aaa;cursor:pointer;transition:all .2s}.tab-button:hover:not(:disabled){color:#fff}.tab-button.active{color:gold;border-bottom-color:gold}.tab-button:disabled{opacity:.5;cursor:not-allowed}.tab-content{animation:fadeIn .3s ease-out}.my-guild{max-width:900px}.guild-header{background:#ffffff0d;border:2px solid rgba(255,215,0,.3);border-radius:15px;padding:25px;margin-bottom:30px;display:flex;justify-content:space-between;align-items:flex-start}.guild-header h2{font-size:28px;color:gold;margin-bottom:10px}.guild-description{font-size:15px;color:#aaa;line-height:1.5}.guild-info{display:flex;gap:10px}.info-badge{background:#667eea33;color:#667eea;padding:8px 15px;border-radius:8px;font-size:14px;font-weight:700;white-space:nowrap}.guild-section{margin-bottom:30px}.guild-section h3{font-size:20px;color:#ddd;margin-bottom:15px;border-bottom:2px solid rgba(255,255,255,.1);padding-bottom:10px}.members-list{display:flex;flex-direction:column;gap:10px}.member-card{display:flex;justify-content:space-between;align-items:center;background:#ffffff0d;border:2px solid rgba(255,255,255,.1);border-radius:12px;padding:15px 20px;transition:all .2s}.member-card:hover{background:#ffffff14;transform:translateY(-2px)}.member-card.me{border-color:#667eea80;background:#667eea1a}.member-info{flex:1}.member-name{font-size:18px;font-weight:700;color:#fff;margin-bottom:5px}.me-badge{font-size:14px;color:#667eea;margin-left:10px}.member-details{display:flex;gap:15px;font-size:14px}.member-level{color:#aaa}.member-role{font-weight:700}.kick-button{padding:8px 16px;background:#f4433633;color:#f44336;border:2px solid #f44336;border-radius:8px;font-size:14px;font-weight:700;cursor:pointer;transition:all .2s}.kick-button:hover{background:#f443364d;transform:translateY(-2px)}.applications-list{display:flex;flex-direction:column;gap:10px}.application-card{display:flex;justify-content:space-between;align-items:center;background:#ffffff0d;border:2px solid rgba(255,215,0,.3);border-radius:12px;padding:15px 20px}.app-info{flex:1}.app-name{font-size:18px;font-weight:700;color:#fff;margin-bottom:4px}.app-level{font-size:14px;color:#aaa;margin-bottom:8px}.app-message{font-size:14px;color:#ccc;font-style:italic}.app-actions{display:flex;gap:10px}.accept-button,.reject-button{padding:10px 20px;font-size:14px;font-weight:700;border:none;border-radius:8px;cursor:pointer;transition:all .2s}.accept-button{background:linear-gradient(135deg,#4caf50,#2e7d32);color:#fff}.accept-button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #4caf5066}.reject-button{background:#f4433633;color:#f44336;border:2px solid #f44336}.reject-button:hover{background:#f443364d}.guild-actions{margin-top:30px;padding-top:20px;border-top:2px solid rgba(255,255,255,.1)}.leave-button{padding:12px 30px;background:#f4433633;color:#f44336;border:2px solid #f44336;border-radius:8px;font-size:16px;font-weight:700;cursor:pointer;transition:all .2s}.leave-button:hover{background:#f443364d;transform:translateY(-2px)}.no-guild{text-align:center;padding:60px 20px}.no-guild p{font-size:18px;color:#aaa;margin-bottom:30px}.no-guild button{padding:12px 30px;font-size:16px;font-weight:700;background:linear-gradient(135deg,#667eea,#4c5fd5);color:#fff;border:none;border-radius:8px;cursor:pointer;transition:all .2s;margin:0 10px}.no-guild button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.guilds-list{display:flex;flex-direction:column;gap:15px}.no-guilds{text-align:center;padding:60px 20px;background:#ffffff0d;border:2px dashed rgba(255,255,255,.2);border-radius:15px}.no-guilds p{font-size:18px;color:#aaa}.guild-card{background:#ffffff0d;border:2px solid rgba(255,255,255,.1);border-radius:15px;padding:20px;transition:all .2s}.guild-card:hover{background:#ffffff14;border-color:#ffd7004d}.guild-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:15px}.guild-card h3{font-size:22px;color:gold;margin-bottom:8px}.guild-card-description{font-size:14px;color:#aaa}.guild-card-info{display:flex;gap:10px}.guild-card-actions{border-top:1px solid rgba(255,255,255,.1);padding-top:15px}.apply-button{padding:10px 25px;background:linear-gradient(135deg,#4caf50,#2e7d32);color:#fff;border:none;border-radius:8px;font-size:15px;font-weight:700;cursor:pointer;transition:all .2s}.apply-button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #4caf5066}.not-recruiting{font-size:14px;color:#aaa;font-style:italic;padding-top:15px;border-top:1px solid rgba(255,255,255,.1)}.apply-form{display:flex;flex-direction:column;gap:10px}.apply-form textarea{width:100%;padding:12px;background:#0000004d;border:2px solid rgba(255,255,255,.2);border-radius:8px;color:#fff;font-size:14px;font-family:inherit;resize:vertical}.apply-form textarea:focus{outline:none;border-color:#667eea}.apply-buttons{display:flex;gap:10px}.apply-buttons button{padding:10px 20px;border:none;border-radius:8px;font-size:14px;font-weight:700;cursor:pointer;transition:all .2s}.apply-buttons button:first-child{background:linear-gradient(135deg,#667eea,#4c5fd5);color:#fff}.apply-buttons button:last-child{background:#ffffff1a;color:#fff}.apply-buttons button:hover{transform:translateY(-2px)}.create-guild-form{max-width:600px;margin:0 auto}.create-guild-form h2{font-size:24px;color:gold;margin-bottom:30px;text-align:center}.form-group{margin-bottom:25px}.form-group label{display:block;font-size:16px;font-weight:700;color:#ddd;margin-bottom:10px}.form-group input,.form-group textarea{width:100%;padding:12px;background:#0000004d;border:2px solid rgba(255,255,255,.2);border-radius:8px;color:#fff;font-size:15px;font-family:inherit}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#667eea}.form-group textarea{resize:vertical}.create-button{width:100%;padding:15px;background:linear-gradient(135deg,gold,#f0a500);color:#000;border:none;border-radius:8px;font-size:18px;font-weight:700;cursor:pointer;transition:all .2s}.create-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ffd70066}@media(max-width:768px){.guild-header,.guild-card-header{flex-direction:column;gap:15px}.member-card,.application-card{flex-direction:column;align-items:flex-start;gap:15px}}.crafting-panel{color:#fff}.crafting-panel h1{font-size:32px;margin-bottom:30px;color:gold}.crafting-panel.loading{display:flex;justify-content:center;align-items:center;font-size:24px;color:#aaa}.notification{padding:15px 20px;border-radius:12px;margin-bottom:20px;animation:slideDown .3s ease-out;font-weight:700}.notification.success{background:linear-gradient(135deg,#4caf504d,#388e3c4d);border:2px solid #4caf50;color:#4caf50}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.crafting-content{display:grid;grid-template-columns:280px 1fr;gap:30px}.professions-section h2{font-size:20px;margin-bottom:20px;color:#ddd}.profession-filters{display:flex;flex-direction:column;gap:12px}.profession-filter{padding:16px;background:#ffffff0d;border:2px solid rgba(255,255,255,.1);border-radius:12px;color:#fff;cursor:pointer;transition:all .2s;text-align:left}.profession-filter:hover{background:#ffffff14;transform:translateY(-2px)}.profession-filter.active{background:#667eea33;border-color:#667eea}.profession-name{font-size:16px;font-weight:700;margin-bottom:6px}.profession-level{font-size:14px;color:gold;margin-bottom:8px}.profession-exp-bar{height:6px;background:#ffffff1a;border-radius:3px;overflow:hidden;margin-bottom:4px}.profession-exp-fill{height:100%;background:linear-gradient(90deg,#667eea,#4c5fd5);transition:width .3s}.profession-exp-text{font-size:12px;color:#aaa}.recipes-section h2{font-size:20px;margin-bottom:20px;color:#ddd}.no-recipes{text-align:center;padding:60px 20px;background:#ffffff0d;border:2px dashed rgba(255,255,255,.2);border-radius:15px}.no-recipes p{font-size:18px;color:#aaa}.recipes-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px}.recipe-card{background:#ffffff0d;border:2px solid rgba(255,255,255,.1);border-radius:15px;padding:20px;cursor:pointer;transition:all .2s}.recipe-card:hover{background:#ffffff14;border-color:#ffd7004d;transform:translateY(-2px)}.recipe-card.selected{border-color:gold;background:#ffd7001a}.recipe-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.recipe-header h3{font-size:18px;color:gold;margin:0}.recipe-level{background:#667eea4d;color:#667eea;padding:4px 10px;border-radius:6px;font-size:12px;font-weight:700}.recipe-output{font-size:14px;color:#4caf50;margin-bottom:12px;font-weight:700}.recipe-ingredients{margin-bottom:16px}.recipe-ingredients strong{display:block;font-size:13px;color:#ddd;margin-bottom:8px}.ingredient{font-size:13px;padding:4px 8px;margin:4px 0;border-radius:4px}.ingredient.has{background:#4caf5033;color:#4caf50}.ingredient.missing{background:#f4433633;color:#f44336}.craft-button{width:100%;padding:12px;background:linear-gradient(135deg,gold,#f0a500);color:#000;border:none;border-radius:8px;font-size:16px;font-weight:700;cursor:pointer;transition:all .2s}.craft-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #ffd70066}.craft-button:disabled{background:#ffffff1a;color:#666;cursor:not-allowed;font-size:13px}@media(max-width:768px){.crafting-content,.recipes-list{grid-template-columns:1fr}}.store-panel{width:100%;height:100%;display:flex;flex-direction:column;padding:20px;overflow-y:auto}.store-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;padding-bottom:15px;border-bottom:2px solid #444}.store-tabs{display:flex;gap:10px;margin-bottom:20px}.store-tab{flex:1;padding:12px 20px;background:#2a2a3e;border:2px solid #444;border-radius:8px;color:#aaa;font-size:16px;font-weight:700;cursor:pointer;transition:all .3s ease}.store-tab:hover{border-color:#666;color:#fff}.store-tab.active{background:linear-gradient(135deg,#4c1d95,#7e22ce);border-color:#7e22ce;color:#fff}.store-header h1{margin:0;color:#fff;font-size:28px}.gems-display{display:flex;align-items:center;gap:8px;background:linear-gradient(135deg,#4c1d95,#7e22ce);padding:10px 20px;border-radius:25px;box-shadow:0 4px 10px #7e22ce4d}.gem-icon{font-size:24px}.gem-count{font-size:24px;font-weight:700;color:#fff}.gem-label{font-size:14px;color:#e9d5ff}.store-content{flex:1;display:flex;flex-direction:column;gap:20px}.store-info{background:#2a2a3e;padding:15px;border-radius:8px;border-left:4px solid #7e22ce}.store-info p{margin:5px 0;color:#ddd}.store-note{font-size:14px;color:#999;font-style:italic}.store-items{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}.store-item-card{background:linear-gradient(145deg,#2a2a3e,#1e1e2e);border:2px solid #444;border-radius:12px;padding:20px;cursor:pointer;transition:all .3s ease;display:flex;flex-direction:column;align-items:center;position:relative}.store-item-card:hover{transform:translateY(-5px);border-color:#7e22ce;box-shadow:0 8px 20px #7e22ce66}.store-item-card.max-purchased{opacity:.6;cursor:not-allowed}.store-item-card.max-purchased:hover{transform:none;border-color:#666;box-shadow:none}.store-item-card.cannot-afford{opacity:.7}.item-icon-large{font-size:48px;margin-bottom:15px}.item-info{width:100%}.item-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:10px}.item-header h3{margin:0;color:#fff;font-size:18px}.item-type-badge{background:#444;color:#aaa;padding:4px 10px;border-radius:12px;font-size:12px;font-weight:700;text-transform:uppercase}.item-description{color:#bbb;margin:10px 0;font-size:14px;line-height:1.5}.item-footer{display:flex;justify-content:space-between;align-items:center;margin-top:15px;padding-top:15px;border-top:1px solid #444}.item-price{display:flex;align-items:center;gap:5px;font-size:20px;font-weight:700;color:#a78bfa}.price-amount{color:#fff}.purchase-count{font-size:12px;color:#999}.max-purchases-badge{background:#dc2626;color:#fff;padding:5px 10px;border-radius:6px;font-size:12px;font-weight:700;text-align:center;margin-top:10px}.not-enough-gems-badge{background:#ea580c;color:#fff;padding:5px 10px;border-radius:6px;font-size:12px;font-weight:700;text-align:center;margin-top:10px}.no-items{text-align:center;padding:60px 20px;color:#999}.no-items p{font-size:18px}.modal-overlay{position:fixed;inset:0;background:#000c;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{background:#2a2a3e;border:2px solid #7e22ce;border-radius:16px;padding:30px;max-width:500px;width:90%;box-shadow:0 10px 40px #7e22ce80}.modal-content h2{margin:0 0 20px;color:#fff;text-align:center}.modal-item{text-align:center;margin-bottom:25px}.modal-item h3{margin:10px 0;color:#fff}.modal-item p{color:#bbb;margin:10px 0}.purchase-details{background:#1e1e2e;border-radius:8px;padding:15px;margin-top:20px}.detail-row{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid #444}.detail-row:last-child{border-bottom:none;font-weight:700;color:#a78bfa}.detail-row span{color:#ddd}.detail-row .price{color:#fff;font-weight:700}.modal-actions{display:flex;gap:10px;justify-content:center}.modal-actions button{padding:12px 30px;border:none;border-radius:8px;font-size:16px;font-weight:700;cursor:pointer;transition:all .3s ease}.confirm-button{background:linear-gradient(135deg,#7e22ce,#a855f7);color:#fff}.confirm-button:hover:not(:disabled){transform:scale(1.05);box-shadow:0 5px 15px #7e22ce80}.confirm-button:disabled{background:#555;cursor:not-allowed;opacity:.6}.cancel-button{background:#444;color:#fff}.cancel-button:hover{background:#555}.notification{padding:15px 20px;border-radius:8px;margin-bottom:15px;font-weight:700;animation:slideIn .3s ease}.notification.success{background:#10b981;color:#fff}.notification.error{background:#ef4444;color:#fff}.notification.info{background:#3b82f6;color:#fff}@keyframes slideIn{0%{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}.error-message{background:#dc2626;color:#fff;padding:12px 20px;border-radius:8px;margin-bottom:15px}.loading{display:flex;justify-content:center;align-items:center;height:100%;color:#999;font-size:18px}.gems-info{border-left-color:#10b981}.dev-mode-note{color:#fbbf24!important;font-style:normal!important}.pending-order-banner{background:linear-gradient(135deg,#1e3a5f,#2a4a7f);border:2px solid #3b82f6;border-radius:12px;padding:15px 20px;margin-bottom:20px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:15px}.pending-order-info{display:flex;align-items:center;gap:10px;color:#fff;font-weight:700}.pending-icon{font-size:24px;animation:pulse 1.5s infinite}.pending-order-actions{display:flex;gap:10px}.complete-button{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;padding:10px 20px;border-radius:8px;font-weight:700;cursor:pointer;transition:all .3s ease}.complete-button:hover:not(:disabled){transform:scale(1.05);box-shadow:0 4px 12px #10b98166}.complete-button:disabled{opacity:.6;cursor:not-allowed}.cancel-order-button{background:#444;color:#fff;border:none;padding:10px 20px;border-radius:8px;font-weight:700;cursor:pointer;transition:all .3s ease}.cancel-order-button:hover:not(:disabled){background:#555}.gem-packages{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:20px}.loading-packages{text-align:center;color:#999;padding:40px}.gem-package-card{background:linear-gradient(145deg,#2a2a3e,#1e1e2e);border:2px solid #444;border-radius:16px;padding:20px;text-align:center;cursor:pointer;transition:all .3s ease;position:relative;display:flex;flex-direction:column;align-items:center;gap:10px}.gem-package-card:hover{transform:translateY(-5px);border-color:#7e22ce;box-shadow:0 8px 25px #7e22ce66}.gem-package-card.featured{border-color:#10b981;background:linear-gradient(145deg,#1a3a2e,#1e2e28)}.gem-package-card.featured:hover{border-color:#10b981;box-shadow:0 8px 25px #10b98166}.featured-badge{position:absolute;top:-10px;left:50%;transform:translate(-50%);background:linear-gradient(135deg,#10b981,#059669);color:#fff;padding:5px 15px;border-radius:12px;font-size:12px;font-weight:700;text-transform:uppercase;white-space:nowrap}.package-icon{font-size:48px;margin-bottom:5px}.package-name{font-size:18px;font-weight:700;color:#fff}.package-gems{display:flex;flex-direction:column;align-items:center;gap:2px}.gem-amount{font-size:32px;font-weight:700;background:linear-gradient(135deg,#a78bfa,#c4b5fd);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.bonus-gems{font-size:14px;color:#10b981;font-weight:700}.package-description{font-size:13px;color:#999;margin:5px 0}.package-price{font-size:24px;font-weight:700;color:#fff;margin:10px 0}.buy-button{width:100%;background:linear-gradient(135deg,#7e22ce,#a855f7);color:#fff;border:none;padding:12px 20px;border-radius:8px;font-size:16px;font-weight:700;cursor:pointer;transition:all .3s ease}.buy-button:hover{transform:scale(1.02);box-shadow:0 4px 15px #7e22ce80}.gem-modal .gem-purchase-summary{background:linear-gradient(135deg,#2a1a4a,#1e1e2e);border:2px solid #7e22ce;border-radius:12px;padding:20px;margin:20px 0}.gem-total{display:flex;flex-direction:column;align-items:center}.total-gems{font-size:48px;font-weight:700;background:linear-gradient(135deg,#a78bfa,#c4b5fd);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.gems-label{font-size:14px;color:#a78bfa;text-transform:uppercase;letter-spacing:1px}.gem-breakdown{text-align:center;color:#10b981;font-size:14px;margin-top:5px}.price-display{display:flex;justify-content:center;align-items:center;gap:10px;margin:15px 0}.price-label{color:#999;font-size:16px}.price-value{font-size:28px;font-weight:700;color:#fff}.dev-mode-warning{background:#422006;border:1px solid #f59e0b;border-radius:8px;padding:10px 15px;margin-top:15px;color:#fbbf24;font-size:13px;text-align:center}.gem-confirm{background:linear-gradient(135deg,#10b981,#059669)}.gem-confirm:hover:not(:disabled){box-shadow:0 5px 15px #10b98180}.location-panel{width:100%;height:100%;background-size:cover;background-position:center;background-repeat:no-repeat;position:relative;display:flex;flex-direction:column;color:#fff;overflow:hidden;border:none;margin:0;padding:0}.location-header{padding:30px;background:linear-gradient(180deg,rgba(0,0,0,.8) 0%,rgba(0,0,0,.4) 70%,transparent 100%);text-align:center}.location-name{font-size:48px;margin:0 0 15px;color:gold;text-shadow:3px 3px 6px rgba(0,0,0,.9);font-weight:700;letter-spacing:2px}.location-description{font-size:18px;color:#e0e0e0;text-shadow:2px 2px 4px rgba(0,0,0,.9);max-width:800px;margin:0 auto}.location-interactive-area{flex:1;position:relative;padding:40px;display:flex;align-items:center;justify-content:center}.npc-sprite{position:absolute;cursor:pointer;transition:all .3s ease;filter:drop-shadow(0 4px 8px rgba(0,0,0,.5))}.npc-sprite img{width:200px;height:auto;border-radius:0;border:none;background:transparent;transition:all .3s ease;display:block}.npc-ardyn{bottom:158px;left:650px}.npc-ardyn img{width:200px}.npc-bran{bottom:70px;left:600px}.npc-bran img{width:200px}.npc-sprite:hover{transform:scale(1.05) translateY(-5px);filter:drop-shadow(0 8px 16px rgba(255,215,0,.4))}.npc-sprite:hover img{filter:brightness(1.1)}.npc-sprite:active{transform:scale(.98) translateY(0)}.coming-soon{background:#000000b3;padding:40px 60px;border-radius:20px;text-align:center;border:2px solid rgba(255,215,0,.5);box-shadow:0 8px 32px #00000080}.coming-soon p{margin:10px 0;font-size:24px;color:gold;text-shadow:2px 2px 4px rgba(0,0,0,.9)}.coming-soon .hint{font-size:16px;color:#aaa;font-style:italic}.location-loading,.location-error{display:flex;align-items:center;justify-content:center;height:100%;font-size:24px;color:#aaa}.location-error{color:#ff6b6b}.npc{position:absolute;cursor:pointer;transition:transform .2s}.npc:hover{transform:scale(1.1)}.interactive-item{position:absolute;cursor:pointer;transition:all .3s}.interactive-item:hover{filter:brightness(1.3);transform:translateY(-5px)}.hidden-area-button{position:absolute;opacity:.3;transition:opacity .3s}.hidden-area-button:hover{opacity:1}.settings-panel{color:#fff;max-width:600px;padding:20px}.settings-panel h1{font-size:32px;margin-bottom:30px;color:gold}.settings-panel.loading{display:flex;justify-content:center;align-items:center;font-size:24px;color:#aaa}.settings-section{background:#ffffff0d;border:2px solid rgba(255,255,255,.1);border-radius:15px;padding:25px;margin-bottom:20px}.settings-section h2{font-size:20px;margin-bottom:20px;color:#ddd;border-bottom:1px solid rgba(255,255,255,.2);padding-bottom:10px}.settings-section h3{font-size:16px;margin-bottom:15px;color:#ccc}.account-info,.platform-info{margin-bottom:20px}.info-row{display:flex;justify-content:space-between;padding:12px 20px;border-bottom:1px solid rgba(255,255,255,.1)}.info-row:last-child{border-bottom:none}.info-row .label{color:#aaa}.info-row .value{color:#fff;font-weight:700}.linking-status{margin-top:20px;padding-top:20px;border-top:1px solid rgba(255,255,255,.2)}.link-item{display:flex;align-items:center;gap:15px;padding:12px;background:#0003;border-radius:8px;margin-bottom:10px}.link-icon{font-size:20px}.link-label{flex:1;color:#ddd}.link-button{padding:8px 16px;font-size:14px;font-weight:700;color:#fff;background:linear-gradient(135deg,#667eea,#4c5fd5);border:none;border-radius:6px;cursor:pointer;transition:all .2s}.link-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 15px #667eea66}.link-button:disabled{opacity:.6;cursor:not-allowed}.merged-info{margin-top:15px;padding:12px;background:#667eea1a;border:1px solid rgba(102,126,234,.3);border-radius:8px;display:flex;flex-direction:column;gap:5px}.merged-label{font-size:12px;color:#aaa}.merged-list{font-size:14px;color:#fff;font-weight:700}.link-form{margin-top:20px;padding:20px;background:#0000004d;border-radius:10px;border:1px solid rgba(102,126,234,.3)}.link-description{color:#aaa;font-size:14px;margin-bottom:20px}.input-group{margin-bottom:15px}.input-group label{display:block;font-size:14px;color:#ccc;margin-bottom:8px}.input-group input{width:100%;padding:12px;font-size:16px;background:#ffffff1a;border:2px solid rgba(255,255,255,.2);border-radius:8px;color:#fff;box-sizing:border-box;transition:border-color .3s}.input-group input:focus{outline:none;border-color:#667eea}.input-group input::placeholder{color:#888}.form-buttons{display:flex;gap:10px;margin-top:20px}.save-button{flex:1;padding:12px;font-size:16px;font-weight:700;color:#fff;background:linear-gradient(135deg,#4caf50,#2e7d32);border:none;border-radius:8px;cursor:pointer;transition:all .2s}.save-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 15px #4caf5066}.save-button:disabled{opacity:.6;cursor:not-allowed}.cancel-button{padding:12px 24px;font-size:16px;color:#ccc;background:#ffffff1a;border:2px solid rgba(255,255,255,.2);border-radius:8px;cursor:pointer;transition:all .2s}.cancel-button:hover{background:#fff3}.error-message{background:#f4433633;border:2px solid #f44336;color:#fff;padding:15px;border-radius:8px;margin-bottom:20px}.success-message{background:#4caf5033;border:2px solid #4caf50;color:#fff;padding:15px;border-radius:8px;margin-bottom:20px}.logout-button{width:100%;padding:14px;font-size:16px;font-weight:700;color:#fff;background:linear-gradient(135deg,#f44336,#c62828);border:none;border-radius:8px;cursor:pointer;transition:all .2s}.logout-button:hover{transform:translateY(-2px);box-shadow:0 4px 15px #f4433666}.persistent-chat{position:fixed;bottom:0;right:20px;width:400px;background:linear-gradient(135deg,#2a2a40,#1a1a2e);border:2px solid #3a3a5a;border-bottom:none;border-radius:12px 12px 0 0;box-shadow:0 -4px 20px #00000080;z-index:1000;transition:all .3s ease}.persistent-chat.collapsed{height:50px}.persistent-chat.expanded{height:500px}.persistent-chat-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:#667eea33;border-bottom:2px solid #3a3a5a;border-radius:12px 12px 0 0;cursor:pointer;transition:background .2s}.persistent-chat-header:hover{background:#667eea4d}.header-left{display:flex;align-items:center;gap:10px}.chat-icon{font-size:20px}.chat-title{font-size:16px;font-weight:700;color:#fff}.unread-badge{background:#f44336;color:#fff;font-size:12px;font-weight:700;padding:2px 8px;border-radius:12px;min-width:20px;text-align:center}.header-right{display:flex;align-items:center;gap:10px}.connection-dot{width:10px;height:10px;border-radius:50%;animation:pulse 2s infinite}.connection-dot.connected{background:#4caf50}.connection-dot.disconnected{background:#f44336}.expand-icon{font-size:14px;color:#aaa}.persistent-chat-body{display:flex;flex-direction:column;height:calc(100% - 50px);padding:12px;gap:10px}.chat-error{background:#f4433633;border:1px solid #f44336;color:#fff;padding:8px;border-radius:6px;font-size:12px}.persistent-channel-tabs{display:flex;gap:8px}.persistent-channel-tab{flex:1;padding:8px 12px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:6px;color:#fff;cursor:pointer;transition:all .2s;font-size:14px}.persistent-channel-tab:hover:not(:disabled){background:#ffffff1a}.persistent-channel-tab.active{background:#667eea4d;border-color:#667eea;color:#667eea}.persistent-channel-tab.disabled{opacity:.5;cursor:not-allowed}.persistent-messages{flex:1;background:#0000004d;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:10px;overflow-y:auto}.persistent-messages::-webkit-scrollbar{width:6px}.persistent-messages::-webkit-scrollbar-track{background:#ffffff0d;border-radius:3px}.persistent-messages::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}.persistent-messages::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.no-messages-persistent{display:flex;justify-content:center;align-items:center;height:100%;color:#888;font-size:14px}.persistent-message{margin-bottom:10px;padding:8px;border-radius:6px;background:#ffffff08;border-left:2px solid rgba(255,255,255,.1)}.persistent-message.own{background:#667eea1a;border-left-color:#667eea}.persistent-message-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:3px}.persistent-message-author{font-weight:700;color:gold;font-size:13px}.persistent-message.own .persistent-message-author{color:#667eea}.persistent-message-time{font-size:11px;color:#888}.persistent-message-content{font-size:13px;color:#ddd;word-wrap:break-word;line-height:1.3}.persistent-input-form{display:flex;gap:8px}.persistent-input{flex:1;padding:10px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:6px;color:#fff;font-size:13px;transition:all .2s}.persistent-input:focus{outline:none;border-color:#667eea;background:#ffffff14}.persistent-input:disabled{opacity:.5;cursor:not-allowed}.persistent-input::placeholder{color:#888}.persistent-send-button{padding:10px 20px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:700;cursor:pointer;transition:all .2s}.persistent-send-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.persistent-send-button:disabled{opacity:.5;cursor:not-allowed}@media(max-width:768px){.persistent-chat{right:10px;width:calc(100% - 20px)}.persistent-chat.expanded{height:400px}}.action-queue-container{position:fixed;top:30px;right:130px;z-index:1000}.action-queue-toggle{display:flex;align-items:center;gap:8px;background:linear-gradient(135deg,#2a2a3e,#1a1a2e);color:#e0e0e0;border:1px solid #4a4a5e;padding:10px 16px;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;transition:all .2s ease;box-shadow:0 2px 8px #0000004d}.action-queue-toggle:hover{background:linear-gradient(135deg,#3a3a4e,#2a2a3e);border-color:#6a6a7e}.action-queue-toggle.open{background:linear-gradient(135deg,#3a4a5a,#2a3a4a);border-color:#e94560}.action-queue-toggle.has-active{border-color:#4ade80;box-shadow:0 2px 12px #4ade804d}.active-indicator{width:8px;height:8px;background:#4ade80;border-radius:50%;box-shadow:0 0 6px #4ade80;animation:pulse-active 1.5s infinite}@keyframes pulse-active{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(.85)}}.action-queue-panel{position:absolute;top:50px;right:0;width:320px;max-height:450px;background:linear-gradient(135deg,#1a1a2e,#0d0d1a);border:1px solid #3a3a4e;border-radius:12px;box-shadow:0 4px 20px #00000080;overflow:hidden}.queue-panel-header{display:flex;justify-content:space-between;align-items:center;padding:12px 15px;background:linear-gradient(135deg,#e94560,#ff6b9d)}.queue-panel-header h3{margin:0;color:#fff;font-size:14px;font-weight:700}.slots-info{color:#ffffffe6;font-size:12px;font-weight:600}.queue-list{max-height:300px;overflow-y:auto;padding:10px}.queue-list::-webkit-scrollbar{width:6px}.queue-list::-webkit-scrollbar-track{background:#1a1a2e}.queue-list::-webkit-scrollbar-thumb{background:#4a4a5e;border-radius:3px}.queue-item{display:flex;align-items:center;gap:10px;padding:10px 12px;margin-bottom:8px;background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:8px;cursor:grab;transition:all .2s ease}.queue-item:hover{background:#ffffff0f;border-color:#e94560}.queue-item.active{background:#4ade801a;border-color:#4ade80;cursor:default}.queue-item.paused{opacity:.6;border-style:dashed}.queue-item.dragging{opacity:.5;cursor:grabbing}.item-icon{font-size:18px;flex-shrink:0}.item-details{flex:1;min-width:0}.item-name{color:#f0f0f0;font-weight:600;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:2px}.item-progress{display:flex;align-items:center;gap:8px;color:#888;font-size:11px}.status-badge{padding:2px 6px;border-radius:4px;font-size:10px;font-weight:600;text-transform:uppercase}.status-badge.active{background:#4ade8033;color:#4ade80}.status-badge.paused{background:#ffc10733;color:#ffc107}.item-actions{display:flex;gap:5px;flex-shrink:0}.btn-pause,.btn-remove{width:26px;height:26px;border:none;border-radius:4px;cursor:pointer;font-size:12px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.btn-pause{background:#ffc10733;color:#ffc107;border:1px solid #ffc107}.btn-pause:hover{background:#ffc1074d;transform:scale(1.1)}.btn-remove{background:#f4433633;color:#f44336;border:1px solid #f44336}.btn-remove:hover{background:#f443364d;transform:scale(1.1)}.queue-empty{text-align:center;padding:25px;color:#666;font-size:13px;line-height:1.5}.queue-stats{padding:12px 15px;background:#ffffff05;border-top:1px solid rgba(255,255,255,.1)}.stat{display:flex;justify-content:space-between;align-items:center;padding:4px 0}.stat-label{color:#888;font-size:11px}.stat-value{color:#e94560;font-weight:700;font-size:13px}.queue-error-notification{position:fixed;top:80px;left:50%;transform:translate(-50%);background:linear-gradient(135deg,#f44336f2,#c62828f2);color:#fff;padding:12px 20px;border-radius:8px;border:2px solid #f44336;box-shadow:0 4px 12px #f4433666;z-index:2000;font-weight:600;font-size:13px;animation:slideDown .3s ease-out}@keyframes slideDown{0%{opacity:0;transform:translate(-50%) translateY(-20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@media(max-width:768px){.action-queue-container{top:70px;right:10px}.action-queue-panel{width:calc(100vw - 40px);max-width:320px}}.activity-log-container{position:fixed;bottom:10px;right:440px;z-index:1000}.activity-log-toggle{background:linear-gradient(135deg,#2a2a3e,#1a1a2e);color:#e0e0e0;border:1px solid #4a4a5e;padding:8px 16px;border-radius:8px;cursor:pointer;font-size:14px;transition:all .2s ease;box-shadow:0 2px 8px #0000004d}.activity-log-toggle:hover{background:linear-gradient(135deg,#3a3a4e,#2a2a3e);border-color:#6a6a7e}.activity-log-toggle.open{background:linear-gradient(135deg,#3a5a3a,#2a4a2a);border-color:#4a8a4a}.activity-log-panel{position:absolute;bottom:45px;right:0;width:400px;max-height:350px;background:linear-gradient(135deg,#1a1a2e,#0d0d1a);border:1px solid #3a3a4e;border-radius:12px;box-shadow:0 4px 20px #00000080;overflow:hidden}.activity-log-header{display:flex;justify-content:space-between;align-items:center;padding:10px 15px;background:linear-gradient(135deg,#2a2a3e,#1a1a2e);border-bottom:1px solid #3a3a4e}.activity-log-header h3{margin:0;color:#e0e0e0;font-size:14px}.clear-log-btn{background:transparent;border:none;cursor:pointer;font-size:16px;padding:4px 8px;border-radius:4px;transition:background .2s}.clear-log-btn:hover{background:#ff646433}.activity-log-entries{max-height:290px;overflow-y:auto;padding:8px}.activity-log-entries::-webkit-scrollbar{width:6px}.activity-log-entries::-webkit-scrollbar-track{background:#1a1a2e}.activity-log-entries::-webkit-scrollbar-thumb{background:#4a4a5e;border-radius:3px}.log-entry{display:flex;align-items:flex-start;padding:6px 8px;border-radius:6px;margin-bottom:4px;font-size:12px;line-height:1.4;background:#ffffff08;gap:8px}.log-time{color:#666;font-size:10px;min-width:60px;flex-shrink:0}.log-icon{flex-shrink:0;font-size:14px}.log-text{flex:1;color:silver}.log-player-attack .log-text{color:#a0d0a0}.log-player-crit .log-text{color:#fd4;font-weight:700}.log-enemy-attack .log-text{color:#e08080}.log-enemy-crit .log-text{color:#f66;font-weight:700}.log-dodge .log-text{color:#80c0e0;font-style:italic}.log-enemy-killed{background:#64c8641a;border-left:3px solid #4a8a4a}.log-enemy-killed .log-text{color:#80d080;font-weight:700}.log-player-died{background:#c8323226;border-left:3px solid #c04040}.log-player-died .log-text{color:#ff8080;font-weight:700}.log-gather{background:#6496c81a;border-left:3px solid #4a6a8a}.log-gather .log-text{color:#80b0d0}.log-loading,.log-empty{text-align:center;color:#666;padding:20px;font-style:italic}@media(max-width:900px){.activity-log-container{right:10px;bottom:60px}.activity-log-panel{width:calc(100vw - 40px);max-width:350px}}.online-players-container{position:fixed;bottom:10px;left:1280px;z-index:1000}.online-players-toggle{display:flex;align-items:center;gap:8px;background:linear-gradient(135deg,#2a2a3e,#1a1a2e);color:#e0e0e0;border:1px solid #4a4a5e;padding:8px 16px;border-radius:8px;cursor:pointer;font-size:14px;transition:all .2s ease;box-shadow:0 2px 8px #0000004d}.online-players-toggle:hover{background:linear-gradient(135deg,#3a3a4e,#2a2a3e);border-color:#6a6a7e}.online-players-toggle.open{background:linear-gradient(135deg,#2a4a5a,#1a3a4a);border-color:#4a8aaa}.online-dot{width:8px;height:8px;background:#4ade80;border-radius:50%;box-shadow:0 0 6px #4ade80;animation:pulse-dot 2s infinite}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(.9)}}.online-players-panel{position:absolute;bottom:45px;left:0;width:280px;max-height:400px;background:linear-gradient(135deg,#1a1a2e,#0d0d1a);border:1px solid #3a3a4e;border-radius:12px;box-shadow:0 4px 20px #00000080;overflow:hidden}.online-players-header{display:flex;justify-content:space-between;align-items:center;padding:12px 15px;background:linear-gradient(135deg,#2a2a3e,#1a1a2e);border-bottom:1px solid #3a3a4e}.online-players-header h3{margin:0;color:#e0e0e0;font-size:14px}.online-players-list{max-height:340px;overflow-y:auto;padding:8px}.online-players-list::-webkit-scrollbar{width:6px}.online-players-list::-webkit-scrollbar-track{background:#1a1a2e}.online-players-list::-webkit-scrollbar-thumb{background:#4a4a5e;border-radius:3px}.player-item{padding:10px 12px;border-radius:8px;margin-bottom:6px;background:#ffffff08;border-left:3px solid #4ade80;transition:background .2s}.player-item:hover{background:#ffffff0f}.player-info{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.player-name{color:#f0f0f0;font-weight:700;font-size:14px}.player-level{color:gold;font-size:12px;font-weight:700}.player-details{display:flex;gap:10px;font-size:11px}.player-guild{color:#a78bfa}.player-location{color:#888}.players-loading,.players-empty{text-align:center;color:#666;padding:20px;font-style:italic}@media(max-width:900px){.online-players-container{left:10px;bottom:60px}.online-players-panel{width:calc(100vw - 40px);max-width:280px}}.character-portrait-container{position:absolute;top:10px;left:10px;display:flex;align-items:flex-start;gap:15px;z-index:100}.portrait-left-section{display:flex;flex-direction:column;align-items:center;gap:8px}.portrait-frame{position:relative;width:180px;height:180px}.face-base-container{position:absolute;top:60%;left:50%;transform:translate(-50%,-50%);width:85%;height:85%;z-index:0}.face-base-layer{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:contain}.frame-border{position:absolute;top:0;left:0;width:100%;height:100%;z-index:5;pointer-events:none}.face-container{position:absolute;top:60%;left:50%;transform:translate(-50%,-50%);width:85%;height:85%;overflow:visible;z-index:10}.face-layer{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:contain}.portrait-info{display:flex;flex-direction:column}.bars-container{display:flex;flex-direction:column;gap:0px;margin-top:-3px;margin-left:-7px}.portrait-name{font-size:16px;font-weight:700;color:gold;text-shadow:2px 2px 4px rgba(0,0,0,.8);padding:6px 12px;background:transparent;border:2px solid #3a3a5a;border-radius:5px;box-shadow:inset 0 2px 5px #00000080;text-align:center;margin-bottom:0;width:200px;box-sizing:border-box;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.portrait-level{display:flex;align-items:center;justify-content:center;gap:4px;padding:6px 12px;background:linear-gradient(135deg,#667eea4d,#764ba24d);border:2px solid #667eea;border-radius:12px;box-shadow:0 0 10px #667eea66;min-width:60px;position:absolute;top:0;left:125px}.level-icon{font-size:14px;filter:drop-shadow(0 0 3px rgba(255,215,0,.8))}.level-number{font-size:14px;font-weight:700;color:#fff;text-shadow:1px 1px 2px rgba(0,0,0,.8)}.stat-bar-container{position:relative;width:200px;height:25px;margin-bottom:0;border:2px solid #3a3a5a;border-radius:5px;background:#000;box-shadow:inset 0 2px 5px #00000080}.bar-fill-container{position:absolute;inset:0;border-radius:3px;overflow:hidden;z-index:1}.bar-fill{height:100%;transition:width .3s ease}.hp-fill{background:linear-gradient(180deg,#f44,#c00);box-shadow:0 0 10px #ff444480}.mana-fill{background:linear-gradient(180deg,#44f,#00c);box-shadow:0 0 10px #4444ff80}.bar-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:12px;font-weight:700;color:#fff;text-shadow:1px 1px 2px rgba(0,0,0,1),-1px -1px 2px rgba(0,0,0,1),1px -1px 2px rgba(0,0,0,1),-1px 1px 2px rgba(0,0,0,1);z-index:3;pointer-events:none}.idle-timer-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000000d9;display:flex;justify-content:center;align-items:center;z-index:10000;animation:fadeIn .3s ease-in-out}.idle-timer-content{text-align:center;padding:40px;background:linear-gradient(135deg,#1a1a2e,#16213e);border:2px solid #c5a647;border-radius:15px;box-shadow:0 10px 50px #c5a6474d;max-width:500px;animation:slideIn .4s ease-out}.idle-timer-icon{font-size:64px;margin-bottom:20px;animation:pulse 2s infinite}.idle-timer-title{font-size:32px;color:#c5a647;margin-bottom:15px;font-weight:700;text-transform:uppercase;letter-spacing:2px}.idle-timer-message{font-size:18px;color:#e0e0e0;margin-bottom:30px;line-height:1.5}.idle-timer-countdown{margin:30px 0;display:flex;justify-content:center}.countdown-circle{width:120px;height:120px;border:4px solid #c5a647;border-radius:50%;display:flex;justify-content:center;align-items:center;background:#c5a6471a;box-shadow:0 0 20px #c5a64780;position:relative}.countdown-circle:before{content:"";position:absolute;width:100%;height:100%;border-radius:50%;border:4px solid transparent;border-top-color:#c5a647;animation:spin 1s linear infinite}.countdown-time{font-size:36px;color:#c5a647;font-weight:700;z-index:1}.idle-timer-hint{font-size:14px;color:#888;margin-top:20px;font-style:italic}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{transform:translateY(-50px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.main-game-container{width:100vw;height:100vh;display:flex;flex-direction:column;background:#1a1a2e;color:#fff;font-family:Arial,sans-serif}.top-bar{display:flex;justify-content:space-between;align-items:center;padding:30px;background:#2a2a40;border-bottom:none;box-shadow:none;position:relative;z-index:1}.top-bar:after{content:"";position:absolute;bottom:0;left:198px;right:0;height:2px;background:#3a3a5a;z-index:2}.top-bar-spacer{width:200px}.top-bar-right-spacer{width:100px}.character-stats{display:flex;gap:25px;align-items:center}.stat-item{display:flex;gap:8px;align-items:center;padding:8px 15px;background:#ffffff1a;border-radius:8px}.stat-label{color:#aaa;font-size:14px}.stat-value{color:#fff;font-weight:700;font-size:16px}.stat-item.coins{gap:12px}.coin{font-weight:700;font-size:14px}.coin.gold{color:gold}.coin.silver{color:silver}.coin.copper{color:#cd7f32}.game-viewport{position:absolute;inset:110px 0 0 200px;display:flex;flex-direction:column;background:#1a1a2e;overflow-y:auto;overflow-x:visible;background-size:cover;background-position:center;background-repeat:no-repeat;transition:background-image .3s ease;z-index:1}.game-viewport[data-active-panel=fight]{background-image:url(/assets/images/backgrounds/fight.jpg)}.side-menu{position:absolute;left:0;top:0;bottom:0;width:200px;background:#2a2a40;border-right:2px solid #3a3a5a;border-top:none;display:flex;flex-direction:column;padding:200px 10px 20px;gap:10px;z-index:10;overflow-y:auto;overflow-x:hidden}.side-menu::-webkit-scrollbar{width:6px}.side-menu::-webkit-scrollbar-track{background:#0003}.side-menu::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}.side-menu::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.menu-button{padding:15px 20px;background:#ffffff0d;color:#fff;border:2px solid transparent;border-radius:8px;cursor:pointer;font-size:16px;text-align:left;transition:all .2s}.menu-button:hover:not(:disabled){background:#ffffff1a;border-color:#667eea}.menu-button.active{background:#667eea;border-color:#667eea;box-shadow:0 0 15px #667eea80}.menu-button:disabled{opacity:.4;cursor:not-allowed}.panel-display{flex:1;padding:0;overflow-y:auto;background:transparent;position:relative;z-index:1}.panel-display>:not(.location-panel){padding:30px}.panel-placeholder{display:flex;align-items:center;justify-content:center;height:100%;font-size:24px;color:#888}.npc-dialogue-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000000e6;z-index:9999;animation:fadeInDialogue .3s ease}.npc-dialogue-enlarged{position:fixed;top:55%;left:50%;transform:translate(-50%,-50%);z-index:10001;animation:scaleInDialogue .4s ease;pointer-events:none}.npc-dialogue-enlarged img{width:400px;height:auto;filter:drop-shadow(0 10px 40px rgba(0,0,0,.9))}.npc-dialogue-bubble{position:fixed;bottom:100px;left:50%;transform:translate(-50%);width:700px;background:#14141ef2;border:3px solid #8b7355;border-radius:20px;padding:30px 40px;z-index:10002;animation:slideUpDialogue .4s ease;box-shadow:0 10px 50px #000c}.npc-dialogue-bubble:before{content:"";position:absolute;top:-20px;left:50%;transform:translate(-50%);width:0;height:0;border-left:20px solid transparent;border-right:20px solid transparent;border-bottom:20px solid #8b7355}.npc-dialogue-text{color:#e8e8e8;font-size:22px;line-height:1.6;min-height:80px;white-space:pre-wrap;font-family:Georgia,serif}.npc-dialogue-continue-btn{margin-top:20px;padding:12px 40px;background:linear-gradient(135deg,#8b4513,#5c2e0d);color:#fff;border:2px solid #d4a574;border-radius:8px;font-size:18px;font-weight:700;cursor:pointer;transition:all .2s;display:block;margin-left:auto;margin-right:auto}.npc-dialogue-continue-btn:hover{background:linear-gradient(135deg,sienna,#6b3410);border-color:#f4d5a8;transform:translateY(-2px);box-shadow:0 4px 15px #8b451380}.npc-dialogue-continue-btn:active{transform:translateY(0)}@keyframes fadeInDialogue{0%{opacity:0}to{opacity:1}}@keyframes scaleInDialogue{0%{opacity:0;transform:translate(-50%,-50%) scale(.8)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes slideUpDialogue{0%{opacity:0;transform:translate(-50%) translateY(30px)}to{opacity:1;transform:translate(-50%) translateY(0)}}*{box-sizing:border-box;margin:0;padding:0}body{margin:0;font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow:hidden}#root{width:100vw;height:100vh;margin:0;padding:0}.loading-screen{display:flex;justify-content:center;align-items:center;width:100vw;height:100vh;background:linear-gradient(135deg,#1e3c72,#2a5298);color:#fff}.loading-screen h1{font-size:32px;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:#0003}::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:5px}::-webkit-scrollbar-thumb:hover{background:#ffffff80}::selection{background:#667eea;color:#fff}::-moz-selection{background:#667eea;color:#fff}