*{box-sizing:border-box;padding:0}*,body{margin:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#667eea,#764ba2);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;min-height:100vh}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.login-container{align-items:center;display:flex;flex-wrap:wrap;gap:30px;justify-content:center;min-height:100vh;padding:20px;width:100%}.login-box{background:#fff;border-radius:20px;box-shadow:0 20px 60px #0000004d;max-width:400px;padding:40px;text-align:center;width:100%}.game-title{color:#333;font-size:2.5em;margin-bottom:10px}.game-subtitle{color:#666;font-size:1.2em;margin-bottom:30px}.login-form{display:flex;flex-direction:column;gap:15px}.username-input{border:2px solid #ddd;border-radius:10px;font-size:1.1em;outline:none;padding:15px;transition:border-color .3s}.username-input:focus{border-color:#667eea}.login-button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:1.1em;font-weight:700;padding:15px;transition:transform .2s,box-shadow .2s}.login-button:hover:not(:disabled){box-shadow:0 5px 15px #667eea66;transform:translateY(-2px)}.login-button:disabled{cursor:not-allowed;opacity:.6}.error-message{color:#e74c3c;font-size:.9em;margin-top:-10px}.instructions{border-top:1px solid #eee;color:#666;font-size:.9em;line-height:1.6;margin-top:30px;padding-top:20px}.instructions p{margin:5px 0}.leaderboard-container{display:flex;justify-content:center}.leaderboard-box{background:#fff;border-radius:20px;box-shadow:0 20px 60px #0000004d;max-width:400px;overflow-x:hidden;padding:25px;width:100%}.leaderboard-title{border-bottom:2px solid #eee;color:#333;font-size:1.5em;margin-bottom:20px;padding-bottom:15px;text-align:center}.leaderboard-empty,.leaderboard-loading{color:#666;font-size:.95em;padding:20px;text-align:center}.leaderboard-list{display:flex;flex-direction:column;gap:10px;overflow-x:hidden}.leaderboard-item{align-items:center;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:10px;display:flex;gap:15px;max-width:100%;overflow:hidden;padding:12px;transition:transform .2s,box-shadow .2s}.leaderboard-item:hover{box-shadow:0 3px 10px #0000001a;transform:scale(1.02)}.leaderboard-item:first-child{background:linear-gradient(135deg,gold,#ffed4e)}.leaderboard-item:nth-child(2){background:linear-gradient(135deg,silver,#e8e8e8)}.leaderboard-item:nth-child(3){background:linear-gradient(135deg,#cd7f32,#e6a85c)}.leaderboard-avatar{align-items:center;display:flex;flex-shrink:0;font-size:1.5em;height:40px;justify-content:center;width:40px}.leaderboard-rank{color:#333;font-size:1.3em;font-weight:700;min-width:40px;text-align:center}.leaderboard-item:first-child .leaderboard-rank,.leaderboard-item:nth-child(2) .leaderboard-rank,.leaderboard-item:nth-child(3) .leaderboard-rank{color:#fff;text-shadow:1px 1px 2px #0003}.leaderboard-info{display:flex;flex:1 1;flex-direction:column;gap:5px}.leaderboard-username{color:#333;font-size:1.1em;font-weight:600}.leaderboard-item:first-child .leaderboard-username,.leaderboard-item:nth-child(2) .leaderboard-username,.leaderboard-item:nth-child(3) .leaderboard-username{color:#fff;text-shadow:1px 1px 2px #0003}.leaderboard-stats{color:#666;display:flex;font-size:.9em;gap:15px}.leaderboard-item:first-child .leaderboard-stats,.leaderboard-item:nth-child(2) .leaderboard-stats,.leaderboard-item:nth-child(3) .leaderboard-stats{color:#ffffffe6}.leaderboard-level{font-weight:500}.leaderboard-power{color:#f39c12;font-weight:600}.leaderboard-item:first-child .leaderboard-power,.leaderboard-item:nth-child(2) .leaderboard-power,.leaderboard-item:nth-child(3) .leaderboard-power{color:#fff;text-shadow:1px 1px 2px #0003}.game-container{background:#f0f0f0;height:100vh;margin:0;overflow:hidden;padding:0;position:relative;width:100vw}.game-header{align-items:center;background:#fff;border-radius:15px;box-shadow:0 5px 15px #0003;display:flex;justify-content:space-between;margin-bottom:20px;padding:20px}.player-info h2{color:#333;margin-bottom:10px}.power-display{align-items:center;background:linear-gradient(135deg,#f39c12,#e67e22);border-radius:6px;box-shadow:0 2px 4px #0000001a;color:#fff;display:flex;font-weight:700;gap:8px;margin-bottom:8px;margin-top:8px;padding:6px 12px;width:-webkit-fit-content;width:fit-content}.power-label{font-size:.9em}.power-value{font-size:1.1em}.resources{gap:12px;min-width:250px}.resource-item,.resources{display:flex;flex-direction:column}.resource-item{gap:4px}.resource-header{align-items:center;color:#333;display:flex;font-size:1em;font-weight:600;justify-content:space-between}.resource-label{font-weight:700}.resource-amount{color:#666;font-size:.9em;font-weight:500}.resource-volume-bar{background:#e0e0e0;border-radius:6px;box-shadow:inset 0 1px 2px #0000001a;height:12px;overflow:hidden;position:relative;width:100%}.resource-volume-fill{background:linear-gradient(90deg,#2ecc71,#27ae60);border-radius:10px;box-shadow:0 2px 4px #0003;height:100%;transition:width .3s ease,background-color .3s ease}.game-controls{display:flex;gap:10px}.build-button,.buildings-button,.exit-button{border:none;border-radius:8px;cursor:pointer;font-size:1em;font-weight:700;padding:10px 20px;transition:transform .2s,box-shadow .2s}.buildings-button{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.exit-button{background:linear-gradient(135deg,#e74c3c,#c0392b);box-shadow:0 4px 12px #e74c3c4d;color:#fff}.buildings-button:hover{box-shadow:0 5px 15px #667eea66;transform:translateY(-2px)}.build-button{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.exit-button:hover{background:linear-gradient(135deg,#c0392b,#a93226);box-shadow:0 6px 16px #e74c3c80;transform:translateY(-2px)}.build-button:hover{box-shadow:0 5px 15px #0000004d;transform:translateY(-2px)}.modal-overlay{align-items:center;animation:fadeIn .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000bf;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{animation:slideUp .3s ease;background:linear-gradient(135deg,#fff,#f8f9fa);border-radius:20px;box-shadow:0 20px 60px #0006,0 0 0 1px #ffffff1a;display:flex;flex-direction:column;max-height:90vh;max-width:90%;overflow:hidden;padding:0}@keyframes slideUp{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px 20px 0 0;color:#fff;display:flex;justify-content:space-between;padding:24px 28px}.modal-header h3{color:#fff;font-size:1.5em;font-weight:600;margin:0;text-shadow:0 2px 4px #0003}.modal-close-button{align-items:center;background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1.8em;font-weight:300;height:36px;justify-content:center;padding:0;transition:all .2s;width:36px}.modal-close-button:hover{background:#ffffff4d;transform:rotate(90deg)}.build-menu-modal{max-width:650px;min-width:550px;width:100%}.build-popup-tabs{border-bottom:2px solid #e0e0e0;display:flex;gap:0;margin:0;padding:0 24px}.build-popup-tab{background:none;border:none;border-bottom:3px solid #0000;color:#666;cursor:pointer;font-size:14px;font-weight:500;margin-bottom:-2px;padding:12px 24px;transition:all .2s ease}.build-popup-tab:hover{background:#f5f5f5;color:#333}.build-popup-tab.active{border-bottom-color:#3498db;color:#2c3e50;font-weight:600}.build-menu-modal .build-options{box-sizing:border-box;max-height:60vh;overflow-y:auto;padding:24px;width:100%}.build-menu-modal .build-hint{background:linear-gradient(135deg,#e8f4f8,#d1e7f0);border-top:1px solid #c8e0ed;margin:0;padding:16px 24px 24px}.build-menu h3{color:#333;margin-bottom:15px}.build-options,.builder-huts-section{box-sizing:border-box;margin:0;padding:0;width:100%}.builder-huts-section{grid-gap:20px;display:grid;gap:20px;grid-auto-flow:row;grid-template-columns:repeat(2,minmax(0,1fr))}.builder-hut-option{margin:0;min-width:0}.regular-buildings-section{grid-gap:20px;display:grid;gap:20px;grid-auto-flow:row;grid-template-columns:repeat(2,minmax(0,1fr));padding:0}.build-option,.regular-buildings-section{box-sizing:border-box;margin:0;width:100%}.build-option{align-items:center;background:#fff;border:2px solid #e0e0e0;border-radius:12px;box-shadow:0 2px 4px #0000000d;cursor:pointer;display:flex;gap:15px;max-width:100%;min-width:0;overflow:hidden;padding:18px;transition:all .3s cubic-bezier(.4,0,.2,1)}.build-option:hover{background:linear-gradient(135deg,#f8f9ff,#f0f4ff);box-shadow:0 4px 12px #667eea33}.build-option.selected,.build-option:hover{border-color:#667eea;transform:translateY(-2px)}.build-option.selected{background:linear-gradient(135deg,#f0f4ff,#e8f0ff);box-shadow:0 4px 12px #667eea4d}.build-option.disabled{cursor:not-allowed;opacity:.6}.build-option.disabled,.build-option.disabled:hover{background:linear-gradient(135deg,#f5f5f5,#e8e8e8);border-color:#ccc}.build-option.disabled:hover{box-shadow:0 2px 4px #0000000d;transform:none}.disabled-badge{color:#27ae60;font-size:.85em;font-weight:600;margin-left:8px}.build-icon{align-items:center;border-radius:12px;box-shadow:0 3px 8px #00000026;color:#fff;display:flex;flex-shrink:0;font-size:1.6em;font-weight:700;height:56px;justify-content:center;width:56px}.build-info{flex:1 1}.build-name{color:#333;font-weight:700;margin-bottom:5px}.build-costs{color:#666;display:flex;font-size:.9em;gap:10px}.build-costs .crystal-cost{color:#9370db;font-weight:700}.build-costs .no-crystal-cost{color:#999;font-style:italic}.build-payment-toggle{background:#f9f9f9;border-bottom:1px solid #e0e0e0;padding:15px}.payment-toggle-label{align-items:center;color:#333;cursor:pointer;display:flex;font-size:.95em;gap:10px;-webkit-user-select:none;user-select:none}.payment-toggle-label input[type=checkbox]{accent-color:#9370db;cursor:pointer;height:18px;width:18px}.payment-toggle-label span{font-weight:500}.train-payment-toggle{border-bottom:1px solid #e0e0e0;margin-bottom:15px;padding:10px 0}.build-hint{background:#e8f4f8;border-radius:8px;color:#2c3e50;margin-top:15px;padding:10px;text-align:center}.error-modal{background:#fff;border-radius:15px;box-shadow:0 10px 40px #0000004d;max-width:500px;min-width:400px}.error-modal+.modal-overlay,.modal-overlay:has(.error-modal){z-index:2000!important}.error-message{color:#2c3e50;font-size:1.1em;line-height:1.6;padding:24px;text-align:center}.error-actions{display:flex;justify-content:center;padding:0 24px 24px}.error-ok-button{background:linear-gradient(135deg,#e74c3c,#c0392b);border:none;border-radius:8px;box-shadow:0 4px 12px #e74c3c4d;color:#fff;cursor:pointer;font-size:1em;font-weight:600;padding:12px 32px;transition:all .3s ease}.error-ok-button:hover{box-shadow:0 6px 16px #e74c3c66;transform:translateY(-2px)}.error-ok-button:active{transform:translateY(0)}.building-tooltip{animation:tooltipFadeIn .2s ease-out;pointer-events:none;position:fixed;z-index:2000}@keyframes tooltipFadeIn{0%{opacity:0;transform:translateX(-50%) translateY(-100%) translateY(-5px)}to{opacity:1;transform:translateX(-50%) translateY(-100%) translateY(0)}}.tooltip-content{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000d9;border-radius:6px;box-shadow:0 4px 12px #0000004d;color:#fff;font-size:.9em;padding:8px 12px;white-space:nowrap}.tooltip-name{font-weight:600;margin-bottom:2px}.tooltip-level{font-size:.85em;opacity:.9}.building-tooltip:after{border:5px solid #0000;border-top-color:#000000d9;content:"";left:50%;position:absolute;top:100%;transform:translateX(-50%)}.game-grid-container{-ms-overflow-style:none;align-items:center;background:#f0f0f0;cursor:grab;display:flex;height:100%;justify-content:center;left:0;margin:0;overflow:auto;padding:0;position:absolute;scrollbar-width:none;top:0;transform:rotate(45deg);transform-origin:center center;width:100%}.game-grid-container::-webkit-scrollbar{display:none}.game-grid-container:active{cursor:grabbing}.game-grid{grid-gap:0;background:#f0f0f0;border:none;border-radius:0;box-shadow:none;display:grid;gap:0;margin:auto;padding:0;transform:scaleY(.866);transform-origin:center center}.grid-cell{align-items:center;background:#f0f0f0;border:none;cursor:pointer;display:flex;justify-content:center;min-height:0;min-width:0;overflow:visible;position:relative;transition:all .2s}.grid-cell>*{transform:rotate(-45deg) scaleY(1.155);transform-origin:center center}.treasure-box-cell{transform:none!important;transform-origin:center center}.treasure-box-cell>*{transform:rotate(-45deg) scaleY(1.155)!important;transform-origin:center center}.grid-cell:hover{background:#e0e0e0}.grid-cell.selected{background:#667eea4d!important;border:2px solid #667eea}.grid-cell.hover-valid{border:2px solid #2ecc71!important;box-shadow:0 0 8px #2ecc7180}.grid-cell.hover-invalid{border:2px solid #e74c3c!important;box-shadow:0 0 8px #e74c3c80}.preview-label{font-size:.7em;font-weight:700;pointer-events:none;z-index:10}.grid-cell.has-building{border:2px solid #96969666}.building-label{color:#fff;font-size:.7em;font-weight:700;position:relative;text-shadow:1px 1px 2px #00000080;z-index:2}.building-image{border-radius:2px;height:100%;left:0;object-fit:cover;position:absolute;top:0;width:100%;z-index:1}.construction-overlay{font-size:.8em;position:absolute;right:2px;top:2px}.storage-indicator-tooltip{align-items:center;animation:pulse 2s infinite;background:#000000d9;border-radius:6px;box-shadow:0 2px 8px #0000004d;color:#fff;cursor:pointer;display:flex;font-size:.75em;font-weight:600;gap:4px;left:2px;padding:4px 8px;position:absolute;top:2px;transform:rotate(-45deg) scaleY(1.155);transform-origin:center center;transition:all .2s ease;-webkit-user-select:none;user-select:none;z-index:10}.storage-indicator-tooltip:hover{background:#000000f2;box-shadow:0 4px 12px #0006;transform:rotate(-45deg) scaleY(1.155) scale(1.05)}.storage-indicator-tooltip:active{transform:rotate(-45deg) scaleY(1.155) scale(.95)}.storage-indicator-tooltip .resource-icon{font-size:1em}.storage-indicator-tooltip .resource-amount{color:#fff;font-size:.9em;font-weight:700}@keyframes pulse{0%,to{opacity:1;transform:rotate(-45deg) scaleY(1.155) scale(1)}50%{opacity:.7;transform:rotate(-45deg) scaleY(1.155) scale(1.1)}}.construction-progress-bar{background:#0000004d;border-radius:2px;bottom:2px;height:4px;left:2px;overflow:hidden;pointer-events:none;position:absolute;right:2px;z-index:5}.construction-progress-fill{background:linear-gradient(90deg,#f39c12,#e67e22);border-radius:2px;height:100%;transition:width .3s ease}.progress-bar-container{background:#e8e8e8;border-radius:4px;box-shadow:inset 0 1px 2px #0000001a;height:16px;margin-top:6px;overflow:hidden;position:relative;width:100%}.progress-bar-fill{background:linear-gradient(90deg,#3498db,#2980b9);border-radius:4px;box-shadow:0 1px 2px #0000001a;height:100%;transition:width .3s ease}.progress-text{color:#2c3e50;font-size:.75em;font-weight:600;left:50%;position:absolute;text-shadow:0 1px 2px #fffc;top:50%;transform:translate(-50%,-50%);white-space:nowrap;z-index:1}.buildings-list{background:#fff;border-radius:15px;box-shadow:0 5px 15px #0003;padding:20px}.buildings-list h3{color:#333;margin-bottom:15px}.buildings-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));margin:0;padding:24px}.building-item{align-items:center;background:linear-gradient(135deg,#fff,#f8f9fa);border:2px solid #e8e8e8;border-radius:14px;box-shadow:0 2px 8px #0000000f;cursor:pointer;display:flex;gap:18px;padding:20px;transition:all .3s cubic-bezier(.4,0,.2,1)}.building-item:hover{background:linear-gradient(135deg,#fff,#f0f4ff);border-color:#667eea;box-shadow:0 8px 24px #667eea40;transform:translateY(-4px)}.building-icon{align-items:center;border-radius:12px;box-shadow:0 4px 8px #00000026;color:#fff;display:flex;flex-shrink:0;font-size:1.8em;font-weight:700;height:60px;justify-content:center;width:60px}.building-details{flex:1 1}.building-name{color:#2c3e50;font-size:1.1em;font-weight:600;margin-bottom:6px}.building-level{color:#555;font-size:.95em;font-weight:500;margin-bottom:4px}.building-status{color:#f39c12;font-size:.85em;font-weight:600;margin-top:6px}.building-position{color:#7f8c8d;font-size:.9em;font-weight:500;margin-top:4px}.building-storage-indicator{align-items:center;color:#27ae60;display:flex;font-size:.9em;font-weight:600;gap:6px;margin-top:8px}.no-buildings{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:12px;color:#95a5a6;font-size:1.15em;font-weight:500;margin:20px 0;padding:60px 40px;text-align:center}.buildings-list-modal{max-width:800px;min-width:600px}.buildings-grid-container{max-height:60vh;overflow-y:auto;padding:24px}.buildings-grid-container .buildings-grid{padding:0}.building-detail-modal{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.building-detail-content{background:#fff;border-radius:15px;box-shadow:0 10px 40px #0000004d;max-height:90vh;max-width:500px;overflow-y:auto;width:100%}.building-detail-content.research-center-modal{max-width:900px;width:100%}.building-detail-header{align-items:center;border-bottom:2px solid #eee;display:flex;justify-content:space-between;padding:20px}.building-detail-header h3{color:#333;margin:0}.close-button{align-items:center;background:none;border:none;border-radius:50%;color:#999;cursor:pointer;display:flex;font-size:2em;height:30px;justify-content:center;padding:0;transition:all .2s;width:30px}.close-button:hover{background:#f0f0f0;color:#333}.building-detail-body{padding:20px}.detail-section{margin-bottom:20px}.detail-section h4{color:#555;font-size:1.1em;margin:0 0 10px}.detail-item{border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;padding:8px 0}.detail-item:last-child{border-bottom:none}.detail-label{color:#666;font-weight:700}.detail-value{color:#333}.status-constructing{color:#f39c12;font-weight:700}.status-complete{color:#27ae60;font-weight:700}.detail-costs{display:flex;flex-wrap:wrap;gap:15px;margin-top:10px}.detail-costs span{background:#f8f9fa;border-radius:5px;font-weight:700;padding:5px 10px}.armies-list{display:flex;flex-direction:column;gap:10px;margin-top:15px;max-height:200px;overflow-y:auto}.army-item{background:#f8f9fa;border:1px solid #e0e0e0;border-radius:8px;gap:12px;padding:12px;position:relative}.army-avatar,.army-item{align-items:center;display:flex}.army-avatar{background:linear-gradient(135deg,#8b0000,brown);border-radius:8px;box-shadow:0 2px 6px #00000026;flex-shrink:0;font-size:2.5em;height:60px;justify-content:center;width:60px}.army-content{flex:1 1;min-width:0}.army-header{align-items:center;display:flex;gap:8px;justify-content:space-between;margin-bottom:8px}.remove-army-button{align-items:center;background:linear-gradient(135deg,#e74c3c,#c0392b);border:none;border-radius:50%;box-shadow:0 2px 4px #e74c3c4d;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:1.2em;font-weight:700;height:32px;justify-content:center;transition:all .2s ease;width:32px}.remove-army-button:hover{background:linear-gradient(135deg,#c0392b,#a93226);box-shadow:0 4px 8px #e74c3c80;transform:scale(1.1)}.army-count{color:#666;font-size:.9em;font-weight:600}.army-type{color:#333;font-size:1em;font-weight:600}.army-level{background:#e0e0e0;color:#666;font-size:.9em;padding:2px 8px}.army-stats{color:#555;display:flex;flex-wrap:wrap;font-size:.85em;gap:12px}.army-stats span{align-items:center;display:flex;gap:4px}.train-army-section{border-top:2px solid #e0e0e0;margin-top:20px;padding-top:20px}.train-army-section h5{color:#555;font-size:1em;margin:0 0 15px}.train-army-section .form-group{margin-bottom:15px}.train-army-section .form-group label{color:#333;display:block;font-size:.9em;font-weight:500;margin-bottom:6px}.train-army-section .form-group input,.train-army-section .form-group select{border:2px solid #e0e0e0;border-radius:6px;box-sizing:border-box;font-size:.95em;padding:8px 12px;transition:border-color .3s;width:100%}.army-selection-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));margin-top:10px}.army-selection-thumbnail{align-items:center;background:#f8f9fa;border:2px solid #e0e0e0;border-radius:8px;cursor:pointer;display:flex;flex-direction:column;padding:12px;text-align:center;transition:all .2s ease}.army-selection-thumbnail:hover{background:#f0f4ff;border-color:#667eea;box-shadow:0 4px 8px #667eea33;transform:translateY(-2px)}.army-selection-thumbnail.selected{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#667eea;box-shadow:0 4px 12px #667eea66;color:#fff}.army-thumbnail-icon{font-size:2.5em;margin-bottom:8px}.army-thumbnail-name{font-size:.9em;font-weight:600;margin-bottom:4px}.army-selection-thumbnail.selected .army-thumbnail-name{color:#fff}.army-thumbnail-level{background:#0000001a;border-radius:4px;color:#666;font-size:.8em;padding:2px 6px}.army-selection-thumbnail.selected .army-thumbnail-level{background:#fff3;color:#fff}.quantity-input-group{align-items:center;display:flex;gap:8px;width:100%}.quantity-button{align-items:center;background:#fff;border:2px solid #e0e0e0;border-radius:6px;cursor:pointer;display:flex;flex-shrink:0;font-size:1.5em;font-weight:700;height:40px;justify-content:center;transition:all .2s ease;width:40px}.quantity-button:hover:not(:disabled){box-shadow:0 2px 8px #00000026;transform:scale(1.1)}.quantity-button:active:not(:disabled){transform:scale(.95)}.quantity-button:disabled{cursor:not-allowed;opacity:.5;transform:none}.quantity-minus{border-color:#e74c3c;color:#e74c3c}.quantity-minus:hover:not(:disabled){background:#fee;border-color:#c0392b}.quantity-plus{border-color:#27ae60;color:#27ae60}.quantity-plus:hover:not(:disabled){background:#eafaf1;border-color:#229954}.quantity-input{border:2px solid #e0e0e0;border-radius:6px;box-sizing:border-box;flex:1 1;font-size:.95em;padding:8px 12px;text-align:center;transition:border-color .3s}.quantity-input:focus,.train-army-section .form-group input:focus,.train-army-section .form-group select:focus{border-color:#667eea;outline:none}.train-army-section .form-group input:disabled,.train-army-section .form-group select:disabled{background-color:#f5f5f5;cursor:not-allowed}.army-training-costs{background:#f8f9fa;border-radius:6px;margin:15px 0;padding:12px}.army-training-costs .detail-label{display:block;margin-bottom:8px}.train-army-button{background:linear-gradient(135deg,#8b0000,brown);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1em;font-weight:700;margin-top:15px;padding:12px 24px;transition:transform .2s,box-shadow .2s;width:100%}.train-army-button:hover:not(:disabled){box-shadow:0 5px 15px #8b000066;transform:translateY(-2px)}.train-army-button:disabled{cursor:not-allowed;opacity:.5}.collect-button{background:linear-gradient(135deg,#27ae60,#2ecc71);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1em;font-weight:700;margin-top:15px;padding:12px 24px;transition:transform .2s,box-shadow .2s;width:100%}.collect-button:hover{box-shadow:0 5px 15px #27ae6066;transform:translateY(-2px)}.collect-button:active{transform:translateY(0)}.finish-button{background:linear-gradient(135deg,#9b59b6,#8e44ad);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1em;font-weight:700;margin-top:15px;padding:12px 24px;transition:transform .2s,box-shadow .2s;width:100%}.finish-button:hover:not(:disabled){box-shadow:0 5px 15px #9b59b666;transform:translateY(-2px)}.finish-button:disabled{cursor:not-allowed;opacity:.5}.treasure-modal{max-width:600px;min-width:500px}.treasures-list{max-height:60vh;overflow-y:auto;padding:24px}.treasure-item{align-items:center;background:linear-gradient(135deg,#fff,#f8f9fa);border:2px solid #e8e8e8;border-radius:14px;box-shadow:0 2px 8px #0000000f;display:flex;gap:18px;margin-bottom:15px;padding:20px}.treasure-icon{flex-shrink:0;font-size:3em}.treasure-info{flex:1 1}.treasure-name{color:#2c3e50;font-size:1.2em;font-weight:600;margin-bottom:6px}.treasure-description{color:#555;font-size:.95em;margin-bottom:8px}.treasure-amount{color:#9b59b6;font-size:1em;font-weight:700}.no-treasures{color:#95a5a6;font-size:1.15em;font-weight:500;padding:60px 40px;text-align:center}.email-password-modal{background:#fff;border-radius:15px;box-shadow:0 10px 40px #0000004d;max-width:550px;min-width:450px}.email-password-form{padding:24px}.form-description{color:#555;font-size:.95em;line-height:1.6;margin-bottom:24px}.form-group{margin-bottom:20px}.form-group label{color:#333;display:block;font-size:.95em;font-weight:500;margin-bottom:8px}.form-group input{border:2px solid #e0e0e0;border-radius:8px;box-sizing:border-box;font-size:1em;padding:12px 16px;transition:border-color .3s,box-shadow .3s;width:100%}.form-group input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.form-group input:disabled{background-color:#f5f5f5;cursor:not-allowed}.form-error{background-color:#fee;border:1px solid #fcc;border-radius:6px;color:#e74c3c;font-size:.9em;margin-bottom:10px;margin-top:-10px;padding:8px}.form-actions{display:flex;gap:12px;justify-content:space-between;margin-top:24px}.save-button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;box-shadow:0 4px 12px #667eea4d;color:#fff;cursor:pointer;font-size:1em;font-weight:600;padding:12px 32px;transition:transform .2s,box-shadow .2s}.save-button:hover:not(:disabled){box-shadow:0 6px 16px #667eea66;transform:translateY(-2px)}.save-button:active:not(:disabled){transform:translateY(0)}.save-button:disabled{cursor:not-allowed;opacity:.6;transform:none}.exit-form-button{background:linear-gradient(135deg,#e74c3c,#c0392b);border:none;border-radius:8px;box-shadow:0 4px 12px #e74c3c4d;color:#fff;cursor:pointer;font-size:1em;font-weight:600;padding:12px 32px;transition:transform .2s,box-shadow .2s}.exit-form-button:hover:not(:disabled){background:linear-gradient(135deg,#c0392b,#a93226);box-shadow:0 6px 16px #e74c3c80;transform:translateY(-2px)}.exit-form-button:active:not(:disabled){transform:translateY(0)}.exit-form-button:disabled{cursor:not-allowed;opacity:.6;transform:none}.floating-player-info{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border-radius:15px;box-shadow:0 8px 32px #0000004d;display:flex;flex-direction:row;gap:15px;left:20px;min-width:280px;padding:15px;position:fixed;top:20px;z-index:100}.player-avatar{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;box-shadow:0 4px 12px #0003;display:flex;flex-shrink:0;font-size:3em;height:70px;justify-content:center;width:70px}.player-info-right{display:flex;flex:1 1;flex-direction:column;gap:8px;min-width:0}.player-name{color:#333;font-size:1.1em;font-weight:700;overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap}.player-stats{display:flex;flex-direction:column;gap:6px}.floating-player-info .power-display{align-items:center;background:linear-gradient(135deg,#2c3e50,#34495e);border-radius:6px;box-shadow:0 2px 8px #0003;color:#fff;display:flex;font-size:.9em;font-weight:700;gap:6px;padding:6px 12px;width:-webkit-fit-content;width:fit-content}.floating-player-info .power-label{font-size:1em}.floating-player-info .power-value{font-size:.95em}.level-display{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:6px;box-shadow:0 2px 8px #0003;color:#fff;display:flex;font-size:.9em;font-weight:700;gap:6px;padding:6px 12px;width:-webkit-fit-content;width:fit-content}.level-label{font-size:.85em;opacity:.9}.level-value{font-size:.95em}.floating-resources{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border-radius:15px;box-shadow:0 8px 32px #0000004d;display:flex;flex-direction:column;gap:12px;min-width:220px;padding:20px;position:fixed;right:20px;top:20px;z-index:100}.floating-resources .resource-item{display:flex;flex-direction:column;gap:6px}.floating-resources .resource-header{align-items:center;color:#333;display:flex;font-size:.95em;font-weight:600;justify-content:space-between}.floating-resources .resource-amount{color:#666;font-size:.85em;font-weight:500}.floating-resources .resource-volume-bar{background:#e0e0e0;border-radius:5px;box-shadow:inset 0 1px 2px #0000001a;height:10px;overflow:hidden;position:relative;width:100%}.left-menu-container{left:20px;position:fixed;top:160px;z-index:102}.left-menu-toggle-button{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:none;border-radius:50%;box-shadow:0 8px 32px #0000004d;color:#333;cursor:pointer;display:flex;font-size:1.5em;font-weight:700;height:50px;justify-content:center;transition:all .3s ease;width:50px}.left-menu-toggle-button:hover{background:#fff;box-shadow:0 12px 40px #0006;transform:scale(1.1)}.left-menu-dropdown{animation:slideDown .2s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffffa;border-radius:12px;box-shadow:0 8px 32px #0000004d;display:flex;flex-direction:column;gap:4px;left:0;min-width:200px;padding:8px;position:absolute;top:60px}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.left-menu-item{align-items:center;background:#0000;border:none;border-radius:8px;color:#333;cursor:pointer;display:flex;font-size:1em;font-weight:500;gap:12px;padding:12px 16px;text-align:left;transition:all .2s ease;width:100%}.left-menu-item:hover{background:#667eea1a;color:#667eea}.left-menu-item.exit-item{color:#e74c3c}.left-menu-item.exit-item:hover{background:#e74c3c1a;color:#c0392b}.left-menu-item .menu-icon{align-items:center;display:flex;font-size:1.2em;justify-content:center;width:24px}.left-menu-item .menu-text{flex:1 1}.left-chat-toggle{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#2ecc71e6;border:none;border-radius:0 20px 20px 0;box-shadow:4px 0 20px #0000004d;color:#fff;cursor:pointer;display:flex;font-size:1.5em;font-weight:700;height:80px;justify-content:center;left:0;padding:0;position:fixed;top:50%;transform:translateY(-50%);transition:left .3s ease,background .3s ease,width .3s ease;width:40px;z-index:3000}.left-chat-toggle:hover{background:#2ecc71;box-shadow:6px 0 25px #2ecc7180;width:45px}.left-chat-toggle.open{left:300px}.left-chat-toggle .arrow-icon{display:inline-block;transition:transform .3s ease}.left-chat-toggle.open .arrow-icon{transform:rotate(180deg)}.chat-notification-badge{align-items:center;animation:chatBadgePulse 2s infinite;background:#e74c3c;border:2px solid #fff;border-radius:50%;box-shadow:0 2px 8px #e74c3c99;color:#fff;display:flex;font-size:.7em;font-weight:700;height:20px;justify-content:center;line-height:1;min-width:20px;padding:0 6px;position:absolute;right:8px;top:8px;z-index:10}@keyframes chatBadgePulse{0%,to{box-shadow:0 2px 8px #e74c3c99;transform:scale(1)}50%{box-shadow:0 4px 12px #e74c3ccc;transform:scale(1.1)}}.left-chat-sidebar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffffa;box-shadow:2px 0 20px #0003;display:flex;flex-direction:column;height:100vh;left:0;overflow:hidden;position:fixed;top:0;transform:translateX(-100%);transition:transform .3s ease;width:300px;z-index:3000}.left-chat-sidebar.open{transform:translateX(0)}.left-chat-header{align-items:center;background:linear-gradient(135deg,#2ecc71,#27ae60);border-bottom:2px solid #e8e8e8;color:#fff;display:flex;flex-shrink:0;justify-content:space-between;padding:20px}.left-chat-header h3{font-size:1.3em;font-weight:600;margin:0}.left-chat-close-button{align-items:center;background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1.8em;font-weight:300;height:36px;justify-content:center;padding:0;transition:all .2s;width:36px}.left-chat-close-button:hover{background:#ffffff4d;transform:rotate(90deg)}.left-chat-messages{background:#f8f9fa;display:flex;flex:1 1;flex-direction:column;gap:12px;overflow-y:auto;padding:15px}.no-chat-messages{color:#999;font-style:italic;padding:40px 20px;text-align:center}.chat-message{background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;padding:10px 12px}.chat-message-group{display:flex;flex-direction:column;margin-bottom:12px}.chat-message-group.own-message,.chat-message-group.own-message .chat-messages-list{align-items:flex-end}.chat-message-header{align-items:center;display:flex;font-size:.85em;gap:8px;margin-bottom:6px}.chat-username{color:#2c3e50;font-weight:700}.chat-level{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:4px;color:#fff;font-size:.75em;font-weight:600;padding:2px 6px}.chat-time{color:#999;font-size:.8em;margin-left:auto}.chat-message-item,.chat-messages-list{display:flex;flex-direction:column;gap:4px}.chat-message-group.own-message .chat-message-item{align-items:flex-end}.chat-message-group.own-message .chat-message-text{word-wrap:break-word;background:linear-gradient(135deg,#2ecc71,#27ae60);border-radius:12px;box-shadow:0 1px 3px #0000001a;color:#fff;max-width:90%;min-width:200px;padding:8px 12px}.chat-message-group:not(.own-message) .chat-message-text{word-wrap:break-word;background:#f0f0f0;border-radius:12px;color:#333;max-width:70%;padding:8px 12px}.chat-message-text{word-wrap:break-word;font-size:.9em;line-height:1.4}.chat-message-footer{align-items:center;display:flex;font-size:.75em;gap:6px;margin-top:2px}.chat-message-footer .chat-time{color:#999;margin-left:0;order:1}.chat-message-footer .chat-avatar{font-size:1em;order:2}.left-chat-input-container{background:#fff;border-top:2px solid #e8e8e8;display:flex;flex-shrink:0;gap:8px;padding:15px}.left-chat-input{border:1px solid #ddd;border-radius:6px;flex:1 1;font-size:.9em;outline:none;padding:10px 12px;transition:border-color .2s}.left-chat-input:focus{border-color:#2ecc71}.left-chat-send-button{background:linear-gradient(135deg,#2ecc71,#27ae60);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.9em;font-weight:700;padding:10px 20px;transition:all .2s}.left-chat-send-button:hover:not(:disabled){background:linear-gradient(135deg,#27ae60,#2ecc71);box-shadow:0 2px 8px #2ecc714d;transform:translateY(-1px)}.left-chat-send-button:disabled{cursor:not-allowed;opacity:.5}.right-menu-toggle{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#667eeae6;border:none;border-radius:20px 0 0 20px;box-shadow:-4px 0 20px #0000004d;color:#fff;cursor:pointer;display:flex;font-size:1.5em;font-weight:700;height:80px;justify-content:center;padding:0;position:fixed;right:0;top:50%;transform:translateY(-50%);transition:right .3s ease,background .3s ease,width .3s ease;width:40px;z-index:102}.right-menu-toggle:hover{background:#667eea;box-shadow:-6px 0 25px #667eea80;width:45px}.right-menu-toggle.open{right:250px}.right-menu-toggle .arrow-icon{display:inline-block;transition:transform .3s ease}.right-menu-toggle.open .arrow-icon{transform:rotate(180deg)}.right-sidebar-menu{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffffa;box-shadow:-2px 0 20px #0003;display:flex;flex-direction:column;height:100vh;overflow:hidden;position:fixed;right:0;top:0;transform:translateX(100%);transition:transform .3s ease;width:250px;z-index:101}.right-sidebar-menu.open{transform:translateX(0)}.right-menu-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-bottom:2px solid #e8e8e8;color:#fff;display:flex;flex-shrink:0;justify-content:space-between;padding:20px}.right-menu-header h3{font-size:1.3em;font-weight:600;margin:0}.right-menu-close-button{align-items:center;background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1.8em;font-weight:300;height:36px;justify-content:center;padding:0;transition:all .2s;width:36px}.right-menu-close-button:hover{background:#ffffff4d;transform:rotate(90deg)}.right-menu-list{display:flex;flex:1 1;flex-direction:column;gap:12px;overflow-y:auto;padding:20px}.right-menu-item{align-items:center;background:#0000;border:none;border-radius:12px;color:#333;cursor:pointer;display:flex;font-size:1.1em;font-weight:500;gap:16px;padding:16px 20px;text-align:left;transition:all .2s ease;width:100%}.right-menu-item:hover{background:#667eea1a;color:#667eea;transform:translateX(-5px)}.right-menu-item .menu-icon{align-items:center;display:flex;font-size:1.3em;justify-content:center;width:30px}.right-menu-item .menu-text{flex:1 1}.army-shop-modal{max-width:800px;min-width:600px}.army-shop-list{display:flex;flex-direction:column;gap:15px;max-height:60vh;overflow-y:auto;padding:24px}.army-shop-item{align-items:center;background:linear-gradient(135deg,#fff,#f8f9fa);border:2px solid #e8e8e8;border-radius:14px;box-shadow:0 2px 8px #0000000f;display:flex;gap:18px;padding:20px;transition:all .3s cubic-bezier(.4,0,.2,1)}.army-shop-item:hover{background:linear-gradient(135deg,#fff,#f0f4ff);border-color:#667eea;box-shadow:0 8px 24px #667eea40;transform:translateY(-4px)}.army-shop-icon{align-items:center;background:linear-gradient(135deg,#8b0000,brown);border-radius:12px;box-shadow:0 4px 8px #00000026;display:flex;flex-shrink:0;font-size:3em;height:80px;justify-content:center;width:80px}.army-shop-info{flex:1 1}.army-shop-name{align-items:center;color:#2c3e50;display:flex;font-size:1.2em;font-weight:600;gap:10px;margin-bottom:8px}.locked-badge{background:#e74c3c1a;border-radius:4px;color:#e74c3c;font-size:.85em;font-weight:500;padding:4px 8px}.army-shop-stats{color:#555;display:flex;flex-wrap:wrap;font-size:.9em;gap:15px;margin-bottom:10px}.army-shop-stats span{align-items:center;display:flex;gap:4px}.army-shop-stats-right{background:#f8f9fa;border:1px solid #e0e0e0;border-radius:8px;display:flex;flex-direction:column;gap:6px;margin-left:auto;margin-right:12px;min-width:140px;padding:12px}.army-stat-item{align-items:center;display:flex;font-size:.85em;justify-content:space-between;padding:4px 0}.army-stat-item.total-power{border-top:2px solid #e0e0e0;font-weight:600;margin-top:4px;padding-top:8px}.army-stat-item .stat-label{color:#666;font-size:.9em}.army-stat-item .stat-value{color:#333;font-size:1em;font-weight:600}.army-stat-item.total-power .stat-value{color:#667eea;font-size:1.1em}.army-shop-costs{display:flex;flex-direction:column;gap:8px}.army-payment-toggle{display:flex;gap:8px;margin-bottom:8px}.payment-option{background:#e0e0e0;border:2px solid #ccc;border-radius:6px;color:#666;cursor:pointer;font-size:.85em;font-weight:600;padding:6px 12px;transition:all .2s ease}.payment-option:hover{background:#d0d0d0;border-color:#999}.payment-option.active{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#667eea;color:#fff}.army-shop-costs .crystal-cost{background:linear-gradient(135deg,gold,#ffed4e);border-radius:5px;color:#333;font-size:.9em;font-weight:700;padding:4px 10px}.army-shop-costs span:not(.crystal-cost){background:#f8f9fa;border-radius:5px;font-size:.9em;font-weight:700;padding:4px 10px}.army-purchase-button{background:linear-gradient(135deg,#8b0000,brown);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1em;font-weight:700;padding:12px 24px;transition:transform .2s,box-shadow .2s;white-space:nowrap}.army-purchase-button:hover:not(:disabled){box-shadow:0 5px 15px #8b000066;transform:translateY(-2px)}.army-purchase-button:disabled{background:linear-gradient(135deg,#95a5a6,#7f8c8d);cursor:not-allowed;opacity:.5}.army-detail-popup{background:#f8f9fa;border-radius:12px;border-top:3px solid #667eea;margin-top:20px;padding:20px}.army-detail-popup h4{color:#333;font-size:1.1em;margin:0 0 15px}.army-power-details{display:flex;flex-direction:column;gap:10px}.power-stat{align-items:center;background:#fff;border:1px solid #e0e0e0;border-radius:6px;display:flex;justify-content:space-between;padding:8px 12px}.power-stat .power-label{color:#555;font-weight:500}.power-stat .power-value{color:#333;font-size:1.1em;font-weight:700}.no-armies{color:#95a5a6;font-size:1.15em;font-weight:500;padding:60px 40px;text-align:center}.army-shop-item.unlocked{background:linear-gradient(135deg,#d4edda,#c3e6cb);border-color:#28a745}.unlocked-badge{background:#28a7451a;border-radius:4px;color:#28a745;font-size:.85em;font-weight:500;margin-left:10px;padding:4px 8px}.army-shop-description{color:#666;font-size:.9em;font-style:italic;margin-bottom:8px}.no-unlocked-armies{background:#f8f9fa;border-radius:8px;color:#95a5a6;font-size:.95em;font-style:italic;margin-top:15px;padding:20px;text-align:center}.train-army-note{color:#666;font-size:.85em;font-style:italic;margin-top:10px;text-align:center}.training-queue-section{border-bottom:2px solid #e0e0e0;margin-bottom:20px;padding-bottom:20px}.training-queue-section h5{color:#555;font-size:1em;margin:0 0 15px}.queue-list{display:flex;flex-direction:column;gap:10px}.queue-item{align-items:center;background:#f8f9fa;border:1px solid #e0e0e0;border-radius:8px;display:flex;justify-content:space-between;padding:12px;transition:all .2s ease}.queue-item:hover{background:#f0f2f5;box-shadow:0 2px 4px #0000001a}.queue-item-info{display:flex;flex:1 1;flex-direction:column;gap:6px}.queue-item-header{align-items:center;display:flex;gap:10px;justify-content:space-between}.queue-army-name{color:#333;font-size:.95em;font-weight:600}.queue-status{border-radius:4px;font-size:.85em;font-weight:500;padding:4px 8px}.queue-item-progress{color:#666;display:flex;flex-direction:column;font-size:.85em;gap:4px}.training-progress-bar-container{margin-top:4px}.training-progress-bar{align-items:center;background:#0000001a;border-radius:4px;display:flex;height:20px;overflow:hidden;position:relative;width:100%}.training-progress-fill{background:linear-gradient(90deg,#3498db,#2980b9);border-radius:4px;height:100%;left:0;position:absolute;top:0;transition:width .3s ease}.training-progress-bar .progress-text{color:#2c3e50;font-size:.75em;font-weight:600;position:absolute;text-align:center;text-shadow:0 1px 2px #fffc;white-space:nowrap;width:100%;z-index:1}.cancel-queue-button{background:#e74c3c;border:none;border-radius:6px;color:#fff;cursor:pointer;flex-shrink:0;font-size:.85em;font-weight:500;padding:6px 12px;transition:all .2s ease}.cancel-queue-button:hover:not(:disabled){background:#c0392b;box-shadow:0 2px 4px #e74c3c4d;transform:translateY(-1px)}.cancel-queue-button:disabled{cursor:not-allowed;opacity:.5}.avatar-modal{max-width:600px;min-width:500px}.avatar-selection-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(6,1fr);max-height:60vh;overflow-y:auto;padding:24px}.avatar-option{align-items:center;background:#f8f9fa;border:2px solid #e0e0e0;border-radius:12px;cursor:pointer;display:flex;font-size:2em;height:60px;justify-content:center;transition:all .2s ease;width:60px}.avatar-option:hover{background:#e8edff;border-color:#667eea;transform:scale(1.1)}.avatar-option.selected{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#667eea;box-shadow:0 4px 12px #667eea66}.avatar-emoji{display:block}.chat-avatar{align-items:center;display:flex;flex-shrink:0;font-size:1.2em;height:28px;justify-content:center;width:28px}.leaderboard-modal{max-width:800px;min-width:600px}.leaderboard-content{padding:24px}.leaderboard-list{margin-bottom:20px;max-height:60vh;overflow-y:auto}.leaderboard-player-item{align-items:center;background:linear-gradient(135deg,#fff,#f8f9fa);border:2px solid #e0e0e0;border-radius:10px;display:flex;gap:15px;margin-bottom:12px;padding:15px;transition:all .3s ease}.leaderboard-player-item:hover{background:linear-gradient(135deg,#f8f9ff,#f0f4ff);border-color:#667eea;box-shadow:0 4px 12px #667eea33;transform:translateY(-2px)}.player-rank{color:#667eea;font-size:1.2em;font-weight:700;min-width:40px;text-align:center}.player-avatar-small{align-items:center;background:#f0f0f0;border-radius:50%;display:flex;flex-shrink:0;font-size:2em;height:50px;justify-content:center;width:50px}.player-info{flex:1 1}.player-username{color:#333;font-size:1.1em;font-weight:600;margin-bottom:4px}.player-stats-small{color:#666;display:flex;font-size:.9em;gap:15px}.attack-button{background:linear-gradient(135deg,#e74c3c,#c0392b);border:none;border-radius:8px;box-shadow:0 2px 8px #e74c3c4d;color:#fff;cursor:pointer;font-size:1em;font-weight:700;padding:10px 20px;transition:all .3s ease}.attack-button:hover{box-shadow:0 4px 12px #e74c3c66;transform:translateY(-2px)}.attack-button:active{transform:translateY(0)}.leaderboard-pagination{align-items:center;border-top:2px solid #e0e0e0;display:flex;gap:20px;justify-content:center;padding:20px 0}.pagination-button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.9em;font-weight:600;padding:8px 16px;transition:all .2s ease}.pagination-button:hover:not(:disabled){box-shadow:0 4px 12px #667eea4d;transform:translateY(-2px)}.pagination-button:disabled{cursor:not-allowed;opacity:.5}.pagination-info{color:#333;font-weight:600}.no-players{color:#95a5a6;font-size:1.15em;font-weight:500;padding:60px 40px;text-align:center}.attack-confirm-modal{max-width:600px;min-width:500px}.attack-confirm-content{padding:24px}.attack-target-info{align-items:center;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:12px;display:flex;gap:20px;margin-bottom:20px;padding:20px}.target-avatar{align-items:center;background:#fff;border-radius:50%;box-shadow:0 4px 12px #0000001a;display:flex;flex-shrink:0;font-size:3em;height:80px;justify-content:center;width:80px}.target-details{flex:1 1}.target-username{color:#333;font-size:1.5em;font-weight:700;margin-bottom:8px}.target-stats{color:#666;display:flex;font-size:1em;gap:20px}.attack-warning{background:#fff3cd;border:2px solid #ffc107;border-radius:8px;color:#856404;font-weight:500;margin-bottom:20px;padding:15px}.attack-actions{display:flex;gap:15px;justify-content:flex-end}.cancel-attack-button{background:#6c757d;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1em;font-weight:600;padding:12px 24px;transition:all .2s ease}.cancel-attack-button:hover{background:#5a6268;transform:translateY(-2px)}.confirm-attack-button{background:linear-gradient(135deg,#e74c3c,#c0392b);border:none;border-radius:8px;box-shadow:0 4px 12px #e74c3c4d;color:#fff;cursor:pointer;font-size:1em;font-weight:700;padding:12px 24px;transition:all .2s ease}.confirm-attack-button:hover{box-shadow:0 6px 16px #e74c3c66;transform:translateY(-2px)}.attack-button:disabled,.confirm-attack-button:disabled{background:#95a5a6;cursor:not-allowed;opacity:.5}.battlefield-overlay{align-items:center;background:#000000f2;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:5000}.battlefield-container{background:linear-gradient(135deg,#1a1a2e,#16213e);border-radius:20px;box-shadow:0 10px 40px #00000080;display:flex;flex-direction:column;max-height:95vh;max-width:1400px;overflow-y:auto;padding:30px;width:100%}.battlefield-header{align-items:center;background:#ffffff1a;border-radius:15px;display:flex;justify-content:space-between;margin-bottom:30px;padding:20px}.battle-participant{align-items:center;display:flex;flex:1 1;gap:15px}.battle-participant.attacker{justify-content:flex-start}.battle-participant.defender{flex-direction:row-reverse;justify-content:flex-end}.participant-avatar{align-items:center;background:#fff3;border:3px solid #ffffff4d;border-radius:50%;display:flex;font-size:3em;height:80px;justify-content:center;width:80px}.participant-info{color:#fff}.participant-name{font-size:1.5em;font-weight:700;margin-bottom:8px}.participant-armies{font-size:1em;opacity:.9}.battle-vs{color:#ff6b6b;font-size:2em;font-weight:700;padding:0 30px;text-shadow:0 0 10px #ff6b6b80}.battlefield-grid{grid-gap:2px;background:#0000004d;border-radius:10px;display:grid;flex-shrink:0;gap:2px;margin-bottom:20px;max-height:60vh;overflow:auto;padding:10px}.battlefield-cell{align-items:center;background:#ffffff1a;border:1px solid #fff3;border-radius:4px;display:flex;justify-content:center}.battlefield-cell.attacker-side{background:#2ecc7133;border-color:#2ecc7166}.battlefield-cell.defender-side{background:#e74c3c33;border-color:#e74c3c66}.battlefield-cell.battlefield-center{background:#ffffff0d;border-color:#ffffff1a;border-width:2px}.battle-army{align-items:center;display:flex;flex-direction:row;gap:2px;justify-content:center;position:relative;z-index:10}.army-icon{filter:drop-shadow(0 2px 4px rgba(0,0,0,.5));font-size:2em;transition:transform .2s ease}.battle-army.fighting .army-icon{animation:iconShake .3s infinite}@keyframes iconShake{0%,to{transform:translateX(0)}25%{transform:translateX(-3px) rotate(-5deg)}75%{transform:translateX(3px) rotate(5deg)}}.army-level{background:#00000080;border-radius:4px;color:#fff;font-size:.7em;font-weight:700;padding:2px 6px}@keyframes battleFight{0%{filter:brightness(1);transform:translateX(0) translateY(0) scale(1) rotate(0deg)}25%{filter:brightness(1.3);transform:translateX(8px) translateY(-4px) scale(1.15) rotate(5deg)}50%{filter:brightness(1);transform:translateX(0) translateY(0) scale(1) rotate(0deg)}75%{filter:brightness(1.3);transform:translateX(-8px) translateY(4px) scale(1.15) rotate(-5deg)}to{filter:brightness(1);transform:translateX(0) translateY(0) scale(1) rotate(0deg)}}.battle-army.fighting{animation:battleFight .6s ease-in-out infinite;position:relative}.battle-army.fighting:before{animation:attackPulse .6s infinite;background:radial-gradient(circle,#f009 0,#0000 70%);border-radius:50%;content:"";height:20px;left:50%;pointer-events:none;position:absolute;top:-10px;transform:translateX(-50%);width:20px}@keyframes attackPulse{0%,to{opacity:.6;transform:translateX(-50%) scale(1)}50%{opacity:1;transform:translateX(-50%) scale(1.5)}}.army-attack-indicator{animation:attackFlash .5s infinite;font-size:.8em;pointer-events:none;position:absolute;right:-10px;top:-15px;z-index:20}@keyframes attackFlash{0%,to{opacity:.8;transform:scale(1)}50%{opacity:1;transform:scale(1.3)}}.battlefield-actions{border-top:2px solid #fff3;display:flex;flex-shrink:0;justify-content:center;margin-top:auto;padding-top:20px}.exit-battle-button{background:linear-gradient(135deg,#6c757d,#5a6268);border:none;border-radius:8px;box-shadow:0 4px 12px #0000004d;color:#fff;cursor:pointer;font-size:1.1em;font-weight:700;padding:12px 32px;transition:all .3s ease}.exit-battle-button:hover{box-shadow:0 6px 16px #0006;transform:translateY(-2px)}.battle-preview-modal{max-width:800px;min-width:600px}.battle-preview-content{padding:24px}.preview-participants{align-items:center;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:12px;display:flex;justify-content:space-between;margin-bottom:30px;padding:20px}.preview-participant{align-items:center;display:flex;flex:1 1;gap:15px}.preview-participant.attacker{justify-content:flex-start}.preview-participant.defender{flex-direction:row-reverse;justify-content:flex-end}.preview-avatar{align-items:center;background:#fff;border-radius:50%;box-shadow:0 4px 12px #0000001a;display:flex;flex-shrink:0;font-size:3em;height:80px;justify-content:center;width:80px}.preview-info{flex:1 1}.preview-username{color:#333;font-size:1.5em;font-weight:700;margin-bottom:8px}.preview-stats{color:#666;display:flex;flex-direction:column;font-size:1em;gap:4px}.preview-vs{color:#667eea;font-size:2em;font-weight:700;padding:0 20px}.preview-actions{display:flex;gap:15px;justify-content:flex-end}.cancel-preview-button{background:#6c757d;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1em;font-weight:600;padding:12px 24px;transition:all .2s ease}.cancel-preview-button:hover{background:#5a6268;transform:translateY(-2px)}.start-battle-button{background:linear-gradient(135deg,#e74c3c,#c0392b);border:none;border-radius:8px;box-shadow:0 4px 12px #e74c3c4d;color:#fff;cursor:pointer;font-size:1.1em;font-weight:700;padding:12px 32px;transition:all .2s ease}.start-battle-button:hover:not(:disabled){box-shadow:0 6px 16px #e74c3c66;transform:translateY(-2px)}.start-battle-button:disabled{cursor:not-allowed;opacity:.6}.battle-result-summary{background:#ffffff1a;border-radius:12px;color:#fff;margin-bottom:20px;padding:20px;text-align:center}.result-winner{color:gold;font-size:2em;font-weight:700;margin-bottom:15px;text-shadow:0 0 10px #ffd70080}.result-stats{display:flex;font-size:1.1em;gap:30px;justify-content:center;opacity:.9}.participant-armies .kills{color:#ff6b6b;font-weight:700}.participant-points{font-size:.9em;margin-top:4px;opacity:.8}.battle-winner{color:gold;font-size:1.5em;font-weight:700;text-shadow:0 0 10px #ffd70080}.battle-result-badge{border-radius:6px;display:inline-block;font-size:1.2em;font-weight:700;margin-top:8px;padding:4px 12px}.battle-result-badge:contains("WINNER"){background:#ffd70033;color:gold}.battle-result-badge:contains("DEFEATED"){background:#e74c3c33;color:#e74c3c}.battle-rewards{background:#2ecc7133;border-radius:8px;color:#2ecc71;font-weight:600;margin-top:15px;padding:10px}.army-health{background:#0009;border-radius:4px;color:#fff;font-size:.6em;font-weight:700;margin:0;padding:2px 4px;white-space:nowrap;z-index:1}.battle-army.attacker-army .army-health{margin-right:-2px;order:-1}.battle-army.defender-army .army-health{margin-left:-2px;order:1}.surrender-battle-button{background:linear-gradient(135deg,#6c757d,#5a6268);border:none;border-radius:8px;box-shadow:0 4px 12px #0000004d;color:#fff;cursor:pointer;font-size:1.1em;font-weight:700;padding:12px 32px;transition:all .3s ease}.surrender-battle-button:hover{box-shadow:0 6px 16px #0006;transform:translateY(-2px)}.battle-army.entering{animation:armyEnter 2s ease-out forwards;opacity:0}@keyframes armyEnter{0%{opacity:0;transform:translateY(100px) scale(.5)}to{opacity:1;transform:translateY(0) scale(1)}}.battle-army.attacking{animation:jumpToTarget .5s ease-in-out;filter:brightness(1.3);z-index:10}@keyframes jumpToTarget{0%{filter:brightness(1);transform:translate(0)}50%{filter:brightness(1.8);transform:translate(0) scale(1.2);transform:translate(var(--jump-x,0),var(--jump-y,0)) scale(1.2)}to{filter:brightness(1.3);transform:translate(0)}}.damage-number{animation:damageFloat 1s ease-out forwards;color:#f44;font-size:1.5em;font-weight:700;left:50%;pointer-events:none;position:absolute;text-shadow:0 0 10px #f44c,0 2px 4px #000c;top:50%;transform:translate(-50%,-50%);z-index:100}@keyframes damageFloat{0%{opacity:1;transform:translate(-50%,-50%) translateY(0) scale(1)}to{opacity:0;transform:translate(-50%,-50%) translateY(-50px) scale(1.5)}}.battle-army.dead{animation:armyDeath .8s ease-out forwards}@keyframes armyDeath{0%{filter:brightness(1);opacity:1;transform:scale(1) rotate(0deg)}50%{filter:brightness(.5) grayscale(100%);opacity:.5;transform:scale(.8) rotate(180deg)}to{filter:brightness(0) grayscale(100%);opacity:0;transform:scale(0) rotate(1turn)}}.battlefield-cell{position:relative}.building-context-menu-overlay{background:#0000004d;bottom:0;left:0;position:fixed;right:0;top:0;z-index:2500}.building-context-menu{background:#fff;border-radius:8px;box-shadow:0 4px 12px #0000004d;min-width:150px;padding:8px;position:fixed;z-index:2501}.context-menu-item{align-items:center;background:#0000;border:none;border-radius:4px;cursor:pointer;display:flex;font-size:14px;gap:10px;padding:10px 15px;text-align:left;transition:background-color .2s;width:100%}.context-menu-item:hover:not(:disabled){background:#f0f0f0}.context-menu-item:disabled{cursor:not-allowed;opacity:.5}.context-menu-icon{font-size:18px}.context-menu-text{flex:1 1}.upgrade-modal{max-width:500px;width:90%}.upgrade-modal-content{padding:20px}.upgrade-building-info{margin-bottom:20px;text-align:center}.upgrade-building-name{color:#333;font-size:1.5em;font-weight:700;margin-bottom:10px}.upgrade-level-info{color:#666;font-size:1.2em}.upgrade-costs-section,.upgrade-info-section,.upgrade-time-section{margin-bottom:20px}.upgrade-costs-section h4,.upgrade-info-section h4,.upgrade-time-section h4{color:#333;font-size:1.1em;margin-bottom:10px}.upgrade-costs{background:#f9f9f9;border-radius:6px;display:flex;flex-wrap:wrap;gap:15px;padding:10px}.upgrade-costs span{background:#fff;border-radius:4px;color:#333;font-weight:700;padding:5px 10px}.upgrade-time{color:#333;font-size:1.1em;font-weight:700;text-align:center}.upgrade-info,.upgrade-time{background:#f9f9f9;border-radius:6px;padding:10px}.upgrade-info{color:#666;line-height:1.6}.upgrade-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:20px}.cancel-upgrade-button,.confirm-upgrade-button{border:none;border-radius:6px;cursor:pointer;font-size:1em;font-weight:700;padding:10px 20px;transition:all .2s}.cancel-upgrade-button{background:#e0e0e0;color:#333}.cancel-upgrade-button:hover{background:#d0d0d0}.confirm-upgrade-button{background:linear-gradient(135deg,#2ecc71,#27ae60);color:#fff}.confirm-upgrade-button:hover:not(:disabled){background:linear-gradient(135deg,#27ae60,#229954);box-shadow:0 4px 8px #0003;transform:translateY(-1px)}.confirm-upgrade-button:disabled{cursor:not-allowed;opacity:.5}.treasure-box-modal{max-height:80vh;max-width:800px;min-width:600px}.treasure-boxes-list{display:flex;flex-direction:column;gap:15px;max-height:60vh;overflow-y:auto;padding:24px}.no-treasure-boxes{color:#95a5a6;font-size:1.15em;font-weight:500;padding:60px 40px;text-align:center}.treasure-box-item{align-items:center;background:linear-gradient(135deg,#fff,#f8f9fa);border:2px solid #e0e0e0;border-radius:12px;display:flex;gap:20px;padding:20px;transition:all .3s ease}.treasure-box-item:hover{background:linear-gradient(135deg,#fffef5,#fff9e6);border-color:gold;box-shadow:0 4px 12px #ffd70033;transform:translateY(-2px)}.treasure-box-icon{align-items:center;background:linear-gradient(135deg,gold,#ffed4e);border-radius:12px;box-shadow:0 4px 12px #ffd7004d;display:flex;flex-shrink:0;font-size:3em;height:70px;justify-content:center;width:70px}.treasure-box-info{display:flex;flex:1 1;flex-direction:column;gap:8px}.treasure-box-name{color:#333;font-size:1.2em;font-weight:600;margin-bottom:4px}.treasure-box-reward{align-items:center;color:#2ecc71;display:flex;font-size:1.1em;font-weight:700;gap:8px}.treasure-box-expires,.treasure-box-time{align-items:center;color:#666;display:flex;font-size:.9em;gap:6px}.treasure-box-digging{align-items:center;color:#f39c12;display:flex;font-size:.9em;font-weight:500;gap:6px}.collect-treasure-box-button{background:linear-gradient(135deg,gold,#ffed4e);border:none;border-radius:8px;box-shadow:0 2px 8px #ffd7004d;color:#333;cursor:pointer;flex-shrink:0;font-size:1em;font-weight:700;padding:12px 24px;transition:all .3s ease;white-space:nowrap}.collect-treasure-box-button:hover:not(:disabled){background:linear-gradient(135deg,#ffed4e,gold);box-shadow:0 4px 12px #ffd70066;transform:translateY(-2px)}.collect-treasure-box-button:disabled{background:#95a5a6;box-shadow:none;cursor:not-allowed;opacity:.5}.treasure-box-detail-modal{max-width:600px;min-width:500px}.treasure-box-detail-content{align-items:center;display:flex;flex-direction:column;gap:24px;padding:24px}.treasure-box-detail-icon{align-items:center;background:linear-gradient(135deg,gold,#ffed4e);border-radius:20px;box-shadow:0 8px 24px #ffd70066;display:flex;font-size:5em;height:120px;justify-content:center;margin-bottom:10px;width:120px}.treasure-box-detail-info{display:flex;flex-direction:column;gap:20px;width:100%}.treasure-box-detail-reward{background:linear-gradient(135deg,#d4edda,#c3e6cb);border:2px solid #28a745;border-radius:12px;padding:20px;text-align:center}.reward-label{color:#155724;font-size:.9em;font-weight:600;letter-spacing:1px;margin-bottom:10px;text-transform:uppercase}.reward-amount{align-items:center;color:#155724;display:flex;font-size:1.8em;font-weight:700;gap:10px;justify-content:center}.treasure-box-expires-info{background:#fff3cd;border:2px solid #ffc107;border-radius:8px;padding:15px}.expires-label{color:#856404;font-size:.9em;font-weight:600;margin-bottom:6px}.expires-time{color:#856404;font-size:1em;font-weight:500}.treasure-box-digging-info{background:#d1ecf1;border:2px solid #17a2b8;border-radius:8px;padding:15px}.digging-label{color:#0c5460;font-size:1em;font-weight:600;margin-bottom:8px}.digging-time{color:#0c5460;font-size:.95em;font-weight:500}.treasure-box-dig-costs{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border:2px solid #e0e0e0;border-radius:12px;padding:20px;width:100%}.dig-costs-label{color:#333;font-size:1.1em;font-weight:600;margin-bottom:12px;text-align:center}.dig-costs{display:flex;flex-wrap:wrap;gap:15px;justify-content:center;margin-bottom:15px}.dig-costs span{background:#fff;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 2px 4px #0000001a;color:#333;font-size:1em;font-weight:700;padding:8px 16px}.dig-time-info{background:#fff;border-radius:6px;color:#666;font-size:.95em;font-weight:500;margin-bottom:15px;padding:10px;text-align:center}.dig-treasure-box-button{background:linear-gradient(135deg,gold,#ffed4e);border:none;border-radius:8px;box-shadow:0 4px 12px #ffd7004d;color:#333;cursor:pointer;font-size:1.1em;font-weight:700;padding:14px 24px;transition:all .3s ease;width:100%}.dig-treasure-box-button:hover:not(:disabled){background:linear-gradient(135deg,#ffed4e,gold);box-shadow:0 6px 16px #ffd70066;transform:translateY(-2px)}.dig-treasure-box-button:disabled{background:#95a5a6;box-shadow:none;cursor:not-allowed;opacity:.5}.battle-history-modal{max-height:85vh;max-width:900px;min-width:700px}.battle-history-content{max-height:70vh;overflow-y:auto;padding:24px}.battle-history-list{display:flex;flex-direction:column;gap:15px}.battle-history-item{background:linear-gradient(135deg,#fff,#f8f9fa);border:2px solid #e0e0e0;border-radius:12px;padding:20px;transition:all .3s ease}.battle-history-item.victory{background:linear-gradient(135deg,#d4edda,#c3e6cb);border-color:#2ecc71}.battle-history-item.defeat{background:linear-gradient(135deg,#f8d7da,#f5c6cb);border-color:#e74c3c}.battle-history-item:hover{box-shadow:0 6px 12px #00000026;transform:translateY(-2px)}.battle-history-header{align-items:center;border-bottom:1px solid #0000001a;display:flex;justify-content:space-between;margin-bottom:15px;padding-bottom:15px}.battle-history-opponent{align-items:center;display:flex;gap:12px}.opponent-avatar{font-size:2em}.opponent-username{color:#333;font-size:1.3em;font-weight:700}.battle-history-result{border-radius:20px;font-size:1.1em;font-weight:700;padding:8px 16px}.victory-badge{background:linear-gradient(135deg,#2ecc71,#27ae60);box-shadow:0 2px 8px #2ecc714d;color:#fff}.defeat-badge{background:linear-gradient(135deg,#e74c3c,#c0392b);box-shadow:0 2px 8px #e74c3c4d;color:#fff}.battle-history-stats{display:flex;flex-direction:column;gap:12px;margin-bottom:15px}.battle-stat-row{gap:20px}.battle-stat,.battle-stat-row{display:flex;justify-content:space-between}.battle-stat{align-items:center;background:#ffffffb3;border:1px solid #0000001a;border-radius:8px;flex:1 1;padding:10px 15px}.stat-label{color:#555;font-size:.95em;font-weight:600}.stat-value{color:#333;font-size:1.05em;font-weight:700}.stat-value.positive{color:#2ecc71}.stat-value.negative{color:#e74c3c}.battle-history-time{color:#888;font-size:.85em;font-style:italic;text-align:right}.no-battle-history{color:#95a5a6;font-size:1.15em;font-weight:500;padding:60px 40px;text-align:center}.research-armies-list{display:flex;flex-direction:column;gap:20px;max-height:500px;overflow-y:auto;padding:10px 0}.research-army-item{background:#ffffffe6;border:2px solid #4a148c;border-radius:12px;display:flex;flex-direction:column;gap:15px;padding:15px}.research-army-header{align-items:center;border-bottom:1px solid #4a148c33;display:flex;gap:12px;padding-bottom:10px}.research-army-icon{align-items:center;background:#4a148c1a;border-radius:8px;display:flex;font-size:32px;height:48px;justify-content:center;width:48px}.research-army-info{flex:1 1}.research-army-name{color:#4a148c;font-size:1.1em;font-weight:700;margin-bottom:4px}.research-army-level{color:#666;font-size:.9em}.research-army-stats{display:flex;flex-direction:column;gap:12px}.research-stat-row{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,1fr)}.research-stat-item{background:#4a148c0d;border:1px solid #4a148c1a;border-radius:8px;display:flex;flex-direction:column;gap:6px;padding:10px}.research-stat-item .stat-label{color:#555;font-size:.9em;font-weight:600}.research-stat-item .stat-value{color:#4a148c;font-size:1.1em;font-weight:700}.upgrade-badge{color:#2ecc71;font-size:.85em;font-weight:600;margin-left:4px}.upgrade-stat-button{background:linear-gradient(135deg,#4a148c,#6a1b9a);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.9em;margin-top:4px;padding:6px 12px;transition:all .2s;width:-webkit-fit-content;width:fit-content}.upgrade-stat-button:hover:not(:disabled){background:linear-gradient(135deg,#6a1b9a,#8e24aa);box-shadow:0 2px 6px #4a148c4d;transform:translateY(-1px)}.upgrade-stat-button:disabled{background:#ccc;cursor:not-allowed;opacity:.6}.stat-upgrade-cost{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px}.cost-small{background:#0000000d;color:#666}.cost-small,.crystal-cost-small{border-radius:4px;font-size:.8em;padding:2px 6px}.crystal-cost-small{background:#9b59b61a;color:#9b59b6;font-weight:600}.research-upgrade-payment-toggle{background:#4a148c0d;border:1px solid #4a148c1a;border-radius:8px;padding:10px}.research-upgrade-payment-toggle .payment-toggle-label{align-items:center;color:#555;cursor:pointer;display:flex;font-size:.9em;gap:8px}.research-army-item .army-avatar{align-items:center;background:#4a148c1a;border-radius:8px;display:flex;flex-shrink:0;font-size:2.5em;height:60px;justify-content:center;width:60px}.research-army-item .army-info{display:flex;flex:1 1;flex-direction:column;gap:4px}.research-army-item .army-name{color:#4a148c;font-size:1.1em;font-weight:700}.research-army-item .army-stats-current{color:#555;display:flex;flex-wrap:wrap;font-size:.85em;gap:12px}.research-army-item .army-stats-current span{align-items:center;display:flex;gap:4px}.research-army-item .army-upgrade-options{display:flex;flex-direction:column;gap:12px;margin-top:10px}.research-army-item .stat-upgrade-item{align-items:center;background:#4a148c0d;border:1px solid #4a148c1a;border-radius:8px;display:flex;gap:10px;padding:10px}.research-army-item .stat-upgrade-item .stat-label{color:#555;font-size:.9em;font-weight:600;min-width:80px}.research-army-item .stat-upgrade-costs{display:flex;flex:1 1;flex-wrap:wrap;gap:6px}.research-army-item .stat-upgrade-costs span{background:#0000000d;border-radius:4px;color:#666;font-size:.8em;padding:2px 6px}.research-army-item .stat-upgrade-costs .no-crystal-cost{color:#999;font-style:italic}.research-army-item .upgrade-payment-toggle{background:#4a148c0d;border:1px solid #4a148c1a;border-radius:8px;margin-top:10px;padding:10px}.research-army-item .upgrade-payment-toggle label{align-items:center;color:#555;cursor:pointer;display:flex;font-size:.9em;gap:8px}.research-army-item .upgrade-payment-toggle input[type=checkbox]{cursor:pointer}.research-army-item .no-armies{color:#95a5a6;font-size:1em;font-style:italic;padding:40px 20px;text-align:center}.App{align-items:center;display:flex;justify-content:center;min-height:100vh;width:100%}
/*# sourceMappingURL=main.78666d86.css.map*/