: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;background:#1a1a2e;font-family:Arial,sans-serif}.login-form-panel{width:420px;min-width:380px;height:100%;background:#2a2a40;border-right:2px solid #3a3a5a;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:40px;box-sizing:border-box;overflow-y:auto}.login-image-panel{flex:1;height:100%;background:linear-gradient(135deg,#16213e,#0f3460,#1a1a2e);display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;overflow:hidden}.login-image-panel:before{content:"";position:absolute;width:600px;height:600px;background:radial-gradient(circle,rgba(102,126,234,.15) 0%,transparent 70%);border-radius:50%}.login-image-panel:after{content:"";position:absolute;width:400px;height:400px;border:2px solid rgba(255,215,0,.1);border-radius:50%;animation:pulse-ring 4s ease-in-out infinite}.login-artwork-placeholder{text-align:center;z-index:1;pointer-events:none;-webkit-user-select:none;user-select:none}.login-artwork-title{font-size:72px;font-weight:700;color:#ffd7001f;letter-spacing:8px;text-transform:uppercase;line-height:1;margin-bottom:16px}.login-artwork-tagline{font-size:16px;color:#ffffff1a;letter-spacing:4px;text-transform:uppercase}.login-form-content{width:100%;max-width:340px}.game-title{font-size:42px;font-weight:700;color:gold;margin:0 0 6px;text-align:center;text-shadow:0 0 20px rgba(255,215,0,.3)}.game-version{text-align:center;font-size:13px;color:#666;margin:0 0 36px;letter-spacing:1px}.input-group{margin-bottom:18px}.input-group label{display:block;font-weight:700;color:#ccc;margin-bottom:7px;font-size:13px;text-transform:uppercase;letter-spacing:.5px}.input-group input{width:100%;padding:12px 14px;font-size:15px;border:2px solid rgba(255,255,255,.15);border-radius:8px;box-sizing:border-box;transition:border-color .2s,background .2s;background:#ffffff12;color:#fff}.input-group input::placeholder{color:#ffffff4d}.input-group input:focus{outline:none;border-color:#667eea;background:#ffffff1a}.input-group input:disabled{opacity:.5;cursor:not-allowed}.error-message{background:#f4433626;color:#ef9a9a;padding:12px 14px;border-radius:8px;margin-bottom:15px;border:1px solid rgba(244,67,54,.4);font-size:14px}.status-message{background:#4caf5026;color:#a5d6a7;padding:12px 14px;border-radius:8px;margin-bottom:15px;border:1px solid rgba(76,175,80,.4);font-size:14px}.login-button{width:100%;padding:14px;font-size:16px;font-weight:700;color:#fff;background:linear-gradient(135deg,#667eea,#4c5fd5);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 #667eea66}.login-button:active:not(:disabled){transform:translateY(0)}.login-button:disabled{opacity:.5;cursor:not-allowed}.toggle-button{width:100%;padding:12px;font-size:14px;color:#667eea;background:transparent;border:2px solid rgba(102,126,234,.4);border-radius:8px;cursor:pointer;transition:all .2s}.toggle-button:hover:not(:disabled){background:#667eea1a;border-color:#667eea;color:#fff}.toggle-button:disabled{opacity:.4;cursor:not-allowed}.login-footer{text-align:center;margin-top:28px;padding-top:18px;border-top:1px solid rgba(255,255,255,.08)}.login-footer p{color:#555;font-size:12px;margin:0}.steam-retry-button{width:100%;padding:14px;font-size:15px;font-weight:700;color:#fff;background:linear-gradient(135deg,#1b2838,#2a475e);border:2px solid rgba(102,126,234,.3);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 #1b283880;border-color:#667eea}.steam-retry-button:disabled{opacity:.5;cursor:not-allowed}.steam-login-status{text-align:center;padding:30px 0}.steam-icon{font-size:56px;margin-bottom:16px}.loading-spinner{width:36px;height:36px;border:3px solid rgba(255,255,255,.15);border-top-color:#667eea;border-radius:50%;animation:spin 1s linear infinite;margin:20px auto 0}@keyframes pulse-ring{0%,to{transform:scale(1);opacity:.4}50%{transform:scale(1.08);opacity:.2}}@media(max-width:768px){.login-container{flex-direction:column}.login-form-panel{width:100%;min-width:unset;height:auto;min-height:100vh;border-right:none;border-bottom:none}.login-image-panel{display:none}}.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}.character-creator-container{display:flex;width:100vw;height:100vh;background:linear-gradient(135deg,#667eea,#764ba2)}.barber-viewport-panel{flex:1;display:flex;flex-direction:column;min-height:0;overflow:hidden}.barber-viewport-panel .character-creator-container{width:100%;flex:1;min-height:0}.barber-viewport-panel .creator-panel{display:flex;flex-direction:column}.barber-viewport-panel .creator-panel form{display:flex;flex-direction:column;flex:1}.barber-viewport-panel .edit-buttons{margin-top:auto;padding-top:20px}.barber-viewport-panel .creator-panel{background:#1a1a2e}.barber-viewport-panel .creator-panel h1,.barber-viewport-panel .creator-panel h2{color:#e0e0e0}.barber-viewport-panel .name-section label,.barber-viewport-panel .customization-row label,.barber-viewport-panel .name-display label,.barber-viewport-panel .gender-display label{color:silver}.barber-viewport-panel .name-locked,.barber-viewport-panel .gender-locked,.barber-viewport-panel .customization-row select{background:#2a2a40;border-color:#3a3a5a;color:#e0e0e0}.barber-viewport-panel .edit-mode-notice{color:#9090ee}.creator-panel{flex:1;padding:40px;background:#fff;overflow-y:auto;min-height:0}.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:100%;box-sizing:border-box;display:flex;flex-direction:column;align-items:stretch;position:relative}.no-enemies{background:#ffffff0d;border:2px dashed rgba(255,255,255,.2);border-radius:8px;padding:20px;text-align:center}.no-enemies p{font-size:13px;color:#aaa;margin:5px 0}.combat-top-bar{display:flex;align-items:center;justify-content:space-between;width:100%;margin-bottom:5px;min-height:56px;background:#0000008c;border:2px solid #3a3a5a;border-radius:12px;padding:8px 16px;box-sizing:border-box}.combat-top-left{flex:1;display:flex;align-items:center;gap:8px;min-width:0}.combat-top-center{flex-shrink:0;text-align:center;padding:0 16px}.combat-top-right{flex:1;display:flex;align-items:center;justify-content:flex-end;gap:12px;min-width:0;padding-right:4px}.combat-xp-block{display:flex;align-items:center;gap:10px;max-width:440px;width:100%}.combat-sound-btn{flex-shrink:0;background:#ffffff14;border:1px solid rgba(255,255,255,.18);border-radius:8px;color:#ccc!important;width:36px;height:36px;min-width:36px;padding:0!important;display:flex;align-items:center;justify-content:center;cursor:pointer;overflow:visible;transition:background .15s,color .15s,border-color .15s}.combat-sound-btn:hover{background:#ffffff26;color:#fff;border-color:#ffffff59}.combat-sound-btn.muted{background:#f4433626;border-color:#f4433666;color:#f44336}.combat-sound-btn.muted:hover{background:#f4433640}.combat-xp-label{font-size:14px;font-weight:700;color:gold;white-space:nowrap}.combat-xp-bar{flex:1;min-width:120px;position:relative;height:18px;background:#ffffff1a;border-radius:9px;overflow:hidden;border:1px solid rgba(255,255,255,.2)}.combat-xp-fill{height:100%;background:linear-gradient(90deg,#4caf50,#66bb6a,#81c784);border-radius:9px;transition:width .5s ease-out;box-shadow:0 0 8px #4caf5066}.combat-xp-bar .discipline-xp-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:11px;font-weight:700;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.8);white-space:nowrap}.fight-panel .combat-top-left .fight-button,.fight-panel .combat-top-left .flee-button,.fight-panel .combat-top-left .queue-button,.fight-panel .combat-top-left .manual-queue-button{padding:10px 0;font-size:13px;width:130px;margin:0;white-space:nowrap;overflow:visible}.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;width:100%;flex:1;min-height:0;align-items:stretch}.enemy-list-section{min-height:0;overflow-y:auto}.enemy-list-section h2{font-size:20px;margin-bottom:15px;color:#ddd}.enemy-list{display:flex;flex-direction:column;gap:10px}.enemy-card{background:#2a2a40;border:2px solid #3a3a5a;border-radius:10px;transition:all .2s;display:flex;align-items:stretch}.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-card-main{flex:1;padding:15px;cursor:pointer}.enemy-card-left{flex:0 0 90px;display:flex;align-items:center;justify-content:center;padding:12px 0 12px 12px}.enemy-card-middle{flex:1;padding:12px 10px;min-width:0}.enemy-card-right{flex:0 0 44px;display:flex;align-items:flex-start;justify-content:center;padding-top:10px;border-left:1px solid #333}.enemy-card-sprite{width:74px;height:74px;object-fit:cover;border-radius:6px;border:1px solid #555;display:block}.enemy-card-no-sprite{width:74px;height:74px;border-radius:6px;background:#2a2a3a;border:1px solid #444}.copper-dot-sm{display:inline-block;width:7px;height:7px;border-radius:50%;background:#cd7f32;box-shadow:0 0 3px #cd7f3280;margin-left:4px;vertical-align:middle;flex-shrink:0}.enemy-card-right .resource-info-btn{margin:0}.enemy-name{font-size:15px;font-weight:700;margin-bottom:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.enemy-level{font-size:13px;color:#aaa;margin-bottom:8px}.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:6px 12px;display:flex;flex-direction:column;min-height:0;overflow:hidden;box-sizing:border-box;gap:4px;position:relative}.cs-top{flex:1;position:relative;display:flex;flex-direction:column;min-height:0;overflow:hidden;animation:combatFadeIn .5s ease-out}@keyframes combatFadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.cs-middle{flex:0 0 auto;min-height:52px;display:flex;align-items:stretch;padding:4px 8px;border-top:1px solid rgba(255,255,255,.07);border-bottom:1px solid rgba(255,255,255,.07)}.cs-middle-left,.cs-middle-center,.cs-middle-right{flex:1;display:flex;align-items:center;justify-content:center}.cs-middle-left{justify-content:center}.combo-tracker{display:flex;flex-direction:row;align-items:center;gap:4px;width:100%}.combo-selector-left{flex:1;display:flex;flex-direction:column;justify-content:center}.combo-selector-right{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center}.combo-select{width:100%;background:#00000080;color:#e0e0e0;border:1px solid rgba(255,255,255,.2);border-radius:4px;padding:4px 6px;font-size:11px;cursor:pointer;outline:none}.combo-select:focus{border-color:gold}.combo-select option{background:#1a1a2e;color:#e0e0e0}.combo-broken-label{font-size:10px;color:#f44336;font-weight:700;text-align:center;margin-top:2px;animation:comboBreakFlash .9s ease-out forwards}.combo-row{display:flex;align-items:center;gap:6px}.combo-dots{display:flex;gap:4px}.combo-dot{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:6px;border:1px solid rgba(255,255,255,.2);background:#ffffff0d;color:#888;transition:background .15s,border-color .15s,color .15s}.combo-dot-sword{width:20px;height:20px;display:block;overflow:visible;color:inherit}.combo-dot.hit{background:#4caf5059;border-color:#4caf50;color:#81c784}.combo-dot.next{border-color:gold;color:gold;background:#ffd7001f;box-shadow:0 0 4px #ffd70066}.combo-row.combo-broken .combo-dot{border-color:#f44336;background:#f4433626;color:#ef9a9a}.combo-row-name{font-size:10px;color:#aaa;white-space:nowrap;min-width:82px;text-align:right;transition:color .15s}.combo-row.combo-broken .combo-row-name{color:#f44336;font-weight:700;animation:comboBreakFlash .9s ease-out forwards}@keyframes comboBreakFlash{0%{opacity:1}30%{opacity:.6}60%{opacity:1}to{opacity:.5}}.floating-damage.combo-damage{font-size:42px;color:#ff9800;text-shadow:3px 3px 0 #000,-3px -3px 0 #000,3px -3px 0 #000,-3px 3px 0 #000,0 3px 0 #000,3px 0 0 #000,0 -3px 0 #000,-3px 0 0 #000;top:30%}.floating-damage .combo-text{color:gold;font-size:.65em;text-shadow:2px 2px 0 #000,-2px -2px 0 #000,2px -2px 0 #000,-2px 2px 0 #000}.combo-log{color:#ff9800;font-weight:700;margin-left:4px}.cs-bottom{flex:0 0 120px;overflow-y:auto;padding:4px 2px}.cs-popup-layer{position:absolute;inset:0;z-index:50;pointer-events:none}.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,.fight-panel .manual-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-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 .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}.manual-queue-button{background:linear-gradient(135deg,#2196f3,#1565c0);color:#fff}.manual-queue-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #2196f366}.manual-queue-button:disabled{opacity:.5;cursor:not-allowed}.queue-summary-line{font-size:12px;color:#aaa;margin:2px 0}.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}.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}.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}.battle-scene{flex:1;display:flex;justify-content:space-between;align-items:flex-start;margin:0;padding:4px 8px;background:#0000004d;border-radius:12px;gap:20px;position:relative;min-height:0;overflow:hidden}.battle-character{flex:1;display:flex;justify-content:center;align-items:center}.character-frame{background:linear-gradient(135deg,#2a2a40,#1a1a2e);border:3px solid #667eea;border-radius:12px;padding:8px;width:180px;box-shadow:0 5px 20px #667eea4d}.enemy-side .character-frame{border-color:#f44336;box-shadow:0 5px 20px #f443364d}.character-portrait{width:100%;height:110px;position:relative;background:#0003;border-radius:8px;margin-bottom:8px;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:48px;font-weight:700;color:gold;text-shadow:3px 3px 0 #000,-3px -3px 0 #000,3px -3px 0 #000,-3px 3px 0 #000,0 3px 0 #000,3px 0 0 #000,0 -3px 0 #000,-3px 0 0 #000;animation:floatUp 2s ease-out forwards;pointer-events:none;z-index:100;white-space:nowrap}.floating-damage.critical{font-size:60px;color:#c00;text-shadow:3px 3px 0 #000,-3px -3px 0 #000,3px -3px 0 #000,-3px 3px 0 #000,0 3px 0 #000,3px 0 0 #000,0 -3px 0 #000,-3px 0 0 #000}.floating-damage .crit-text{color:gold;font-size:.7em;text-shadow:2px 2px 0 #000,-2px -2px 0 #000,2px -2px 0 #000,-2px 2px 0 #000,0 2px 0 #000,2px 0 0 #000,0 -2px 0 #000,-2px 0 0 #000}.floating-damage.player-damage.critical{font-size:60px;color:#c00;text-shadow:3px 3px 0 #000,-3px -3px 0 #000,3px -3px 0 #000,-3px 3px 0 #000,0 3px 0 #000,3px 0 0 #000,0 -3px 0 #000,-3px 0 0 #000}.blood-splatter{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;pointer-events:none;z-index:10;animation:splatterFade 2s ease-out forwards}.blood-splatter.player-splatter{transform:scaleX(-1)}@keyframes splatterFade{0%{opacity:.9}30%{opacity:.8}to{opacity:0}}.floating-damage.dodge{font-size:36px;color:#2196f3;text-shadow:2px 2px 0 #000,-2px -2px 0 #000,2px -2px 0 #000,-2px 2px 0 #000,0 2px 0 #000,2px 0 0 #000,0 -2px 0 #000,-2px 0 0 #000}@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,#f44336,#e57373);border-radius:10px;transition:width .5s ease;box-shadow:0 0 10px #f4433680;min-width:3px}.hp-bar.player-hp{background:linear-gradient(90deg,#f44336,#e57373)!important;box-shadow:0 0 10px #f4433680!important}.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)}}.zone-attack-section{display:flex;flex-direction:column;align-items:center;align-self:stretch;min-width:110px}.zone-buttons{flex:1;display:flex;flex-direction:column;justify-content:space-evenly;align-items:center;width:100%;min-height:0}.turn-timer-outer{display:flex;justify-content:center;margin-top:8px}.zone-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;width:76px;padding:4px 5px 3px;background:linear-gradient(150deg,#1e3a5f,#0d2137);border:2px solid #4a90d9;border-radius:8px;color:#c8e0ff;font-size:11px;font-weight:600;cursor:pointer;transition:all .15s ease;line-height:1.2;overflow:visible}.zone-btn:not(:disabled):hover{background:linear-gradient(150deg,#2a5080,#153560);border-color:#7eb8ff;transform:translate(4px);box-shadow:0 0 10px #4a90d980}.zone-btn:not(:disabled):active{transform:translate(2px) scale(.97)}.zone-btn:disabled{opacity:.35;cursor:not-allowed;filter:grayscale(.6)}.zone-sword{width:36px;height:36px;display:block;overflow:visible;color:#7eb8ff;filter:drop-shadow(0 0 3px rgba(74,144,217,.6));transition:filter .15s ease}.zone-btn:not(:disabled):hover .zone-sword{color:#b8d9ff;filter:drop-shadow(0 0 5px rgba(126,184,255,.8))}.zone-btn-name{font-size:8px;color:#89b4d9;text-transform:uppercase;letter-spacing:.8px;margin-top:2px}.zone-btn.zone-btn-primed{border-color:gold;background:linear-gradient(150deg,#2a3a10,#192808);box-shadow:0 0 10px #ffd70080}.zone-btn.zone-btn-primed .zone-sword{color:gold;filter:drop-shadow(0 0 6px rgba(255,215,0,.9))}.zone-btn.zone-btn-primed .zone-btn-name{color:gold}.zone-btn.zone-btn-primed:not(:disabled):hover{border-color:#ffe94d;box-shadow:0 0 14px #ffd700b3;transform:translate(4px)}.turn-timer{display:flex;flex-direction:column;align-items:center;gap:2px;padding:6px 10px;border-radius:8px;min-width:90px;text-align:center;font-size:11px;transition:all .3s ease}.turn-timer-active{background:#4ad97826;border:1px solid rgba(74,217,120,.5)}.turn-timer-waiting{background:#d9644a26;border:1px solid rgba(217,100,74,.4)}.turn-label{font-weight:600;color:#c8e0ff;font-size:10px;text-transform:uppercase;letter-spacing:.6px}.turn-count{font-size:22px;font-weight:700;color:#4ad978;line-height:1}.enemy-count{color:#e87040}.turn-attacking{font-size:20px;line-height:1}.hit-zone{color:gold;font-weight:700;text-transform:uppercase;font-size:.85em;letter-spacing:.5px}.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:countdownScaleIn .3s ease-out}@keyframes countdownScaleIn{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}.combat-result-popup{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:auto;background:linear-gradient(135deg,#1a1a2e,#16213e);border-radius:14px;padding:16px 18px;text-align:center;box-shadow:0 8px 40px #000000e6;z-index:100;max-width:260px;width:90%;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:2px solid #4caf50;box-shadow:0 6px 30px #4caf5080}.victory-popup h2{font-size:20px;color:#4caf50;margin:0 0 10px;text-shadow:0 0 12px rgba(76,175,80,.8)}.defeat-popup{border:2px solid #f44336;box-shadow:0 6px 30px #f4433680}.defeat-popup h2{font-size:20px;color:#f44336;margin:0 0 10px;text-shadow:0 0 12px rgba(244,67,54,.8)}.result-content{display:flex;flex-direction:column;gap:6px;margin-bottom:10px}.result-item{display:flex;justify-content:space-between;align-items:center;padding:5px 10px;background:#0000004d;border-radius:6px;gap:10px}.result-label{font-weight:700;color:#ddd;font-size:12px}.result-value{color:gold;font-weight:700;font-size:13px}.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}.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:7px 22px;font-size:13px;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{display:flex;flex-direction:column;align-items:center;margin-top:10px}.next-fight-countdown p{color:#aaa;font-size:14px;margin:0 0 10px;text-align:center}.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}}.enemy-info-view{flex:1;display:flex;flex-direction:row;gap:10px;position:relative;overflow:hidden;padding:6px 2px;min-height:0}.eiv-close{position:absolute;top:2px;right:2px;background:#ffffff1a;border:none;color:#aaa;font-size:16px;width:22px;height:22px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:5;line-height:1;padding:0}.eiv-close:hover{background:#fff3;color:#fff}.eiv-left{width:50%;flex-shrink:0;display:flex;flex-direction:column;gap:5px;min-width:0}.eiv-image{width:calc(100% - 80px);margin:0 40px;aspect-ratio:1 / 1;object-fit:contain;border-radius:8px;border:2px solid #f44336;display:block;background:#0000004d}.eiv-image-placeholder{width:calc(100% - 80px);margin:0 40px;aspect-ratio:1 / 1;background:#0000004d;display:flex;align-items:center;justify-content:center;font-size:48px;border-radius:8px}.eiv-name{font-size:14px;font-weight:700;color:#fff;text-align:center}.eiv-level{font-size:11px;color:#aaa}.eiv-desc{font-size:10px;color:#aaa;text-align:center;margin:0;font-style:italic}.eiv-stats{display:grid;grid-template-columns:1fr 1fr;gap:3px 5px;width:100%}.eiv-stat{display:flex;justify-content:space-between;background:#0000004d;border-radius:4px;padding:2px 6px;font-size:11px}.eiv-stat span:first-child{color:#aaa}.eiv-stat span:last-child{color:#fff;font-weight:600}.eiv-loot{width:100%}.eiv-drop{display:flex;justify-content:space-between;font-size:10px;padding:2px 5px;border-radius:3px;background:#ffffff0a;margin-bottom:2px}.eiv-chance{color:gold}.eiv-loading{font-size:11px;color:#aaa;text-align:center;padding:8px 0}.eiv-right{width:50%;flex-shrink:0;display:flex;flex-direction:column;gap:5px;overflow:hidden;min-width:0;padding:28px 12px 0 8px}.eiv-section-title{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.8px;color:#667eea;margin-bottom:2px}.eiv-rewards{display:flex;flex-direction:column;gap:3px}.eiv-reward{display:flex;justify-content:space-between;font-size:11px;background:#0000004d;border-radius:4px;padding:3px 8px}.eiv-exp{color:#4caf50;font-weight:700}.eiv-coins{color:gold;font-weight:700}.eiv-xp-table{width:100%;border-collapse:collapse;font-size:10px}.eiv-xp-table th{color:#aaa;font-weight:600;text-align:left;padding:2px 4px;border-bottom:1px solid rgba(255,255,255,.1)}.eiv-xp-table td{padding:2px 4px;color:#ddd}.eiv-xp-table tr:nth-child(2n) td{background:#ffffff08}.eiv-current-row td{background:#667eea33!important;color:#fff;font-weight:600}.eiv-progress{display:flex;flex-direction:column;gap:3px}.eiv-prog-row{display:flex;justify-content:space-between;font-size:11px;background:#0000004d;border-radius:4px;padding:3px 8px}.eiv-badge{padding:2px 6px;border-radius:4px;font-weight:700;font-size:10px;display:inline-block;white-space:nowrap}.eiv-badge.status-optimal{background:#66bb6a33;color:#66bb6a;border:1px solid #66bb6a}.eiv-badge.status-good{background:#ffc10733;color:#ffc107;border:1px solid #ffc107}.eiv-badge.status-poor{background:#ff980033;color:#ff9800;border:1px solid #ff9800}.eiv-badge.status-minimal{background:#f4433633;color:#f44336;border:1px solid #f44336}.eiv-prog-row span:first-child{color:#aaa}.eiv-prog-row span:last-child{color:#fff;font-weight:600}.quest-fight-panel{position:relative;color:#fff;background:transparent;height:100%;min-height:0;padding:20px;overflow:hidden}.quest-fight-panel h1{font-size:32px;margin-bottom:30px;color:gold;text-align:center;text-shadow:0 0 20px rgba(255,215,0,.5)}.quest-fight-panel.loading{display:flex;justify-content:center;align-items:center;font-size:24px;color:#aaa}.quest-fight-content{max-width:1200px;margin:0 auto}.battle-scene{position:relative;display:flex;justify-content:space-around;align-items:center;padding:40px;background:#2a2a40;border:2px solid #3a3a5a;border-radius:15px;min-height:500px;margin-bottom:30px;overflow:hidden}.battle-death-overlay{position:absolute;top:0;left:0;width:100%;height:100%;z-index:100;pointer-events:none;animation:deathFadeIn 1.5s ease-out forwards;border-radius:15px}@keyframes deathFadeIn{0%{opacity:0}to{opacity:1}}.battle-death-overlay:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:#000000d9;backdrop-filter:grayscale(100%) brightness(.3);-webkit-backdrop-filter:grayscale(100%) brightness(.3);border-radius:15px}.battle-death-vignette{position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(ellipse at 0% 0%,rgba(80,0,0,.5) 0%,transparent 40%),radial-gradient(ellipse at 100% 0%,rgba(80,0,0,.5) 0%,transparent 40%),radial-gradient(ellipse at 0% 100%,rgba(80,0,0,.5) 0%,transparent 40%),radial-gradient(ellipse at 100% 100%,rgba(80,0,0,.5) 0%,transparent 40%),radial-gradient(ellipse at center,transparent 30%,rgba(80,0,0,.4) 100%);animation:bloodPulse 3s ease-in-out infinite;border-radius:15px}@keyframes bloodPulse{0%,to{opacity:.7}50%{opacity:1}}.battle-death-message{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;color:#8b0000;text-shadow:0 0 30px rgba(0,0,0,1),0 0 50px rgba(139,0,0,.8),0 0 80px rgba(139,0,0,.5);animation:deathTextAppear 3s ease-out forwards;pointer-events:all;z-index:101}@keyframes deathTextAppear{0%{opacity:0;transform:translate(-50%,-50%) scale(1.5)}50%{opacity:.3}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.battle-death-message h1{font-size:72px;font-weight:200;margin:0;letter-spacing:20px;text-transform:uppercase;font-family:Times New Roman,serif}@keyframes deathShake{0%,to{transform:translate(0)}25%{transform:translate(-3px)}75%{transform:translate(3px)}}.battle-death-message p{font-size:18px;margin-top:15px;color:#ddd;text-shadow:0 0 10px rgba(0,0,0,.9);animation:deathTextFade 1.5s ease-in-out infinite}@keyframes deathTextFade{0%,to{opacity:.5}50%{opacity:1}}.battle-character{display:flex;flex-direction:column;align-items:center;width:300px;z-index:1}.character-frame{width:100%;text-align:center}.character-portrait{position:relative;width:200px;height:200px;margin:0 auto 20px;border-radius:50%;border:5px solid #667eea;overflow:hidden;background:linear-gradient(135deg,#1a1a2e,#0f0f1e)}.enemy-portrait{border-color:#f44336}.face-layer,.feature-layer{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.enemy-sprite{width:100%;height:100%;object-fit:cover}.enemy-placeholder{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.enemy-icon{font-size:80px}.character-name{font-size:24px;font-weight:700;margin-bottom:15px;color:gold}.hp-bar-container{position:relative;width:100%;height:30px;background:#00000080;border:2px solid #3a3a5a;border-radius:15px;overflow:hidden;margin-bottom:10px}.hp-bar{height:100%;background:linear-gradient(90deg,#f44336,#e57373);transition:width .5s ease}.hp-bar.enemy-hp{background:linear-gradient(90deg,#f44336,#e57373)}.hp-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:14px;font-weight:700;color:#fff;text-shadow:2px 2px 4px rgba(0,0,0,.8)}.cooldown-bar-container{position:relative;width:100%;height:25px;background:#00000080;border:2px solid #3a3a5a;border-radius:12px;overflow:hidden}.cooldown-bar{height:100%;transition:width .05s linear}.player-turn-bar.active{background:linear-gradient(90deg,#667eea,#764ba2)}.player-turn-bar.inactive{background:#667eea33}.enemy-turn-bar.active{background:linear-gradient(90deg,#f44336,#c62828)}.enemy-turn-bar.inactive{background:#f4433633}.cooldown-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:12px;font-weight:700;color:#fff;text-shadow:1px 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,.7);animation:vsGlow 2s ease-in-out infinite;z-index:0}@keyframes vsGlow{0%,to{text-shadow:0 0 20px rgba(255,215,0,.5)}50%{text-shadow:0 0 40px rgba(255,215,0,.9)}}.hit-shake{animation:hitShake .3s ease-in-out}@keyframes hitShake{0%,to{transform:translate(0)}25%{transform:translate(-10px)}75%{transform:translate(10px)}}.dodge-shake{animation:dodgeShake .3s ease-in-out}@keyframes dodgeShake{0%,to{transform:translateY(0)}25%{transform:translateY(-15px)}75%{transform:translateY(15px)}}.floating-damage{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:48px;font-weight:700;color:gold;text-shadow:3px 3px 0 #000,-3px -3px 0 #000,3px -3px 0 #000,-3px 3px 0 #000,0 3px 0 #000,3px 0 0 #000,0 -3px 0 #000,-3px 0 0 #000;animation:floatUp 2s ease-out forwards;pointer-events:none;z-index:100}.floating-damage.player-damage{color:gold}.floating-damage.critical{font-size:60px;color:#c00;text-shadow:3px 3px 0 #000,-3px -3px 0 #000,3px -3px 0 #000,-3px 3px 0 #000,0 3px 0 #000,3px 0 0 #000,0 -3px 0 #000,-3px 0 0 #000;animation:floatUpCrit 2s ease-out forwards}.floating-damage.dodge{color:#2196f3;font-size:28px;text-shadow:2px 2px 0 #000,-2px -2px 0 #000,2px -2px 0 #000,-2px 2px 0 #000,0 2px 0 #000,2px 0 0 #000,0 -2px 0 #000,-2px 0 0 #000}@keyframes floatUp{0%{opacity:1;transform:translate(-50%,-50%)}to{opacity:0;transform:translate(-50%,-150%)}}@keyframes floatUpCrit{0%{opacity:1;transform:translate(-50%,-50%) scale(1)}20%{transform:translate(-50%,-50%) scale(1.3)}to{opacity:0;transform:translate(-50%,-150%) scale(1)}}.attack-button-container{text-align:center;margin:30px 0}.attack-button{padding:20px 60px;font-size:24px;font-weight:700;border:none;border-radius:10px;cursor:pointer;transition:all .2s;background:linear-gradient(135deg,#f44336,#c62828);color:#fff;box-shadow:0 4px 15px #f4433666;animation:attackButtonPulse 2s ease-in-out infinite}.attack-button:hover:not(:disabled){transform:translateY(-3px) scale(1.05);box-shadow:0 8px 25px #f4433699}.attack-button:disabled{opacity:.5;cursor:not-allowed;animation:none}@keyframes attackButtonPulse{0%,to{box-shadow:0 4px 15px #f4433666}50%{box-shadow:0 4px 25px #f44336b3}}.combat-log-section{background:#2a2a40;border:2px solid #3a3a5a;border-radius:15px;padding:20px;margin-top:30px}.combat-log-section h3{font-size:20px;margin-bottom:15px;color:#ddd}.combat-log{max-height:200px;overflow-y:auto;padding:10px;background:#0000004d;border-radius:8px;display:flex;flex-direction:column;gap:8px}.log-entry{padding:8px 12px;border-radius:6px;font-size:14px;line-height:1.4}.log-entry.player{background:#667eea33;border-left:3px solid #667eea}.log-entry.enemy{background:#f4433633;border-left:3px solid #f44336}.player-name{color:#667eea;font-weight:700}.enemy-name{color:#f44336;font-weight:700}.damage{color:gold;font-weight:700}.damage.critical{color:#ff9800;animation:critGlow .5s ease-in-out 2}@keyframes critGlow{0%,to{text-shadow:0 0 5px rgba(255,152,0,.5)}50%{text-shadow:0 0 15px rgba(255,152,0,1)}}.dodged{color:#2196f3;font-style:italic}.missed{color:#aaa;font-style:italic}.combat-result-popup{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:linear-gradient(135deg,#1a1a2e,#16213e);border:3px solid;border-radius:20px;padding:40px;min-width:400px;text-align:center;box-shadow:0 10px 50px #000c;animation:popupAppear .3s ease-out;z-index:10}@keyframes popupAppear{0%{opacity:0;transform:translate(-50%,-50%) scale(.8)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.victory-popup{border-color:#4caf50}.victory-popup h2{color:#4caf50;font-size:36px;margin-bottom:30px;text-shadow:0 0 20px rgba(76,175,80,.5)}.defeat-popup{border-color:#f44336}.defeat-popup h2{color:#f44336;font-size:36px;margin-bottom:30px;text-shadow:0 0 20px rgba(244,67,54,.5)}.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:#ffffff0d;border-radius:8px}.result-label{font-size:16px;color:#aaa}.result-value{font-size:18px;font-weight:700;color:#4caf50}.level-up-item{background:linear-gradient(135deg,#ffd70033,#ffc10733);border:2px solid #ffd700}.level-up-item .result-label,.level-up-item .result-value{color:gold}.result-loot{display:flex;flex-wrap:wrap;gap:8px}.loot-badge{background:#667eea;color:#fff;padding:6px 12px;border-radius:15px;font-size:14px}.continue-button{padding:15px 50px;font-size:18px;font-weight:700;border:none;border-radius:10px;cursor:pointer;transition:all .2s;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.continue-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea80}.countdown-overlay-viewport{position:absolute;top:0;left:0;width:100%;height:100%;background:#0000004d;display:flex;justify-content:center;align-items:center;z-index:1000;animation:fadeIn .3s ease-out}.countdown-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0000004d;display:flex;justify-content:center;align-items:center;z-index:10000;animation:fadeIn .3s ease-out}.countdown-modal{text-align:center}.countdown-title{font-size:32px;color:gold;margin-bottom:30px;text-shadow:0 0 20px rgba(255,215,0,.7)}.countdown-number{font-size:120px;font-weight:700;color:#fff;text-shadow:0 0 40px rgba(255,255,255,.8);animation:countdownPulse 1s ease-in-out}.error-message{color:#f44336;background:#f443361a;border:2px solid #f44336;border-radius:8px;padding:15px;margin:20px 0;font-size:16px;text-align:center}.combat-log::-webkit-scrollbar{width:8px}.combat-log::-webkit-scrollbar-track{background:#0000004d;border-radius:4px}.combat-log::-webkit-scrollbar-thumb{background:#667eea;border-radius:4px}.combat-log::-webkit-scrollbar-thumb:hover{background:#764ba2}.countdown-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0000004d;display:flex;align-items:center;justify-content:center;z-index:9999}.countdown-modal{background:linear-gradient(135deg,#2a2a40,#1a1a2e);border:3px solid #667eea;border-radius:20px;padding:60px;text-align:center;box-shadow:0 0 50px #667eea80}.countdown-title{font-size:32px;color:gold;margin-bottom:30px;text-shadow:0 0 20px rgba(255,215,0,.5)}.countdown-number{font-size:120px;font-weight:700;color:#667eea;text-shadow:0 0 30px rgba(102,126,234,.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}}.list-item-modal-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:10000}.list-item-modal{background:linear-gradient(135deg,#1a1a2e,#16213e);border:2px solid #e94560;border-radius:10px;padding:30px;max-width:500px;width:90%;box-shadow:0 0 30px #e9456080}.list-item-modal h2{color:#e94560;margin:0 0 20px;text-align:center}.modal-item-display{display:flex;align-items:center;gap:15px;padding:15px;background:#0000004d;border-radius:8px;margin-bottom:20px}.modal-item-icon{width:64px;height:64px;background:#ffffff0d;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:32px}.modal-item-info{flex:1}.modal-item-name{font-size:18px;font-weight:700;margin:0 0 5px}.modal-item-name.common{color:#fff}.modal-item-name.uncommon{color:#1eff00}.modal-item-name.rare{color:#0070dd}.modal-item-name.epic{color:#a335ee}.modal-item-name.legendary{color:#ff8000}.modal-item-qty{color:#aaa;font-size:14px}.modal-form{display:flex;flex-direction:column;gap:20px}.modal-form-group{display:flex;flex-direction:column;gap:8px}.modal-form-group label{color:#fff;font-weight:500}.modal-form-group input{padding:12px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:5px;color:#fff;font-size:16px}.modal-form-group input:focus{outline:none;border-color:#e94560}.modal-form-group small{color:#888;font-size:12px}.price-breakdown{background:#0000004d;border-radius:5px;padding:15px}.price-breakdown-row{display:flex;justify-content:space-between;margin-bottom:8px;color:#aaa}.price-breakdown-row.total{font-size:18px;font-weight:700;color:gold;padding-top:8px;border-top:1px solid rgba(255,255,255,.1)}.price-breakdown-row.fee{color:#ff6b6b}.modal-actions{display:flex;gap:10px;margin-top:10px}.modal-btn{flex:1;padding:12px;border:none;border-radius:5px;font-size:16px;font-weight:700;cursor:pointer;transition:all .3s}.modal-btn-list{background:#28a745;color:#fff}.modal-btn-list:hover:not(:disabled){background:#218838}.modal-btn-list:disabled{background:#555;cursor:not-allowed;opacity:.5}.modal-btn-cancel{background:#ffffff1a;color:#fff}.modal-btn-cancel:hover{background:#fff3}.modal-error{background:#dc354533;border:1px solid #dc3545;border-radius:5px;padding:10px;color:#ff6b6b;margin-bottom:15px;font-size:14px}.trade-chat-option{background:#4fc3f71a;border:1px solid rgba(79,195,247,.3);border-radius:8px;padding:12px}.checkbox-label{display:flex;align-items:center;gap:8px;cursor:pointer;margin-bottom:6px}.checkbox-label input[type=checkbox]{width:18px;height:18px;cursor:pointer}.checkbox-label input[type=checkbox]:disabled{cursor:not-allowed;opacity:.5}.checkbox-label span{font-size:14px;font-weight:600;color:#4fc3f7}.text-success{color:#4caf50!important}.text-danger{color:#e74c3c!important}.toast-container{position:fixed;top:20px;right:20px;z-index:10000;display:flex;flex-direction:column;gap:10px;pointer-events:none}.game-toast{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#000000f2;border:1px solid rgba(255,255,255,.1);border-radius:8px;min-width:300px;max-width:400px;box-shadow:0 4px 12px #00000080;animation:slideIn .3s ease-out;pointer-events:all;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.game-toast-icon{font-size:20px;font-weight:700;flex-shrink:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:50%}.game-toast-message{flex:1;color:#fff;font-size:14px;line-height:1.4}.game-toast-close{background:none;border:none;color:#fff9;font-size:20px;cursor:pointer;padding:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:color .2s}.game-toast-close:hover{color:#fff}.game-toast-success{border-left:4px solid #4ecca3}.game-toast-success .game-toast-icon{color:#4ecca3;background:#4ecca333}.game-toast-error{border-left:4px solid #e94560}.game-toast-error .game-toast-icon{color:#e94560;background:#e9456033}.game-toast-warning{border-left:4px solid #ffd700}.game-toast-warning .game-toast-icon{color:gold;background:#ffd70033}.game-toast-info{border-left:4px solid #4a9eff}.game-toast-info .game-toast-icon{color:#4a9eff;background:#4a9eff33}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.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:#0000004d;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(auto-fill,minmax(60px,80px));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-sprite{width:32px;height:32px;object-fit:contain;image-rendering:pixelated;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.slot-item-icon .item-sprite{width:28px;height:28px}.detail-item-icon .item-sprite{width:80px;height:80px}.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:#0000004d;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-slot.expansion-slot{background:linear-gradient(135deg,#667eea26,#764ba226);border:2px dashed rgba(102,126,234,.5);cursor:pointer;transition:all .3s ease}.item-slot.expansion-slot:hover{background:linear-gradient(135deg,#667eea4d,#764ba24d);border-color:#667eeacc;transform:translateY(-2px) scale(1.05);box-shadow:0 4px 20px #667eea66}.expansion-icon{font-size:32px;font-weight:700;color:#667eeacc;line-height:1;transition:all .3s ease}.item-slot.expansion-slot:hover .expansion-icon{color:#667eea;transform:scale(1.2)}.expansion-text{font-size:9px;font-weight:700;color:#667eeab3;text-transform:uppercase;letter-spacing:.5px;margin-top:2px}.item-slot.expansion-slot:hover .expansion-text{color:#667eea}.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:96px;height:96px;display:flex;align-items:center;justify-content:center;font-size:64px;background:#ffffff0d;border-radius:10px;border:2px solid rgba(255,255,255,.2)}.detail-item-icon{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.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}.inventory-level-requirement{display:flex;align-items:center;justify-content:center;margin:12px 0;padding:8px;background:#ff980026;border:1px solid rgba(255,152,0,.3);border-radius:6px}.inventory-level-requirement .level-badge{color:#ff9800;font-weight:700;font-size:13px;text-align:center}.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}.power-rank-line{border-top:1px solid rgba(255,215,0,.2);margin-top:6px;padding-top:6px}.power-rank-line .stat-name{color:gold;font-weight:700}.power-rank-line .stat-value{color:gold}.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}@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(auto-fill,minmax(50px,70px))}.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);position:relative}.exp-bar-fill{height:100%;background:linear-gradient(90deg,#4caf50,#66bb6a);transition:width .5s ease}.exp-bar-text{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#fff;font-size:13px;font-weight:700;text-shadow:0 1px 3px rgba(0,0,0,.7);pointer-events:none}.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}.info-section-heading{font-size:16px;font-weight:700;color:#667eea;border-bottom:2px solid rgba(102,126,234,.3);padding-bottom:8px;margin-top:20px;margin-bottom:12px}.info-currency-bar{display:flex;align-items:center;justify-content:center;gap:10px;padding:10px 15px;background:#0000004d;border-radius:8px;flex-wrap:wrap;margin-bottom:12px}.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}.combo-config-section{display:flex;flex-direction:column;gap:8px;padding:10px 12px;background:#00000040;border-radius:8px;border:1px solid rgba(255,255,255,.08)}.combo-config-row{display:flex;gap:8px;align-items:center}.combo-config-select{flex:1;background:#00000080;color:#e0e0e0;border:1px solid rgba(255,255,255,.2);border-radius:5px;padding:5px 8px;font-size:12px;cursor:pointer;outline:none}.combo-config-select:focus{border-color:gold}.combo-config-select option{background:#1a1a2e;color:#e0e0e0}.combo-save-btn{padding:5px 12px;background:#667eea40;color:#a8b4f8;border:1px solid rgba(102,126,234,.4);border-radius:5px;font-size:11px;cursor:pointer;white-space:nowrap;transition:background .15s,color .15s}.combo-save-btn:hover:not(:disabled){background:#667eea73;color:#fff}.combo-save-btn:disabled{opacity:.6;cursor:default}.combo-save-btn.saved{background:#4caf5040;color:#81c784;border-color:#4caf5066}.combo-save-btn.error{background:#f4433640;color:#ef9a9a;border-color:#f4433666}.combo-config-detail{display:flex;flex-direction:column;gap:6px;padding-top:4px;border-top:1px solid rgba(255,255,255,.07)}.combo-config-desc{font-size:11px;color:#aaa;margin:0;line-height:1.4}.combo-config-sequence{display:flex;flex-wrap:wrap;align-items:center;gap:2px;font-size:11px}.combo-config-zone{display:inline-flex;align-items:center;gap:2px;padding:2px 7px;background:#ffd7001a;border:1px solid rgba(255,215,0,.3);border-radius:10px;color:gold;font-size:10px;font-weight:500}.combo-config-arrow{color:#666;font-size:11px;margin:0 2px}.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}.disciplines-card{background:#667eea14!important;border:2px solid rgba(102,126,234,.4)!important}.disciplines-grid{display:flex;flex-direction:column;gap:15px}.discipline-item{display:flex;align-items:center;padding:15px;background:#0000004d;border-radius:10px;border:1px solid rgba(255,255,255,.1);transition:all .3s}.discipline-item:hover{background:#0006;border-color:#667eea80;transform:translate(5px)}.discipline-icon{font-size:32px;margin-right:15px;min-width:40px;text-align:center}.discipline-details{display:flex;flex-direction:column;gap:5px;flex:1}.discipline-label{font-size:16px;color:#fff;font-weight:700}.discipline-level{font-size:14px}.discipline-level .level-value{color:#4ade80;font-weight:700}.discipline-level .locked{color:#f87171;font-style:italic}.disciplines-note{margin-top:15px;padding:12px;background:#667eea1a;border-radius:8px;border:1px solid rgba(102,126,234,.2)}.disciplines-note small{color:#aaa;font-size:13px}@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}.lifetime-stats-heading{display:flex;justify-content:space-between;align-items:center}.lifetime-loading{color:#888;text-align:center;padding:20px;font-size:14px}.lifetime-grid{display:flex;flex-direction:column;gap:4px;margin-top:10px}.lifetime-section-title{color:#667eea;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;margin-top:12px;margin-bottom:2px;padding-bottom:4px;border-bottom:1px solid rgba(102,126,234,.2)}.lifetime-section-title:first-child{margin-top:0}.lifetime-item{display:flex;justify-content:space-between;align-items:center;padding:5px 8px;border-radius:6px;font-size:13px;background:#ffffff08}.lifetime-item:hover{background:#ffffff12}.lifetime-item span:first-child{color:#bbb}.lifetime-item span:last-child{color:#e0e0e0;font-weight:600}.lifetime-highlight span:last-child{color:#ff9800;font-weight:700}.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:calc(100% - 80px)}.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: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%;min-width:960px;aspect-ratio:16 / 9;background-image:url(../assets/images/map/map_background.png);background-size:cover;background-position:center;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}}.modal-overlay{position:fixed;inset:0;background-color:#000000bf;display:flex;justify-content:center;align-items:center;z-index:10000;padding:20px}.resource-info-modal{background:linear-gradient(135deg,#1e1e2e,#2a2a3e);border-radius:12px;border:2px solid #4a4a6a;width:fit-content;max-width:90vw;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 10px 40px #00000080}.modal-header{padding:20px 24px;border-bottom:2px solid #3a3a4a;display:flex;justify-content:center;align-items:center;background:linear-gradient(135deg,#2a2a3e,#1e1e2e);border-radius:10px 10px 0 0;position:relative}.modal-header h2{margin:0;font-size:24px;color:gold;text-shadow:0 2px 4px rgba(0,0,0,.5);text-align:center}.modal-close-x{position:absolute;right:24px;background:none;border:none;color:#999;font-size:32px;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;transition:color .2s}.modal-close-x:hover{color:#ff6b6b}.resource-info-modal .modal-content{padding:20px;margin-left:30px;overflow-y:auto;overflow-x:hidden;flex:1}.resource-info-modal .info-section{margin-bottom:20px;background:#0003;padding:16px;border-radius:8px;border:1px solid rgba(255,255,255,.05)}.resource-info-modal .info-section:last-child{margin-bottom:0}.resource-info-modal .info-section h3{margin:0 0 16px;font-size:18px;color:#90caf9;border-bottom:1px solid rgba(144,202,249,.2);padding-bottom:8px;text-align:center}.resource-info-modal .info-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.resource-info-modal .info-item{display:flex;justify-content:space-between;align-items:center}.resource-info-modal .info-label{color:#aaa;font-size:14px}.resource-info-modal .info-value{color:#fff;font-weight:700;font-size:14px}.resource-info-modal .info-value.unlocked{color:#66bb6a}.resource-info-modal .info-value.locked{color:#ff9800}.resource-info-modal .resource-description{margin:12px 0 0;color:#ccc;font-size:14px;font-style:italic;padding-top:12px;border-top:1px solid rgba(255,255,255,.05);text-align:center}.resource-info-modal .progress-info{display:flex;flex-direction:column;gap:10px}.resource-info-modal .progress-item{display:flex;justify-content:space-between;align-items:center}.resource-info-modal .progress-label{color:#aaa;font-size:14px}.resource-info-modal .progress-value{color:#fff;font-weight:700;font-size:14px}.resource-info-modal .progress-value.highlight{color:gold;font-size:18px}.resource-info-modal .xp-table-container{overflow-x:auto;margin-bottom:16px}.resource-info-modal .xp-table{width:100%;border-collapse:collapse;background:#0000004d;border-radius:6px;overflow:hidden}.resource-info-modal .xp-table thead{background:#90caf91a}.resource-info-modal .xp-table th{padding:12px;text-align:left;color:#90caf9;font-weight:700;font-size:13px;border-bottom:2px solid rgba(144,202,249,.3)}.xp-table td{padding:10px 12px;color:#ddd;font-size:14px;border-bottom:1px solid rgba(255,255,255,.05)}.xp-table tbody tr:last-child td{border-bottom:none}.xp-table tbody tr:hover{background:#ffffff08}.resource-info-modal .current-level-row{background:#ffd7001a!important;border-left:3px solid #ffd700}.resource-info-modal .current-level-row td{font-weight:700}.resource-info-modal .chance-badge{padding:4px 8px;border-radius:4px;font-weight:700;font-size:12px;display:inline-block}.resource-info-modal .status-optimal{background:#66bb6a33;color:#66bb6a;border:1px solid #66bb6a}.resource-info-modal .status-good{background:#ffc10733;color:#ffc107;border:1px solid #ffc107}.resource-info-modal .status-poor{background:#ff980033;color:#ff9800;border:1px solid #ff9800}.resource-info-modal .status-minimal{background:#f4433633;color:#f44336;border:1px solid #f44336}.resource-info-modal .xp-notes{background:#90caf90d;border-left:3px solid #90caf9;padding:12px;border-radius:4px}.resource-info-modal .note-item{margin:0 0 8px;color:#ccc;font-size:13px;display:flex;align-items:flex-start;gap:8px}.resource-info-modal .note-item:last-child{margin-bottom:0}.resource-info-modal .note-icon{font-size:16px;flex-shrink:0}.resource-info-modal .note-item strong{color:#90caf9}.resource-info-modal .drops-list{display:flex;flex-direction:column;gap:8px}.resource-info-modal .drop-item{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;background:#0000004d;border-radius:6px;border:1px solid rgba(255,255,255,.05)}.resource-info-modal .drop-name{color:gold;font-weight:700;font-size:14px}.resource-info-modal .drop-quantity{color:#fff;font-size:14px}.resource-info-modal .drop-chance{color:#66bb6a;font-weight:700;font-size:13px}.resource-info-modal .modal-footer{padding:20px 24px;border-top:2px solid #3a3a4a;display:flex;justify-content:flex-end;background:#0003;border-radius:0 0 10px 10px}.resource-info-modal .modal-close-btn{background:linear-gradient(135deg,#4a4a6a,#3a3a5a);border:2px solid #5a5a7a;color:#fff;padding:10px 24px;border-radius:6px;font-weight:700;cursor:pointer;transition:all .2s}.resource-info-modal .modal-close-btn:hover{background:linear-gradient(135deg,#5a5a7a,#4a4a6a);transform:translateY(-1px);box-shadow:0 4px 8px #0000004d}.resource-info-modal .modal-loading,.resource-info-modal .modal-error{text-align:center;padding:40px 20px;color:#aaa;font-size:16px}.resource-info-modal .modal-error{color:#ff6b6b}@media(max-width:600px){.resource-info-modal{max-width:100%;margin:10px}.resource-info-modal .modal-content{padding:16px}.resource-info-modal .info-section{padding:12px}.info-grid{grid-template-columns:1fr}.resource-info-modal .xp-table{font-size:12px}.resource-info-modal .xp-table th,.resource-info-modal .xp-table td{padding:8px}}.resource-info-modal .recipe-details{display:flex;flex-direction:column;gap:16px}.resource-info-modal .ingredients-section h4,.resource-info-modal .output-section h4{margin:0 0 8px;color:#90caf9;font-size:14px;font-weight:700}.resource-info-modal .ingredients-list{display:flex;flex-direction:column;gap:6px}.resource-info-modal .ingredient-item{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:#0000004d;border-radius:6px;border:1px solid rgba(255,255,255,.05)}.resource-info-modal .ingredient-name{color:gold;font-size:14px}.resource-info-modal .ingredient-quantity{color:#fff;font-weight:700;font-size:14px}.resource-info-modal .output-item{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;background:#66bb6a1a;border-radius:6px;border:2px solid rgba(102,187,106,.3)}.resource-info-modal .output-name{color:#66bb6a;font-weight:700;font-size:15px}.resource-info-modal .output-quantity{color:#fff;font-weight:700;font-size:15px}.resource-info-modal .stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;margin-top:12px}.resource-info-modal .stat-item-display{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;background:#4caf501a;border:1px solid rgba(76,175,80,.3);border-radius:6px;transition:all .2s ease}.resource-info-modal .stat-item-display:hover{background:#4caf5026;border-color:#4caf5080;transform:translateY(-1px)}.resource-info-modal .stat-name{color:#90caf9;font-size:14px;font-weight:500}.resource-info-modal .stat-value-display{color:#4caf50;font-weight:700;font-size:15px}.resource-info-modal .level-requirement{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;background:#ff980026;border:2px solid rgba(255,152,0,.4);border-radius:8px;margin-bottom:12px}.resource-info-modal .requirement-label{color:#ff9800;font-size:14px;font-weight:600}.resource-info-modal .requirement-value{color:gold;font-size:16px;font-weight:700}.resources-panel{color:#fff;display:flex;flex-direction:column;align-items:center}.resources-panel .panel-header{text-align:center;background:#000000b3;padding:15px 30px;border-radius:10px;border:2px solid #8b4513;margin-bottom:20px;display:inline-block}.resources-panel .panel-name{margin:0;color:gold;font-size:2em;text-shadow:2px 2px 4px rgba(0,0,0,.8)}.resources-panel.loading{display:flex;justify-content:center;align-items:center;font-size:24px;color:#aaa}.resources-content{display:grid;width:100%;grid-template-columns:220px 1fr;gap:20px}.resources-list-section h2{font-size:16px;margin-bottom:12px;color:#ddd}.resources-list{display:flex;flex-direction:column;gap:6px}.resource-card-compact{display:flex;align-items:center;justify-content:space-between;gap:6px;padding:8px;background:#ffffff0d;border:2px solid rgba(255,255,255,.1);border-radius:8px;transition:all .2s}.resource-card-main{display:flex;align-items:center;gap:10px;flex:1;cursor:pointer;padding:0 2px;min-width:0}.resource-card-compact:hover:not(.locked){background:#4caf5026;border-color:#4caf5080}.resource-card-compact.selected{background:#4caf5033;border-color:#4caf50;box-shadow:0 0 10px #4caf504d}.resource-card-compact.locked{opacity:.5}.resource-card-compact.locked .resource-card-main{cursor:not-allowed}.resource-icon-small{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:#4caf5033;border-radius:6px;overflow:hidden;flex-shrink:0}.resource-icon-small .resource-sprite{width:100%;height:100%;object-fit:contain;padding:2px}.resource-icon-small span{font-size:20px}.resource-info-compact{overflow:hidden}.resource-name-compact{font-size:13px;font-weight:700;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.resource-req-compact{font-size:11px;color:#aaa}.no-resources{background:#ffffff0d;border:2px dashed rgba(255,255,255,.2);border-radius:8px;padding:20px;text-align:center}.no-resources p{font-size:13px;color:#aaa;margin:5px 0}.gather-panel{background:#ffffff0d;border:2px solid rgba(255,255,255,.1);border-radius:12px;padding:20px;min-height:360px;display:flex;flex-direction:column;gap:16px}.gather-top-panel{background:#0000004d;border:1px solid rgba(255,255,255,.1);border-radius:10px;padding:12px 18px;min-height:70px;display:grid;grid-template-columns:1fr 1fr 1fr;gap:20px;align-items:center}.gather-top-left{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.gather-resource-name{margin:0;font-size:20px;color:gold}.gather-drops{font-size:13px;color:#4caf50;margin-top:4px}.gather-top-middle,.gather-top-right{display:flex;justify-content:center;align-items:center}.discipline-xp-container{display:flex;flex-direction:column;gap:6px;width:100%;min-width:140px}.discipline-xp-header{display:flex;justify-content:space-between;align-items:center}.discipline-name{font-size:13px;font-weight:700;color:#aaa;text-transform:capitalize}.discipline-level{font-size:13px;font-weight:700;color:gold}.discipline-xp-bar{position:relative;height:18px;background:#ffffff1a;border-radius:9px;overflow:hidden;border:1px solid rgba(255,255,255,.2)}.discipline-xp-fill{height:100%;background:linear-gradient(90deg,#4caf50,#66bb6a,#81c784);border-radius:9px;transition:width .5s ease-out;box-shadow:0 0 8px #4caf5066}.discipline-xp-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:11px;font-weight:700;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.8)}.gather-result-inline{background:#4caf5033;border:1px solid #4caf50;border-radius:8px;padding:8px 12px;width:100%;animation:fadeInResult .3s ease-out}.items-gathered-inline{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.gathered-item-inline{font-size:14px;font-weight:700;color:gold}.xp-chance{font-size:11px;font-weight:400;color:#90caf9;margin-left:3px}.xp-missed-inline{font-size:12px;font-weight:400;color:#ff9800;font-style:italic}.no-items-inline{font-size:14px;color:#aaa;font-style:italic}.gather-status-panel{background:#0000004d;border:1px solid rgba(255,255,255,.1);border-radius:10px;padding:12px 18px;text-align:center;min-height:52px}.success-message{color:#4caf50;font-size:16px;font-weight:700;padding:8px 0;animation:fadeInOut .3s ease-in}.gather-bottom-row{flex:1;display:flex;gap:16px}.gather-left-panel{flex:1;min-height:450px;background:#0003;border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:20px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px}.gather-instruction{font-size:13px;color:#aaa;text-align:center}.gather-instruction strong{color:#4caf50}.gather-slider{-webkit-appearance:none;appearance:none;width:200px;height:12px;background:linear-gradient(90deg,#4caf504d,#ffffff1a,#4caf504d);border-radius:6px;outline:none;cursor:grab;transform:rotate(-90deg);transform-origin:center center}.gather-slider:active{cursor:grabbing}.gather-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:28px;height:28px;background:linear-gradient(135deg,#4caf50,#2e7d32);border-radius:50%;cursor:grab;border:3px solid #fff;box-shadow:0 2px 8px #0006;transition:box-shadow .2s}.gather-slider::-webkit-slider-thumb:active{cursor:grabbing;box-shadow:0 0 15px #4caf5099}.gather-slider::-moz-range-thumb{width:28px;height:28px;background:linear-gradient(135deg,#4caf50,#2e7d32);border-radius:50%;cursor:grab;border:3px solid #fff;box-shadow:0 2px 8px #0006}.stroke-dot.completed{background:#4caf50;border-color:#4caf50;box-shadow:0 0 8px #4caf5080}.gather-progress-container{width:100%;max-width:200px;margin:0 auto}.gather-progress-bar{position:relative;width:100%;height:20px;background:#ffffff1a;border-radius:10px;overflow:hidden;border:1px solid rgba(255,255,255,.2)}.gather-progress-fill{height:100%;background:linear-gradient(90deg,#4caf50,#66bb6a,gold);border-radius:10px;transition:width .3s ease-out;box-shadow:0 0 10px #4caf5066}.gather-progress-text{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.6)}.gather-right-panel{flex:1;background:#0003;border:1px solid rgba(255,255,255,.08);border-radius:10px;display:flex;align-items:center;justify-content:center}.pickaxe-scene{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;height:220px;position:relative}.pickaxe-icon{font-size:56px;transform-origin:75% 85%;transition:transform .08s linear;filter:drop-shadow(0 2px 6px rgba(0,0,0,.5));position:absolute;bottom:100px;right:-100px}.saw-scene{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;height:220px;position:relative}.saw-icon{font-size:52px;transition:transform .08s linear;filter:drop-shadow(0 2px 6px rgba(0,0,0,.5));position:absolute;bottom:110px}.tool-icon{filter:drop-shadow(0 2px 6px rgba(0,0,0,.5));transition:transform .08s linear;position:absolute}.spark-saw .spark-1{animation:sparkFlySaw1 .4s ease-out forwards}.spark-saw .spark-2{animation:sparkFlySaw2 .4s ease-out forwards}.spark-saw .spark-3{animation:sparkFlySaw3 .4s ease-out forwards}.spark-saw .spark-4{animation:sparkFlySaw4 .4s ease-out forwards}@keyframes sparkFlySaw1{0%{transform:translate(0) scale(1);opacity:1}to{transform:translate(-30px,-10px) scale(.3);opacity:0}}@keyframes sparkFlySaw2{0%{transform:translate(0) scale(1);opacity:1}to{transform:translate(30px,-8px) scale(.3);opacity:0}}@keyframes sparkFlySaw3{0%{transform:translate(0) scale(1);opacity:1}to{transform:translate(-25px,5px) scale(.3);opacity:0}}@keyframes sparkFlySaw4{0%{transform:translate(0) scale(1);opacity:1}to{transform:translate(28px,3px) scale(.3);opacity:0}}.mining-target{position:absolute;bottom:0;width:150px;height:150px;display:flex;align-items:center;justify-content:center}.mining-target-img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 2px 6px rgba(0,0,0,.4))}.mining-target span.mining-target-img{font-size:64px}.spark{position:absolute;font-size:18px;color:gold;animation:sparkBurst .4s ease-out forwards;text-shadow:0 0 6px #ff8c00,0 0 12px #ffd700}.gather-panel-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#666}.gather-panel-empty p{font-size:15px;color:#888}.error-message{background:#f4433633;border:2px solid #f44336;color:#fff;padding:12px;border-radius:8px;margin-bottom:15px;font-size:14px}.hold-gather-btn{padding:15px 30px;font-size:18px;font-weight:700;background:linear-gradient(135deg,#4caf50,#45a049);color:#fff;border:3px solid #3d8b40;border-radius:12px;cursor:pointer;transition:all .2s;font-family:inherit;-webkit-user-select:none;user-select:none}.hold-gather-btn:hover:not(:disabled){background:linear-gradient(135deg,#66bb6a,#57a95a);transform:translateY(-2px);box-shadow:0 6px 12px #4caf5066}.hold-gather-btn.holding{background:linear-gradient(135deg,#45a049,#3d8b40);border-color:#2e7d32;animation:holdPulse .5s infinite alternate}.hold-gather-btn:disabled{opacity:.5;cursor:not-allowed}.upgrade-buttons-horizontal{display:flex;flex-direction:row;gap:8px;align-items:center;justify-content:center}.upgrade-section-title{font-size:12px;color:gold;font-weight:700;white-space:nowrap;margin-right:8px}.upgrade-button{padding:10px 14px;border:2px solid rgba(255,255,255,.3);border-radius:8px;font-size:12px;font-weight:700;cursor:pointer;transition:all .2s;display:flex;flex-direction:row;align-items:center;justify-content:center;min-width:100px;min-height:40px}.upgrade-button.silver{background:linear-gradient(135deg,#4caf50,#45a049);color:#fff}.upgrade-button.gems{background:linear-gradient(135deg,#9c27b0,#7b1fa2);color:#fff}.upgrade-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #0006}.upgrade-button.silver:hover:not(:disabled){background:linear-gradient(135deg,#45a049,#3d8b40)}.upgrade-button.gems:hover:not(:disabled){background:linear-gradient(135deg,#8e24aa,#6a1b9a)}.upgrade-button:disabled{opacity:.4;cursor:not-allowed;background:linear-gradient(135deg,#555,#333)}.upgrade-cost{font-size:13px;font-weight:700;white-space:nowrap}.gather-instruction.full-auto{color:gold;font-size:16px}.full-auto-btn.start-btn{background:linear-gradient(135deg,#4caf50,#66bb6a);color:#fff;border-color:#4caf50}.full-auto-btn.start-btn:hover:not(:disabled){background:linear-gradient(135deg,#66bb6a,#81c784);transform:translateY(-2px);box-shadow:0 4px 12px #4caf5066}.full-auto-text{font-size:16px;color:#66bb6a;font-weight:700;text-align:center}.gather-progress-bar.full-auto{border:2px solid #ffd700;background:#ffd7001a}.gather-progress-fill.full-auto{background:linear-gradient(90deg,gold,#ffeb3b,#4caf50);animation:fullAutoPulse 1.5s ease-in-out infinite}@media(max-width:768px){.resources-content{grid-template-columns:1fr}.gather-slider{width:160px}.hold-gather-btn{font-size:16px;padding:12px 20px}}.craft-right-panel{flex:1;background:#0003;border:1px solid rgba(255,255,255,.08);border-radius:10px;display:flex;align-items:center;justify-content:center}.daily-quest-panel{background:#0009;border:2px solid #8b6914;border-radius:8px;padding:20px;margin-bottom:20px;box-shadow:0 4px 8px #0000004d}.daily-quest-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:15px;border-bottom:2px solid #8b6914}.daily-quest-header h3{color:gold;font-size:24px;margin:0;text-shadow:2px 2px 4px rgba(0,0,0,.5)}.daily-quest-reward{display:flex;gap:10px;align-items:center;font-size:14px}.reward-label{color:#ccc}.reward-silver{color:silver;font-weight:700}.reward-gems{color:#6ff;font-weight:700}.daily-quest-objectives{display:flex;flex-direction:column;gap:15px;margin-bottom:20px}.objective-item{background:#0006;border:1px solid #555;border-radius:6px;padding:12px;transition:all .3s ease}.objective-item.completed{border-color:#4caf50;background:#4caf501a}.objective-header{display:flex;align-items:center;gap:10px;margin-bottom:8px;color:#fff}.objective-icon{font-size:20px;min-width:30px;text-align:center}.objective-label{flex:1;font-size:16px}.objective-progress-text{color:#ccc;font-size:14px;font-weight:700;min-width:60px;text-align:right}.objective-check{color:#4caf50;font-size:20px;font-weight:700}.objective-progress-bar{height:8px;background:#00000080;border-radius:4px;overflow:hidden;border:1px solid #333}.objective-progress-fill{height:100%;background:linear-gradient(90deg,gold,#ffed4e);transition:width .5s ease;box-shadow:0 0 10px #ffd70080}.objective-item.completed .objective-progress-fill{background:linear-gradient(90deg,#4caf50,#66bb6a);box-shadow:0 0 10px #4caf5080}.daily-quest-actions{text-align:center;padding-top:15px;border-top:1px solid #555}.claim-reward-btn{background:linear-gradient(135deg,gold,#ffb300);color:#000;border:2px solid #8b6914;border-radius:6px;padding:12px 32px;font-size:16px;font-weight:700;cursor:pointer;transition:all .3s ease;text-shadow:1px 1px 2px rgba(255,255,255,.3);box-shadow:0 4px 6px #0000004d}.claim-reward-btn:hover:not(:disabled){background:linear-gradient(135deg,#ffed4e,gold);transform:translateY(-2px);box-shadow:0 6px 8px #0006}.claim-reward-btn:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 4px #0000004d}.claim-reward-btn:disabled{background:linear-gradient(135deg,#555,#333);color:#888;cursor:not-allowed;border-color:#444;text-shadow:none}.reward-claimed-message{color:#4caf50;font-size:16px;font-weight:700;padding:12px;background:#4caf501a;border:2px solid #4CAF50;border-radius:6px;text-align:center}.daily-quest-loading,.daily-quest-error{padding:20px;text-align:center;color:#ccc;font-size:14px}.daily-quest-error{color:#ff6b6b}.quests-panel{color:#fff;height:100%;display:flex;flex-direction:column}.panel-header{margin-bottom:20px}.panel-name{font-size:32px;margin:0;color:gold}.quests-panel.loading{display:flex;justify-content:center;align-items:center;font-size:24px;color:#aaa}.quests-content{display:flex;gap:20px;flex:1;overflow:hidden}.quest-categories-section{width:250px;background:#0000004d;border:2px solid rgba(255,255,255,.1);border-radius:15px;padding:20px;overflow-y:auto}.quest-categories-section h2{font-size:18px;margin:0 0 15px;color:#ddd;border-bottom:2px solid rgba(255,255,255,.1);padding-bottom:10px}.quest-categories-list{display:flex;flex-direction:column;gap:10px}.category-button{display:flex;align-items:center;gap:12px;padding:15px;background:#ffffff0d;border:2px solid rgba(255,255,255,.1);border-radius:12px;color:#fff;cursor:pointer;transition:all .3s;font-size:15px;text-align:left}.category-button:hover{background:#ffffff1a;transform:translate(5px)}.category-button.selected{background:linear-gradient(135deg,#667eea4d,#4c5fd54d);border-color:#667eea;transform:translate(5px)}.category-button.empty{opacity:.5}.category-button.empty:not(.selected){cursor:default}.category-button.empty:not(.selected):hover{background:#ffffff0d;transform:none}.category-icon{font-size:24px;width:30px;text-align:center}.category-name{flex:1;font-weight:600}.category-count{background:#fff3;padding:4px 10px;border-radius:12px;font-size:13px;font-weight:700;min-width:30px;text-align:center}.category-button.selected .category-count{background:#667eea80;color:#fff}.quest-content-section{flex:1;background:#0000004d;border:2px solid rgba(255,255,255,.1);border-radius:15px;padding:20px;overflow-y:auto;display:flex;flex-direction:column}.quest-content-header{margin-bottom:20px;border-bottom:2px solid rgba(255,255,255,.1);padding-bottom:15px}.quest-content-header h2{font-size:24px;margin:0 0 15px;color:#fff;display:flex;align-items:center;gap:12px}.category-icon-large{font-size:32px}.completed-filters{display:flex;gap:8px;flex-wrap:wrap}.filter-button{padding:8px 15px;background:#ffffff0d;border:2px solid rgba(255,255,255,.1);border-radius:8px;color:#aaa;cursor:pointer;transition:all .2s;font-size:13px;font-weight:600}.filter-button:hover{background:#ffffff1a;color:#fff}.filter-button.active{background:#667eea4d;border-color:#667eea;color:#fff}.quest-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;text-align:center;padding:60px 40px}.empty-state-icon{font-size:80px;margin-bottom:20px;opacity:.5}.quest-empty-state h2{font-size:24px;color:#ddd;margin-bottom:10px}.quest-empty-state p{font-size:16px;color:#aaa}.no-quests-in-category{padding:60px 40px;text-align:center;background:#ffffff08;border:2px dashed rgba(255,255,255,.1);border-radius:12px}.no-quests-in-category p{font-size:16px;color:#aaa;margin:10px 0}.no-quests-in-category .hint{font-size:14px;color:#888}.completed-quest-info{padding:20px;background:#4caf501a;border:2px solid rgba(76,175,80,.3);border-radius:10px;text-align:center;font-size:16px;color:#4caf50;font-weight:700;margin-bottom:20px}.quest-history-section{margin-top:20px}.history-title{font-size:18px;color:#ddd;margin-bottom:15px;padding-bottom:10px;border-bottom:2px solid rgba(255,255,255,.1)}.quest-card.completed .phase-container{opacity:.9}.quest-card.completed .objective-count,.quest-card.completed .quest-rewards h4{color:#4caf50}.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}.phase-container{margin:20px 0;padding:15px;border-radius:10px;background:#0003;border-left:4px solid rgba(255,255,255,.2)}.phase-container.current-phase{background:#667eea1a;border-left-color:#667eea}.phase-container.completed-phase{background:#4caf501a;border-left-color:#4caf50}.phase-title{font-size:18px;color:#fff;margin-bottom:8px;display:flex;align-items:center}.phase-container.current-phase .phase-title{color:#667eea}.phase-container.completed-phase .phase-title{color:#4caf50}.phase-status-icon{color:#4caf50;font-weight:700}.phase-description{font-size:14px;color:#aaa;margin-bottom:15px}.phase-container.completed-phase .phase-description{color:#999}.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}.coin-icon{display:inline-block;width:16px;height:16px;border-radius:50%;border:1.5px solid;vertical-align:middle;margin-left:2px;position:relative;top:-1px}.coin-icon.gold-coin{background:linear-gradient(135deg,gold,#ffed4e,gold);border-color:#b8860b;box-shadow:0 1px 3px #ffd70080}.coin-icon.silver-coin{background:linear-gradient(135deg,#e8e8e8,#fff,#e8e8e8);border-color:#999;box-shadow:0 1px 3px #c0c0c080}.coin-icon.copper-coin{background:linear-gradient(135deg,#cd7f32,#e89850,#cd7f32);border-color:#8b4513;box-shadow:0 1px 3px #cd7f3280}.quest-actions{display:flex;gap:10px;margin-top:20px}.npc-turn-in-message{flex:1;padding:12px 25px;font-size:16px;font-weight:700;background:linear-gradient(135deg,#ffc10733,#f57c0033);border:2px solid #ffc107;border-radius:8px;color:#ffc107;text-align:center;display:flex;align-items:center;justify-content:center}.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:1024px){.quests-content{flex-direction:column}.quest-categories-section{width:100%;max-height:200px}.quest-categories-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px}.category-button:hover,.category-button.selected{transform:none}}@media(max-width:768px){.quest-header{flex-direction:column;align-items:flex-start}.quest-actions{flex-direction:column}.quest-actions button{width:100%}.completed-filters{justify-content:center}.quest-categories-list{grid-template-columns:1fr}}.location-highlight{color:gold;font-weight:700;text-shadow:0 0 10px rgba(255,215,0,.5)}.confirm-dialog-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:9999;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeIn .2s ease-out}.confirm-dialog-modal{background:linear-gradient(135deg,#1a1a2e,#16213e);border:2px solid rgba(255,255,255,.1);border-radius:12px;padding:24px;min-width:400px;max-width:500px;box-shadow:0 8px 32px #000c;animation:slideUp .3s ease-out}.confirm-dialog-title{margin:0 0 16px;color:#fff;font-size:20px;font-weight:600;text-align:center;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:12px}.confirm-dialog-message{color:#ffffffe6;font-size:15px;line-height:1.6;margin-bottom:24px;text-align:center}.confirm-dialog-actions{display:flex;gap:12px;justify-content:flex-end}.confirm-dialog-button{padding:10px 24px;border:none;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;min-width:100px}.confirm-dialog-cancel{background:#ffffff1a;color:#fffc;border:1px solid rgba(255,255,255,.2)}.confirm-dialog-cancel:hover{background:#ffffff26;color:#fff;border-color:#ffffff4d}.confirm-dialog-confirm{color:#fff}.confirm-dialog-primary{background:linear-gradient(135deg,#4a9eff,#3d7fd9);border:1px solid rgba(74,158,255,.5)}.confirm-dialog-primary:hover{background:linear-gradient(135deg,#5db0ff,#4a8ee6);box-shadow:0 0 12px #4a9eff66}.confirm-dialog-danger{background:linear-gradient(135deg,#e94560,#d63651);border:1px solid rgba(233,69,96,.5)}.confirm-dialog-danger:hover{background:linear-gradient(135deg,#ff5470,#e94560);box-shadow:0 0 12px #e9456066}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.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{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}.notification.warning{background:linear-gradient(135deg,#ff98004d,#f57c004d);border:2px solid #ff9800;color:#ff9800}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.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}}.processing-panel{color:#fff;display:flex;flex-direction:column;align-items:center}.processing-panel .panel-header{text-align:center;background:#000000b3;padding:15px 30px;border-radius:10px;border:2px solid #ff8c42;margin-bottom:20px;display:inline-block}.processing-panel .panel-name{margin:0;color:gold;font-size:2em;text-shadow:2px 2px 4px rgba(0,0,0,.8)}.processing-content{display:grid;width:100%;grid-template-columns:220px 1fr;gap:20px}.recipes-list-section{min-width:0}.recipes-list-section h2{font-size:16px;margin-bottom:12px;color:#ddd}.processing-recipes-list{display:flex;flex-direction:column;gap:6px}.recipe-card-compact{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 10px;background:#ffffff0d;border:2px solid rgba(255,255,255,.1);border-radius:8px;cursor:pointer;transition:all .2s}.recipe-card-compact:hover:not(.locked){background:#ff8c4226;border-color:#ff8c4280}.recipe-card-compact.selected{background:#ff8c4233;border-color:#ff8c42;box-shadow:0 0 10px #ff8c424d}.recipe-card-compact.locked{opacity:.5;cursor:not-allowed}.recipe-card-content{display:flex;align-items:center;gap:10px;flex:1;min-width:0}.recipe-icon-small{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:#ff8c4233;border-radius:6px;overflow:hidden;flex-shrink:0}.recipe-icon-small .recipe-sprite{width:100%;height:100%;max-width:36px;max-height:36px;object-fit:contain;padding:2px}.recipe-icon-small span{font-size:20px}.recipe-info-compact{overflow:hidden}.recipe-name-compact{font-size:13px;font-weight:700;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lock-icon{font-size:12px;display:inline-block;line-height:0;vertical-align:middle}.recipe-req-compact{font-size:11px;color:#aaa}.resource-info-btn{background:#90caf933;border:1px solid rgba(144,202,249,.4);border-radius:6px;padding:6px 10px;cursor:pointer;font-size:16px;transition:all .2s;flex-shrink:0;display:flex;align-items:center;justify-content:center}.resource-info-btn:hover{background:#90caf94d;border-color:#90caf999;transform:scale(1.05)}.no-recipes{background:#ffffff0d;border:2px dashed rgba(255,255,255,.2);border-radius:8px;padding:20px;text-align:center}.no-recipes p{font-size:13px;color:#aaa;margin:5px 0}.craft-panel{background:#ffffff0d;border:2px solid rgba(255,255,255,.1);border-radius:12px;padding:20px;min-height:360px;display:flex;flex-direction:column;gap:16px}.craft-panel-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:#bbb}.empty-icon{font-size:4rem;margin-bottom:15px;opacity:.5}.craft-top-panel{background:#0000004d;border:1px solid rgba(255,255,255,.1);border-radius:10px;padding:12px 18px;min-height:70px;display:grid;grid-template-columns:1fr 1fr 1fr;gap:20px;align-items:center}.craft-top-left{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.craft-recipe-name{margin:0;font-size:20px;color:gold}.craft-output{font-size:13px;color:#ff8c42;margin-top:4px}.craft-top-middle,.craft-top-right{display:flex;justify-content:center;align-items:center}.proc-xp-container{display:flex;flex-direction:column;gap:6px;width:100%;min-width:140px}.proc-xp-header{display:flex;justify-content:space-between;align-items:center}.proc-xp-name{font-size:13px;font-weight:700;color:#aaa;text-transform:capitalize}.proc-xp-level{font-size:13px;font-weight:700;color:gold}.proc-xp-bar{position:relative;height:18px;background:#ffffff1a;border-radius:9px;overflow:hidden;border:1px solid rgba(255,255,255,.2)}.proc-xp-fill{height:100%;background:linear-gradient(90deg,#ff8c42,orange,#ffb84d);border-radius:9px;transition:width .5s ease-out;box-shadow:0 0 8px #ff8c4266}.proc-xp-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:11px;font-weight:700;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.8)}.craft-bottom-row{flex:1;display:flex;gap:16px}.craft-left-panel{flex:1;background:#0003;border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:16px;display:flex;flex-direction:column;align-items:center;gap:14px;overflow-y:auto}.craft-instruction{font-size:13px;color:#aaa;text-align:center}.craft-instruction strong{color:#ff8c42}.craft-instruction.full-auto{color:gold;font-size:16px}.slider-track-container{width:50px;height:200px;display:flex;align-items:center;justify-content:center}.craft-slider{-webkit-appearance:none;appearance:none;width:200px;height:12px;background:linear-gradient(90deg,#ff8c424d,#ffffff1a,#ff8c424d);border-radius:6px;outline:none;cursor:grab;transform:rotate(-90deg);transform-origin:center center}.craft-slider:active{cursor:grabbing}.craft-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:28px;height:28px;background:linear-gradient(135deg,#ff8c42,#d67635);border-radius:50%;cursor:grab;border:3px solid #fff;box-shadow:0 2px 8px #0006;transition:box-shadow .2s}.craft-slider::-webkit-slider-thumb:active{cursor:grabbing;box-shadow:0 0 15px #ff8c4299}.craft-slider::-moz-range-thumb{width:28px;height:28px;background:linear-gradient(135deg,#ff8c42,#d67635);border-radius:50%;cursor:grab;border:3px solid #fff;box-shadow:0 2px 8px #0006}.stroke-indicators{display:flex;gap:10px;align-items:center;justify-content:center}.stroke-dot{width:16px;height:16px;border-radius:50%;border:2px solid rgba(255,255,255,.3);background:transparent;transition:all .3s}.stroke-dot.completed{background:#ff8c42;border-color:#ff8c42;box-shadow:0 0 8px #ff8c4280}.craft-progress-container{width:100%;max-width:200px;margin:0 auto}.craft-progress-bar{position:relative;width:100%;height:20px;background:#ffffff1a;border-radius:10px;overflow:hidden;border:1px solid rgba(255,255,255,.2)}.craft-progress-fill{height:100%;background:linear-gradient(90deg,#ff8c42,orange,gold);border-radius:10px;transition:width .3s ease-out;box-shadow:0 0 10px #ff8c4266}.craft-progress-text{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.6)}.recipe-details-compact{width:100%;display:flex;gap:20px;justify-content:space-around;padding:8px;background:#0003;border-radius:8px}.detail-row{display:flex;gap:6px;align-items:center}.detail-label{color:#aaa;font-size:12px}.detail-value{color:#fff;font-weight:700;font-size:13px}.ingredients-compact{width:100%;padding:8px;background:#0003;border-radius:8px}.ingredients-title{font-weight:700;color:#ff8c42;margin-bottom:6px;font-size:12px}.ingredient-row{display:flex;justify-content:space-between;align-items:center;padding:4px 0;font-size:12px}.ingredient-row.has{color:#4caf50}.ingredient-row.missing{color:#ff6b6b}.ingredient-icon{width:20px;height:20px;margin-right:5px;object-fit:contain;vertical-align:middle}.craft-right-panel{flex:1;background:#0003;border:1px solid rgba(255,255,255,.08);border-radius:10px;display:flex;align-items:center;justify-content:center;overflow:hidden}.tool-scene{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;height:220px;position:relative}.tool-icon{font-size:56px;transform-origin:75% 85%;transition:transform .08s linear;filter:drop-shadow(0 2px 6px rgba(0,0,0,.5));position:absolute;bottom:100px;right:-100px}.tool-icon.tool-saw{bottom:120px;right:-50px;transform-origin:center center}.tool-icon.tool-hammer{transform-origin:75% 85%}.tool-img{width:120px;height:120px;object-fit:contain}.crafting-target{position:absolute;bottom:0;width:150px;height:150px;display:flex;align-items:center;justify-content:center}.crafting-target-img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 2px 6px rgba(0,0,0,.4))}.crafting-target span.crafting-target-img{font-size:64px}.spark-effect{position:absolute;top:-10px;left:50%;transform:translate(-50%);pointer-events:none}.spark{position:absolute;font-size:18px;color:gold;text-shadow:0 0 6px #ff8c00,0 0 12px #ffd700}.spark-1{animation:sparkFly1 .4s ease-out forwards}.spark-2{animation:sparkFly2 .4s ease-out forwards}.spark-3{animation:sparkFly3 .4s ease-out forwards}.spark-4{animation:sparkFly4 .4s ease-out forwards}@keyframes sparkFly1{0%{transform:translate(0) scale(1);opacity:1}to{transform:translate(-20px,-25px) scale(.3);opacity:0}}@keyframes sparkFly2{0%{transform:translate(0) scale(1);opacity:1}to{transform:translate(22px,-20px) scale(.3);opacity:0}}@keyframes sparkFly3{0%{transform:translate(0) scale(1);opacity:1}to{transform:translate(-15px,-35px) scale(.3);opacity:0}}@keyframes sparkFly4{0%{transform:translate(0) scale(1);opacity:1}to{transform:translate(18px,-30px) scale(.3);opacity:0}}.craft-panel-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#666}.empty-icon{font-size:48px;margin-bottom:12px;opacity:.4}.craft-status-panel{background:#0000004d;border:1px solid rgba(255,255,255,.1);border-radius:10px;padding:12px 18px;text-align:center;min-height:52px}.success-message{color:#ff8c42;font-size:16px;font-weight:700;padding:8px 0;animation:fadeInOut .3s ease-in}@keyframes fadeInOut{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.craft-result-inline{background:#ff8c4233;border:1px solid #ff8c42;border-radius:8px;padding:8px 12px;width:100%;animation:fadeInResult .3s ease-out}@keyframes fadeInResult{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.items-crafted-inline{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.crafted-item-inline{font-size:14px;font-weight:700;color:gold}.xp-gained-inline{font-size:13px;font-weight:700;color:#66bb6a}.level-up-message{font-size:14px;font-weight:700;color:gold;text-align:center;margin-bottom:8px;animation:levelUpPulse .6s ease-out}@keyframes levelUpPulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.error-message{background:#f003;border:1px solid #ff4444;color:#ff6b6b;padding:10px;border-radius:8px;margin-bottom:15px;text-align:center;font-weight:700;font-size:14px}.processing-panel.loading{display:flex;justify-content:center;align-items:center;font-size:24px;color:#aaa}.craft-top-middle{display:flex;flex-direction:column;gap:10px;padding:0 15px}.upgrade-buttons-section{display:flex;flex-direction:column;gap:6px;align-items:center}.upgrade-label{font-size:12px;color:#ccc;font-weight:700}.upgrade-buttons{display:flex;gap:8px}.upgrade-btn{padding:6px 12px;font-size:12px;font-weight:700;border:2px solid;border-radius:6px;cursor:pointer;transition:all .2s;font-family:inherit}.upgrade-btn.upgrade-silver{background:linear-gradient(135deg,silver,#888);border-color:#999;color:#000}.upgrade-btn.upgrade-silver:hover:not(:disabled){background:linear-gradient(135deg,#d4d4d4,#aaa);transform:translateY(-2px);box-shadow:0 4px 8px #c0c0c04d}.upgrade-btn.upgrade-gems{background:linear-gradient(135deg,#9c27b0,#673ab7);border-color:#7b1fa2;color:#fff}.upgrade-btn.upgrade-gems:hover:not(:disabled){background:linear-gradient(135deg,#ab47bc,#7e57c2);transform:translateY(-2px);box-shadow:0 4px 8px #9c27b04d}.upgrade-btn:disabled{opacity:.4;cursor:not-allowed}.semi-auto-controls{display:flex;flex-direction:column;gap:15px;padding:20px 0}.hold-craft-btn{padding:15px 30px;font-size:18px;font-weight:700;background:linear-gradient(135deg,#ff8c42,#ff6b42);color:#fff;border:3px solid #ff7733;border-radius:12px;cursor:pointer;transition:all .2s;font-family:inherit;-webkit-user-select:none;user-select:none}.hold-craft-btn:hover:not(:disabled){background:linear-gradient(135deg,#ffa05c,#ff7c52);transform:translateY(-2px);box-shadow:0 6px 12px #ff8c4266}.hold-craft-btn.holding{background:linear-gradient(135deg,#4caf50,#45a049);border-color:#3d8b40;animation:holdPulse .5s infinite alternate}@keyframes holdPulse{0%{box-shadow:0 0 10px #4caf5066}to{box-shadow:0 0 20px #4caf50cc}}.hold-craft-btn:disabled{opacity:.5;cursor:not-allowed}.semi-auto-progress-container{width:100%}.semi-auto-progress-bar{position:relative;width:100%;height:30px;background:#00000080;border:2px solid rgba(255,255,255,.2);border-radius:8px;overflow:hidden}.semi-auto-progress-fill{position:absolute;left:0;top:0;height:100%;background:linear-gradient(90deg,#4caf50,#66bb6a);transition:width .1s linear}.semi-auto-progress-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-weight:700;font-size:14px;text-shadow:1px 1px 2px rgba(0,0,0,.8);z-index:1}.full-auto-controls{display:flex;gap:12px;justify-content:center;margin:20px 0}.full-auto-btn{flex:1;max-width:140px;padding:12px 16px;font-size:14px;font-weight:700;border:2px solid transparent;border-radius:8px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:6px;white-space:nowrap}.full-auto-btn.start-btn{background:linear-gradient(135deg,#ff8c42,#ffa05c);color:#fff;border-color:#f73}.full-auto-btn.start-btn:hover:not(:disabled){background:linear-gradient(135deg,#ffa05c,#ffb070);transform:translateY(-2px);box-shadow:0 4px 12px #ff8c4266}.full-auto-btn.start-btn:disabled{background:linear-gradient(135deg,#666,#888);border-color:#666;cursor:not-allowed;opacity:.5}.full-auto-btn.stop-btn{background:linear-gradient(135deg,#f44336,#e57373);color:#fff;border-color:#f44336}.full-auto-btn.stop-btn:hover:not(:disabled){background:linear-gradient(135deg,#e57373,#ef5350);transform:translateY(-2px);box-shadow:0 4px 12px #f4433666}.full-auto-btn.stop-btn:disabled{background:linear-gradient(135deg,#666,#888);border-color:#666;cursor:not-allowed;opacity:.5}.full-auto-idle{display:flex;flex-direction:column;align-items:center;margin:20px auto;padding:20px;background:#0003;border-radius:8px;border:2px dashed #666}.idle-message{font-size:18px;color:#999;font-weight:700}.full-auto-status{display:flex;flex-direction:column;align-items:center;gap:10px;margin:20px auto;background:transparent;border:none;padding:0}.full-auto-icon{font-size:80px;animation:fullAutoRotate 2s linear infinite;background:transparent;border:none;padding:0;margin:0}@keyframes fullAutoRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.full-auto-text{font-size:16px;color:#ffa05c;font-weight:700;text-align:center}.craft-progress-bar.full-auto{border:2px solid #ffd700;background:#ffd7001a}.craft-progress-fill.full-auto{background:linear-gradient(90deg,gold,#ffeb3b,#ff8c42);animation:fullAutoPulse 1.5s ease-in-out infinite}@keyframes fullAutoPulse{0%,to{opacity:1}50%{opacity:.7}}.semi-auto-timer{text-align:center;font-size:14px;color:#999;margin-top:10px}.full-auto-progress-container{width:100%}.full-auto-progress-bar{position:relative;width:100%;height:30px;background:#00000080;border:2px solid rgba(255,215,0,.3);border-radius:8px;overflow:hidden}.full-auto-progress-fill{position:absolute;left:0;top:0;height:100%;background:linear-gradient(90deg,gold,#ffed4e);transition:width .1s linear;box-shadow:0 0 10px #ffd70080}.full-auto-progress-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#000;font-weight:700;font-size:14px;text-shadow:1px 1px 2px rgba(255,255,255,.8);z-index:1}.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:#0000004d;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}.base-location-template{width:100%;height:100%;padding:0;background-size:cover;background-position:center center;background-repeat:no-repeat;position:relative;overflow:hidden}.location-header{position:absolute;top:20px;left:50%;transform:translate(-50%);text-align:center;background:#000000b3;padding:15px 30px;border-radius:10px;border:2px solid #8b4513;z-index:10}.location-name{margin:0;color:gold;font-size:2em;text-shadow:2px 2px 4px rgba(0,0,0,.8)}.location-description{margin:5px 0 0;color:#e0e0e0;font-size:1em}.location-interactive-area{width:100%;height:100%;position:relative}.npc-sprite{position:relative;cursor:pointer;transition:all .3s ease;display:inline-block;filter:drop-shadow(0 4px 8px rgba(0,0,0,.5))}.npc-sprite.in-dialogue{opacity:0;pointer-events:none;transition:opacity .3s ease}.npc-sprite:hover{transform:scale(1.05) translateY(-5px);filter:drop-shadow(0 8px 16px rgba(255,215,0,.6))}.npc-sprite:hover img{filter:brightness(1.1)}.npc-sprite:active{transform:scale(.98) translateY(0)}.npc-sprite img{width:200px;height:auto;display:block;transition:all .3s ease}.quest-marker{position:absolute;top:-20px;left:50%;transform:translate(-50%);width:clamp(18px,2.5vw,30px);height:clamp(18px,2.5vw,30px);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:clamp(.8em,1.2vw,1.5em);font-weight:700;border:clamp(2px,.2vw,3px) solid;animation:questMarkerPulse 2s infinite;pointer-events:none;z-index:5}.quest-marker-gold{background:linear-gradient(135deg,gold,#ffed4e);color:#000;border-color:#ffed4e;box-shadow:0 0 15px #ffd700cc}.quest-marker-gray{background:linear-gradient(135deg,gray,#a0a0a0);color:#fff;border-color:#a0a0a0;box-shadow:0 0 10px #80808099}.quest-marker-green{background:linear-gradient(135deg,#0f0,#7fff00);color:#000;border-color:#7fff00;box-shadow:0 0 15px #0f0c}@keyframes questMarkerPulse{0%,to{transform:translate(-50%) scale(1)}50%{transform:translate(-50%) scale(1.2)}}.location-loading,.location-error{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#0000004d;color:#fff;font-size:1.5em}.location-error{color:#ff6b6b}.no-npcs-message{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#000000b3;color:#aaa;padding:20px;border-radius:10px;font-size:1.2em}.havenridge-scene{position:absolute;inset:0;z-index:0}.hr-layer{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center center;pointer-events:none;display:block}.tavern-door-layer,.fountain-layer,.ardyn-layer{transition:filter .2s ease,opacity .3s ease}.lamps-night{filter:brightness(1.15) drop-shadow(0 0 14px rgba(255,200,80,.9))}.npc-sprite.npc-ardyn{width:180px;height:300px;pointer-events:none;z-index:6}.npc-sprite.npc-ardyn img{display:none}.ardyn-layer{opacity:1}.location-interactive-area:has(.npc-ardyn.in-dialogue) .ardyn-layer{opacity:0}.quest-object{position:absolute;cursor:pointer;transition:all .3s ease;-webkit-user-select:none;user-select:none}.quest-object-hovered{transform:translate(-50%,-50%) scale(1.05) translateY(-5px)!important}.quest-object:active{transform:translate(-50%,-50%) scale(.98) translateY(0)!important}.quest-object img{pointer-events:none;-webkit-user-select:none;user-select:none}.havenridge-tavern-location .npc-sprite img{width:200px!important;height:auto}.location-panel .location-loading{display:flex;align-items:center;justify-content:center;height:100%;width:100%;font-size:24px;color:#aaa;background:#0000004d}.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}.resolution-grid{display:flex;flex-direction:column;gap:8px}.resolution-button{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;font-size:15px;color:#ddd;background:#0003;border:2px solid rgba(255,255,255,.1);border-radius:8px;cursor:pointer;transition:all .2s;text-align:left}.resolution-button:hover{background:#ffffff14;border-color:#ffffff40;color:#fff}.resolution-button.active{background:#667eea33;border-color:#667eea;color:#fff;font-weight:700}.resolution-check{color:#667eea;font-size:18px;font-weight:700}.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}.leaderboard-panel{color:#fff;padding:20px;max-width:800px;margin:0 auto}.leaderboard-panel h1{font-size:32px;margin-bottom:20px;color:gold;text-align:center}.leaderboard-tabs{display:flex;gap:10px;margin-bottom:20px;justify-content:center}.tab-button{padding:12px 24px;background:#ffffff1a;border:2px solid rgba(255,255,255,.2);border-radius:10px;color:#aaa;font-size:14px;font-weight:700;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:1px}.tab-button:hover{background:#ffffff26;border-color:#ffffff4d;color:#fff}.tab-button.active{background:linear-gradient(135deg,#667eea4d,#764ba24d);border-color:#667eea;color:#fff}.leaderboard-content{display:flex;flex-direction:column;gap:20px}.player-rank-card{background:#0006;border:2px solid rgba(255,255,255,.15);border-radius:15px;padding:20px;text-align:center}.player-rank-card.rank-champion{border-color:gold;background:linear-gradient(135deg,#ffd70026,#0006);box-shadow:0 0 30px #ffd70033}.player-rank-card.rank-elite{border-color:silver;background:linear-gradient(135deg,#c0c0c026,#0006)}.player-rank-card.rank-veteran{border-color:#cd7f32;background:linear-gradient(135deg,#cd7f3226,#0006)}.player-rank-card.rank-notable{border-color:#667eea;background:linear-gradient(135deg,#667eea26,#0006)}.rank-card-header{font-size:12px;text-transform:uppercase;letter-spacing:2px;color:#888;margin-bottom:15px}.rank-card-content{display:flex;align-items:center;justify-content:center;gap:30px}.rank-card-position{font-size:48px;font-weight:700;color:gold}.rank-champion .rank-card-position{color:gold}.rank-elite .rank-card-position{color:silver}.rank-veteran .rank-card-position{color:#cd7f32}.rank-notable .rank-card-position{color:#667eea}.rank-card-details{text-align:left}.rank-card-score .score{font-size:28px;font-weight:700;color:#fff}.rank-card-score .label{font-size:12px;color:#888;margin-left:8px}.rank-card-total{font-size:14px;color:#666;margin-top:5px}.rank-card-hint{margin-top:15px;font-size:13px;color:#667eea;font-style:italic}.leaderboard-list{background:#0000004d;border-radius:15px;padding:15px;max-height:500px;overflow-y:auto}.list-header{font-size:14px;color:#888;text-transform:uppercase;letter-spacing:1px;padding:10px 15px;border-bottom:1px solid rgba(255,255,255,.1);margin-bottom:10px}.leaderboard-entry{display:flex;align-items:center;gap:15px;padding:12px 15px;background:#ffffff08;border-radius:10px;margin-bottom:8px;border-left:3px solid transparent;transition:all .2s ease}.leaderboard-entry:hover{background:#ffffff14;transform:translate(5px)}.leaderboard-entry.is-self{background:#667eea26;border:1px solid rgba(102,126,234,.4)}.leaderboard-entry.rank-champion{border-left-color:gold;background:linear-gradient(90deg,rgba(255,215,0,.1) 0%,transparent 50%)}.leaderboard-entry.rank-elite{border-left-color:silver;background:linear-gradient(90deg,rgba(192,192,192,.08) 0%,transparent 50%)}.leaderboard-entry.rank-veteran{border-left-color:#cd7f32;background:linear-gradient(90deg,rgba(205,127,50,.08) 0%,transparent 50%)}.leaderboard-entry.rank-notable{border-left-color:#667eea;background:linear-gradient(90deg,rgba(102,126,234,.08) 0%,transparent 50%)}.entry-rank{width:50px;text-align:center;flex-shrink:0}.rank-icon{font-size:28px}.rank-number{font-size:16px;font-weight:700;color:#888}.rank-champion .rank-number{color:gold}.rank-elite .rank-number{color:silver}.rank-veteran .rank-number{color:#cd7f32}.rank-notable .rank-number{color:#667eea}.entry-info{flex:1;min-width:0}.entry-name-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.entry-name{font-size:16px;font-weight:700;color:#fff}.entry-title{font-size:11px;padding:2px 8px;border-radius:10px;background:#0000004d;text-transform:uppercase;letter-spacing:.5px}.you-badge{font-size:10px;padding:2px 6px;background:#667eea;color:#fff;border-radius:4px;font-weight:700}.entry-details{display:flex;gap:12px;margin-top:4px;font-size:12px;color:#888}.entry-level{color:#4caf50;font-weight:700}.entry-guild{color:#aaa}.entry-role{padding:1px 6px;border-radius:4px;font-size:10px;text-transform:uppercase}.entry-role.role-leader{background:#ffd70033;color:gold}.entry-role.role-officer{background:#667eea33;color:#667eea}.entry-role.role-member{background:#ffffff1a;color:#888}.entry-score{text-align:right;flex-shrink:0}.score-value{font-size:20px;font-weight:700;color:gold}.score-label{display:block;font-size:10px;color:#666;text-transform:uppercase}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:#888}.loading-spinner{width:40px;height:40px;border:3px solid rgba(102,126,234,.2);border-top-color:#667eea;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:15px}@keyframes spin{to{transform:rotate(360deg)}}.empty-icon{font-size:64px;display:block;margin-bottom:20px;opacity:.5}.empty-state p{font-size:18px;margin-bottom:10px;color:#aaa}.empty-state small{color:#666}.error-message{background:#f4433633;border:2px solid #f44336;color:#fff;padding:12px;border-radius:8px;margin-bottom:20px;text-align:center}.title-legend{margin-top:30px;background:#0000004d;border-radius:12px;padding:15px 20px}.legend-header{font-size:12px;text-transform:uppercase;letter-spacing:1px;color:#666;margin-bottom:12px}.legend-items{display:flex;flex-wrap:wrap;gap:15px}.legend-item{display:flex;align-items:center;gap:8px;font-size:13px}.legend-icon{font-size:18px}.legend-color{width:14px;height:14px;border-radius:50%}.legend-title{color:#aaa;font-weight:700}.legend-range{color:#666;font-size:11px}.leaderboard-list::-webkit-scrollbar{width:6px}.leaderboard-list::-webkit-scrollbar-track{background:#ffffff0d;border-radius:3px}.leaderboard-list::-webkit-scrollbar-thumb{background:#667eea66;border-radius:3px}.leaderboard-list::-webkit-scrollbar-thumb:hover{background:#667eea99}@media(max-width:600px){.leaderboard-tabs{flex-wrap:wrap}.tab-button{flex:1;min-width:80px;padding:10px 15px;font-size:12px}.rank-card-content{flex-direction:column;gap:15px}.rank-card-details{text-align:center}.leaderboard-entry{flex-wrap:wrap}.entry-score{width:100%;text-align:left;margin-top:10px;padding-top:10px;border-top:1px solid rgba(255,255,255,.1)}.legend-items{flex-direction:column;gap:10px}}.price-history-chart{width:100%}.chart-section{margin-bottom:30px}.chart-section h4{color:#ffffffe6;font-size:14px;margin-bottom:10px;font-weight:600}.chart-empty{display:flex;align-items:center;justify-content:center;height:200px;color:#ffffff80;font-size:14px}.chart-tooltip{background:#000000f2;border:1px solid rgba(255,255,255,.2);border-radius:6px;padding:10px;font-size:12px}.chart-tooltip .label{font-weight:600;margin-bottom:6px;color:#fff}.chart-tooltip p{margin:3px 0;color:#ffffffe6}.chart-tooltip .avg-price{color:gold}.chart-tooltip .min-price{color:#4ecca3}.chart-tooltip .max-price{color:#e94560}.chart-tooltip .volume{color:#4a9eff}.market-analytics{padding:20px}.analytics-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;gap:16px}.analytics-header h3{margin:0;font-size:18px;color:#fff}.analytics-search{background:#0006;border:1px solid rgba(255,255,255,.1);border-radius:6px;padding:8px 12px;color:#fff;font-size:14px;min-width:250px}.analytics-search:focus{outline:none;border-color:#e94560;box-shadow:0 0 8px #e945604d}.back-button{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:6px;padding:8px 16px;color:#fffc;cursor:pointer;font-size:14px;transition:all .2s}.back-button:hover{background:#ffffff26;color:#fff}.item-title{flex:1;text-align:center}.trending-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px}.trending-card{background:#0006;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:16px;cursor:pointer;transition:all .2s;display:flex;gap:12px}.trending-card:hover{border-color:#e94560;transform:translateY(-2px);box-shadow:0 4px 12px #e9456033}.trending-icon{font-size:32px;flex-shrink:0}.trending-info{flex:1;min-width:0}.trending-name{font-weight:600;font-size:15px;margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.trending-type{font-size:12px;color:#ffffff80;text-transform:capitalize}.trending-stats{display:flex;flex-direction:column;gap:6px;align-items:flex-end}.stat{display:flex;flex-direction:column;align-items:flex-end}.stat-label{font-size:11px;color:#ffffff80}.stat-value{font-size:13px;font-weight:600;color:gold}.summary-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin-bottom:24px}.summary-card{background:#0006;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:16px;text-align:center}.summary-label{font-size:12px;color:#fff9;margin-bottom:8px}.summary-value{font-size:16px;font-weight:600;color:gold}.vendor-price{color:#4ecca3}.period-selector{display:flex;gap:8px;margin-bottom:20px;justify-content:center}.period-btn{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:6px;padding:8px 20px;color:#fffc;cursor:pointer;font-size:13px;font-weight:600;transition:all .2s}.period-btn:hover{background:#ffffff26;color:#fff}.period-btn.active{background:linear-gradient(135deg,#e94560,#d63651);border-color:#e9456080;color:#fff}.market-panel{width:100%;height:100%;display:flex;flex-direction:column;background:linear-gradient(135deg,#1a1a2e,#16213e);border-radius:8px;overflow:hidden}.market-header{padding:15px 20px;background:#0000004d;border-bottom:2px solid #0f3460}.market-header h2{margin:0;color:#e94560;font-size:24px;text-shadow:0 2px 4px rgba(0,0,0,.5)}.market-tabs{display:flex;gap:10px;padding:10px 20px;background:#0003;border-bottom:1px solid #0f3460}.market-tab{padding:10px 20px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:5px;color:#fff;cursor:pointer;transition:all .3s;font-weight:500}.market-tab:hover{background:#ffffff1a;border-color:#e94560}.market-tab.active{background:#e94560;border-color:#e94560;box-shadow:0 0 10px #e9456080}.market-tab .badge{display:inline-block;margin-left:8px;padding:2px 8px;background:#fff3;border-radius:10px;font-size:12px}.market-content{flex:1;overflow-y:auto;padding:20px}.market-filters{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:10px;margin-bottom:20px;padding:15px;background:#0000004d;border-radius:5px}.market-filters input,.market-filters select{padding:10px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:5px;color:#fff;font-size:14px}.market-filters input:focus,.market-filters select:focus{outline:none;border-color:#e94560}.market-filters option{background:#1a1a2e;color:#fff}.market-listings{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:15px}.listing-card{background:#0006;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:15px;transition:all .3s}.listing-card:hover{border-color:#e94560;box-shadow:0 0 15px #e945604d}.listing-card.own-listing{opacity:.6;cursor:not-allowed}.listing-card.highlighted-listing{border:2px solid #4fc3f7;box-shadow:0 0 20px #4fc3f780;animation:highlight-pulse 2s ease-in-out 3}@keyframes highlight-pulse{0%,to{box-shadow:0 0 20px #4fc3f780}50%{box-shadow:0 0 30px #4fc3f7cc}}.listing-header{display:flex;align-items:center;gap:10px;margin-bottom:10px}.listing-icon{width:48px;height:48px;background:#ffffff0d;border-radius:5px;display:flex;align-items:center;justify-content:center;font-size:24px}.listing-info{flex:1}.listing-name{font-size:16px;font-weight:700;margin:0}.listing-name.common{color:#fff}.listing-name.uncommon{color:#1eff00}.listing-name.rare{color:#0070dd}.listing-name.epic{color:#a335ee}.listing-name.legendary{color:#ff8000}.listing-seller{font-size:12px;color:#888}.listing-details{display:flex;justify-content:space-between;align-items:center;margin-top:10px;padding-top:10px;border-top:1px solid rgba(255,255,255,.1)}.listing-quantity{color:#aaa;font-size:14px}.listing-price{text-align:right}.unit-price{font-size:12px;color:#888}.total-price{font-size:18px;font-weight:700;color:gold}.listing-actions{margin-top:10px;display:flex;gap:10px}.btn-buy,.btn-cancel{flex:1;padding:10px;border:none;border-radius:5px;font-weight:700;cursor:pointer;transition:all .3s}.btn-buy{background:#28a745;color:#fff}.btn-buy:hover:not(:disabled){background:#218838}.btn-buy:disabled{background:#555;cursor:not-allowed;opacity:.5}.btn-cancel{background:#dc3545;color:#fff}.btn-cancel:hover{background:#c82333}.mail-list{display:flex;flex-direction:column;gap:10px}.mail-item{background:#0006;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:15px;cursor:pointer;transition:all .3s}.mail-item:hover{border-color:#e94560}.mail-item.unread{border-left:4px solid #e94560;background:#e945601a}.mail-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.mail-subject{font-weight:700;color:#fff}.mail-date{font-size:12px;color:#888}.mail-body{color:#ccc;font-size:14px;margin-bottom:10px}.mail-attachment{padding:10px;background:#ffd7001a;border:1px solid rgba(255,215,0,.3);border-radius:5px;display:flex;justify-content:space-between;align-items:center;margin-top:10px}.btn-claim{padding:8px 16px;background:gold;color:#000;border:none;border-radius:5px;font-weight:700;cursor:pointer}.btn-claim:hover{background:#ffed4e}.btn-claim:disabled{background:#555;color:#888;cursor:not-allowed}.btn-delete{padding:8px 16px;background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.2);border-radius:5px;cursor:pointer;margin-top:10px}.btn-delete:hover{background:#dc3545}.empty-state{text-align:center;padding:60px 20px;color:#888}.empty-state-icon{font-size:64px;margin-bottom:20px;opacity:.3}.empty-state h3{color:#aaa;margin-bottom:10px}.empty-state p{color:#666}.loading-spinner{text-align:center;padding:40px;color:#888}.error-message{background:#dc354533;border:1px solid #dc3545;border-radius:5px;padding:15px;color:#ff6b6b;margin-bottom:20px}.pagination{display:flex;justify-content:center;align-items:center;gap:10px;margin-top:20px}.pagination button{padding:8px 16px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:5px;color:#fff;cursor:pointer}.pagination button:hover:not(:disabled){background:#ffffff1a;border-color:#e94560}.pagination button:disabled{opacity:.3;cursor:not-allowed}.pagination span{color:#aaa}.players-in-area-panel{display:flex;flex-direction:column;height:100%;background:linear-gradient(135deg,#1a1a2e,#16213e);color:#fff;overflow:hidden}.players-header{padding:20px;background:linear-gradient(135deg,#ff6b6b1a,#ff9f401a);border-bottom:2px solid rgba(255,107,107,.3)}.players-header h2{margin:0 0 10px;font-size:24px;color:#ff6b6b;text-shadow:0 0 10px rgba(255,107,107,.5)}.players-header p{margin:0;font-size:14px;color:#ffffffb3}.pvp-status-bar{padding:15px 20px;background:#0000004d;border-bottom:1px solid rgba(255,255,255,.1);display:flex;justify-content:space-around;gap:20px}.status-item{display:flex;flex-direction:column;align-items:center}.status-item label{font-size:12px;color:#fff9;margin-bottom:5px}.status-item .value{font-size:18px;font-weight:700;color:#ffd93d}.status-item .value.outlaw{color:#ff4757;text-shadow:0 0 10px rgba(255,71,87,.5)}.players-list-container{flex:1;overflow-y:auto;padding:20px}.players-list-container::-webkit-scrollbar{width:8px}.players-list-container::-webkit-scrollbar-track{background:#0003}.players-list-container::-webkit-scrollbar-thumb{background:#ff6b6b80;border-radius:4px}.players-list-container::-webkit-scrollbar-thumb:hover{background:#ff6b6bb3}.no-players{text-align:center;color:#ffffff80;padding:40px 20px;font-size:16px}.safe-zone-notice{text-align:center;padding:20px;background:#4cd1371a;border:2px solid rgba(76,209,55,.3);border-radius:8px;margin-bottom:20px;color:#4cd137}.player-card{background:linear-gradient(135deg,#ffffff0d,#ffffff05);border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:15px;margin-bottom:10px;display:flex;justify-content:space-between;align-items:center;transition:all .3s ease}.player-card:hover{background:linear-gradient(135deg,#ff6b6b1a,#ff9f401a);border-color:#ff6b6b80;transform:translate(5px)}.player-card.outlaw{border-color:#ff475780;background:linear-gradient(135deg,#ff47571a,#8b00001a)}.player-card.busy{opacity:.5;cursor:not-allowed}.player-info{display:flex;flex-direction:column;gap:5px}.player-name{font-size:18px;font-weight:700;color:#fff;display:flex;align-items:center;gap:8px}.player-name.outlaw-name{color:#ff4757;text-shadow:0 0 8px rgba(255,71,87,.5)}.outlaw-icon{font-size:20px;animation:pulse 2s infinite}.player-level{font-size:14px;color:#fff9}.player-actions{display:flex;gap:10px}.fight-btn{padding:10px 20px;background:linear-gradient(135deg,#ff6b6b,#ff4757);color:#fff;border:none;border-radius:5px;font-size:14px;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #ff6b6b4d}.fight-btn:hover:not(:disabled){background:linear-gradient(135deg,#ff4757,#ff3838);transform:translateY(-2px);box-shadow:0 6px 20px #ff6b6b80}.fight-btn:disabled{background:#ffffff1a;color:#ffffff4d;cursor:not-allowed;box-shadow:none}.fight-btn.bounty{background:linear-gradient(135deg,#ffd93d,#ff9f43);box-shadow:0 4px 15px #ffd93d4d}.fight-btn.bounty:hover:not(:disabled){background:linear-gradient(135deg,#ff9f43,#ee5a24);box-shadow:0 6px 20px #ffd93d80}.loading-spinner{text-align:center;padding:40px;color:#ffffff80;font-size:16px}.error-message{padding:20px;background:#ff47571a;border:2px solid rgba(255,71,87,.3);border-radius:8px;color:#ff4757;text-align:center}.pvp-combat-panel{position:relative;color:#fff;background:transparent;height:100%;min-height:0;padding:20px;overflow-y:auto}.pvp-combat-panel h1{font-size:32px;margin-bottom:20px;color:#ff6b6b;text-align:center;text-shadow:0 0 20px rgba(255,107,107,.5)}.pvp-fight-content{max-width:1200px;margin:0 auto}.pvp-countdown-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000;border-radius:15px}.pvp-countdown-modal{background:linear-gradient(135deg,#2a2a40,#1a1a2e);border:3px solid #ff6b6b;border-radius:20px;padding:60px;text-align:center;box-shadow:0 0 50px #ff6b6b80}.pvp-countdown-modal h2{font-size:28px;color:gold;margin-bottom:30px;text-shadow:0 0 20px rgba(255,215,0,.5)}.pvp-countdown-number{font-size:120px;font-weight:700;color:#ff6b6b;text-shadow:0 0 30px rgba(255,107,107,.8);animation:pvpCountdownPulse 1s ease-in-out}@keyframes pvpCountdownPulse{0%{transform:scale(.5);opacity:0}50%{transform:scale(1.2)}to{transform:scale(1);opacity:1}}.pvp-battle-scene{position:relative;display:flex;justify-content:space-around;align-items:center;padding:40px;background:#2a2a40;border:2px solid #3a3a5a;border-radius:15px;min-height:450px;margin-bottom:20px;overflow:hidden}.pvp-battle-character{display:flex;flex-direction:column;align-items:center;width:260px;z-index:1}.pvp-character-frame{width:100%;text-align:center}.pvp-portrait-wrapper{position:relative;width:180px;height:180px;margin:0 auto 15px;border-radius:50%;overflow:hidden;border:5px solid #667eea;background:linear-gradient(135deg,#1a1a2e,#0f0f1e)}.opponent-side .pvp-portrait-wrapper{border-color:#ff6b6b}.pvp-character-portrait{position:relative;width:100%;height:100%}.pvp-face-layer,.pvp-feature-layer{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.pvp-portrait-placeholder{display:flex;align-items:center;justify-content:center;width:100%;height:100%;font-size:80px}.pvp-char-name{font-size:22px;font-weight:700;margin-bottom:12px;color:gold}.pvp-char-name.outlaw{color:#ff4757;text-shadow:0 0 10px rgba(255,71,87,.5)}.disconnect-badge{font-size:14px;color:#ff9f43;animation:disconnectPulse 1s ease-in-out infinite}@keyframes disconnectPulse{0%,to{opacity:1}50%{opacity:.4}}.pvp-hp-bar-wrap{position:relative;width:100%;height:28px;background:#00000080;border:2px solid #3a3a5a;border-radius:14px;overflow:hidden;margin-bottom:8px}.pvp-hp-bar{height:100%;background:linear-gradient(90deg,#4caf50,#81c784);box-shadow:0 0 15px #4caf5080;transition:width .5s ease}.pvp-hp-bar.enemy-hp{background:linear-gradient(90deg,#f44336,#e57373);box-shadow:0 0 15px #f4433680}.pvp-hp-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:13px;font-weight:700;color:#fff;text-shadow:1px 1px 4px rgba(0,0,0,.8)}.pvp-timer-bar-wrap{position:relative;width:100%;height:22px;background:#00000080;border:2px solid #3a3a5a;border-radius:11px;overflow:hidden}.pvp-timer-bar{height:100%;transition:width .05s linear}.pvp-timer-bar.my-turn-bar.active{background:linear-gradient(90deg,#667eea,#764ba2);box-shadow:0 0 10px #667eea80}.pvp-timer-bar.enemy-turn-bar.active{background:linear-gradient(90deg,#f44336,#c62828);box-shadow:0 0 10px #f4433680}.pvp-timer-bar.inactive{background:#ffffff1a}.pvp-timer-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:11px;font-weight:700;color:#fff;text-shadow:1px 1px 3px rgba(0,0,0,.8);white-space:nowrap}.pvp-vs-text{font-size:48px;font-weight:700;color:gold;text-shadow:0 0 20px rgba(255,215,0,.7);animation:pvpVsGlow 2s ease-in-out infinite;z-index:0}@keyframes pvpVsGlow{0%,to{text-shadow:0 0 20px rgba(255,215,0,.5)}50%{text-shadow:0 0 40px rgba(255,215,0,.9)}}.hit-shake{animation:pvpHitShake .3s ease-in-out}@keyframes pvpHitShake{0%,to{transform:translate(0)}25%{transform:translate(-10px)}75%{transform:translate(10px)}}.dodge-shake{animation:pvpDodgeShake .3s ease-in-out}@keyframes pvpDodgeShake{0%,to{transform:translateY(0)}25%{transform:translateY(-15px)}75%{transform:translateY(15px)}}.pvp-floating-damage{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:32px;font-weight:700;color:#f44336;text-shadow:2px 2px 4px rgba(0,0,0,.8);animation:pvpFloatUp 2s ease-out forwards;pointer-events:none;z-index:100}.pvp-floating-damage.player-damage{color:#f44336}.pvp-floating-damage.critical{font-size:42px;color:#ff9800;animation:pvpFloatUpCrit 2s ease-out forwards}.pvp-floating-damage.dodge{color:#2196f3;font-size:28px}@keyframes pvpFloatUp{0%{opacity:1;transform:translate(-50%,-50%)}to{opacity:0;transform:translate(-50%,-150%)}}@keyframes pvpFloatUpCrit{0%{opacity:1;transform:translate(-50%,-50%) scale(1)}20%{transform:translate(-50%,-50%) scale(1.3)}to{opacity:0;transform:translate(-50%,-150%) scale(1)}}.pvp-result-popup{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:linear-gradient(135deg,#1a1a2e,#16213e);border:3px solid #4caf50;border-radius:20px;padding:40px 50px;min-width:320px;text-align:center;box-shadow:0 10px 50px #000c;animation:pvpPopupAppear .3s ease-out;z-index:10}.pvp-result-popup.defeat{border-color:#f44336}.pvp-result-popup.draw{border-color:#ff9800}.pvp-result-popup h2{font-size:36px;margin-bottom:20px;color:#4caf50;text-shadow:0 0 20px rgba(76,175,80,.5)}.pvp-result-popup.defeat h2{color:#f44336;text-shadow:0 0 20px rgba(244,67,54,.5)}.pvp-result-popup.draw h2{color:#ff9800;text-shadow:0 0 20px rgba(255,152,0,.5)}.pvp-forfeit-label{color:#aaa;font-size:14px;margin-bottom:15px}.pvp-rewards{display:flex;flex-direction:column;gap:10px;margin-bottom:25px;font-size:20px;font-weight:700;color:gold}.pvp-rewards .rep-gain{color:#ff9f43;font-size:16px}.pvp-continue-btn{padding:14px 45px;font-size:18px;font-weight:700;border:none;border-radius:10px;cursor:pointer;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;transition:all .2s}.pvp-continue-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea80}@keyframes pvpPopupAppear{0%{opacity:0;transform:translate(-50%,-50%) scale(.8)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.pvp-attack-btn-container{text-align:center;margin:20px 0}.pvp-attack-btn{padding:18px 60px;font-size:24px;font-weight:700;border:none;border-radius:10px;cursor:pointer;background:linear-gradient(135deg,#f44336,#c62828);color:#fff;box-shadow:0 4px 15px #f4433666;animation:pvpAttackPulse 1.5s ease-in-out infinite;transition:all .2s}.pvp-attack-btn:hover:not(:disabled){transform:translateY(-3px) scale(1.05);box-shadow:0 8px 25px #f4433699}.pvp-attack-btn:disabled{opacity:.5;cursor:not-allowed;animation:none}@keyframes pvpAttackPulse{0%,to{box-shadow:0 4px 15px #f4433666}50%{box-shadow:0 4px 30px #f44336cc}}.pvp-forfeit-btn-container{text-align:center;margin:8px 0 16px;display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap}.pvp-forfeit-btn{padding:8px 20px;font-size:14px;font-weight:600;border:2px solid #6b3a3a;border-radius:8px;cursor:pointer;background:#50141499;color:#c88;transition:all .2s}.pvp-forfeit-btn:hover:not(:disabled){background:#781e1ecc;color:#fff;border-color:#a44}.pvp-forfeit-btn:disabled{opacity:.5;cursor:not-allowed}.pvp-forfeit-confirm-text{color:#fa5;font-size:13px;font-weight:600}.pvp-forfeit-confirm-btn{padding:7px 16px;font-size:13px;font-weight:600;border:2px solid #884444;border-radius:8px;cursor:pointer;background:#781e1ecc;color:#fff;transition:all .2s}.pvp-forfeit-confirm-btn:hover:not(:disabled){background:#a33}.pvp-forfeit-cancel-btn{padding:7px 16px;font-size:13px;font-weight:600;border:2px solid #444466;border-radius:8px;cursor:pointer;background:#282846cc;color:#aaa;transition:all .2s}.pvp-forfeit-cancel-btn:hover{background:#3c3c64e6;color:#fff}.pvp-combat-log{background:#2a2a40;border:2px solid #3a3a5a;border-radius:15px;padding:20px}.pvp-combat-log h3{font-size:18px;margin-bottom:12px;color:#ddd}.pvp-log-entries{max-height:180px;overflow-y:auto;display:flex;flex-direction:column;gap:6px}.pvp-log-entry{padding:8px 12px;border-left:3px solid rgba(255,255,255,.2);border-radius:5px;font-size:13px;background:#ffffff0a}.pvp-log-entry.system{border-left-color:#6c5ce7;color:#fffc}.pvp-log-entry.normal{border-left-color:#ffd93d;color:#ffffffe6}.pvp-log-entry.critical{border-left-color:#f44336;color:#ff6b6b;font-weight:700}.pvp-log-entry.dodge{border-left-color:#4cd137;color:#ffffffb3;font-style:italic}.pvp-log-entry.missed{border-left-color:#aaa;color:#aaa;font-style:italic}.pvp-log-entry.error{border-left-color:#f44336;background:#f443361a;color:#ff6b6b}.pvp-log-entries::-webkit-scrollbar{width:6px}.pvp-log-entries::-webkit-scrollbar-track{background:#0003}.pvp-log-entries::-webkit-scrollbar-thumb{background:#ff6b6b4d;border-radius:3px}.pvp-death-overlay{position:absolute;top:0;left:0;width:100%;height:100%;z-index:100;pointer-events:none;animation:pvpDeathFadeIn 1.5s ease-out forwards;border-radius:15px;background:#000000d9}@keyframes pvpDeathFadeIn{0%{opacity:0}to{opacity:1}}.pvp-death-message{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;color:#8b0000;text-shadow:0 0 30px rgba(0,0,0,1),0 0 50px rgba(139,0,0,.8);animation:pvpDeathTextAppear 3s ease-out forwards;z-index:101}.pvp-death-message h1{font-size:72px;font-weight:200;margin:0;letter-spacing:20px;text-transform:uppercase;font-family:Times New Roman,serif}@keyframes pvpDeathTextAppear{0%{opacity:0;transform:translate(-50%,-50%) scale(1.5)}50%{opacity:.3}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.no-session button{padding:12px 30px;background:linear-gradient(135deg,#6c5ce7,#a29bfe);color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:700;cursor:pointer}.arena-panel{display:flex;flex-direction:column;height:100%;background:linear-gradient(135deg,#1a1a2e,#16213e);color:#fff;overflow:hidden}.arena-header{padding:20px;background:linear-gradient(135deg,#ffd7001a,#ffa5001a);border-bottom:2px solid rgba(255,215,0,.3)}.arena-header h2{margin:0 0 8px;font-size:24px;color:gold;text-shadow:0 0 10px rgba(255,215,0,.5)}.arena-header p{margin:0;font-size:13px;color:#fff9}.arena-status-bar{padding:15px 20px;background:#0000004d;border-bottom:1px solid rgba(255,255,255,.1);display:flex;justify-content:space-around;gap:20px}.arena-stat{display:flex;flex-direction:column;align-items:center}.arena-stat label{font-size:11px;color:#ffffff80;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}.arena-stat .value{font-size:18px;font-weight:700;color:gold}.arena-stat .value.win{color:#2ecc71}.arena-stat .value.loss{color:#e74c3c}.arena-stat .value.depleted{color:#e74c3c;text-shadow:0 0 8px rgba(231,76,60,.4)}.arena-no-tokens{margin:12px 20px;padding:12px 16px;background:#e74c3c1f;border:1px solid rgba(231,76,60,.4);border-radius:6px;color:#e74c3c;font-size:13px;text-align:center}.arena-error{margin:10px 20px;padding:10px 16px;background:#e74c3c1a;border:1px solid rgba(231,76,60,.4);border-radius:6px;color:#ff6b6b;font-size:13px;text-align:center}.arena-locked{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:#ffffff80}.lock-icon{font-size:48px}.arena-locked p{font-size:18px;margin:0;color:#ffffffb3}.arena-locked small{font-size:13px;color:#fff6}.arena-opponents-container{flex:1;overflow-y:auto;padding:15px 20px}.arena-opponents-container::-webkit-scrollbar{width:6px}.arena-opponents-container::-webkit-scrollbar-track{background:#0003}.arena-opponents-container::-webkit-scrollbar-thumb{background:#ffd70066;border-radius:4px}.arena-no-opponents{text-align:center;color:#fff6;padding:40px 20px;display:flex;flex-direction:column;gap:8px}.arena-no-opponents p{font-size:16px;margin:0}.arena-no-opponents small{font-size:12px}.arena-opponent-card{display:flex;align-items:center;gap:14px;background:linear-gradient(135deg,#ffffff0a,#ffffff03);border:1px solid rgba(255,255,255,.08);border-radius:8px;padding:12px 14px;margin-bottom:8px;transition:all .2s ease}.arena-opponent-card:hover{background:linear-gradient(135deg,#ffd70014,#ffa5000d);border-color:#ffd70059;transform:translate(4px)}.arena-opponent-portrait{width:46px;height:46px;flex-shrink:0;border-radius:50%;border:2px solid rgba(255,215,0,.3);overflow:hidden;background:#0000004d}.arena-portrait-stack{position:relative;width:100%;height:100%}.arena-portrait-layer{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.arena-portrait-placeholder{display:flex;align-items:center;justify-content:center;width:100%;height:100%;font-size:24px}.arena-opponent-info{flex:1;display:flex;flex-direction:column;gap:3px}.opponent-name{font-size:16px;font-weight:700;color:#fff}.opponent-level{font-size:13px;color:#ffffff8c}.opponent-valor{font-size:12px;color:#ffd700b3}.arena-challenge-btn{padding:9px 18px;background:linear-gradient(135deg,#f0a500,#e08b00);color:#1a1a2e;border:none;border-radius:5px;font-size:13px;font-weight:700;cursor:pointer;transition:all .2s ease;white-space:nowrap;box-shadow:0 3px 10px #f0a5004d}.arena-challenge-btn:hover:not(:disabled){background:linear-gradient(135deg,gold,#f0a500);transform:translateY(-1px);box-shadow:0 5px 14px #ffd70073}.arena-challenge-btn:disabled{background:#ffffff1a;color:#ffffff4d;cursor:not-allowed;box-shadow:none}.arena-pagination{display:flex;align-items:center;justify-content:center;gap:16px;padding:12px 20px;border-top:1px solid rgba(255,255,255,.08)}.arena-page-btn{padding:7px 14px;background:#ffd70026;color:gold;border:1px solid rgba(255,215,0,.3);border-radius:4px;font-size:13px;cursor:pointer;transition:all .2s ease}.arena-page-btn:hover:not(:disabled){background:#ffd70040}.arena-page-btn:disabled{opacity:.4;cursor:not-allowed}.arena-page-info{font-size:13px;color:#ffffff80}.arena-combat-panel{position:relative;color:#fff;background:transparent;height:100%;min-height:0;padding:20px;overflow-y:auto}.arena-combat-panel h1{font-size:32px;margin-bottom:20px;color:gold;text-align:center;text-shadow:0 0 20px rgba(255,215,0,.5)}.arena-fight-content{max-width:1200px;margin:0 auto}.arena-countdown-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000;border-radius:15px}.arena-countdown-modal{background:linear-gradient(135deg,#2a2a40,#1a1a2e);border:3px solid #ffd700;border-radius:20px;padding:60px;text-align:center;box-shadow:0 0 50px #ffd70080}.arena-countdown-modal h2{font-size:28px;color:gold;margin-bottom:30px}.arena-countdown-number{font-size:120px;font-weight:700;color:gold;text-shadow:0 0 30px rgba(255,215,0,.8);animation:arenaCountdownPulse 1s ease-in-out}@keyframes arenaCountdownPulse{0%{transform:scale(.5);opacity:0}50%{transform:scale(1.2)}to{transform:scale(1);opacity:1}}.arena-battle-scene{position:relative;display:flex;justify-content:space-around;align-items:center;padding:40px;background:#2a2a40;border:2px solid #3a3a5a;border-radius:15px;min-height:450px;margin-bottom:20px;overflow:hidden}.arena-battle-character{display:flex;flex-direction:column;align-items:center;width:260px;z-index:1}.arena-character-frame{width:100%;text-align:center}.arena-portrait-wrapper{position:relative;width:180px;height:180px;margin:0 auto 15px;border-radius:50%;overflow:hidden;border:5px solid #667eea;background:linear-gradient(135deg,#1a1a2e,#0f0f1e)}.opponent-side .arena-portrait-wrapper{border-color:gold}.arena-combat-portrait{position:relative;width:100%;height:100%}.arena-face-layer,.arena-feature-layer{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.arena-portrait-placeholder{display:flex;align-items:center;justify-content:center;width:100%;height:100%;font-size:80px}.arena-char-name{font-size:22px;font-weight:700;margin-bottom:12px;color:gold}.offline-badge{font-size:14px;color:#ffffff73;font-weight:400}.arena-hp-bar-wrap{position:relative;width:100%;height:28px;background:#00000080;border:2px solid #3a3a5a;border-radius:14px;overflow:hidden;margin-bottom:8px}.arena-hp-bar{height:100%;background:linear-gradient(90deg,#4caf50,#81c784);box-shadow:0 0 15px #4caf5080;transition:width .5s ease}.arena-hp-bar.enemy-hp{background:linear-gradient(90deg,#f44336,#e57373);box-shadow:0 0 15px #f4433680}.arena-hp-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:13px;font-weight:700;color:#fff;text-shadow:1px 1px 4px rgba(0,0,0,.8)}.arena-timer-bar-wrap{position:relative;width:100%;height:22px;background:#00000080;border:2px solid #3a3a5a;border-radius:11px;overflow:hidden}.arena-timer-bar{height:100%;transition:width .05s linear}.arena-timer-bar.active{background:linear-gradient(90deg,gold,#f0a500);box-shadow:0 0 10px #ffd70080}.arena-timer-bar.inactive{background:#ffffff1a}.arena-timer-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:11px;font-weight:700;color:#fff;text-shadow:1px 1px 3px rgba(0,0,0,.8);white-space:nowrap}.arena-vs-text{font-size:48px;font-weight:700;color:gold;text-shadow:0 0 20px rgba(255,215,0,.7);animation:arenaVsGlow 2s ease-in-out infinite;z-index:0}@keyframes arenaVsGlow{0%,to{text-shadow:0 0 20px rgba(255,215,0,.5)}50%{text-shadow:0 0 40px rgba(255,215,0,.9)}}.hit-shake{animation:arenaHitShake .3s ease-in-out}@keyframes arenaHitShake{0%,to{transform:translate(0)}25%{transform:translate(-10px)}75%{transform:translate(10px)}}.dodge-shake{animation:arenaDodgeShake .3s ease-in-out}@keyframes arenaDodgeShake{0%,to{transform:translateY(0)}25%{transform:translateY(-15px)}75%{transform:translateY(15px)}}.arena-floating-damage{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:32px;font-weight:700;color:#f44336;text-shadow:2px 2px 4px rgba(0,0,0,.8);animation:arenaFloatUp 2s ease-out forwards;pointer-events:none;z-index:100}.arena-floating-damage.player-damage{color:#f44336}.arena-floating-damage.critical{font-size:42px;color:#ff9800;animation:arenaFloatUpCrit 2s ease-out forwards}.arena-floating-damage.dodge{color:#2196f3;font-size:28px}@keyframes arenaFloatUp{0%{opacity:1;transform:translate(-50%,-50%)}to{opacity:0;transform:translate(-50%,-150%)}}@keyframes arenaFloatUpCrit{0%{opacity:1;transform:translate(-50%,-50%) scale(1)}20%{transform:translate(-50%,-50%) scale(1.3)}to{opacity:0;transform:translate(-50%,-150%) scale(1)}}.crit-text{color:#ff9800;font-size:.7em}.arena-result-popup{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:linear-gradient(135deg,#1a1a2e,#16213e);border:3px solid #4caf50;border-radius:20px;padding:40px 50px;min-width:320px;text-align:center;box-shadow:0 10px 50px #000c;animation:arenaPopupAppear .3s ease-out;z-index:10}.arena-result-popup.defeat{border-color:#f44336}.arena-result-popup h2{font-size:36px;margin-bottom:20px;color:#4caf50;text-shadow:0 0 20px rgba(76,175,80,.5)}.arena-result-popup.defeat h2{color:#f44336;text-shadow:0 0 20px rgba(244,67,54,.5)}.arena-rewards{display:flex;flex-direction:column;gap:10px;margin-bottom:25px;font-size:20px;font-weight:700;color:gold}.arena-rewards.consolation{color:#aaa;font-size:16px}.arena-continue-btn{padding:14px 45px;font-size:18px;font-weight:700;border:none;border-radius:10px;cursor:pointer;background:linear-gradient(135deg,gold,#f0a500);color:#1a1a2e;transition:all .2s}.arena-continue-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ffd70080}@keyframes arenaPopupAppear{0%{opacity:0;transform:translate(-50%,-50%) scale(.8)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.arena-attack-btn-container{text-align:center;margin:20px 0}.arena-attack-btn{padding:18px 60px;font-size:24px;font-weight:700;border:none;border-radius:10px;cursor:pointer;background:linear-gradient(135deg,gold,#f0a500);color:#1a1a2e;box-shadow:0 4px 15px #ffd70066;animation:arenaAttackPulse 1.5s ease-in-out infinite;transition:all .2s}.arena-attack-btn:hover:not(:disabled){transform:translateY(-3px) scale(1.05);box-shadow:0 8px 25px #ffd70099}.arena-attack-btn:disabled{opacity:.5;cursor:not-allowed;animation:none}@keyframes arenaAttackPulse{0%,to{box-shadow:0 4px 15px #ffd70066}50%{box-shadow:0 4px 30px #ffd700cc}}.arena-forfeit-btn-container{text-align:center;margin:8px 0 16px;display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap}.arena-forfeit-btn{padding:8px 20px;font-size:14px;font-weight:600;border:2px solid #6b3a3a;border-radius:8px;cursor:pointer;background:#50141499;color:#c88;transition:all .2s}.arena-forfeit-btn:hover:not(:disabled){background:#781e1ecc;color:#fff;border-color:#a44}.arena-forfeit-btn:disabled{opacity:.5;cursor:not-allowed}.arena-forfeit-confirm-text{color:#fa5;font-size:13px;font-weight:600}.arena-forfeit-confirm-btn{padding:7px 16px;font-size:13px;font-weight:600;border:2px solid #884444;border-radius:8px;cursor:pointer;background:#781e1ecc;color:#fff;transition:all .2s}.arena-forfeit-confirm-btn:hover:not(:disabled){background:#a33}.arena-forfeit-cancel-btn{padding:7px 16px;font-size:13px;font-weight:600;border:2px solid #444466;border-radius:8px;cursor:pointer;background:#282846cc;color:#aaa;transition:all .2s}.arena-forfeit-cancel-btn:hover{background:#3c3c64e6;color:#fff}.arena-combat-log{background:#2a2a40;border:2px solid #3a3a5a;border-radius:15px;padding:20px}.arena-combat-log h3{font-size:18px;margin-bottom:12px;color:#ddd}.arena-log-entries{max-height:180px;overflow-y:auto;display:flex;flex-direction:column;gap:6px}.arena-log-entry{padding:8px 12px;border-left:3px solid rgba(255,255,255,.2);border-radius:5px;font-size:13px;background:#ffffff0a}.arena-log-entry.system{border-left-color:gold;color:#fffc}.arena-log-entry.normal{border-left-color:#ffd93d;color:#ffffffe6}.arena-log-entry.critical{border-left-color:#f44336;color:#ff6b6b;font-weight:700}.arena-log-entry.dodge{border-left-color:#4cd137;color:#ffffffb3;font-style:italic}.arena-log-entry.missed{border-left-color:#aaa;color:#aaa;font-style:italic}.arena-log-entry.error{border-left-color:#f44336;background:#f443361a;color:#ff6b6b}.arena-log-entries::-webkit-scrollbar{width:6px}.arena-log-entries::-webkit-scrollbar-track{background:#0003}.arena-log-entries::-webkit-scrollbar-thumb{background:#ffd7004d;border-radius:3px}.arena-death-overlay{position:absolute;top:0;left:0;width:100%;height:100%;z-index:100;pointer-events:none;animation:arenaDeathFadeIn 1.5s ease-out forwards;border-radius:15px;background:#000000d9}@keyframes arenaDeathFadeIn{0%{opacity:0}to{opacity:1}}.arena-death-message{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;color:#8b0000;text-shadow:0 0 30px rgba(0,0,0,1),0 0 50px rgba(139,0,0,.8);animation:arenaDeathTextAppear 3s ease-out forwards;z-index:101}.arena-death-message h1{font-size:72px;font-weight:200;margin:0;letter-spacing:20px;text-transform:uppercase;font-family:Times New Roman,serif}@keyframes arenaDeathTextAppear{0%{opacity:0;transform:translate(-50%,-50%) scale(1.5)}50%{opacity:.3}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.no-session{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:20px}.no-session p{font-size:18px;color:#fff9}.no-session button{padding:12px 30px;background:linear-gradient(135deg,gold,#f0a500);color:#1a1a2e;border:none;border-radius:8px;font-size:16px;font-weight:700;cursor:pointer}.gamelog-panel{color:#fff;padding:20px;display:flex;flex-direction:column;height:100%}.gamelog-panel h1{font-size:32px;margin-bottom:20px;color:gold;flex-shrink:0}.gamelog-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px;flex-shrink:0}.gamelog-tab{background:#ffffff12;border:1px solid rgba(102,126,234,.3);color:#ccc;padding:8px 14px;border-radius:8px;cursor:pointer;font-size:13px;transition:all .2s;white-space:nowrap}.gamelog-tab:hover{background:#667eea33;color:#fff;border-color:#667eea99}.gamelog-tab.active{background:#667eea59;color:#fff;border-color:#667eea;font-weight:600}.gamelog-content{flex:1;overflow-y:auto;padding-right:6px}.gamelog-loading,.gamelog-empty,.gamelog-error{text-align:center;padding:40px 20px;color:#888;font-size:15px}.gamelog-error{color:#ff6b6b}.gamelog-list{display:flex;flex-direction:column;gap:4px}.gamelog-entry{display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:8px;background:#ffffff0a;border-left:3px solid rgba(102,126,234,.4);font-size:13px;transition:background .15s}.gamelog-entry:hover{background:#ffffff14}.gel-icon{font-size:16px;flex-shrink:0;width:22px;text-align:center}.gel-text{flex:1;color:#e0e0e0;line-height:1.4}.gel-time{color:#666;font-size:11px;white-space:nowrap;flex-shrink:0}.gel-victory{border-left-color:#4caf50}.gel-victory .gel-text{color:#a5d6a7}.gel-death{border-left-color:#e53935}.gel-death .gel-text{color:#ef9a9a}.gel-fight{border-left-color:#667eea}.gel-attack{border-left-color:#42a5f5}.gel-crit{border-left-color:#ff9800}.gel-crit .gel-text{color:#ffcc80}.gel-enemy-attack{border-left-color:#ef5350}.gel-enemy-crit{border-left-color:#b71c1c}.gel-enemy-crit .gel-text{color:#ef9a9a}.gel-dodge{border-left-color:#78909c}.gel-dodge .gel-text{color:#b0bec5}.gel-gather{border-left-color:#66bb6a}.gel-gather .gel-text{color:#c8e6c9}.gel-craft{border-left-color:#8d6e63}.gel-craft .gel-text{color:#d7ccc8}.gel-quest{border-left-color:#ab47bc}.gel-quest .gel-text{color:#ce93d8}.gel-quest-done{border-left-color:gold}.gel-quest-done .gel-text{color:#fff9c4}.gel-pvp-win{border-left-color:#26c6da}.gel-pvp-win .gel-text{color:#80deea}.gel-pvp-loss{border-left-color:#b71c1c}.gel-pvp-loss .gel-text{color:#ef9a9a}.gel-trade{border-left-color:#ffa726}.gel-trade .gel-text{color:#ffe0b2}.gel-levelup{border-left-color:gold;background:#ffd70014}.gel-levelup .gel-text{color:#fff176;font-weight:600}.gel-system{border-left-color:#546e7a}.gel-system .gel-text{color:#90a4ae}.gamelog-load-more{display:block;width:100%;margin-top:12px;padding:10px;background:#667eea26;border:1px solid rgba(102,126,234,.4);border-radius:8px;color:#aaa;cursor:pointer;font-size:14px;transition:all .2s}.gamelog-load-more:hover:not(:disabled){background:#667eea4d;color:#fff}.gamelog-load-more:disabled{cursor:default;opacity:.5}.player-context-menu{background:#2a2a40;border:1px solid #667eea;border-radius:8px;padding:4px 0;z-index:10000;min-width:180px;box-shadow:0 4px 16px #00000080}.context-menu-item{display:flex;align-items:center;gap:8px;width:100%;padding:10px 16px;background:none;border:none;color:#ddd;text-align:left;cursor:pointer;font-size:14px;transition:background .15s}.context-menu-item:hover{background:#3a3a55}.context-menu-item.danger{color:#e74c3c}.context-menu-item.danger:hover{background:#3a2a30}.context-icon{font-size:16px;width:20px;text-align:center}.context-menu-divider{height:1px;background:#3a3a55;margin:4px 0}.report-modal-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:10001}.report-modal{background:#2a2a40;border:1px solid #667eea;border-radius:12px;padding:24px;min-width:400px;max-width:500px;box-shadow:0 8px 32px #0009}.report-modal h3{margin:0 0 20px;color:#fff;font-size:20px}.report-modal .form-group{margin-bottom:16px}.report-modal label{display:block;margin-bottom:6px;color:#aaa;font-size:13px;font-weight:500}.report-modal select,.report-modal textarea{width:100%;padding:10px;background:#1a1a2e;border:1px solid #3a3a55;border-radius:6px;color:#fff;font-size:14px;font-family:inherit}.report-modal select:focus,.report-modal textarea:focus{outline:none;border-color:#667eea}.report-modal textarea{resize:vertical;min-height:80px}.modal-buttons{display:flex;gap:12px;justify-content:flex-end;margin-top:20px}.modal-buttons button{padding:10px 20px;border:none;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.btn-cancel{background:#3a3a55;color:#ddd}.btn-cancel:hover:not(:disabled){background:#4a4a65}.btn-submit{background:#e74c3c;color:#fff}.btn-submit:hover:not(:disabled){background:#c0392b}.modal-buttons button:disabled{opacity:.5;cursor:not-allowed}.persistent-chat{position:relative;width:550px;height:100%;display:flex;flex-direction:column}.persistent-chat-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;height:100%;background:transparent;cursor:pointer;transition:background .2s;box-sizing:border-box;border-right:1px solid #3a3a5a}.persistent-chat-header:hover{background:#667eea33}.persistent-chat.expanded .persistent-chat-header{background:#667eea4d}.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{position:absolute;bottom:100%;left:0;width:550px;height:500px;display:flex;flex-direction:column;padding:12px;gap:10px;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:200;box-sizing:border-box}.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;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:6px;color:#fff;cursor:pointer;transition:all .2s;font-size:12px;position:relative;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.tab-unread-badge{background:#e74c3c;color:#fff;border-radius:50%;font-size:10px;font-weight:700;min-width:16px;height:16px;display:inline-flex;align-items:center;justify-content:center;margin-left:4px;padding:0 4px}.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-author.clickable{cursor:pointer;transition:color .2s}.persistent-message-author.clickable:hover{text-decoration:underline;color:#ffed4e}.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}}.market-listing{border-left-color:#4fc3f7!important;background:#4fc3f70d}.item-link{color:#4fc3f7;cursor:pointer;font-weight:700;text-decoration:underline;transition:color .2s}.item-link:hover{color:#81d4fa}.system-message{border-left-width:3px}.chat-level-gate{padding:12px;text-align:center;color:#999;font-size:12px;background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:6px}.pm-container{display:flex;flex:1;gap:10px;overflow:hidden}.pm-conversation-list{width:35%;background:#0000004d;border:1px solid rgba(255,255,255,.1);border-radius:8px;overflow-y:auto}.pm-conversation-list::-webkit-scrollbar{width:6px}.pm-conversation-list::-webkit-scrollbar-track{background:#ffffff0d;border-radius:3px}.pm-conversation-list::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}.pm-conversation-item{padding:12px;cursor:pointer;border-bottom:1px solid rgba(255,255,255,.05);transition:background .2s;position:relative}.pm-conversation-item:hover{background:#ffffff0d}.pm-conversation-item.selected{background:#667eea33;border-left:3px solid #667eea}.pm-conv-name{font-weight:700;color:gold;font-size:13px;margin-bottom:4px}.pm-conv-last-message{font-size:12px;color:#999;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pm-conv-unread{position:absolute;top:12px;right:12px;background:#e74c3c;color:#fff;border-radius:50%;font-size:10px;font-weight:700;min-width:18px;height:18px;display:flex;align-items:center;justify-content:center;padding:0 4px}.pm-messages-panel{flex:1;display:flex;flex-direction:column;background:#0000004d;border:1px solid rgba(255,255,255,.1);border-radius:8px;overflow:hidden}.pm-messages-header{padding:12px;background:#667eea26;border-bottom:1px solid rgba(255,255,255,.1);color:#fff;font-size:14px}.pm-messages-content{flex:1;padding:10px;overflow-y:auto}.pm-messages-content::-webkit-scrollbar{width:6px}.pm-messages-content::-webkit-scrollbar-track{background:#ffffff0d;border-radius:3px}.pm-messages-content::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}.no-conversations{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%;padding:20px;text-align:center;color:#888}.no-conversations p{margin:5px 0;font-size:13px}.no-conversations .hint{font-size:11px;color:#666}.no-conversation-selected{display:flex;justify-content:center;align-items:center;height:100%;color:#888;font-size:14px}.action-queue-container{position:static;z-index:auto}.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-overlay{position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center;z-index:9999;animation:fadeIn .15s ease}.action-queue-panel{width:360px;max-height:520px;background:linear-gradient(135deg,#1a1a2e,#0d0d1a);border:1px solid #3a3a4e;border-radius:12px;box-shadow:0 8px 32px #0009;overflow:hidden;animation:slideUp .2s ease}.queue-panel-header{display:flex;justify-content:space-between;align-items:center;padding:12px 15px;background:linear-gradient(135deg,#e94560,#ff6b9d)}.queue-panel-close{background:none;border:none;color:#fffc;font-size:14px;cursor:pointer;padding:2px 6px;border-radius:4px;transition:background .2s;line-height:1}.queue-panel-close:hover{background:#0003;color:#fff}.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}}.online-players-container{position:relative;height:100%;display:flex;align-items:stretch}.online-players-toggle{display:flex;justify-content:space-between;align-items:center;padding:0 16px;height:100%;width:100%;background:transparent;border:none;border-right:1px solid #3a3a5a;color:#fff;cursor:pointer;font-size:14px;transition:background .2s;gap:10px;box-sizing:border-box;white-space:nowrap}.online-players-toggle:hover{background:#667eea33}.online-players-toggle.open{background:#667eea4d}.header-left{display:flex;align-items:center;gap:10px}.header-right{display:flex;align-items:center;gap:8px}.online-icon{font-size:18px}.online-title{font-size:14px;font-weight:700;color:#fff}.online-count-badge{background:#4ade80;color:#1a1a2e;font-size:12px;font-weight:700;padding:2px 8px;border-radius:12px;min-width:20px;text-align:center}.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:100%;left:0;width:100%;min-width:200px;max-height: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;overflow:hidden;z-index:200}.online-players-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:#667eea33;border-bottom:2px solid #3a3a5a}.online-players-header h3{margin:0;color:#fff;font-size:16px;font-weight:700}.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:#fff3;border-radius:3px}.online-players-list::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.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-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;pointer-events:none}.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:#0000004d;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 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)}}.base-location-template.death-grayscale{filter:grayscale(100%)}.game-viewport .death-blood-overlay{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;background:radial-gradient(circle at center,transparent 0%,transparent 30%,rgba(139,0,0,.4) 70%,rgba(139,0,0,.8) 100%);z-index:100;animation:bloodPulse 2s ease-in-out infinite}@keyframes bloodPulse{0%,to{opacity:.8}50%{opacity:1}}.quest-complete-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}.quest-complete-popup{background:linear-gradient(135deg,#1a1a2e,#16213e);border:3px solid #ffd700;border-radius:12px;box-shadow:0 10px 40px #ffd7004d;max-width:500px;width:90%;animation:slideIn .4s ease;overflow:hidden}@keyframes slideIn{0%{transform:translateY(-50px) scale(.9);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.quest-complete-header{background:linear-gradient(135deg,gold,#ffed4e);padding:20px;text-align:center;position:relative}.quest-complete-title{font-family:MedievalSharp,Cinzel,serif;font-size:32px;color:#1a1a2e;margin:0;text-shadow:2px 2px 4px rgba(0,0,0,.2);letter-spacing:2px}.quest-complete-icon{font-size:48px;margin-top:10px;animation:bounce 1s infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.quest-complete-content{padding:30px}.completed-quest-name{font-family:MedievalSharp,Cinzel,serif;font-size:24px;color:gold;text-align:center;margin:0 0 25px;text-shadow:0 2px 4px rgba(0,0,0,.5)}.quest-rewards-section{background:#ffffff0d;border:2px solid rgba(255,215,0,.3);border-radius:8px;padding:20px}.quest-rewards-section h3{font-family:MedievalSharp,Cinzel,serif;font-size:20px;color:gold;margin:0 0 15px;text-align:center}.reward-item{display:flex;align-items:center;padding:10px;margin:8px 0;background:#ffffff0d;border-radius:6px;transition:all .2s ease}.reward-item:hover{background:#ffd7001a;transform:translate(5px)}.reward-icon{font-size:24px;margin-right:12px}.reward-label{flex:1;color:#e0e0e0;font-size:16px;font-weight:500}.reward-value{color:gold;font-size:18px;font-weight:700}.reward-items-section{margin-top:15px;padding-top:15px;border-top:1px solid rgba(255,215,0,.3)}.reward-items-section h4{font-size:16px;color:gold;margin:0 0 10px}.no-rewards{text-align:center;padding:20px}.no-rewards p{color:#999;font-style:italic;margin:0}.coin-icon-lg{display:inline-block;width:24px;height:24px;border-radius:50%;border:2px solid;vertical-align:middle}.coin-icon-lg.gold-coin{background:linear-gradient(135deg,gold,#ffed4e,gold);border-color:#b8860b;box-shadow:0 2px 5px #ffd70080}.coin-icon-lg.silver-coin{background:linear-gradient(135deg,#e8e8e8,#fff,#e8e8e8);border-color:#999;box-shadow:0 2px 5px #c0c0c080}.coin-icon-lg.copper-coin{background:linear-gradient(135deg,#cd7f32,#e89850,#cd7f32);border-color:#8b4513;box-shadow:0 2px 5px #cd7f3280}.quest-complete-footer{padding:20px 30px;text-align:center;background:#0000004d}.quest-complete-btn{background:linear-gradient(135deg,gold,#ffed4e);color:#1a1a2e;border:none;padding:12px 40px;font-size:18px;font-weight:700;font-family:MedievalSharp,Cinzel,serif;border-radius:6px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 8px #0000004d;text-transform:uppercase;letter-spacing:1px}.quest-complete-btn:hover{background:linear-gradient(135deg,#ffed4e,gold);transform:translateY(-2px);box-shadow:0 6px 12px #ffd70066}.quest-complete-btn:active{transform:translateY(0);box-shadow:0 3px 6px #0000004d}.achievement-toast-container{position:fixed;bottom:80px;right:20px;z-index:9500;display:flex;flex-direction:column-reverse;gap:10px;pointer-events:none}.achievement-toast{background:linear-gradient(135deg,#1a1a2e,#16213e);border-radius:10px;box-shadow:0 4px 20px #0009;width:300px;overflow:hidden;animation:toastSlideIn .35s ease forwards;pointer-events:auto}.achievement-toast.toast-exiting{animation:toastSlideOut .3s ease forwards}@keyframes toastSlideIn{0%{transform:translate(330px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes toastSlideOut{0%{transform:translate(0);opacity:1;max-height:120px}to{transform:translate(330px);opacity:0;max-height:0}}.achievement-toast.tier-bronze{border-top:3px solid #cd7f32;box-shadow:0 4px 20px #cd7f3259}.achievement-toast.tier-silver{border-top:3px solid #c0c0c0;box-shadow:0 4px 20px #c0c0c059}.achievement-toast.tier-gold{border-top:3px solid #ffd700;box-shadow:0 4px 20px #ffd70066}.achievement-toast-header{padding:6px 12px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:1.5px}.tier-bronze .achievement-toast-header{color:#cd7f32}.tier-silver .achievement-toast-header{color:silver}.tier-gold .achievement-toast-header{color:gold}.achievement-toast-body{display:flex;align-items:center;gap:12px;padding:10px 12px 14px}.achievement-toast-icon{font-size:28px;flex-shrink:0;line-height:1}.achievement-toast-icon img{width:36px;height:36px;object-fit:contain}.achievement-toast-text{flex:1;min-width:0}.achievement-toast-name{font-size:14px;font-weight:700;color:#e8e8e8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.achievement-toast-desc{font-size:11px;color:#9a9a9a;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bug-report-overlay{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:9999;animation:fadeIn .15s ease}.bug-report-modal{background:linear-gradient(135deg,#1a1a2e,#16213e);border:1px solid rgba(255,255,255,.12);border-radius:12px;width:100%;max-width:500px;margin:16px;box-shadow:0 20px 60px #0009;animation:slideUp .2s ease;overflow:hidden}.bug-report-header{display:flex;align-items:center;gap:10px;padding:18px 20px 16px;border-bottom:1px solid rgba(255,255,255,.08);background:#ffffff08}.bug-report-icon{font-size:22px}.bug-report-header h2{flex:1;margin:0;font-size:18px;color:gold;font-weight:700}.bug-report-close{background:none;border:none;color:#ffffff80;font-size:16px;cursor:pointer;padding:4px 8px;border-radius:4px;transition:all .2s;line-height:1}.bug-report-close:hover:not(:disabled){background:#ffffff1a;color:#fff}.bug-report-form{padding:20px;display:flex;flex-direction:column;gap:16px}.bug-report-field{display:flex;flex-direction:column;gap:6px}.bug-report-field label{display:flex;justify-content:space-between;align-items:center;font-size:13px;font-weight:600;color:#ffffffbf;text-transform:uppercase;letter-spacing:.5px}.bug-report-char-count{font-size:11px;color:#ffffff59;font-weight:400;text-transform:none;letter-spacing:0}.bug-report-char-count.warn{color:#ff9800}.bug-report-field select,.bug-report-field input,.bug-report-field textarea{background:#ffffff0d;border:1px solid rgba(255,255,255,.12);border-radius:6px;color:#e0e0e0;font-size:14px;padding:10px 12px;transition:border-color .2s,background .2s;outline:none;font-family:inherit;resize:vertical}.bug-report-field select:focus,.bug-report-field input:focus,.bug-report-field textarea:focus{border-color:gold;background:#ffd7000d}.bug-report-field select:disabled,.bug-report-field input:disabled,.bug-report-field textarea:disabled{opacity:.5;cursor:not-allowed}.bug-report-field select option{background:#1a1a2e;color:#e0e0e0}.bug-report-field textarea{min-height:120px}.bug-report-error{background:#f4433626;border:1px solid rgba(244,67,54,.4);border-radius:6px;color:#ff6b6b;font-size:13px;padding:10px 14px}.bug-report-actions{display:flex;gap:10px;justify-content:flex-end;padding-top:4px}.bug-report-btn-cancel{padding:9px 18px;background:#ffffff0f;border:1px solid rgba(255,255,255,.15);border-radius:6px;color:#ffffffb3;font-size:14px;cursor:pointer;transition:all .2s}.bug-report-btn-cancel:hover:not(:disabled){background:#ffffff1f;color:#fff}.bug-report-btn-submit{padding:9px 22px;background:#ffd70026;border:2px solid #ffd700;border-radius:6px;color:gold;font-size:14px;font-weight:700;cursor:pointer;transition:all .2s}.bug-report-btn-submit:hover:not(:disabled){background:#ffd70040;box-shadow:0 4px 12px #ffd70033;transform:translateY(-1px)}.bug-report-btn-submit:disabled,.bug-report-btn-cancel:disabled{opacity:.5;cursor:not-allowed;transform:none}.bug-report-success{display:flex;flex-direction:column;align-items:center;gap:12px;padding:36px 24px;text-align:center}.bug-report-success-icon{font-size:40px}.bug-report-success p{color:#81c784;font-size:15px;margin:0;line-height:1.5}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.wiki-overlay{position:fixed;inset:0;z-index:9999;background:#000000bf;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center}.wiki-modal{width:90vw;height:85vh;background:#1a1a2e;border:1px solid #ffd700;border-radius:8px;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 8px 40px #000c,0 0 30px #ffd7001a}.wiki-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:#16213e;border-bottom:1px solid #ffd700;flex-shrink:0}.wiki-header-title{font-size:1.1rem;font-weight:700;color:gold;letter-spacing:.5px}.wiki-close-btn{background:none;border:1px solid #555;color:#ccc;width:28px;height:28px;border-radius:4px;cursor:pointer;font-size:.9rem;display:flex;align-items:center;justify-content:center;transition:all .2s}.wiki-close-btn:hover{border-color:gold;color:gold;background:#ffd70014}.wiki-body{display:flex;flex:1;overflow:hidden}.wiki-sidebar{width:270px;flex-shrink:0;background:#0d0d1a;border-right:1px solid #2a2a3e;display:flex;flex-direction:column;overflow:hidden}.wiki-search{margin:10px;padding:8px 10px;background:#1a1a2e;border:1px solid #333;border-radius:4px;color:#e0e0e0;font-size:.85rem;outline:none;flex-shrink:0}.wiki-search:focus{border-color:gold}.wiki-search::placeholder{color:#666}.wiki-nav{flex:1;overflow-y:auto;padding:0 0 16px}.wiki-nav::-webkit-scrollbar{width:4px}.wiki-nav::-webkit-scrollbar-track{background:transparent}.wiki-nav::-webkit-scrollbar-thumb{background:#333;border-radius:2px}.wiki-no-results{padding:12px 16px;color:#666;font-size:.85rem;font-style:italic}.wiki-category{margin-bottom:2px}.wiki-category-header{width:100%;display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background:none;border:none;color:gold;font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;cursor:pointer;text-align:left;transition:background .15s}.wiki-category-header:hover{background:#ffd7000f}.wiki-chevron{font-size:.6rem;opacity:.7}.wiki-page-list{list-style:none;margin:0;padding:0 0 4px}.wiki-page-link{width:100%;display:block;padding:6px 12px 6px 24px;background:none;border:none;color:#b0b0c0;font-size:.85rem;cursor:pointer;text-align:left;transition:color .15s,background .15s;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wiki-page-link:hover{color:#e0e0e0;background:#ffffff0a}.wiki-page-link.active{color:gold;background:#ffd7001a;border-left:3px solid #ffd700;padding-left:21px}.wiki-content{flex:1;overflow-y:auto;padding:24px 32px;color:#d0d0d8;line-height:1.7}.wiki-content::-webkit-scrollbar{width:6px}.wiki-content::-webkit-scrollbar-track{background:transparent}.wiki-content::-webkit-scrollbar-thumb{background:#333;border-radius:3px}.wiki-loading{text-align:center;color:#666;padding:40px;font-style:italic}.wiki-welcome{text-align:center;color:#666;padding:60px 40px}.wiki-welcome h2{color:gold;margin-bottom:12px}.wiki-markdown h1{color:gold;font-size:1.6rem;margin:0 0 20px;padding-bottom:10px;border-bottom:1px solid rgba(255,215,0,.3)}.wiki-markdown h2{color:#e8c53a;font-size:1.25rem;margin:28px 0 12px}.wiki-markdown h3{color:#d4b040;font-size:1.05rem;margin:20px 0 8px}.wiki-markdown p{margin:0 0 14px;line-height:1.75}.wiki-markdown strong{color:#f0f0f0;font-weight:700}.wiki-markdown em{color:#c8c8d8;font-style:italic}.wiki-markdown ul,.wiki-markdown ol{margin:0 0 14px;padding-left:24px}.wiki-markdown li{margin-bottom:5px}.wiki-markdown hr{border:none;border-top:1px solid rgba(255,215,0,.2);margin:24px 0}.wiki-markdown a{color:gold;text-decoration:underline;text-underline-offset:2px}.wiki-markdown a:hover{color:#ffe566}.wiki-markdown blockquote{margin:14px 0;padding:10px 16px;border-left:3px solid #ffd700;background:#ffd7000f;color:#b8b8cc;border-radius:0 4px 4px 0}.wiki-markdown blockquote p{margin:0}.wiki-markdown code{font-family:Consolas,Courier New,monospace;background:#0d0d1a;padding:2px 6px;border-radius:3px;font-size:.85em;color:#e0b87e;border:1px solid #2a2a3e}.wiki-markdown pre{background:#0d0d1a;border:1px solid #2a2a3e;border-radius:6px;padding:14px 16px;overflow-x:auto;margin:14px 0}.wiki-markdown pre code{background:none;border:none;padding:0;font-size:.85rem;color:#d0d0d0}.wiki-markdown table{width:100%;border-collapse:collapse;margin:14px 0;font-size:.9rem}.wiki-markdown table th{background:#ffd7001a;color:gold;padding:8px 12px;text-align:left;font-weight:700;border:1px solid #2a2a3e}.wiki-markdown table td{padding:7px 12px;border:1px solid #2a2a3e;color:#d0d0d8}.wiki-markdown table tr:nth-child(2n) td{background:#ffffff05}.wiki-markdown table tr:hover td{background:#ffd7000a}@media(max-width:768px){.wiki-modal{width:100vw;height:100vh;border-radius:0}.wiki-sidebar{width:200px}.wiki-content{padding:16px}}.achievements-panel{position:absolute;inset:0;display:flex;color:#e8e8e8;overflow:hidden;background:transparent;padding:0!important}.ach-sidebar{width:190px;flex-shrink:0;background:#00000040;border-right:1px solid rgba(255,255,255,.08);display:flex;flex-direction:column;padding:88px 10px 16px;gap:4px;overflow-y:auto}.ach-panel-name{font-size:32px;margin:0 0 4px;color:gold;text-shadow:2px 2px 4px rgba(0,0,0,.8);padding:24px 24px 0;text-align:center}.ach-nav-btn{width:100%;text-align:left;padding:9px 12px;background:transparent;border:none;border-radius:8px;color:#aaa;font-size:13px;font-weight:600;cursor:pointer;transition:background .15s ease,color .15s ease}.ach-nav-btn:hover{background:#ffffff12;color:#e8e8e8}.ach-nav-btn.active{background:linear-gradient(135deg,#667eea4d,#764ba24d);color:#fff;box-shadow:inset 3px 0 #667eea}.ach-content{flex:1;display:flex;flex-direction:column;overflow:hidden;min-width:0}.ach-content::-webkit-scrollbar{width:6px}.ach-content::-webkit-scrollbar-track{background:#ffffff0a}.ach-content::-webkit-scrollbar-thumb{background:#ffffff24;border-radius:3px}.ach-content-inner{flex:1;overflow-y:auto;padding:0 24px 24px}.ach-content-inner::-webkit-scrollbar{width:6px}.ach-content-inner::-webkit-scrollbar-track{background:#ffffff0a}.ach-content-inner::-webkit-scrollbar-thumb{background:#ffffff24;border-radius:3px}.ach-state-msg{text-align:center;color:#888;padding:60px 20px;font-size:15px}.ach-error{color:#f87171}.ach-empty{color:#666;font-size:13px;font-style:italic;padding:12px 0}.ach-section-title{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:#ffd70099;margin-bottom:12px}.ach-summary-overall{background:#0000004d;border:1px solid rgba(255,215,0,.15);border-radius:12px;padding:14px 20px;margin-bottom:4px}.ach-summary-stats-row{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:10px}.ach-summary-stat{font-size:15px}.ach-overall-earned{font-size:26px;font-weight:700;color:gold}.ach-overall-sep{color:#555;font-size:20px}.ach-overall-total{font-size:20px;font-weight:600;color:#aaa}.ach-overall-label{color:#888;font-size:13px}.ach-summary-stat-points{display:flex;align-items:baseline;gap:3px}.ach-points-value{font-size:26px;font-weight:700;color:gold}.ach-points-label{font-size:13px;color:#888}.ach-summary-overall-bar{height:7px;background:#ffffff1a;border-radius:4px;overflow:hidden}.ach-summary-overall-fill{height:100%;background:linear-gradient(90deg,#cd7f32,gold);border-radius:4px;transition:width .5s ease}.ach-cat-breakdown{display:flex;flex-direction:column;gap:8px}.ach-cat-breakdown-bar{position:relative;height:28px;background:#ffffff12;border:1px solid rgba(255,255,255,.1);border-radius:6px;overflow:hidden;display:flex;align-items:center;justify-content:space-between;padding:0 10px}.ach-cat-breakdown-fill{position:absolute;inset:0;background:linear-gradient(90deg,#667eea8c,#764ba273);border-radius:6px;transition:width .5s ease;width:0%}.ach-cat-breakdown-label{position:relative;font-size:13px;font-weight:600;color:#e8e8e8;text-shadow:0 1px 3px rgba(0,0,0,.8);z-index:1;white-space:nowrap}.ach-cat-breakdown-count{position:relative;font-size:12px;font-weight:700;color:#e8e8e8;text-shadow:0 1px 3px rgba(0,0,0,.8);z-index:1;white-space:nowrap}.ach-subcat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:14px}.ach-subcat-card{display:flex;flex-direction:column;align-items:center;gap:8px;padding:18px 12px 14px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;cursor:pointer;transition:background .2s ease,transform .15s ease,border-color .2s ease;font-family:inherit;color:#e8e8e8;text-align:center}.ach-subcat-card:hover{background:#ffffff17;border-color:#667eea66;transform:translateY(-2px)}.ach-subcat-icon{font-size:32px;line-height:1}.ach-subcat-name{font-size:13px;font-weight:600}.ach-subcat-bar{width:80%;height:4px;background:#ffffff1a;border-radius:2px;overflow:hidden}.ach-subcat-fill{height:100%;background:linear-gradient(90deg,#667eea,#764ba2);border-radius:2px;transition:width .4s ease}.ach-subcat-count{font-size:12px;color:#888}.ach-breadcrumb{display:flex;align-items:center;gap:8px;margin-bottom:20px}.ach-back-btn{background:#ffffff12;border:1px solid rgba(255,255,255,.12);border-radius:6px;color:#aaa;font-size:12px;font-weight:600;padding:5px 10px;cursor:pointer;transition:background .15s ease,color .15s ease;font-family:inherit}.ach-back-btn:hover{background:#ffffff1f;color:#e8e8e8}.ach-breadcrumb-sep{color:#555;font-size:14px}.ach-breadcrumb-current{font-size:14px;font-weight:700;color:#e8e8e8}.ach-detail-list{display:flex;flex-direction:column;gap:12px}.ach-card{display:flex;align-items:center;gap:0;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-left:4px solid var(--tier-colour, #cd7f32);border-radius:10px;overflow:hidden;transition:transform .15s ease,background .15s ease;min-height:90px}.ach-card.earned:hover{transform:translateY(-2px);background:#ffffff14}.ach-card.locked{opacity:.48;filter:grayscale(55%)}.ach-card.locked:hover{opacity:.68;filter:grayscale(25%);transform:translateY(-1px)}.ach-card-img-box{flex-shrink:0;width:72px;height:72px;display:flex;align-items:center;justify-content:center;background:#00000040;border-right:1px solid rgba(255,255,255,.07);margin:4px 0 4px 4px;border-radius:6px;overflow:hidden}.ach-card-img{width:100%;height:100%;object-fit:cover}.ach-stars{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;width:100%;height:100%}.ach-stars-row{display:flex;align-items:center;justify-content:center;gap:2px}.ach-stars-lg .ach-star{font-size:30px;line-height:1}.ach-stars-md .ach-star{font-size:22px;line-height:1}.ach-stars-sm .ach-star{font-size:16px;line-height:1}.ach-card-img-fallback{font-size:30px;line-height:1;display:flex;align-items:center;justify-content:center;width:100%;height:100%}.ach-card-body{flex:1;min-width:0;padding:12px 16px;display:flex;flex-direction:column;gap:4px}.ach-card-name{font-size:14px;font-weight:700;color:#e8e8e8;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ach-card-desc{font-size:12px;color:#9a9a9a;line-height:1.4}.ach-card-earned{font-size:11px;color:#6ee7b7;margin-top:2px}.ach-card-progress{display:flex;align-items:center;gap:8px;margin-top:2px}.ach-progress-bar{flex:1;height:5px;background:#ffffff1a;border-radius:3px;overflow:hidden}.ach-progress-fill{height:100%;border-radius:3px;transition:width .4s ease;min-width:2px}.ach-progress-label{font-size:11px;color:#888;white-space:nowrap;flex-shrink:0}.ach-card-badge{flex-shrink:0;width:90px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;padding:0;align-self:stretch;background:#0003;border-left:1px solid rgba(255,255,255,.07)}.ach-badge-circle{width:44px;height:44px;border-radius:50%;border:3px solid var(--tier-colour, #cd7f32);background:radial-gradient(circle at 35% 35%,color-mix(in srgb,var(--tier-colour, #cd7f32) 35%,#fff 65%),color-mix(in srgb,var(--tier-colour, #cd7f32) 90%,#000 10%));box-shadow:0 0 8px color-mix(in srgb,var(--tier-colour, #cd7f32) 50%,transparent);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0}.ach-badge-points{font-size:13px;font-weight:900;line-height:1;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.7)}.ach-badge-pts-label{font-size:7px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:#ffffffd9;line-height:1}.ach-badge-img{width:90px;height:90px;object-fit:contain;padding:4px;box-sizing:border-box}.ach-card.ach-card-clickable{cursor:pointer}.ach-card.ach-card-clickable:hover{transform:translateY(-1px);box-shadow:0 4px 16px #0006,0 0 0 1px var(--tier-colour, #cd7f32);transition:transform .12s ease,box-shadow .12s ease}.ach-modal-overlay{position:fixed;inset:0;z-index:999;background:#000000bf;display:flex;align-items:center;justify-content:center}.ach-modal{background:linear-gradient(160deg,#1e1e2e,#16161f);border:1px solid rgba(255,255,255,.12);border-radius:12px;box-shadow:0 24px 64px #000c;width:min(480px,90vw);max-height:80vh;display:flex;flex-direction:column;align-items:center;gap:16px;padding:24px;position:relative;overflow-y:auto}.ach-modal-close{position:absolute;top:12px;right:12px;background:#ffffff14;border:1px solid rgba(255,255,255,.15);color:#ccc;border-radius:6px;padding:5px 12px;font-size:13px;cursor:pointer;transition:background .15s}.ach-modal-close:hover{background:#ffffff29;color:#fff}.ach-modal-image-wrap{width:200px;height:200px;border-radius:10px;overflow:hidden;background:#0000004d;border:1px solid rgba(255,255,255,.08);display:flex;align-items:center;justify-content:center;flex-shrink:0}.ach-modal-img{width:100%;height:100%;object-fit:cover}.ach-modal-img-fallback{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:80px}.ach-modal-body{text-align:center;display:flex;flex-direction:column;gap:8px}.ach-modal-title{font-size:20px;font-weight:700;color:#f0e6c8;margin:0}.ach-modal-desc{font-size:14px;color:#a0a8b0;margin:0;line-height:1.5}.ach-modal-unlocked{font-size:13px;color:#6bcf6b;margin-top:4px}.ach-modal-progress{display:flex;flex-direction:column;align-items:center;gap:4px;margin-top:4px}.ach-modal-progress-bar{width:200px;height:8px;background:#ffffff1a;border-radius:4px;overflow:hidden}.ach-modal-progress-fill{height:100%;border-radius:4px;transition:width .3s ease}.ach-modal-progress-label{font-size:12px;color:#888}.ach-modal-badge{width:72px;height:72px;object-fit:contain}.party-widget{position:relative;height:100%;width:220px;display:flex;flex-direction:column;align-items:stretch;color:#e0d8f0;font-size:12px;-webkit-user-select:none;user-select:none}.party-widget-header{display:flex;align-items:center;justify-content:space-between;padding:0 16px;height:100%;background:transparent;border:none;border-right:1px solid #3a3a5a;cursor:pointer;transition:background .2s;gap:10px;box-sizing:border-box;white-space:nowrap}.party-widget-header:hover{background:#667eea33}.party-widget-header.open{background:#667eea4d}.party-icon{font-size:18px}.party-title{font-size:14px;font-weight:700;color:#fff}.party-count-badge{background:#667eea;color:#fff;font-size:12px;font-weight:700;padding:2px 8px;border-radius:12px;min-width:20px;text-align:center}.party-invite-btn{background:#503c9680;border:1px solid rgba(120,100,200,.5);border-radius:4px;color:#c8b8f8;padding:2px 8px;cursor:pointer;font-size:14px;transition:background .15s;line-height:1}.party-invite-btn:hover{background:#6450b4b3}.party-widget-body{position:absolute;bottom:100%;right:0;width:100%;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:200;padding:10px;box-sizing:border-box}.party-member-list{display:flex;flex-direction:column;gap:6px;margin-bottom:8px}.party-member{background:#28233ccc;border:1px solid rgba(80,65,130,.4);border-radius:5px;padding:5px 7px;position:relative;cursor:default;transition:border-color .15s}.party-member.is-me{border-color:#7864c899}.party-member.offline{opacity:.55}.party-member:not(.is-me){cursor:pointer}.party-member:not(.is-me):hover{border-color:#9682e699;background:#3c325acc}.party-member-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:3px}.party-member-name-row{display:flex;align-items:center;gap:3px;flex:1;min-width:0}.party-leader-star{font-size:10px;flex-shrink:0}.party-offline-icon,.party-range-icon{font-size:9px;flex-shrink:0}.party-member-name{font-weight:500;color:#d8ccf0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:130px}.party-member-level{font-size:10px;color:#a090c0;flex-shrink:0}.party-hp-bar-wrap{position:relative;height:7px;background:#0006;border-radius:3px;overflow:hidden;margin-bottom:3px}.party-hp-bar{height:100%;border-radius:3px;transition:width .3s ease,background-color .3s ease}.party-hp-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:8px;color:#ffffffd9;white-space:nowrap;line-height:1;pointer-events:none}.party-member-location{font-size:9px;color:#8878a8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.party-member-menu{position:absolute;top:0;left:calc(100% + 4px);background:#14121efa;border:1px solid rgba(100,80,180,.6);border-radius:6px;padding:4px;z-index:10;display:flex;flex-direction:column;gap:2px;min-width:110px}.party-member-menu button{background:#322850cc;border:none;color:#d0c8e8;padding:5px 8px;border-radius:4px;cursor:pointer;font-size:11px;text-align:left;transition:background .15s}.party-member-menu button:hover{background:#504182e6}.party-widget-footer{border-top:1px solid rgba(80,65,130,.3);padding-top:6px;display:flex;justify-content:center}.party-leave-btn,.party-disband-btn{background:#96282899;border:1px solid rgba(200,60,60,.4);border-radius:5px;color:#f0a0a0;padding:4px 12px;cursor:pointer;font-size:11px;transition:background .15s}.party-leave-btn:hover,.party-disband-btn:hover{background:#b43232cc}.party-leave-btn:disabled,.party-disband-btn:disabled{opacity:.5;cursor:not-allowed}.party-no-party{display:flex;justify-content:center;padding:8px}.party-create-btn{background:#503c9666;border:1px solid rgba(120,100,200,.5);border-radius:6px;color:#c8b8f8;padding:8px 16px;cursor:pointer;font-size:13px;width:100%;transition:background .15s}.party-create-btn:hover{background:#6450b499}.party-invite-modal-overlay{position:fixed;inset:0;background:#00000080;z-index:500;display:flex;align-items:center;justify-content:center}.party-invite-modal{background:#14121efa;border:1px solid rgba(100,80,180,.6);border-radius:10px;padding:20px;width:300px;max-height:400px;display:flex;flex-direction:column;gap:12px}.party-invite-modal h3{color:#c8b8f8;margin:0;font-size:15px}.party-invite-modal-list{overflow-y:auto;flex:1;display:flex;flex-direction:column;gap:6px}.party-invite-player-row{display:flex;align-items:center;justify-content:space-between;background:#28233ccc;border-radius:5px;padding:6px 10px}.party-invite-player-info{display:flex;gap:6px;align-items:center;font-size:12px}.party-invite-player-name{color:#d8ccf0;font-weight:500}.party-invite-player-level{color:#8878a8;font-size:11px}.party-invite-send-btn{background:#46328cb3;border:1px solid rgba(120,100,200,.5);border-radius:4px;color:#c8b8f8;padding:3px 10px;cursor:pointer;font-size:11px;transition:background .15s}.party-invite-send-btn:hover{background:#644bb4e6}.party-invite-send-btn:disabled{opacity:.5;cursor:not-allowed}.party-invite-modal-close{background:#3c325ab3;border:1px solid rgba(80,65,130,.5);border-radius:5px;color:#a090c0;padding:6px;cursor:pointer;font-size:12px}.party-invite-modal-close:hover{background:#504182cc}.party-invite-popup{position:fixed;top:80px;right:20px;width:280px;background:#14121efa;border:1px solid rgba(100,80,180,.7);border-radius:10px;padding:14px 16px;z-index:600;box-shadow:0 4px 24px #000000b3;display:flex;flex-direction:column;gap:10px;animation:party-invite-slide-in .25s ease}@keyframes party-invite-slide-in{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}.party-invite-popup-icon{font-size:24px;text-align:center}.party-invite-popup-text{font-size:13px;color:#d8ccf0;text-align:center;line-height:1.4}.party-invite-popup-text strong{color:#c8b8f8}.party-invite-timer-bar{height:5px;background:#281e3ccc;border-radius:3px;overflow:hidden}.party-invite-timer-fill{height:100%;background:linear-gradient(90deg,#7060c0,#a088e8);border-radius:3px;transition:width .2s linear}.party-invite-popup-actions{display:flex;gap:8px;justify-content:center}.party-invite-accept,.party-invite-decline{flex:1;padding:7px;border-radius:6px;cursor:pointer;font-size:12px;font-weight:600;transition:background .15s}.party-invite-accept{background:#328c46b3;border:1px solid rgba(80,180,100,.5);color:#a0e8a8}.party-invite-accept:hover{background:#3caa55d9}.party-invite-decline{background:#8c2828b3;border:1px solid rgba(200,60,60,.5);color:#f0a0a0}.party-invite-decline:hover{background:#b43232d9}.party-invite-accept:disabled,.party-invite-decline:disabled{opacity:.5;cursor:not-allowed}.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}.top-bar-right-actions{display:flex;align-items:center;gap:8px}.top-bar-logout-btn{padding:8px 16px;background:#f4433633;color:#f44336;border:2px solid #f44336;border-radius:8px;cursor:pointer;font-size:14px;font-weight:700;transition:all .2s}.top-bar-logout-btn:hover{background:#f4433666;transform:translateY(-2px);box-shadow:0 4px 12px #f443364d}.top-bar-wiki-btn{padding:8px 10px;background:#ffffff0d;color:#e0e0e0;border:1px solid rgba(255,255,255,.15);border-radius:8px;cursor:pointer;font-size:16px;line-height:1}.top-bar-wiki-btn:hover{background:#ffd7001a;border-color:#ffd70066;transform:translateY(-2px);box-shadow:0 4px 12px #ffd70026}.top-bar-bug-btn{padding:8px 10px;background:#ffffff0d;color:#e0e0e0;border:1px solid rgba(255,255,255,.15);border-radius:8px;cursor:pointer;font-size:16px;line-height:1;transition:all .2s}.top-bar-bug-btn:hover{background:#ffd7001a;border-color:#ffd70066;transform:translateY(-2px);box-shadow:0 4px 12px #ffd70026}.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}.stat-item.gems{gap:6px}.gem-icon{font-size:14px}.gem-value{font-weight:700;font-size:14px;color:#a78bfa}.currency-bar{display:flex;align-items:center;background:#0000004d;border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:5px 14px;gap:10px}.currency-chip{display:flex;align-items:center;gap:5px}.currency-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.gold-dot{background:gold;box-shadow:0 0 4px #ffd70099}.silver-dot{background:silver;box-shadow:0 0 4px #c0c0c080}.copper-dot{background:#cd7f32;box-shadow:0 0 4px #cd7f3280}.currency-gem-icon{font-size:13px;line-height:1}.currency-amount{font-size:14px;font-weight:600;color:#e8e8e8}.gem-amount{color:#a78bfa}.currency-arena-icon{font-size:13px;line-height:1}.arena-token-amount{color:gold}.currency-divider{width:1px;height:14px;background:#ffffff26}.bottom-bar{position:absolute;left:200px;right:0;bottom:0;height:50px;background:#2a2a40;border-top:2px solid #3a3a5a;display:flex;flex-direction:row;align-items:stretch;z-index:50}.game-viewport{position:absolute;inset:110px 0 50px 200px;display:flex;flex-direction:column;background:#1a1a2e;overflow-y:auto;overflow-x:visible;background-size:cover;background-position:center;background-repeat:no-repeat;z-index:1}.game-viewport[data-active-panel=fight]{background-image:url(../assets/images/backgrounds/fight.jpg);overflow:hidden}.game-viewport[data-active-panel=fight] .panel-display{height:100%;overflow:hidden}.side-menu{position:absolute;left:0;top:0;bottom:0;width:200px;background:#2a2a40;border-right:2px solid #3a3a5a;display:flex;flex-direction:column;z-index:50;overflow:hidden}.side-menu-spacer{flex-shrink:0;height:200px;background:#2a2a40}.side-menu-scroll{flex:1;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column;padding:10px;gap:10px}.side-menu-scroll::-webkit-scrollbar{width:6px}.side-menu-scroll::-webkit-scrollbar-track{background:#0003}.side-menu-scroll::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}.side-menu-scroll::-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;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:flex;align-items:center;justify-content:flex-start}.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;display:flex;flex-direction:column}.panel-display>:not(.location-panel):not(.barber-viewport-panel):not(.base-location-template):not(.fight-panel){padding:30px}.panel-display>.fight-panel{padding:5px 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:#0000004d;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)}.quest-tabs{display:flex;gap:10px;margin-bottom:20px;border-bottom:2px solid #8b7355;padding-bottom:10px}.quest-tab{flex:1;padding:10px 15px;background:#28283299;border:2px solid #6b5d4f;border-bottom:none;border-radius:8px 8px 0 0;cursor:pointer;transition:all .2s;display:flex;flex-direction:column;align-items:center;gap:4px}.quest-tab:hover{background:#3c3c46cc;border-color:#8b7355}.quest-tab.active{background:linear-gradient(135deg,#8b4513,#5c2e0d);border-color:#d4a574}.quest-tab-name{font-size:16px;font-weight:700;color:#e8e8e8}.quest-tab-type{font-size:12px;color:#aaa;text-transform:uppercase}.quest-tab.active .quest-tab-type{color:gold}.npc-dialogue-actions{margin-top:20px;display:flex;justify-content:center;gap:15px}.npc-dialogue-accept-btn,.npc-dialogue-turnin-btn{padding:12px 40px;background:linear-gradient(135deg,#2e7d32,#1b5e20);color:#fff;border:2px solid #66bb6a;border-radius:8px;font-size:18px;font-weight:700;cursor:pointer;transition:all .2s}.npc-dialogue-accept-btn:hover,.npc-dialogue-turnin-btn:hover{background:linear-gradient(135deg,#388e3c,#2e7d32);border-color:#81c784;transform:translateY(-2px);box-shadow:0 4px 15px #2e7d3280}.npc-dialogue-decline-btn{padding:12px 40px;background:linear-gradient(135deg,#d32f2f,#c62828);color:#fff;border:2px solid #ef5350;border-radius:8px;font-size:18px;font-weight:700;cursor:pointer;transition:all .2s}.npc-dialogue-decline-btn:hover{background:linear-gradient(135deg,#e53935,#d32f2f);border-color:#ef9a9a;transform:translateY(-2px);box-shadow:0 4px 15px #d32f2f80}.npc-dialogue-accept-btn:active,.npc-dialogue-decline-btn:active,.npc-dialogue-turnin-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)}}.death-fade-overlay{position:fixed;inset:0;background:#0000004d;z-index:9999;animation:fadeToBlack 1.5s ease-in-out}@keyframes fadeToBlack{0%{opacity:0}50%{opacity:1}to{opacity:0}}body:has(.admin-login-container){display:flex!important;overflow-y:auto!important}.admin-login-container{display:flex;justify-content:center;align-items:center;min-height:100vh;background:linear-gradient(to bottom,#1a1a2e,#16213e);padding:20px}.admin-login-box{width:100%;max-width:450px;background:#00000080;border:2px solid rgba(255,215,0,.4);border-radius:12px;padding:40px;box-shadow:0 8px 32px #00000080}.admin-login-header{text-align:center;margin-bottom:30px}.admin-login-header h1{margin:0 0 10px;color:gold;font-size:32px;text-shadow:2px 2px 4px rgba(0,0,0,.5)}.admin-login-header p{margin:0;color:#a0a0a0;font-size:16px}.error-message{background:#ff00001a;border:1px solid rgba(255,0,0,.3);color:#ff6b6b;padding:15px;border-radius:6px;margin-bottom:20px;text-align:center}.admin-login-form{display:flex;flex-direction:column;gap:20px}.admin-login-form label{display:flex;flex-direction:column;color:#e0e0e0;font-size:14px;font-weight:700}.admin-login-form input{margin-top:8px;padding:12px;background:#0006;border:1px solid rgba(255,215,0,.3);border-radius:6px;color:#e0e0e0;font-size:16px;transition:all .3s ease}.admin-login-form input:focus{outline:none;border-color:gold;box-shadow:0 0 10px #ffd70033}.admin-login-form input::placeholder{color:#666}.btn-login{margin-top:10px;padding:15px;background:linear-gradient(135deg,gold,#ffed4e);color:#1a1a2e;border:none;border-radius:8px;font-size:18px;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #ffd7004d}.btn-login:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 25px #ffd70080}.btn-login:disabled{opacity:.6;cursor:not-allowed;transform:none}.login-footer{margin-top:30px;text-align:center}.login-footer p{margin:0 0 15px;color:#888;font-size:13px}.back-to-game{color:gold;text-decoration:none;font-size:14px;transition:color .3s ease}.back-to-game:hover{color:#ffed4e;text-decoration:underline}.admin-home{min-height:100vh;background:linear-gradient(to bottom,#1a1a2e,#16213e);padding:20px;overflow-y:auto;height:100vh}.admin-home-header{display:flex;justify-content:space-between;align-items:center;padding:30px;margin-bottom:40px;background:#ffffff0d;border-radius:12px;border:1px solid rgba(255,215,0,.3)}.header-content h1{margin:0;color:gold;font-size:36px;text-shadow:0 0 20px rgba(255,215,0,.5)}.subtitle{margin:5px 0 0;color:#aaa;font-size:16px}.btn-logout{padding:10px 20px;background:#f44336;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:700;transition:all .2s}.btn-logout:hover{background:#da190b;transform:translateY(-2px);box-shadow:0 4px 12px #f4433666}.admin-sections-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:25px;max-width:1400px;margin:0 auto;padding:0 20px}.admin-section-card{background:#ffffff0d;border:2px solid;border-radius:12px;padding:30px;cursor:pointer;transition:all .3s;position:relative;overflow:hidden}.admin-section-card:not(.disabled):hover{transform:translateY(-5px);box-shadow:0 10px 30px #00000080;background:#ffffff14}.admin-section-card.disabled{cursor:not-allowed;opacity:.5}.admin-section-card.disabled:hover{transform:none}.section-icon{font-size:48px;margin-bottom:15px;filter:drop-shadow(0 0 10px currentColor)}.admin-section-card h2{margin:0 0 10px;color:#fff;font-size:22px}.admin-section-card p{margin:0;color:#ccc;font-size:14px;line-height:1.5}.coming-soon-badge{position:absolute;top:15px;right:15px;background:#ff9800;color:#fff;padding:4px 12px;border-radius:12px;font-size:11px;font-weight:700;text-transform:uppercase}.admin-home-footer{text-align:center;margin-top:60px;padding:20px;color:#666;font-size:14px}@media(max-width:768px){.admin-sections-grid{grid-template-columns:1fr}.admin-home-header{flex-direction:column;gap:15px;text-align:center}.header-content h1{font-size:28px}}.admin-page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;padding:20px;background:#ffffff0d;border-radius:8px;border:1px solid rgba(255,215,0,.3)}.header-left{display:flex;align-items:center;gap:20px;flex:1}.btn-home{padding:10px 18px;background:#4caf50;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:700;transition:all .2s;white-space:nowrap}.btn-home:hover{background:#45a049;transform:translateY(-2px);box-shadow:0 4px 12px #4caf5066}.header-title{flex:1}.header-title h1{margin:0;color:gold;font-size:28px;text-shadow:0 0 10px rgba(255,215,0,.5)}.header-subtitle{margin:5px 0 0;color:#aaa;font-size:14px}@media(max-width:768px){.admin-page-header{flex-direction:column;gap:15px}.header-left{flex-direction:column;width:100%;gap:10px}.btn-home{width:100%}.header-title h1{font-size:22px}}html:has(.admin-dashboard),body:has(.admin-dashboard){display:block!important;overflow-y:auto!important;background:#1a1a2e!important}.admin-dashboard{padding:20px;max-width:1600px;margin:0 auto;background:#16213e;min-height:100vh;color:#e0e0e0}.admin-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;padding:20px;background:#ffffff0d;border-radius:8px;border:1px solid rgba(255,215,0,.3)}.admin-header h1{margin:0;color:gold;font-size:28px;text-shadow:0 0 10px rgba(255,215,0,.5)}.header-actions{display:flex;gap:10px}.dashboard-actions{display:flex;gap:10px;margin-bottom:20px}.btn-primary{padding:12px 24px;background:linear-gradient(135deg,gold,#ffed4e);color:#1a1a2e;border:none;border-radius:6px;font-size:16px;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #ffd7004d}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ffd70080}.btn-secondary{padding:12px 24px;background:linear-gradient(135deg,#87ceeb,#5fa9d4);color:#1a1a2e;border:none;border-radius:6px;font-size:16px;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #87ceeb4d}.btn-secondary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #87ceeb80}.filters-section{background:#ffffff0d;padding:20px;border-radius:8px;margin-bottom:20px;border:1px solid rgba(255,215,0,.2)}.filters-section h3{margin:0 0 15px;color:gold;font-size:18px}.filters-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px}.filters-grid label{display:flex;flex-direction:column;gap:5px;color:#e0e0e0}.filters-grid input[type=checkbox]{width:auto;margin-right:8px}.filters-grid select,.filters-grid input[type=number]{padding:8px 12px;background:#0000004d;border:1px solid rgba(255,215,0,.3);border-radius:4px;color:#e0e0e0;font-size:14px}.filters-grid select:focus,.filters-grid input[type=number]:focus{outline:none;border-color:gold}.loading{text-align:center;padding:40px;font-size:18px;color:gold}.quests-table-container{background:#ffffff0d;border-radius:8px;overflow:hidden;border:1px solid rgba(255,215,0,.2)}.quests-table{width:100%;border-collapse:collapse}.quests-table th{background:#ffd7001a;color:gold;padding:12px;text-align:left;font-weight:700;border-bottom:2px solid rgba(255,215,0,.3)}.quests-table td{padding:12px;border-bottom:1px solid rgba(255,255,255,.1)}.quests-table tbody tr{transition:background .2s ease}.quests-table tbody tr:hover{background:#ffd7000d}.quests-table tbody tr.deleted-row{opacity:.6;background:#ff00000d}.badge{display:inline-block;padding:3px 8px;background:#87cefa33;border:1px solid rgba(135,206,250,.5);border-radius:12px;font-size:11px;margin-left:8px;color:#87ceeb}.quest-type-badge{display:inline-block;padding:4px 12px;border-radius:4px;font-size:12px;font-weight:700;color:#1a1a2e;text-transform:uppercase}.status-active{color:#90ee90;font-weight:700}.status-deleted{color:#ff6b6b;font-weight:700}.actions-cell{display:flex;gap:8px;flex-wrap:wrap}.btn-view,.btn-edit,.btn-delete,.btn-restore{padding:6px 12px;border:none;border-radius:4px;font-size:13px;cursor:pointer;transition:all .2s ease;font-weight:500}.btn-view{background:#87cefa33;color:#87ceeb;border:1px solid rgba(135,206,250,.5)}.btn-view:hover{background:#87cefa4d}.btn-edit{background:#ffd70033;color:gold;border:1px solid rgba(255,215,0,.5)}.btn-edit:hover{background:#ffd7004d}.btn-delete{background:#ff6b6b33;color:#ff6b6b;border:1px solid rgba(255,107,107,.5)}.btn-delete:hover{background:#ff6b6b4d}.btn-restore{background:#90ee9033;color:#90ee90;border:1px solid rgba(144,238,144,.5)}.btn-restore:hover{background:#90ee904d}.admin-footer{display:flex;justify-content:space-around;margin-top:20px;padding:15px;background:#ffffff0d;border-radius:8px;border:1px solid rgba(255,215,0,.2)}.admin-footer p{margin:0;color:#e0e0e0;font-size:14px}.admin-footer p strong{color:gold}html:has(.quest-editor),body:has(.quest-editor){display:block!important;overflow-y:auto!important;background:#1a1a2e!important}.quest-editor{max-width:1200px;margin:0 auto;padding:20px 20px 60px;background:#16213e;min-height:100vh;color:#e0e0e0;overflow-y:auto}.quest-editor.loading{display:flex;justify-content:center;align-items:center;font-size:20px;color:gold}.editor-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;padding:20px;background:#ffffff0d;border-radius:8px;border:1px solid rgba(255,215,0,.3)}.editor-header h1{margin:0;color:gold;font-size:26px}.btn-back{padding:10px 20px;background:#ffffff1a;color:#e0e0e0;border:1px solid rgba(255,215,0,.3);border-radius:6px;cursor:pointer;transition:all .3s ease}.btn-back:hover{background:#ffd7001a}.progress-bar{display:flex;justify-content:space-between;margin-bottom:30px;padding:20px;background:#ffffff0d;border-radius:8px}.progress-step{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#ffffff1a;border:2px solid rgba(255,215,0,.3);cursor:pointer;transition:all .3s ease;font-weight:700}.progress-step.active{background:gold;color:#1a1a2e;border-color:gold;transform:scale(1.2)}.progress-step.completed{background:#90ee904d;border-color:#90ee90}.editor-content{background:#ffffff0d;padding:30px;border-radius:8px;border:1px solid rgba(255,215,0,.2);margin-bottom:20px}.form-section h2{color:gold;margin-bottom:10px}.help-text{color:#a0a0a0;font-size:14px;margin-bottom:20px}.form-section label{display:block;margin-bottom:20px;color:#e0e0e0}.form-section label input[type=text],.form-section label input[type=number],.form-section label select,.form-section label textarea{width:100%;padding:10px;background:#0000004d;border:1px solid rgba(255,215,0,.3);border-radius:4px;color:#e0e0e0;font-size:14px;margin-top:5px;box-sizing:border-box}.form-section label input:focus,.form-section label select:focus,.form-section label textarea:focus{outline:none;border-color:gold}.form-section label small{display:block;margin-top:5px;font-size:12px;color:#a0a0a0}.form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}.phase-card,.objective-card,.dialogue-card,.reward-card{background:#0000004d;padding:20px;border-radius:8px;border:1px solid rgba(255,215,0,.2);margin-bottom:15px}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.card-header h3,.card-header h4{margin:0;color:gold}.btn-remove{padding:6px 12px;background:#ff6b6b33;color:#ff6b6b;border:1px solid rgba(255,107,107,.5);border-radius:4px;cursor:pointer;font-size:13px}.btn-remove:hover{background:#ff6b6b4d}.btn-add,.btn-add-small{padding:12px 24px;background:linear-gradient(135deg,#90ee90,#98fb98);color:#1a1a2e;border:none;border-radius:6px;font-size:14px;font-weight:700;cursor:pointer;transition:all .3s ease;margin-top:10px}.btn-add-small{padding:8px 16px;font-size:13px}.btn-add:hover,.btn-add-small:hover{transform:translateY(-2px);box-shadow:0 4px 15px #90ee904d}.phase-objectives{background:#0003;padding:20px;border-radius:8px;margin-bottom:20px;border:1px solid rgba(255,215,0,.2)}.phase-objectives h3{color:gold;margin-bottom:15px}.review-section{background:#0003;padding:20px;border-radius:8px}.review-section h3{color:gold;margin-top:20px;margin-bottom:10px}.review-item,.review-phase{padding:10px;background:#ffffff0d;border-radius:4px;margin-bottom:8px}.review-subitem{margin-top:5px;margin-left:20px;color:#a0a0a0;font-size:14px}.save-actions{margin-top:30px;text-align:center}.btn-save{padding:15px 40px;background:linear-gradient(135deg,gold,#ffed4e);color:#1a1a2e;border:none;border-radius:8px;font-size:18px;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #ffd7004d}.btn-save:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 6px 25px #ffd70080}.navigation-buttons{display:flex;justify-content:space-between;padding:20px 0}.btn-nav{padding:12px 30px;background:#ffd70033;color:gold;border:1px solid rgba(255,215,0,.5);border-radius:6px;font-size:16px;cursor:pointer;transition:all .3s ease}.btn-nav:hover{background:#ffd7004d;transform:translateY(-2px)}.error-message{background:#ff00001a;border:1px solid rgba(255,0,0,.3);color:#ff6b6b;padding:15px;border-radius:6px;margin-bottom:20px}.phase-enemies-section{margin-top:20px;padding:15px;background:#0000004d;border-radius:6px;border:1px solid rgba(255,215,0,.2)}.phase-enemies-section h4{margin:0 0 10px;color:gold;font-size:16px}html:has(.interactive-objects-manager),body:has(.interactive-objects-manager){display:block!important;overflow-y:auto!important;background:#1a1a2e!important}.interactive-objects-manager{padding:20px;max-width:1400px;margin:0 auto;min-height:100vh;background:#16213e;color:#e0e0e0}.interactive-objects-manager .dashboard-actions{margin-bottom:30px;display:flex;gap:10px}.interactive-objects-manager .btn-primary{padding:12px 24px;background:linear-gradient(135deg,gold,#ffed4e);color:#1a1a2e;border:none;border-radius:6px;font-size:14px;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #ffd7004d}.interactive-objects-manager .btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ffd70080}.interactive-objects-manager .btn-secondary{padding:12px 24px;background:#ffffff1a;color:#e0e0e0;border:1px solid rgba(255,215,0,.3);border-radius:6px;font-size:14px;cursor:pointer;transition:all .3s ease;margin-left:0}.interactive-objects-manager .btn-secondary:hover{background:#ffd7001a}.interactive-objects-manager .error-message{background:#ff00001a;border:1px solid rgba(255,0,0,.3);color:#ff6b6b;padding:15px;border-radius:6px;margin-bottom:20px}.interactive-objects-manager .loading{text-align:center;padding:40px;font-size:18px;color:gold}.interactive-objects-manager .form-overlay{position:fixed;inset:0;background:#000000b3;display:flex;justify-content:center;align-items:center;z-index:1000;overflow-y:auto;padding:20px}.interactive-objects-manager .form-modal{background:#16213e;border:1px solid rgba(255,215,0,.2);border-radius:8px;padding:30px;width:100%;max-width:800px;max-height:90vh;overflow-y:auto}.interactive-objects-manager .form-modal h2{margin-top:0;color:gold;border-bottom:2px solid rgba(255,215,0,.3);padding-bottom:15px;margin-bottom:20px}.interactive-objects-manager .form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px}.interactive-objects-manager .form-group{display:flex;flex-direction:column}.interactive-objects-manager .form-group.full-width{grid-column:1 / -1}.interactive-objects-manager .form-group label{color:#e0e0e0;font-weight:600;margin-bottom:5px;font-size:12px;text-transform:uppercase;letter-spacing:.5px}.interactive-objects-manager .form-group small{color:#888;font-size:12px;margin-top:3px}.interactive-objects-manager .form-group input[type=text],.interactive-objects-manager .form-group input[type=number],.interactive-objects-manager .form-group select,.interactive-objects-manager .form-group textarea{padding:8px 12px;border:1px solid rgba(255,215,0,.3);border-radius:4px;background:#0000004d;color:#e0e0e0;font-size:14px}.interactive-objects-manager .form-group input[type=text]:focus,.interactive-objects-manager .form-group input[type=number]:focus,.interactive-objects-manager .form-group select:focus,.interactive-objects-manager .form-group textarea:focus{outline:none;border-color:gold}.interactive-objects-manager .form-group input[type=checkbox]{width:auto;margin-right:8px}.interactive-objects-manager .form-group textarea{resize:vertical;font-family:inherit}.interactive-objects-manager .form-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:20px;padding-top:20px;border-top:1px solid rgba(255,215,0,.15)}.interactive-objects-manager .objects-table-container{background:#ffffff0d;border-radius:8px;overflow:hidden;border:1px solid rgba(255,215,0,.15)}.interactive-objects-manager .objects-table{width:100%;border-collapse:collapse}.interactive-objects-manager .objects-table th{background:#ffd7001a;padding:12px 14px;text-align:left;color:gold;font-weight:700;font-size:12px;text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid rgba(255,215,0,.3)}.interactive-objects-manager .objects-table td{padding:12px 14px;border-bottom:1px solid rgba(255,255,255,.1);color:#e0e0e0;font-size:14px}.interactive-objects-manager .objects-table tbody tr{transition:background .2s ease}.interactive-objects-manager .objects-table tbody tr:hover{background:#ffd7000d}.interactive-objects-manager .type-badge{display:inline-block;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:700;background:#87ceeb33;border:1px solid rgba(135,206,235,.5);color:#87ceeb;text-transform:capitalize}.interactive-objects-manager .status-yes{color:#90ee90;font-weight:700}.interactive-objects-manager .status-no{color:#ff6b6b;font-weight:700}.interactive-objects-manager .actions-cell{display:flex;gap:8px;flex-wrap:wrap}.interactive-objects-manager .btn-edit{background:#ffd70033;color:gold;border:1px solid rgba(255,215,0,.5);padding:6px 12px;border-radius:4px;cursor:pointer;font-size:13px;font-weight:500;transition:all .2s ease}.interactive-objects-manager .btn-edit:hover{background:#ffd7004d}.interactive-objects-manager .btn-delete{background:#ff6b6b33;color:#ff6b6b;border:1px solid rgba(255,107,107,.5);padding:6px 12px;border-radius:4px;cursor:pointer;font-size:13px;font-weight:500;transition:all .2s ease}.interactive-objects-manager .btn-delete:hover{background:#ff6b6b4d}@media(max-width:768px){.interactive-objects-manager .form-grid{grid-template-columns:1fr}.interactive-objects-manager .form-group.full-width{grid-column:1}.interactive-objects-manager .manager-header{flex-direction:column;gap:15px;align-items:flex-start}.interactive-objects-manager .objects-table-container{overflow-x:auto}}html:has(.admin-player-list),body:has(.admin-player-list){display:block!important;overflow-y:auto!important;background:#1a1a2e!important}.admin-player-list{min-height:100vh;background:#16213e;padding:20px;max-width:1600px;margin:0 auto;color:#e0e0e0}.player-list-controls{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;gap:20px}.search-form{display:flex;gap:10px;flex:1;max-width:600px}.search-input{flex:1;padding:10px 16px;background:#ffffff14;border:1px solid rgba(255,215,0,.3);border-radius:6px;color:#e0e0e0;font-size:14px;outline:none;transition:border-color .3s}.search-input:focus{border-color:gold}.search-input::placeholder{color:#888}.btn-search{padding:10px 20px;background:linear-gradient(135deg,gold,#ffed4e);color:#1a1a2e;border:none;border-radius:6px;font-weight:700;cursor:pointer;transition:all .3s}.btn-search:hover{transform:translateY(-1px);box-shadow:0 4px 12px #ffd70066}.btn-clear{padding:10px 16px;background:#ffffff1a;color:#ccc;border:1px solid rgba(255,255,255,.2);border-radius:6px;cursor:pointer;transition:all .3s}.btn-clear:hover{background:#ffffff26}.player-count{color:#888;font-size:14px;white-space:nowrap}.loading-state{text-align:center;padding:60px 20px;color:#888;font-size:18px}.player-table-container{background:#ffffff08;border-radius:8px;border:1px solid rgba(255,215,0,.15);overflow:hidden}.player-table{width:100%;border-collapse:collapse}.player-table thead th{background:#ffd7001a;color:gold;padding:14px 16px;text-align:left;font-size:13px;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid rgba(255,215,0,.2);white-space:nowrap}.player-table thead th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none;transition:background .2s}.player-table thead th.sortable:hover{background:#ffd70033}.player-table tbody td{padding:12px 16px;border-bottom:1px solid rgba(255,255,255,.05);font-size:14px}.player-row{cursor:pointer;transition:background .2s}.player-row:hover{background:#ffd7000d}.username-cell{font-weight:600;color:#fff;display:flex;align-items:center;gap:8px}.player-icon{font-size:18px}.email-cell{color:#999}.count-cell{text-align:center;font-weight:700;color:#87ceeb}.date-cell{color:#888;font-size:13px}.status-badge{padding:4px 10px;border-radius:12px;font-size:12px;font-weight:700;text-transform:uppercase}.status-badge.active{background:#4caf5033;color:#4caf50}.status-badge.inactive{background:#f4433633;color:#f44336}.role-badge{padding:4px 10px;border-radius:12px;font-size:12px;font-weight:700;text-transform:uppercase}.role-badge.admin{background:#ffd70033;color:gold}.role-badge.player{background:#ffffff14;color:#888}.btn-view{padding:6px 14px;background:#87ceeb33;color:#87ceeb;border:1px solid rgba(135,206,235,.3);border-radius:4px;cursor:pointer;font-size:13px;font-weight:700;transition:all .2s}.btn-view:hover{background:#87ceeb4d;border-color:#87ceeb}.empty-state{text-align:center;padding:60px 20px;color:#666;font-size:16px}html:has(.admin-player-detail),body:has(.admin-player-detail){display:block!important;overflow-y:auto!important;background:#16213e!important}.admin-player-detail{min-height:100vh;background:#16213e;max-width:1000px;margin:0 auto;padding:20px;color:#e0e0e0}.notification{position:fixed;top:20px;right:20px;padding:12px 24px;border-radius:8px;font-weight:500;z-index:1000;animation:slideIn .3s ease}.notification.success{background:#2d5a2d;border:1px solid #4a8f4a;color:#b3e6b3}.notification.error{background:#5a2d2d;border:1px solid #8f4a4a;color:#e6b3b3}@keyframes slideIn{0%{transform:translate(100px);opacity:0}to{transform:translate(0);opacity:1}}.loading-state,.error-state{text-align:center;padding:60px;color:#aaa;font-size:18px}.error-state{color:#e6b3b3}.player-info-card{background:#1e1e2e;border:1px solid #333;border-radius:10px;padding:20px;margin-bottom:24px}.player-info-header{display:flex;align-items:center;gap:16px;margin-bottom:16px}.player-avatar{font-size:36px;width:56px;height:56px;background:#2a2a3a;border-radius:50%;display:flex;align-items:center;justify-content:center;border:2px solid #555}.player-info-main h2{margin:0;color:#e0c872;font-size:22px}.player-email{margin:2px 0 0;color:#999;font-size:14px}.player-badges{margin-left:auto;display:flex;gap:8px}.status-badge,.role-badge{padding:4px 12px;border-radius:12px;font-size:12px;font-weight:600;text-transform:uppercase}.status-badge.active{background:#2d5a2d;color:#b3e6b3}.status-badge.inactive{background:#5a2d2d;color:#e6b3b3}.role-badge.admin{background:#4a3d1a;color:#e0c872}.player-meta{display:flex;gap:24px;flex-wrap:wrap;border-top:1px solid #333;padding-top:16px}.meta-item{display:flex;flex-direction:column}.meta-label{font-size:11px;color:#888;text-transform:uppercase;letter-spacing:.5px}.meta-value{color:#ddd;font-size:14px;margin-top:2px}.characters-section>h3{color:#e0c872;margin-bottom:16px;font-size:18px}.character-card{background:#1e1e2e;border:1px solid #333;border-radius:10px;margin-bottom:12px;overflow:hidden;transition:border-color .2s}.character-card.expanded{border-color:#e0c872}.character-card-header{display:flex;align-items:center;padding:14px 18px;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background .2s}.character-card-header:hover{background:#252535}.char-summary{display:flex;align-items:center;gap:14px;flex:1}.char-name{font-weight:600;color:#e0c872;font-size:16px}.char-level{color:#aaa;font-size:13px;background:#2a2a3a;padding:2px 8px;border-radius:8px}.char-location{color:#888;font-size:13px}.char-hp{margin-right:16px;font-size:14px}.char-hp .dead{color:#e66}.expand-arrow{color:#888;font-size:12px}.character-detail{border-top:1px solid #333;padding:16px 18px}.detail-tabs{display:flex;gap:4px;margin-bottom:12px;background:#16161e;border-radius:8px;padding:4px}.tab{flex:1;padding:8px 16px;border:none;background:transparent;color:#aaa;cursor:pointer;border-radius:6px;font-size:13px;font-weight:500;transition:all .2s}.tab:hover{color:#ddd;background:#1e1e2e}.tab.active{background:#2a2a3a;color:#e0c872}.quick-actions{display:flex;gap:8px;margin-bottom:16px}.btn-action{padding:6px 16px;border:1px solid #444;border-radius:6px;cursor:pointer;font-size:13px;transition:all .2s;background:transparent}.btn-action.heal{color:#b3e6b3;border-color:#4a8f4a}.btn-action.heal:hover{background:#2d5a2d}.tab-content{animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.stats-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px;margin-bottom:14px}.stat-group h4{color:#bbb;font-size:13px;text-transform:uppercase;letter-spacing:.5px;margin:0 0 8px;padding-bottom:4px;border-bottom:1px solid #333}.stat-row{display:flex;justify-content:space-between;padding:4px 0;font-size:14px;color:#ccc}.stat-row span:first-child{color:#999}.stat-row .dead{color:#e66}.gold-text{color:gold}.silver-text{color:silver}.copper-text{color:#cd7f32}.disciplines-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:14px;margin-bottom:14px}.discipline-card{background:#16161e;border:1px solid #333;border-radius:10px;padding:14px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:6px}.discipline-card.unlocked{border-color:#4a8f4a}.discipline-card.locked{opacity:.5}.discipline-icon{font-size:28px}.discipline-name{font-weight:600;color:#ddd;font-size:14px}.discipline-level{color:#e0c872;font-size:13px}.discipline-exp{color:#888;font-size:11px}.quests-list{display:flex;flex-direction:column;gap:12px}.quest-card{background:#16161e;border:1px solid #333;border-radius:10px;padding:16px}.quest-card.completed{border-left:3px solid #4a8f4a}.quest-card.in_progress{border-left:3px solid #e0c872}.quest-card.not_started{border-left:3px solid #666;opacity:.75}.quest-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.quest-info{display:flex;flex-direction:column;gap:2px}.quest-name{font-weight:600;color:#ddd;font-size:15px}.quest-status{font-size:12px;color:#aaa}.quest-status.completed{color:#b3e6b3}.quest-status.in_progress{color:#e0c872}.quest-status.not_started{color:#888}.completed-date{font-size:12px;color:#888}.quest-current-phase{display:flex;align-items:center;gap:8px;padding:8px 12px;background:#1e1e2e;border-radius:6px;margin-bottom:12px;font-size:13px}.phase-label{color:#888;white-space:nowrap}.phase-value{color:#e0c872;font-weight:500}.quest-phase-controls{display:flex;align-items:flex-end;gap:12px;padding-top:10px;border-top:1px solid #2a2a3a}.phase-selector{flex:1;display:flex;flex-direction:column;gap:6px}.phase-selector label{font-size:12px;color:#888;text-transform:uppercase;letter-spacing:.5px}.phase-selector-row{display:flex;gap:8px}.phase-dropdown{flex:1;background:#1e1e2e;border:1px solid #444;border-radius:6px;color:#eee;padding:8px 12px;font-size:13px;outline:none;cursor:pointer;transition:border-color .2s;appearance:auto}.phase-dropdown:focus{border-color:#e0c872}.phase-dropdown option{background:#1e1e2e;color:#eee}.loading-phases,.no-phases{font-size:13px;color:#666;font-style:italic;padding:8px 0}.empty-tab{text-align:center;padding:30px;color:#777}.btn-edit,.btn-reset{padding:6px 14px;border:1px solid #444;border-radius:6px;cursor:pointer;font-size:13px;background:transparent;transition:all .2s}.btn-edit{color:#bbb}.btn-edit:hover{background:#2a2a3a;color:#fff}.btn-reset{color:#e0c872;border-color:#8a7530}.btn-reset:hover{background:#3d3520}.edit-form h4{color:#e0c872;margin:0 0 14px}.edit-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px;margin-bottom:14px}.edit-field{display:flex;flex-direction:column;gap:4px}.edit-field label{font-size:12px;color:#999;text-transform:uppercase}.edit-field input{background:#16161e;border:1px solid #444;border-radius:6px;color:#eee;padding:8px 10px;font-size:14px;outline:none;transition:border-color .2s}.edit-field input:focus{border-color:#e0c872}.edit-actions{display:flex;gap:10px}.btn-save{padding:8px 20px;border:none;border-radius:6px;background:#e0c872;color:#1a1a2e;font-weight:600;cursor:pointer;transition:background .2s}.btn-save:hover{background:#f0d882}.btn-cancel{padding:8px 20px;border:1px solid #555;border-radius:6px;background:transparent;color:#aaa;cursor:pointer;transition:all .2s}.btn-cancel:hover{background:#2a2a3a;color:#ddd}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:900}.modal-content{background:#1e1e2e;border:1px solid #555;border-radius:12px;padding:24px;min-width:400px;max-width:500px}.modal-content h3{color:#e0c872;margin:0 0 10px}.modal-warning{color:#e6b3b3;font-size:13px;margin-bottom:16px;line-height:1.5}.modal-actions{display:flex;gap:10px;justify-content:flex-end}.btn-danger{padding:8px 20px;border:none;border-radius:6px;background:#8f4a4a;color:#fff;font-weight:600;cursor:pointer;transition:background .2s}.btn-danger:hover{background:#a55}html:has(.resource-manager),body:has(.resource-manager){display:block!important;overflow-y:auto!important;background:#1a1a2e!important}.resource-manager{padding:20px;max-width:1400px;margin:0 auto;background:#16213e;min-height:100vh;color:#e0e0e0}.resource-manager.loading{display:flex;justify-content:center;align-items:center;font-size:20px;color:gold}.resource-manager .notification{position:fixed;top:20px;right:20px;padding:12px 24px;border-radius:8px;font-weight:500;z-index:1000;animation:rmSlideIn .3s ease}.resource-manager .notification.success{background:#2d5a2d;border:1px solid #4a8f4a;color:#b3e6b3}.resource-manager .notification.error{background:#5a2d2d;border:1px solid #8f4a4a;color:#e6b3b3}.resource-manager .error-banner{background:#ff00001a;border:1px solid rgba(255,0,0,.3);color:#ff6b6b;padding:15px;border-radius:6px;margin-bottom:20px}.resource-manager .tab-bar{display:flex;gap:4px;margin-bottom:24px;border-bottom:2px solid rgba(255,215,0,.2);padding-bottom:0}.resource-manager .tab-bar button{padding:12px 24px;background:transparent;color:#aaa;border:none;border-bottom:3px solid transparent;cursor:pointer;font-size:15px;font-weight:600;transition:all .2s;margin-bottom:-2px}.resource-manager .tab-bar button:hover{color:gold;background:#ffd7000d}.resource-manager .tab-bar button.active{color:gold;border-bottom-color:gold}.resource-manager .section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.resource-manager .section-header h2{margin:0;color:gold;font-size:1.4em;text-shadow:0 0 10px rgba(255,215,0,.3)}.resource-manager .btn-add{padding:12px 24px;background:linear-gradient(135deg,gold,#ffed4e);color:#1a1a2e;border:none;border-radius:6px;cursor:pointer;font-weight:700;font-size:14px;transition:all .3s ease;box-shadow:0 4px 15px #ffd7004d}.resource-manager .btn-add:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ffd70080}.resource-manager .btn-save{padding:10px 24px;background:linear-gradient(135deg,gold,#ffed4e);color:#1a1a2e;border:none;border-radius:6px;cursor:pointer;font-weight:700;transition:all .3s ease;box-shadow:0 4px 15px #ffd7004d}.resource-manager .btn-save:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ffd70080}.resource-manager .btn-cancel{padding:10px 24px;background:#ffffff1a;color:#e0e0e0;border:1px solid rgba(255,215,0,.3);border-radius:6px;cursor:pointer;font-weight:600;transition:all .3s ease}.resource-manager .btn-cancel:hover{background:#ffd7001a}.resource-manager .btn-sm{padding:6px 12px;border-radius:4px;cursor:pointer;font-size:13px;font-weight:500;transition:all .2s ease}.resource-manager .btn-edit{background:#ffd70033;color:gold;border:1px solid rgba(255,215,0,.5)}.resource-manager .btn-edit:hover{background:#ffd7004d}.resource-manager .btn-drops{background:#87ceeb33;color:#87ceeb;border:1px solid rgba(135,206,235,.5)}.resource-manager .btn-drops:hover{background:#87ceeb4d}.resource-manager .btn-locs{background:#90ee9033;color:#90ee90;border:1px solid rgba(144,238,144,.5)}.resource-manager .btn-locs:hover{background:#90ee904d}.resource-manager .btn-delete{background:#ff6b6b33;color:#ff6b6b;border:1px solid rgba(255,107,107,.5)}.resource-manager .btn-delete:hover{background:#ff6b6b4d}.resource-manager .form-card{background:#ffffff0d;border:1px solid rgba(255,215,0,.2);border-radius:8px;padding:24px;margin-bottom:24px}.resource-manager .form-card h3{margin:0 0 20px;color:gold;font-size:1.2em}.resource-manager .form-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px;margin-bottom:16px}.resource-manager .form-field{display:flex;flex-direction:column;gap:6px}.resource-manager .form-field.full-width{grid-column:1 / -1}.resource-manager .form-field label{font-size:12px;color:#e0e0e0;text-transform:uppercase;letter-spacing:.5px;font-weight:600}.resource-manager .form-field input,.resource-manager .form-field select,.resource-manager .form-field textarea{background:#0000004d;border:1px solid rgba(255,215,0,.3);border-radius:4px;color:#e0e0e0;padding:8px 12px;font-size:14px}.resource-manager .form-field input:focus,.resource-manager .form-field select:focus,.resource-manager .form-field textarea:focus{outline:none;border-color:gold}.resource-manager .form-actions{display:flex;gap:10px;margin-top:16px}.resource-manager .items-table{background:#ffffff0d;border-radius:8px;overflow:hidden;border:1px solid rgba(255,215,0,.15)}.resource-manager table{width:100%;border-collapse:collapse}.resource-manager thead th{background:#ffd7001a;color:gold;padding:12px 14px;text-align:left;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid rgba(255,215,0,.3)}.resource-manager tbody td{padding:12px 14px;border-bottom:1px solid rgba(255,255,255,.1);font-size:14px}.resource-manager tbody tr{transition:background .2s ease}.resource-manager tbody tr:hover{background:#ffd7000d}.resource-manager .name-cell{font-weight:600;color:#fff}.resource-manager .muted{color:#888;font-style:italic}.resource-manager code{background:#0000004d;padding:2px 8px;border-radius:4px;font-size:13px;color:#87ceeb}.resource-manager .actions-cell{display:flex;gap:8px;flex-wrap:wrap}.resource-manager .empty-row{text-align:center;color:#888;padding:30px!important;font-style:italic}.resource-manager .modal-overlay{position:fixed;inset:0;background:#000000b3;display:flex;justify-content:center;align-items:center;z-index:500}.resource-manager .modal-content{background:#16213e;border:1px solid rgba(255,215,0,.2);border-radius:8px;padding:28px;min-width:500px;max-width:700px;max-height:80vh;overflow-y:auto}.resource-manager .modal-content h3{margin:0 0 20px;color:gold}.resource-manager .inline-form-row{display:flex;align-items:center;gap:10px;margin-bottom:10px}.resource-manager .inline-form-row select{flex:2;background:#0000004d;border:1px solid rgba(255,215,0,.3);border-radius:4px;color:#e0e0e0;padding:8px;font-size:13px}.resource-manager .inline-form-row input{flex:1;max-width:80px;background:#0000004d;border:1px solid rgba(255,215,0,.3);border-radius:4px;color:#e0e0e0;padding:8px;font-size:13px;text-align:center}.resource-manager .inline-form-row input:focus,.resource-manager .inline-form-row select:focus{outline:none;border-color:gold}.resource-manager .inline-label{color:#aaa;font-size:12px;white-space:nowrap}.resource-manager .modal-actions{display:flex;gap:10px;margin-top:20px;justify-content:flex-end}.resource-manager .ingredients-section{border-top:1px solid rgba(255,215,0,.15);padding-top:16px;margin-top:16px}.resource-manager .ingredients-section h4{margin:0 0 12px;color:#e0e0e0}@keyframes rmSlideIn{0%{transform:translate(100px);opacity:0}to{transform:translate(0);opacity:1}}.resource-manager .sprite-preview{margin-top:8px;background:#0000004d;border:1px solid rgba(255,215,0,.2);border-radius:8px;padding:12px;text-align:center;min-height:80px;display:flex;align-items:center;justify-content:center}.resource-manager .sprite-preview img{max-width:80px;max-height:80px;object-fit:contain;border-radius:4px}.resource-manager .sprite-missing{display:none;color:#888;font-size:12px;font-style:italic}.resource-manager .sprite-table-preview{display:flex;align-items:center;gap:8px}.resource-manager .sprite-table-preview img{width:32px;height:32px;object-fit:contain;border-radius:4px;background:#0000004d;padding:2px}.resource-manager .sprite-cell{min-width:120px}.resource-manager .spawn-row{background:#00000026;border:1px solid rgba(255,215,0,.1);border-radius:6px;padding:10px;margin-bottom:10px}.resource-manager .spawn-limits{margin-top:8px;margin-bottom:0;padding-left:10px;border-left:2px solid rgba(255,215,0,.2)}.resource-manager .inline-checkbox{display:flex;align-items:center;gap:6px;color:#90ee90;font-size:13px;font-weight:500;white-space:nowrap;cursor:pointer}.resource-manager .inline-checkbox input[type=checkbox]{width:16px;height:16px;accent-color:#ffd700;cursor:pointer}.pvp-manager{max-width:1400px;margin:0 auto;padding:30px;color:#e0e0e0}.pvp-manager-header{display:flex;align-items:center;gap:20px;margin-bottom:30px}.pvp-manager-header h1{font-size:28px;color:gold;margin:0;flex:1}.back-btn{padding:10px 18px;background:#ffffff1a;color:#e0e0e0;border:1px solid rgba(255,255,255,.2);border-radius:6px;cursor:pointer;font-size:14px}.back-btn:hover{background:#fff3}.active-badge{background:linear-gradient(135deg,#f44336,#c62828);color:#fff;padding:8px 18px;border-radius:20px;font-weight:700;font-size:14px;animation:activePulse 2s ease-in-out infinite}@keyframes activePulse{0%,to{box-shadow:0 0 8px #f4433666}50%{box-shadow:0 0 20px #f44336cc}}.pvp-error{background:#f4433626;border:1px solid #f44336;border-radius:8px;padding:12px 20px;color:#f44336;margin-bottom:20px}.pvp-section{background:#1e1e2e;border:1px solid #3a3a5a;border-radius:12px;padding:25px;margin-bottom:30px}.pvp-section h2{font-size:20px;color:gold;margin:0 0 20px;border-bottom:1px solid #3a3a5a;padding-bottom:12px}.pvp-filters{display:flex;gap:12px;margin-bottom:20px;flex-wrap:wrap}.pvp-filters select,.pvp-filters input{padding:9px 14px;background:#2a2a40;border:1px solid #4a4a6a;border-radius:6px;color:#e0e0e0;font-size:14px}.pvp-filters input{flex:1;min-width:200px}.pvp-filters button{padding:9px 20px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:14px}.pvp-loading{text-align:center;padding:40px;color:#aaa}.pvp-table-wrap{overflow-x:auto}.pvp-table{width:100%;border-collapse:collapse;font-size:13px}.pvp-table th{background:#2a2a40;padding:10px 12px;text-align:left;color:#aaa;font-weight:600;border-bottom:2px solid #3a3a5a;white-space:nowrap}.pvp-table td{padding:10px 12px;border-bottom:1px solid #2a2a40;vertical-align:middle}.pvp-row:hover td{background:#ffffff08}.pvp-empty{text-align:center;padding:30px;color:#666}.pvp-date{font-size:12px;color:#aaa;white-space:nowrap}.lvl{font-size:11px;color:#888;margin-left:4px}.pvp-status-badge{padding:3px 10px;border-radius:12px;font-size:11px;font-weight:700;text-transform:uppercase}.pvp-status-badge.active{background:#4caf5033;color:#4caf50;border:1px solid #4caf50}.pvp-status-badge.completed{background:#667eea33;color:#667eea;border:1px solid #667eea}.pvp-status-badge.forfeited{background:#ff980033;color:#ff9800;border:1px solid #ff9800}.pvp-status-badge.fled{background:#9e9e9e33;color:#9e9e9e;border:1px solid #9e9e9e}.end-btn{padding:5px 14px;background:linear-gradient(135deg,#f44336,#c62828);color:#fff;border:none;border-radius:5px;cursor:pointer;font-size:12px;font-weight:700}.end-btn:hover:not(:disabled){opacity:.85}.end-btn:disabled{opacity:.5;cursor:not-allowed}.pvp-pagination{display:flex;justify-content:center;align-items:center;gap:20px;margin-top:20px;font-size:14px;color:#aaa}.pvp-pagination button{padding:7px 16px;background:#2a2a40;border:1px solid #4a4a6a;border-radius:6px;color:#e0e0e0;cursor:pointer}.pvp-pagination button:disabled{opacity:.4;cursor:not-allowed}.pvp-config-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;margin-bottom:20px}.config-field{display:flex;flex-direction:column;gap:6px}.config-field label{font-size:13px;font-weight:600;color:#ccc}.config-field input{padding:9px 12px;background:#2a2a40;border:1px solid #4a4a6a;border-radius:6px;color:#e0e0e0;font-size:14px}.config-field input:focus{outline:none;border-color:#667eea}.config-field small{color:#666;font-size:11px}.config-actions{display:flex;align-items:center;gap:16px}.save-config-btn{padding:11px 28px;background:linear-gradient(135deg,#4caf50,#388e3c);color:#fff;border:none;border-radius:8px;font-size:15px;font-weight:700;cursor:pointer;transition:all .2s}.save-config-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 15px #4caf5066}.save-config-btn:disabled{opacity:.6;cursor:not-allowed}.config-msg{font-size:14px;color:#4caf50}html:has(.bug-reports-admin),body:has(.bug-reports-admin){display:block!important;overflow-y:auto!important;background:#1a1a2e!important}.bug-reports-admin{min-height:100vh;background:#16213e;padding:20px;max-width:1600px;margin:0 auto;color:#e0e0e0}.bug-reports-controls{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;gap:16px}.bug-reports-filters{display:flex;gap:10px}.bug-reports-filters select{padding:9px 14px;background:#ffffff12;border:1px solid rgba(255,215,0,.3);border-radius:6px;color:#e0e0e0;font-size:14px;outline:none;cursor:pointer;transition:border-color .2s}.bug-reports-filters select:focus{border-color:gold}.bug-reports-filters select option{background:#1a1a2e;color:#e0e0e0}.bug-reports-count{font-size:13px;color:#ffffff80;white-space:nowrap}.bug-reports-loading,.bug-reports-empty{text-align:center;padding:60px 20px;color:#fff6;font-size:15px}.bug-reports-table-wrap{overflow-x:auto;border-radius:8px;border:1px solid rgba(255,255,255,.08)}.bug-reports-table{width:100%;border-collapse:collapse;font-size:14px}.bug-reports-table thead tr{background:#ffffff0d}.bug-reports-table th{padding:12px 14px;text-align:left;font-size:12px;font-weight:700;color:#ffffff80;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid rgba(255,255,255,.08);white-space:nowrap}.bug-report-row{cursor:pointer;transition:background .15s;border-bottom:1px solid rgba(255,255,255,.05)}.bug-report-row:hover{background:#ffffff0a}.bug-report-row.expanded{background:#ffd7000a}.bug-reports-table td{padding:12px 14px;vertical-align:middle}.col-id{color:#ffffff59;font-size:12px;width:50px}.col-status{width:130px}.col-category{width:110px}.col-title{max-width:260px}.col-player,.col-character{width:120px;color:#ffffffbf}.col-date{width:160px;color:#ffffff80;font-size:12px;white-space:nowrap}.col-actions{width:60px;text-align:center}.status-badge{display:inline-block;padding:3px 10px;border-radius:20px;font-size:12px;font-weight:600;white-space:nowrap}.status-open{background:#f4433633;color:#ff6b6b;border:1px solid rgba(244,67,54,.4)}.status-acknowledged{background:#ff980033;color:#ffb74d;border:1px solid rgba(255,152,0,.4)}.status-resolved{background:#4caf5033;color:#81c784;border:1px solid rgba(76,175,80,.4)}.status-closed{background:#ffffff12;color:#fff6;border:1px solid rgba(255,255,255,.12)}.btn-delete-report{background:none;border:none;cursor:pointer;font-size:15px;padding:4px 6px;border-radius:4px;opacity:.5;transition:opacity .2s,background .2s}.btn-delete-report:hover{opacity:1;background:#f4433626}.bug-report-detail-row td{padding:0;background:#00000040;border-bottom:2px solid rgba(255,215,0,.15)}.bug-report-detail{padding:20px 24px;display:flex;flex-direction:column;gap:14px}.detail-field{display:flex;flex-direction:column;gap:6px}.detail-label{font-size:11px;font-weight:700;color:#fff6;text-transform:uppercase;letter-spacing:.5px}.detail-value{font-size:13px;color:#ffffffb3}.detail-value.mono{font-family:monospace;font-size:12px;color:gold}.detail-description{margin:0;font-size:14px;color:#e0e0e0;line-height:1.6;white-space:pre-wrap;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:6px;padding:12px 14px}.detail-actions{display:flex;gap:24px;flex-wrap:wrap}.detail-status-update{display:flex;align-items:center;gap:10px;flex-shrink:0}.detail-status-update label{font-size:13px;color:#fff9;white-space:nowrap}.detail-status-update select{padding:7px 12px;background:#ffffff12;border:1px solid rgba(255,215,0,.35);border-radius:6px;color:#e0e0e0;font-size:13px;cursor:pointer;outline:none}.detail-status-update select option{background:#1a1a2e}.detail-notes{flex:1;display:flex;flex-direction:column;gap:8px;min-width:250px}.detail-notes label{font-size:13px;color:#fff9}.detail-notes textarea{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:6px;color:#e0e0e0;font-size:13px;padding:10px 12px;resize:vertical;outline:none;font-family:inherit;transition:border-color .2s}.detail-notes textarea:focus{border-color:gold}.btn-save-notes{align-self:flex-end;padding:7px 16px;background:#ffd7001f;border:1px solid rgba(255,215,0,.5);border-radius:6px;color:gold;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s}.btn-save-notes:hover:not(:disabled){background:#ffd70038}.btn-save-notes:disabled{opacity:.5;cursor:not-allowed}.bug-reports-pagination{display:flex;justify-content:center;align-items:center;gap:16px;margin-top:24px;padding:16px}.bug-reports-pagination button{padding:8px 18px;background:#ffffff0f;border:1px solid rgba(255,255,255,.15);border-radius:6px;color:#e0e0e0;font-size:14px;cursor:pointer;transition:all .2s}.bug-reports-pagination button:hover:not(:disabled){background:#ffd7001a;border-color:#ffd70066;color:gold}.bug-reports-pagination button:disabled{opacity:.3;cursor:not-allowed}.bug-reports-pagination span{font-size:13px;color:#ffffff80}html:has(.wiki-editor-page),body:has(.wiki-editor-page){display:block!important;overflow-y:auto!important;background:#0d0d1a!important}.wiki-editor-page{min-height:100vh;background:#0d0d1a;color:#e0e0e0}.wiki-editor-container{max-width:1400px;margin:0 auto;padding:24px}.wiki-editor-loading{padding:40px;text-align:center;color:#888}.wiki-editor-tabs{display:flex;gap:4px;margin-bottom:20px;border-bottom:1px solid #2a2a3e;padding-bottom:0}.wiki-tab{padding:10px 20px;background:none;border:1px solid transparent;border-bottom:none;color:#888;cursor:pointer;font-size:.9rem;border-radius:4px 4px 0 0;transition:all .2s;position:relative;top:1px}.wiki-tab:hover{color:#ccc;background:#ffffff0a}.wiki-tab.active{color:gold;border-color:#2a2a3e;background:#16213e;border-bottom-color:#16213e}.wiki-editor-content{background:#16213e;border:1px solid #2a2a3e;border-radius:0 6px 6px;padding:20px}.wiki-table-toolbar{display:flex;align-items:center;gap:12px;margin-bottom:16px}.wiki-cat-filter{padding:7px 10px;background:#1a1a2e;border:1px solid #333;border-radius:4px;color:#e0e0e0;font-size:.85rem;outline:none}.wiki-cat-filter:focus{border-color:gold}.wiki-table{width:100%;border-collapse:collapse;font-size:.9rem}.wiki-table th{text-align:left;padding:10px 12px;background:#ffd7000d;color:gold;font-weight:600;border-bottom:1px solid #2a2a3e}.wiki-table td{padding:9px 12px;border-bottom:1px solid #1a1a2e;vertical-align:middle}.wiki-table td code{background:#0d0d1a;padding:2px 6px;border-radius:3px;font-size:.8em;color:#90c0ff}.wiki-table tr:hover td{background:#ffffff05}.wiki-row-actions{display:flex;gap:6px}.wiki-empty{padding:24px;text-align:center;color:#666;font-style:italic}.wiki-badge{display:inline-block;padding:2px 8px;border-radius:12px;font-size:.75rem;font-weight:600}.wiki-badge.published{background:#4caf5026;color:#81c784;border:1px solid rgba(76,175,80,.3)}.wiki-badge.draft{background:#ffc1071a;color:#ffb74d;border:1px solid rgba(255,193,7,.3)}.wiki-page-editor,.wiki-cat-form-wrapper{display:flex;flex-direction:column;gap:16px}.wiki-page-editor-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px}.wiki-page-editor-header h3{color:gold;margin:0;font-size:1.05rem}.wiki-editor-actions{display:flex;gap:8px;align-items:center}.wiki-editor-error{background:#f443361a;border:1px solid rgba(244,67,54,.3);color:#ef9a9a;padding:8px 14px;border-radius:4px;font-size:.85rem}.wiki-page-form{display:flex;flex-direction:column;gap:12px}.wiki-form-row{display:flex;gap:16px;flex-wrap:wrap}.wiki-form-group{display:flex;flex-direction:column;gap:5px;flex:1;min-width:160px}.wiki-form-group-sm{flex:0 0 120px;min-width:100px}.wiki-form-group-check{flex:0 0 auto;justify-content:flex-end;padding-bottom:2px}.wiki-form-group-check label{display:flex;align-items:center;gap:8px;cursor:pointer;color:#ccc;font-size:.9rem;white-space:nowrap}.wiki-form-group label{font-size:.8rem;color:#999;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.wiki-form-group input[type=text],.wiki-form-group input[type=number],.wiki-form-group select{padding:8px 10px;background:#1a1a2e;border:1px solid #333;border-radius:4px;color:#e0e0e0;font-size:.9rem;outline:none;width:100%;box-sizing:border-box}.wiki-form-group input:focus,.wiki-form-group select:focus{border-color:gold}.wiki-md-editor{width:100%;min-height:420px;background:#0d0d1a;border:1px solid #2a2a3e;border-radius:4px;color:#d0d0d8;font-family:Consolas,Courier New,monospace;font-size:.875rem;line-height:1.6;padding:14px;resize:vertical;outline:none;box-sizing:border-box;tab-size:4}.wiki-md-editor:focus{border-color:#4a4a6e}.wiki-md-preview{min-height:420px;background:#0d0d1a;border:1px solid #2a2a3e;border-radius:4px;padding:20px 24px;color:#d0d0d8;line-height:1.7}.wiki-md-preview h1{color:gold;font-size:1.5rem;margin:0 0 18px;padding-bottom:8px;border-bottom:1px solid rgba(255,215,0,.3)}.wiki-md-preview h2{color:#e8c53a;font-size:1.2rem;margin:24px 0 10px}.wiki-md-preview h3{color:#d4b040;font-size:1rem;margin:18px 0 8px}.wiki-md-preview p{margin:0 0 12px}.wiki-md-preview strong{color:#f0f0f0}.wiki-md-preview table{width:100%;border-collapse:collapse;margin:12px 0;font-size:.875rem}.wiki-md-preview table th{background:#ffd7001a;color:gold;padding:7px 10px;text-align:left;border:1px solid #2a2a3e}.wiki-md-preview table td{padding:6px 10px;border:1px solid #2a2a3e}.wiki-md-preview code{font-family:monospace;background:#1a1a2e;padding:2px 5px;border-radius:3px;font-size:.85em;color:#e0b87e}.wiki-md-preview pre{background:#1a1a2e;padding:12px;border-radius:4px;overflow-x:auto;margin:12px 0}.wiki-md-preview pre code{background:none;padding:0;color:#d0d0d0}.wiki-md-preview blockquote{margin:12px 0;padding:8px 14px;border-left:3px solid #ffd700;background:#ffd7000d;color:#b0b0c0;border-radius:0 4px 4px 0}.wiki-md-preview ul,.wiki-md-preview ol{padding-left:22px;margin:0 0 12px}.wiki-md-preview hr{border:none;border-top:1px solid rgba(255,215,0,.2);margin:20px 0}.btn-create{padding:8px 16px;background:#2a5a2a;border:1px solid #4a8a4a;color:#90ee90;border-radius:4px;cursor:pointer;font-size:.875rem;font-weight:600;transition:all .2s}.btn-create:hover{background:#3a7a3a;border-color:#5aaa5a}.btn-save{padding:7px 16px;background:#ffd70026;border:1px solid rgba(255,215,0,.4);color:gold;border-radius:4px;cursor:pointer;font-size:.875rem;font-weight:600;transition:all .2s}.btn-save:hover:not(:disabled){background:#ffd70040}.btn-save:disabled{opacity:.5;cursor:not-allowed}.btn-cancel{padding:7px 16px;background:#ffffff0d;border:1px solid #444;color:#aaa;border-radius:4px;cursor:pointer;font-size:.875rem;transition:all .2s}.btn-cancel:hover{background:#ffffff1a;color:#ddd}.btn-preview{padding:7px 14px;background:#2196f31a;border:1px solid rgba(33,150,243,.3);color:#90caf9;border-radius:4px;cursor:pointer;font-size:.875rem;transition:all .2s}.btn-preview:hover,.btn-preview.active{background:#2196f333;border-color:#2196f380}.btn-edit-sm{padding:4px 10px;background:#2196f31a;border:1px solid rgba(33,150,243,.3);color:#90caf9;border-radius:3px;cursor:pointer;font-size:.8rem;transition:all .15s}.btn-edit-sm:hover{background:#2196f333}.btn-delete-sm{padding:4px 10px;background:#f443361a;border:1px solid rgba(244,67,54,.3);color:#ef9a9a;border-radius:3px;cursor:pointer;font-size:.8rem;transition:all .15s}.btn-delete-sm:hover{background:#f4433633}*{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}