:root{--roman-red:#8b0000;--roman-gold:#daa520;--ivory:beige;--ivory-light:#fffef7;--marble-white:beige;--marble-grey:#d3d3d3;--bronze:#cd7f32;--terra-cotta:#e2725b;--olive:olive;--parchment:khaki;--bg-primary:#2f1b14;--bg-secondary:#8b7355;--bg-tertiary:#5a4631;--bg-light:#f5f1e8;--accent-primary:var(--ivory);--accent-secondary:var(--bronze);--border-primary:var(--bg-secondary);--border-accent:var(--ivory);--text-primary:#2c1810;--text-secondary:#5a4631;--text-light:var(--marble-white);--text-accent:var(--roman-gold);--hover-gold:var(--ivory-light);--hover-red:#a50000;--hover-green:#1e7e34;--active-bronze:#b8860b;--roman-green:#228b22;--wood-color:#8b4513;--stone-color:#708090;--iron-color:#556b2f;--gold-color:var(--roman-gold);--food-color:peru;--research-color:#9370db;--font-primary:"TrajanPro-Regular","Times New Roman",serif;--font-bold:"TrajanPro-Bold","Times New Roman",serif;--font-italic:"antique roman italick","Times New Roman",serif;--shadow-light:0 2px 4px #0000001a;--shadow-medium:0 4px 8px #00000026;--shadow-heavy:0 8px 16px #00000040;--shadow-inset:inset 0 2px 4px #0000001a;--border-radius-small:4px;--border-radius-medium:8px;--border-radius-large:12px;--border-width:2px;--border-width-thick:3px;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px;--transition-fast:0.15s ease-in-out;--transition-medium:0.25s ease-in-out;--transition-slow:0.35s ease-in-out}.roman-marble{background:linear-gradient(135deg,beige,#d3d3d3);background:linear-gradient(135deg,var(--marble-white) 0,var(--marble-grey) 100%);box-shadow:0 4px 8px #00000026;box-shadow:var(--shadow-medium)}.roman-gold-gradient{background:linear-gradient(135deg,#daa520,#cd7f32);background:linear-gradient(135deg,var(--roman-gold) 0,var(--bronze) 100%)}.roman-red-gradient{background:linear-gradient(135deg,#8b0000,#a50000);background:linear-gradient(135deg,var(--roman-red) 0,#a50000 100%)}.roman-parchment{background:linear-gradient(135deg,khaki,#e6d8a3);background:linear-gradient(135deg,var(--parchment) 0,#e6d8a3 100%);color:#2c1810;color:var(--text-primary)}.roman-border{border:2px solid #8b7355;border:var(--border-width) solid var(--border-primary);border-radius:8px;border-radius:var(--border-radius-medium)}.roman-border-gold{border:2px solid beige;border:var(--border-width) solid var(--border-accent);border-radius:8px;border-radius:var(--border-radius-medium)}.roman-button{background:var(--roman-gold-gradient);border:2px solid #cd7f32;border:var(--border-width) solid var(--bronze);border-radius:8px;border-radius:var(--border-radius-medium);box-shadow:0 4px 8px #00000026;box-shadow:var(--shadow-medium);color:#2c1810;color:var(--text-primary);cursor:pointer;font-family:TrajanPro-Bold,Times New Roman,serif;font-family:var(--font-bold);font-weight:700;padding:8px 16px;padding:var(--spacing-sm) var(--spacing-md);text-shadow:1px 1px 2px #0000004d;transition:all .25s ease-in-out;transition:all var(--transition-medium)}.roman-button:hover{background:linear-gradient(135deg,#fffef7,#cd7f32);background:linear-gradient(135deg,var(--hover-gold) 0,var(--bronze) 100%);box-shadow:0 8px 16px #00000040;box-shadow:var(--shadow-heavy);transform:translateY(-1px)}.roman-button:active{box-shadow:0 2px 4px #0000001a;box-shadow:var(--shadow-light);transform:translateY(0)}.roman-panel{background:var(--roman-parchment);border:3px solid #8b7355;border:var(--border-width-thick) solid var(--bg-secondary);box-shadow:0 8px 16px #00000040;box-shadow:var(--shadow-heavy);position:relative}.roman-panel,.roman-panel:before{border-radius:12px;border-radius:var(--border-radius-large)}.roman-panel:before{background:var(--roman-gold-gradient);bottom:-2px;content:"";left:-2px;position:absolute;right:-2px;top:-2px;z-index:-1}.roman-title{color:#8b0000;color:var(--roman-red);font-family:TrajanPro-Bold,Times New Roman,serif;font-family:var(--font-bold);letter-spacing:.05em;text-shadow:2px 2px 4px #0000004d}.roman-subtitle{color:#5a4631;color:var(--text-secondary);font-weight:600}.roman-subtitle,.roman-text{font-family:TrajanPro-Regular,Times New Roman,serif;font-family:var(--font-primary)}.roman-text{color:#2c1810;color:var(--text-primary);line-height:1.5}.roman-glow{animation:roman-glow 2s ease-in-out infinite}@media (max-width:768px){:root{--spacing-xs:3px;--spacing-sm:6px;--spacing-md:12px;--spacing-lg:18px;--spacing-xl:24px}}.popup-overlay{-webkit-backdrop-filter:blur(.5px);backdrop-filter:blur(.5px);background:#00000026;overscroll-behavior:contain;padding-bottom:10vh;touch-action:none;z-index:1001}@media (max-height:500px){.popup-overlay{padding-bottom:60px;padding-top:110px}}@media (min-height:1200px){.popup-overlay{padding-bottom:85px;padding-top:140px}}.popup-base{-webkit-overflow-scrolling:touch;background:var(--bg-light);border:var(--border-width-thick) solid var(--bg-secondary);border-radius:var(--border-radius-large);box-shadow:var(--shadow-heavy);font-family:var(--font-primary);max-height:75vh;max-width:400px;min-width:260px;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;padding:var(--spacing-md);position:relative;scrollbar-color:var(--accent-primary) #0000;scrollbar-width:thin;touch-action:pan-y;width:90vw}.popup-base::-webkit-scrollbar{width:6px}.popup-base::-webkit-scrollbar-track{background:#0000}.popup-base::-webkit-scrollbar-thumb{background:var(--accent-primary);border-radius:3px}.popup-base::-webkit-scrollbar-thumb:hover{background:var(--hover-gold)}.popup-base:before{background:var(--accent-primary);border-radius:var(--border-radius-large);bottom:-3px;content:"";left:-3px;position:absolute;right:-3px;top:-3px;z-index:-1}.popup-close-button{align-items:center;background:none;border:none;color:var(--text-secondary);cursor:pointer;display:flex;font-family:var(--font-primary);font-size:48px;font-weight:700;height:35px;justify-content:center;position:absolute;right:var(--spacing-md);top:var(--spacing-sm);transition:color var(--transition-medium);width:35px}.popup-close-button:hover,.popup-error{color:var(--roman-red)}.popup-error{background:#8b00001a;border-left:4px solid var(--roman-red);border-radius:var(--border-radius-small);font-weight:700;padding:var(--spacing-sm)}.popup-error,.popup-header{margin-bottom:var(--spacing-md)}.popup-image{border-radius:var(--border-radius-small);margin-right:18px;width:56px}.popup-info{flex:1 1;margin-left:0;padding-left:0;text-align:left}.popup-title{color:var(--roman-red);font-family:var(--font-bold);font-size:1.25em;font-weight:700;margin-bottom:var(--spacing-xs)}.popup-title-centered{background:linear-gradient(135deg,#daa5201a,#8b45131a);border-bottom:2px solid var(--bronze);margin-bottom:var(--spacing-sm);padding:var(--spacing-sm) 0;text-align:center}.popup-title-centered h3{color:var(--roman-gold);font-family:var(--font-bold);font-size:1.5em;font-weight:700;margin:0;text-shadow:1px 1px 2px #0000004d}.popup-info-left{margin:var(--spacing-sm) 0;padding:0;text-align:left}.popup-description{color:var(--text-secondary);font-style:italic;line-height:1.4;margin-bottom:var(--spacing-xs)}.popup-description,.popup-level{margin-left:0;padding:0;text-align:left}.popup-level{color:var(--text-primary);font-size:1em;margin-bottom:2px}.popup-cost{margin-top:var(--spacing-xs)}.popup-cost-label{color:var(--text-primary);font-weight:700}.popup-cost-item{align-items:center;display:inline-flex;gap:4px;margin-right:var(--spacing-sm)}.popup-cost-icon{vertical-align:middle;width:16px}.popup-timer{background:#daa5201a;border-radius:var(--border-radius-small);color:var(--roman-gold);font-size:.9em;font-weight:700;margin:8px 0;padding:var(--spacing-sm);text-align:center}.popup-effects-section{margin-bottom:var(--spacing-sm)}.popup-effects-title{color:var(--text-primary);font-weight:700;margin-bottom:var(--spacing-xs)}.popup-effects-content{background:#f5f5dc4d;border-radius:var(--border-radius-small);color:var(--text-secondary);line-height:1.4;padding:var(--spacing-sm);white-space:pre-line}.popup-effects-table{background:#f5f5dc1a;border:1px solid var(--bronze);border-radius:var(--border-radius-small);margin:var(--spacing-sm) 0;overflow:hidden}.popup-effects-table-header{background:var(--roman-gold);color:var(--text-dark);display:grid;font-size:.9em;font-weight:700;grid-template-columns:2fr 1fr 1fr}.popup-effects-table-header>div{border-right:1px solid var(--bronze);font-size:.85em;line-height:1.2;padding:4px var(--spacing-sm);text-align:center}.popup-effects-table-header>div:last-child{border-right:none}.popup-effects-table-row{border-bottom:1px solid #8b451333;display:grid;grid-template-columns:2fr 1fr 1fr}.popup-effects-table-row:last-child{border-bottom:none}.popup-effects-table-row>div{align-items:center;border-right:1px solid #8b451333;display:flex;line-height:1.1;min-height:20px;padding:2px var(--spacing-sm)}.popup-effects-table-row>div:last-child{border-right:none}.popup-effects-table-name{color:var(--text-primary);font-weight:500}.popup-effects-table-current-value,.popup-effects-table-next-value{color:var(--text-secondary);font-weight:700;justify-content:center;text-align:center}.popup-effects-table-next-value{color:var(--roman-gold)}.popup-cost-construction{background:#f5f5dc33;border:1px solid #8b45134d;border-radius:var(--border-radius-small);margin:var(--spacing-sm) 0;padding:var(--spacing-sm)}.popup-cost-items{color:var(--text-secondary);margin-top:var(--spacing-xs)}.popup-buttons{display:flex;gap:10px;margin:14px 0}.popup-button{background:var(--accent-primary);border:var(--border-width) solid var(--bronze);border-radius:var(--border-radius-medium);box-shadow:var(--shadow-light);color:var(--text-primary);cursor:pointer;flex:1 1;font-family:var(--font-primary);font-weight:700;padding:var(--spacing-sm) 0;transition:all var(--transition-medium)}.popup-button:hover{background:var(--hover-gold);box-shadow:var(--shadow-medium);transform:translateY(-1px)}.popup-button.destroy{background:var(--roman-red);border-color:var(--hover-red);color:var(--text-light)}.popup-button.destroy:hover{background:var(--hover-red)}.popup-button.instant{background:var(--roman-gold);border-color:var(--bronze);color:var(--text-primary)}.popup-button.instant:hover{background:var(--bronze);color:var(--text-light)}.popup-button:disabled{box-shadow:var(--shadow-light);color:var(--text-secondary);cursor:not-allowed}.popup-button:disabled,.popup-button:disabled:hover{background:var(--marble-grey);transform:none}@media (max-width:768px){.popup-base{min-width:260px;padding:var(--spacing-md)}.popup-header{flex-direction:column;text-align:center}.popup-image{margin-bottom:var(--spacing-sm);margin-right:0}.popup-buttons{gap:6px}.popup-button{align-items:center;display:flex;font-size:.8rem;height:auto;justify-content:center;line-height:1.2;min-height:36px;min-width:0;padding:6px 4px;text-align:center;white-space:normal}}.popup-content{display:flex;flex-direction:column;gap:8px;padding:8px}.popup-section{border:1px solid var(--bronze);border-radius:var(--border-radius-medium);font-size:.9em;line-height:1.3;padding:8px}.popup-section.highlight{background-color:#f5f5dc66;border:2px solid var(--accent-primary)}.popup-section.info{background-color:var(--bg-secondary);border-color:var(--bronze)}.popup-section.warning{background-color:#f5f5dc4d;border-color:var(--roman-gold)}.popup-section-title{color:var(--text-primary);font-size:1em;font-weight:700;margin-bottom:3px}.popup-section-subtitle{margin-top:3px}.popup-section-details,.popup-section-subtitle{color:var(--text-secondary);font-size:.8em}.popup-stats-grid{grid-gap:4px;color:var(--text-primary);display:grid;font-size:.85em;gap:4px;grid-template-columns:1fr 1fr}.popup-stats-grid.three-col{grid-template-columns:1fr 1fr 1fr}.popup-worker-controls{margin-bottom:6px}.popup-worker-title{color:var(--text-primary);font-size:.9em;font-weight:700;margin-bottom:6px}.popup-input-group{align-items:center;display:flex;flex-wrap:wrap;gap:6px}.popup-number-input{background:var(--bg-light);border:1px solid var(--bronze);border-radius:var(--border-radius-small);color:var(--text-primary);font-family:var(--font-primary);font-size:.9em;padding:4px;text-align:center;width:70px}.popup-number-input:disabled{background-color:var(--marble-grey);cursor:not-allowed}.popup-action-button{border:none;border-radius:var(--border-radius-small);cursor:pointer;font-family:var(--font-primary);font-size:.85em;font-weight:700;min-height:32px;padding:4px 8px;touch-action:manipulation;transition:var(--transition-medium)}.popup-action-button.primary{background-color:var(--roman-green);color:var(--text-light)}.popup-action-button.primary:hover:not(:disabled){background-color:var(--hover-green);transform:translateY(-1px)}.popup-action-button.secondary{background-color:var(--marble-grey);color:var(--text-light)}.popup-action-button.secondary:hover:not(:disabled){background-color:var(--text-secondary)}.popup-action-button:disabled{background-color:var(--marble-grey);cursor:not-allowed;transform:none}.popup-error-message{background-color:#8b00001a;border-left:3px solid var(--roman-red);border-radius:var(--border-radius-small);color:var(--roman-red);font-size:.8em;margin-top:6px;padding:4px}.popup-actions{display:flex;gap:6px;justify-content:flex-end;margin-top:8px}.popup-actions.center{justify-content:center}.popup-actions.space-between{justify-content:space-between}.popup-text-input{background:var(--bg-light);border:1px solid var(--bronze);border-radius:var(--border-radius-small);color:var(--text-primary);font-family:var(--font-primary);font-size:.9em;min-height:28px;padding:4px 6px}.popup-text-input:focus{border-color:var(--accent-primary);box-shadow:0 0 0 2px #f5f5dc4d;outline:none}.popup-option-button{border:none;border-radius:var(--border-radius-small);cursor:pointer;font-family:var(--font-primary);font-size:.8em;font-weight:700;min-height:28px;min-width:50px;padding:3px 6px;touch-action:manipulation;transition:var(--transition-medium)}.popup-option-button.active{background:var(--accent-primary);color:var(--text-primary)}.popup-option-button.inactive{background:var(--bg-primary);color:var(--text-light)}.popup-option-button:hover{transform:translateY(-1px)}.popup-table{border-collapse:collapse;font-size:.8em;margin-top:8px;width:100%}.architect-workshop-popup{max-width:650px;min-width:550px}.architect-bonus-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr;margin:16px 0}.architect-bonus-card{background:#f5f5dc26;border:1px solid var(--bronze);border-radius:var(--border-radius-medium);padding:12px;text-align:center}.architect-bonus-title{color:var(--text-primary);font-size:.9em;font-weight:700;margin-bottom:6px}.architect-bonus-value{color:var(--roman-green);font-size:1.1em;margin-bottom:4px}.architect-bonus-description{color:var(--text-secondary);font-size:.8em;line-height:1.3}.architect-savings-section{background:#daa52014;border:1px solid var(--roman-gold);border-radius:var(--border-radius-medium);margin:16px 0;padding:12px}.architect-savings-title{color:var(--roman-gold);font-size:1em;font-weight:700;margin-bottom:8px;text-align:center}.architect-savings-grid{grid-gap:8px;gap:8px;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));margin-top:8px}.architect-savings-item{background:#f5f5dc1a;border-radius:var(--border-radius-small);padding:6px;text-align:center}.architect-savings-building{color:var(--text-primary);font-size:.8em;font-weight:700;margin-bottom:3px}.architect-savings-cost{color:var(--roman-green);font-size:.75em;gap:3px;justify-content:center}.architect-savings-time{color:var(--roman-gold);font-size:.75em;margin-top:2px}.architect-level-comparison{border:1px solid var(--bronze);border-radius:var(--border-radius-medium);margin:16px 0}.architect-comparison-header{background:var(--bg-secondary);border-bottom:1px solid var(--bronze);color:var(--text-primary);font-weight:700;padding:8px 12px;text-align:center}.architect-comparison-grid{grid-gap:0;display:grid;gap:0;grid-template-columns:2fr 1fr 1fr 1fr}.architect-comparison-row{display:contents}.architect-comparison-cell{border-bottom:1px solid var(--bronze);border-right:1px solid var(--bronze);font-size:.8em;padding:6px 8px;text-align:center}.architect-comparison-cell:last-child{border-right:none}.architect-comparison-cell.label{background:#f5f5dc0d;color:var(--text-primary);font-weight:700;text-align:left}.architect-comparison-cell.current{background:#daa5201a;color:var(--roman-gold);font-weight:700}.architect-comparison-cell.next{background:#228b221a;color:var(--roman-green);font-weight:700}.architect-no-savings{background:#f5f5dc0d;border-radius:var(--border-radius-medium);color:var(--text-secondary);font-style:italic;padding:12px}@media (max-width:768px){.architect-workshop-popup{max-width:95vw;min-width:320px}.architect-bonus-grid{gap:8px}.architect-bonus-grid,.architect-savings-grid{grid-template-columns:1fr}.architect-comparison-grid{font-size:.7em;grid-template-columns:2fr 1fr 1fr}.architect-comparison-cell{padding:4px 6px}}.popup-table-header{background:var(--bg-secondary);border-radius:var(--border-radius-small);font-weight:700;margin-bottom:4px;padding:6px 4px}.popup-table-header,.popup-table-row{grid-gap:4px;color:var(--text-primary);display:grid;gap:4px;grid-template-columns:2fr 2fr 1fr 2fr}.popup-table-row{border-bottom:1px solid var(--bronze);font-size:.85em;padding:4px}.popup-table-row:last-child{border-bottom:none}.popup-table-row:nth-child(2n){background:#f5f5dc1a}@media (max-width:480px){.popup-overlay{padding:10px}.popup-base{max-height:85vh;max-width:95vw;padding:var(--spacing-sm)}.popup-content{gap:6px;padding:4px}.popup-section{font-size:.85em;padding:6px}.popup-stats-grid{font-size:.8em;gap:3px}.popup-stats-grid.three-col{gap:2px;grid-template-columns:1fr}.popup-input-group{gap:4px}.popup-action-button{font-size:.8em;min-height:28px;padding:3px 6px}.popup-option-button{font-size:.75em;min-width:45px}.popup-table-header{padding:4px 2px}.popup-table-header,.popup-table-row{font-size:.75em;grid-template-columns:1.5fr 1.5fr .8fr 1.5fr}.popup-table-row{padding:3px 2px}}@media (max-height:600px){.popup-base{max-height:90vh}.popup-content{gap:4px}.popup-section{margin:2px 0;padding:4px}}.login-background{background-attachment:fixed;background-position:50%;background-repeat:no-repeat;background-size:cover;padding:var(--spacing-md)}.login-background,.login-container{align-items:center;display:flex;justify-content:center;min-height:100vh}.login-container{padding:var(--spacing-md)!important}.login-panel{background:linear-gradient(135deg,var(--parchment) 0,khaki 100%)!important;border:var(--border-width-thick) solid var(--bronze)!important;border-radius:var(--border-radius-large)!important;box-shadow:0 20px 40px #0000004d,inset 0 2px 0 #ffffff1a!important;margin:var(--spacing-md);max-width:500px;padding:var(--spacing-xl)!important;position:relative;width:100%}.login-panel:before{animation:border-glow 4s ease-in-out infinite;background:linear-gradient(135deg,var(--roman-gold) 0,var(--bronze) 100%);border-radius:var(--border-radius-large);bottom:-4px;content:"";left:-4px;position:absolute;right:-4px;top:-4px;z-index:-1}@keyframes border-glow{0%,to{box-shadow:0 0 10px #daa52080}50%{box-shadow:0 0 20px #daa520cc}}.login-header{margin-bottom:0;padding-bottom:0;position:relative;text-align:center}.login-logo{animation:float 3s ease-in-out infinite}.game-title{-webkit-text-fill-color:#0000;animation:roman-glow 3s ease-in-out infinite;background:linear-gradient(135deg,var(--roman-red) 0,#8b0000 50%,var(--roman-red) 100%);-webkit-background-clip:text;background-clip:text;background-size:200% auto;color:var(--roman-red)!important;font-family:var(--font-bold)!important;letter-spacing:.1em!important;margin-bottom:var(--spacing-sm)!important;text-shadow:3px 3px 6px #00000080,0 0 20px #daa5204d!important}@keyframes roman-glow{0%,to{background-position:0;text-shadow:3px 3px 6px #00000080,0 0 20px #daa5204d}50%{background-position:100%;text-shadow:3px 3px 6px #00000080,0 0 30px #daa52099}}.game-subtitle{color:var(--text-secondary)!important;font-family:var(--font-italic)!important;font-style:italic;opacity:.9}.login-form{margin-bottom:var(--spacing-lg)}.roman-input{margin-bottom:var(--spacing-md)!important}.roman-input .MuiInputBase-root{background-color:#ffffffe6;border-radius:var(--border-radius-medium);font-family:var(--font-primary);transition:all .3s ease}.roman-input .MuiInputBase-root:focus-within{background-color:#fff;box-shadow:0 0 15px #daa52066;transform:translateY(-2px)}.input-icon,.password-toggle{color:var(--bronze)!important}.password-toggle:hover{color:var(--roman-gold)!important}.error-message{background-color:#8b00001a;border:1px solid var(--roman-red);border-radius:var(--border-radius-small);margin-bottom:var(--spacing-md);padding:var(--spacing-sm)}.login-actions{display:flex;flex-direction:column;gap:var(--spacing-md)}.primary-button{background:linear-gradient(135deg,var(--roman-gold) 0,var(--bronze) 100%)!important;border:2px solid var(--bronze)!important;box-shadow:var(--shadow-medium)!important;color:var(--text-primary)!important;font-family:var(--font-bold)!important;font-weight:700!important;text-shadow:1px 1px 2px #0000004d!important;transition:all var(--transition-medium)!important}.primary-button:hover{background:linear-gradient(135deg,var(--hover-gold) 0,var(--active-bronze) 100%)!important;box-shadow:var(--shadow-heavy)!important;transform:translateY(-2px)!important}.primary-button:active{box-shadow:var(--shadow-light)!important;transform:translateY(0)!important}.secondary-button{background-color:initial!important;font-weight:600!important}.secondary-button,.world-access-button{font-family:var(--font-primary)!important;transition:all var(--transition-medium)!important}.world-access-button{font-weight:700!important;text-decoration:underline!important}.world-access-button:hover{background-color:#228b221a!important;transform:scale(1.02)!important}.login-footer{border-top:1px solid var(--bronze);padding-top:var(--spacing-md);text-align:center}@media (max-width:768px){.login-background{background-attachment:scroll;padding:var(--spacing-sm)}.login-container{min-height:100vh;padding:var(--spacing-sm)!important}.login-panel{margin:0;min-height:auto;padding:var(--spacing-lg)!important}.game-title{font-size:2rem!important}.game-subtitle{font-size:1rem!important}.login-actions .MuiButton-root{font-size:1.1rem!important;min-height:52px!important}}@media (max-width:480px){.login-panel{border-radius:var(--border-radius-medium)!important;padding:var(--spacing-md)!important}.game-title{font-size:1.8rem!important}.login-header{margin-bottom:var(--spacing-lg)}}.login-panel{animation:slideInUp .6s ease-out}.MuiCircularProgress-root{color:var(--text-primary)!important}.roman-input .MuiOutlinedInput-root.Mui-focused{box-shadow:0 0 0 2px #daa5204d}.primary-button:focus,.secondary-button:focus,.world-access-button:focus{outline:2px solid var(--roman-gold);outline-offset:2px}@media (prefers-color-scheme:dark){.roman-input .MuiInputBase-root{background-color:#f5f5dcf2}}@keyframes flicker-glow{0%,to{box-shadow:0 0 15px #ff8c42cc,0 1px 3px #0000004d;transform:scale(1) translateY(0)}25%{box-shadow:0 0 20px #ff8c42,0 0 10px #ff6b35b3,0 1px 3px #0000004d;transform:scale(1.08) translateY(-1px)}50%{box-shadow:0 0 12px #ff8c42b3,0 1px 3px #0000004d;transform:scale(1.02) translateY(0)}75%{box-shadow:0 0 18px #ff8c42e6,0 0 8px #ff6b3599,0 1px 3px #0000004d;transform:scale(1.06) translateY(-1px)}}.resource-popup-overlay{align-items:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000080;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:2000}.resource-popup-content{animation:slideIn .3s ease-out;background-color:#2c2c2c;border:2px solid #8b7355;border-radius:10px;color:#e8d7c3;font-family:Trajan Pro,serif;max-height:80vh;max-width:90vw;overflow-y:auto;width:400px}.resource-popup-header{align-items:center;background-color:#8b7355;border-radius:8px 8px 0 0;color:#fff;display:flex;justify-content:space-between;padding:15px}.resource-popup-title{align-items:center;display:flex;font-size:18px;font-weight:700;gap:8px;margin:0}.resource-popup-close{align-items:center;background:none;border:none;color:#fff;cursor:pointer;display:flex;font-size:20px;height:25px;justify-content:center;padding:0;width:25px}.resource-popup-close:hover{background-color:#fff3;border-radius:3px}.resource-popup-error,.resource-popup-loading{color:#ccc;font-style:italic;padding:20px;text-align:center}.resource-popup-error{color:#ff6b6b}.resource-popup-section{padding:20px}.resource-popup-section:last-child{border-bottom:none}.resource-popup-section.info{background:#8b73551a;border-left:4px solid #8b7355}.resource-popup-current{text-align:center}.resource-popup-amount{color:#e8d7c3;font-size:2.2em;font-weight:700;margin-bottom:8px}.resource-popup-capacity{color:#d4c4a8;font-size:1em;margin-bottom:4px}.resource-popup-capacity-note{color:#b8a082;font-size:.8em;font-style:italic}.resource-popup-section-title{align-items:center;color:#d4c4a8;display:flex;font-size:1.1em;font-weight:700;gap:6px;margin-bottom:12px}.resource-popup-production-list{margin-bottom:16px}.resource-popup-production-item{align-items:center;border-radius:6px;display:flex;font-size:.95em;justify-content:space-between;margin-bottom:4px;padding:8px 12px}.resource-popup-production-item.base{background:#8b735526;border-left:3px solid #8b7355;font-weight:500}.resource-popup-production-item.bonus{background:#28a74526;border-left:3px solid #28a745;color:#90c695}.resource-popup-production-item.neutral{background:#8b73551a;border-left:3px solid #8b735580;color:#d4c4a8}.resource-popup-production-item.site{background:#2196f326;border-left:3px solid #2196f3;color:#87ceeb}.resource-popup-production-divider{align-items:center;background:#8b735533;border:1px solid #8b735566;border-radius:6px;color:#e8d7c3;display:flex;font-size:.95em;font-weight:600;justify-content:space-between;margin:8px 0;padding:10px 12px}.resource-popup-total{background:linear-gradient(135deg,#8b73554d,#8b735533);border:1px solid #8b7355;border-radius:8px;padding:12px;text-align:center}.resource-popup-total-line{align-items:center;color:#856404;display:flex;font-size:1.1em;font-weight:700;justify-content:space-between;margin-bottom:4px}.resource-popup-total-hourly{color:#6c757d;font-size:.9em;font-style:italic}.resource-popup-info-title{color:#1565c0;font-size:1em;font-weight:700;margin-bottom:8px}.resource-popup-info-text{color:#d4c4a8;font-size:.9em;line-height:1.4}@media (max-width:480px){.resource-popup-content{margin:10px;width:95%}.resource-popup-header{padding:12px 16px}.resource-popup-title{font-size:1.1em}.resource-popup-section{padding:12px 16px}.resource-popup-amount{font-size:1.8em}.resource-popup-production-item{font-size:.9em;padding:6px 10px}}.population-info-popup-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1010}.population-info-popup{background-color:#2c2c2c;border:2px solid #8b7355;border-radius:10px;color:#e8d7c3;font-family:Trajan Pro,serif;max-height:80vh;max-width:90vw;overflow-y:auto;width:400px}.population-info-popup-header{align-items:center;background-color:#8b7355;border-radius:8px 8px 0 0;color:#fff;display:flex;justify-content:space-between;padding:15px}.population-info-popup-header h2,.population-info-popup-title{font-size:18px;font-weight:700;margin:0}.population-info-popup-title{align-items:center;display:flex;gap:8px}.population-info-popup-header .close-button{align-items:center!important;background:none;border:none;color:#fff;cursor:pointer;display:flex!important;flex-shrink:0;font-size:20px;height:25px;justify-content:center!important;margin:0!important;padding:0;position:static!important;width:25px}.population-info-popup-header .close-button:hover{background-color:#fff3;border-radius:3px;transform:none!important}.population-info-popup-content{padding:20px}.population-stats-section{margin-bottom:20px}.stat-row{border-bottom:1px solid #8b73554d;padding:8px 0}.stat-row:last-child{border-bottom:none}.stat-label{color:#d4c4a8;font-weight:700}.stat-value{color:#fff}.stat-value.free{color:#4ecdc4}.stat-value.assigned{color:#ffa726}.population-growth-section{background-color:#8b735533;border-radius:8px;margin-bottom:20px;padding:15px}.population-growth-section h3{color:#e8d7c3;font-size:16px;margin:0 0 10px}.growth-row{align-items:center;display:flex;justify-content:space-between}.growth-label{color:#d4c4a8}.growth-value{color:#66bb6a;font-weight:700}.population-satisfaction-section{background-color:#8b735533;border-radius:8px;padding:15px}.satisfaction-row{align-items:center;display:flex;justify-content:space-between}.satisfaction-label{color:#d4c4a8;font-weight:700}.satisfaction-value{color:#fff;font-weight:700}@media (max-width:600px){.population-info-popup{margin:10px;width:95vw}.population-info-popup-header h2{font-size:16px}.population-info-popup-content{padding:15px}}.gold-production-popup-overlay{align-items:center;background-color:#000000b3;box-sizing:border-box;display:flex;height:100vh;justify-content:center;left:0;padding:20px;position:fixed;top:0;width:100vw;z-index:9999}.gold-production-popup{animation:slideIn .3s ease-out;background-color:#2c2c2c;border:2px solid #8b7355;border-radius:10px;color:#e8d7c3;font-family:Trajan Pro,serif;max-height:80vh;max-width:90vw;overflow-y:auto;width:400px}.gold-production-popup-header{align-items:center;background:linear-gradient(135deg,#d4af37,#f4e157);border-radius:8px 8px 0 0;color:#2c2416;display:flex;justify-content:space-between;padding:15px}.gold-production-popup-header h2,.gold-production-popup-title{font-size:18px;font-weight:700;margin:0}.gold-production-popup-title{align-items:center;color:#2c2416;display:flex;gap:8px}.gold-production-popup-header .close-button{align-items:center!important;background:none;border:none;color:#2c2416;cursor:pointer;display:flex!important;flex-shrink:0;font-size:20px;height:25px;justify-content:center!important;margin:0!important;padding:0;position:static!important;width:25px}.gold-production-popup-header .close-button:hover{background-color:#2c241633;border-radius:3px;transform:none!important}.gold-production-popup-content{padding:20px}.gold-total-section{margin-bottom:20px}.gold-total-section h3{color:#e8d7c3;font-size:1.1em;font-weight:700;margin:0 0 12px}.total-gold-row{align-items:center;border-bottom:1px solid #8b73554d;display:flex;justify-content:space-between;padding:8px 0}.total-label{color:#d4c4a8;font-weight:700}.total-value{font-size:16px;font-weight:700}.total-value,.total-value.positive{color:#4caf50}.total-value.negative{color:#e74c3c}.total-value.gold{color:#f4e157}.balance-row{border-top:2px solid #f39c1280;font-size:1.1em;margin-top:10px;padding-top:10px}.warning-box{align-items:flex-start;background:linear-gradient(135deg,#e74c3c33,#c0392b33);border:2px solid #e74c3c;border-radius:8px;display:flex;gap:12px;margin-top:15px;padding:15px}.warning-icon{flex-shrink:0;font-size:2rem}.warning-text{color:#fff;flex:1 1;line-height:1.6}.warning-text strong{color:#f4e157}.warning-consequence{color:#ff6b6b;font-size:.95em;font-style:italic}.military-expenses-button{align-items:center;background:linear-gradient(135deg,#e74c3c,#c0392b);border:2px solid #8b4513;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:700;gap:8px;justify-content:center;margin-top:12px;padding:10px 15px;transition:all .3s ease;width:100%}.military-expenses-button:hover{background:linear-gradient(135deg,#c0392b,#a93226);box-shadow:0 4px 8px #0000004d;transform:translateY(-2px)}.military-expenses-button:active{transform:translateY(0)}.cities-gold-section{margin-bottom:20px}.cities-gold-section h3{color:#e8d7c3;font-size:1.1em;font-weight:700;margin:0 0 12px}.cities-list{display:flex;flex-direction:column;gap:8px}.city-gold-row{align-items:center;border-bottom:1px solid #8b735533;display:flex;justify-content:space-between;padding:8px 0}.city-info{flex:1 1}.city-name{color:#e8d7c3;font-size:.95em;font-weight:700;margin-bottom:4px}.city-details{color:#c4b49c;display:flex;flex-direction:column;font-size:.9em;gap:2px}.detail-item{color:#c4b49c}.detail-item strong{color:#e8d7c3}.city-production{text-align:right}.production-value{color:#4caf50;font-size:14px;font-weight:700}.no-cities{color:#888;font-style:italic;padding:20px;text-align:center}.gold-explanation-section{background:#8b73551a;border-left:3px solid #8b7355;border-radius:8px;margin-top:20px;padding:15px}.gold-explanation-section h4{color:#e8d7c3;font-size:13px;font-weight:700;margin:0 0 8px}.explanation-text{color:#c4b49c;font-size:12px;line-height:1.5}.explanation-text p{margin:0 0 8px}.explanation-text strong{color:#e8d7c3}.error,.loading{color:#ccc;font-style:italic;padding:20px}@media (max-width:768px){.gold-production-popup-overlay{padding:5px}.gold-production-popup{border-radius:8px;max-height:95vh;max-width:100%}.gold-production-popup-header{border-radius:6px 6px 0 0;padding:10px 12px}.gold-production-popup-header h2{font-size:14px}.gold-production-popup-content{padding:12px}.cities-gold-section,.gold-explanation-section,.gold-total-section{margin-bottom:15px}.city-gold-row{align-items:flex-start;flex-direction:column;gap:6px;padding:8px}.city-production{align-self:flex-end}.total-gold-row{align-items:flex-start;flex-direction:column;gap:3px}.city-name{font-size:12px}.city-details{font-size:10px}.production-value{font-size:12px}.explanation-text{font-size:10px}}.military-expenses-overlay{align-items:center;background-color:#000000b3;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:10000}.military-expenses-popup{background:linear-gradient(135deg,#1a1a2e,#16213e);border:2px solid #f39c12;border-radius:12px;box-shadow:0 10px 40px #00000080;display:flex;flex-direction:column;max-height:80vh;max-width:600px;width:90%}.military-expenses-header{align-items:center;border-bottom:2px solid #f39c12;display:flex;justify-content:space-between;padding:20px}.military-expenses-header h2{color:#f39c12;font-size:1.5rem;font-weight:700;margin:0}.close-btn{font-size:2rem;height:40px;padding:0;width:40px}.close-btn:hover{background-color:#ffffff1a;color:#f39c12}.military-expenses-content{flex:1 1;overflow-y:auto;padding:20px}.error,.loading{color:#fff;font-size:1.1rem;padding:40px}.expenses-summary{background:#ffffff0d;border:1px solid #f39c124d;border-radius:8px;margin-bottom:20px;padding:15px}.summary-item{color:#fff;font-size:1rem;padding:8px 0}.summary-item.total{border-top:2px solid #f39c12;font-size:1.1rem;font-weight:700;margin-top:10px;padding-top:15px}.summary-value{color:#f39c12}.summary-value.bonus{color:#2ecc71}.bonus-detail{align-items:flex-start!important;background:#2ecc711a;border-radius:6px;flex-direction:column;gap:8px;margin:8px 0;padding:10px}.bonus-list{display:flex;flex-direction:column;gap:6px;width:100%}.bonus-item{background:#ffffff0d;border-left:3px solid #2ecc71;justify-content:space-between;padding:6px 10px}.bonus-source{color:#a8e6cf;font-size:.9rem}.bonus-value{color:#2ecc71;font-size:1rem}.summary-value.final{color:#2ecc71;font-size:1.2rem}.summary-hint{background:#3498db26;border:1px solid #3498db66;border-radius:6px;color:#5dade2;font-size:.9rem;font-style:italic;line-height:1.4;margin-top:10px;padding:12px}.units-list-header{margin-bottom:15px}.units-list-header h3{color:#f39c12;font-size:1.2rem;font-weight:600;margin:0}.units-table{margin-top:10px}.units-table table{background:#ffffff05;border-collapse:collapse;border-radius:8px;overflow:hidden;width:100%}.units-table thead{background:#f39c124d}.units-table th{border-bottom:2px solid #f39c1280;color:#f39c12;font-size:.9rem;font-weight:700;padding:12px 10px;text-align:left}.units-table tbody tr{border-bottom:1px solid #ffffff1a;transition:background .2s ease}.units-table tbody tr:hover{background:#f39c121a}.units-table td{color:#fff;padding:12px 10px}.unit-cell{align-items:center;display:flex;gap:10px}.unit-icon img{height:40px;object-fit:contain;width:40px}.number-cell{font-weight:500;text-align:center}.total-cell{color:#f39c12;font-size:1.05rem;font-weight:700;text-align:right}.no-units{color:#888}.unit-expense-row{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;padding:15px;transition:all .3s ease}.unit-expense-row:hover{background:#ffffff14;border-color:#f39c12;transform:translateX(5px)}.unit-info{gap:12px;margin-bottom:12px}.unit-icon,.unit-info{align-items:center;display:flex}.unit-icon{background:#f39c1233;border-radius:8px;font-size:2rem;height:50px;justify-content:center;width:50px}.unit-name{color:#fff;font-weight:600}.unit-details{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(3,1fr)}.unit-cost-each,.unit-cost-total,.unit-count{display:flex;flex-direction:column;gap:4px}.unit-details .label{color:#888;font-size:.85rem;font-weight:500}.unit-details .value{color:#fff;font-size:1rem;font-weight:600}.unit-details .value.total{color:#f39c12;font-size:1.1rem}@media (max-width:600px){.military-expenses-popup{max-height:90vh;width:95%}.military-expenses-header h2{font-size:1.2rem}.unit-details{gap:8px;grid-template-columns:1fr}.unit-cost-each,.unit-cost-total,.unit-count{flex-direction:row;justify-content:space-between}}.menu-popup{max-width:85vw;width:300px}.menu-buttons{display:flex;flex-direction:column;gap:12px;margin-top:20px}.menu-button{align-items:center;background:linear-gradient(135deg,var(--primary-color) 0,var(--primary-hover) 100%);border:2px solid var(--accent-color);border-radius:8px;color:var(--text-primary);cursor:pointer;display:flex;font-family:var(--secondary-font);font-size:16px;font-weight:600;gap:12px;min-height:28px;padding:14px 18px;position:relative;text-align:left;transition:all .3s ease}.menu-button.logout-button{background:linear-gradient(135deg,#dc3545,#c82333);border-color:#dc3545;margin-top:8px}.menu-button.logout-button:hover{background:linear-gradient(135deg,#c82333,#a71e2a);border-color:#c82333;box-shadow:0 6px 16px #dc354566;transform:translateY(-2px)}.menu-button:hover{background:linear-gradient(135deg,var(--primary-hover) 0,var(--accent-color) 100%);border-color:var(--accent-gold);box-shadow:0 4px 12px #0003;transform:translateY(-2px)}.menu-button:active{box-shadow:0 2px 6px #00000026;transform:translateY(0)}.menu-icon{flex-shrink:0;font-size:20px}@media (max-width:480px){.menu-popup{width:280px}.menu-button{font-size:15px;padding:12px 16px}.menu-icon{font-size:18px}}.notification-badge{animation:pulse 1.5s ease-in-out infinite;background:#e74c3c;border:2px solid #fff;box-shadow:0 2px 4px #0000004d;color:#fff;font-family:Arial,sans-serif;font-size:12px;font-weight:700;height:20px;position:absolute;right:-6px;top:-6px;width:20px}.popup-overlay{align-items:flex-start;background:#000000b3;bottom:0;box-sizing:border-box;display:flex;justify-content:center;left:0;padding:var(--spacing-sm);padding-bottom:6vh;padding-top:16vh;position:fixed;right:0;top:0;z-index:1002}.notification-journal-popup{background:var(--roman-parchment);border:var(--border-width-thick) solid var(--bg-secondary);border-radius:var(--border-radius-large);box-shadow:var(--shadow-heavy);display:flex;flex-direction:column;max-height:75vh;max-width:420px;overflow:hidden;position:relative;width:95vw}.notification-journal-popup:before{background:var(--roman-gold-gradient);border-radius:var(--border-radius-large);bottom:-2px;content:"";left:-2px;position:absolute;right:-2px;top:-2px;z-index:-1}.notification-journal-popup .popup-header{background:var(--roman-gold-gradient);border-bottom:var(--border-width) solid var(--bg-secondary);flex-shrink:0;padding:var(--spacing-sm)}.notification-journal-popup .popup-title{color:var(--text-primary);flex:1 1;font-family:var(--font-bold);font-size:1.2rem}.notification-journal-popup .popup-close-button{border:var(--border-width) solid var(--bg-secondary);color:var(--text-primary);flex-shrink:0;font-size:18px;height:32px;transition:var(--transition-medium);width:32px}.notification-journal-popup .popup-content{background:var(--ivory-light);padding:var(--spacing-sm)}.empty-message,.error-message,.loading-message{font-family:var(--font-primary);padding:var(--spacing-xl)}.loading-message{color:var(--text-secondary);font-style:italic}.error-message{color:var(--roman-red);font-weight:700}.empty-message{color:var(--text-secondary)}.empty-icon{font-size:3rem;margin-bottom:var(--spacing-md)}.notifications-table{border-radius:var(--border-radius-medium);box-shadow:var(--shadow-medium);width:100%}.table-header{grid-gap:var(--spacing-xs);color:var(--text-light);font-family:var(--font-bold);font-size:.8rem;gap:var(--spacing-xs);grid-template-columns:35% 20% 45%;padding:var(--spacing-sm)}.table-body{background:var(--bg-light)}.table-row{grid-gap:var(--spacing-xs);align-items:start;border-bottom:1px solid var(--border-primary);gap:var(--spacing-xs);grid-template-columns:35% 20% 45%;padding:var(--spacing-sm);transition:var(--transition-fast)}.table-row:hover{background:var(--hover-gold)}.col-date{color:var(--text-secondary);display:flex;flex-direction:column;font-family:var(--font-primary);font-size:.75rem;gap:2px;line-height:1.2}.col-date .date-line{color:var(--text-primary);font-size:.75rem;font-weight:600}.col-date .time-line{color:var(--text-secondary);font-size:.7rem;font-weight:500}.col-type{display:flex}.col-detail{font-family:var(--font-primary);font-size:.8rem;line-height:1.3;word-break:break-word}.col-detail,.type-badge{color:var(--text-primary)}.type-badge{background:var(--roman-gold);border:1px solid var(--bronze);border-radius:var(--border-radius-small);box-shadow:var(--shadow-light);display:inline-flex;flex-direction:column;font-size:.6rem;font-weight:700;line-height:1.1;min-width:45px;padding:1px 2px;text-align:center}.type-icon{font-size:.8rem;margin-bottom:0}.type-label{font-size:.55rem;letter-spacing:.1px;line-height:1;text-transform:uppercase}.type-badge.transport{background:linear-gradient(135deg,#87ceeb,#4682b4);border-color:#4682b4}.type-badge.batiment{background:linear-gradient(135deg,#deb887,peru);border-color:peru}.type-badge.recherche{background:linear-gradient(135deg,plum,#9370db);border-color:#9370db}.type-badge.attaque{background:linear-gradient(135deg,#f08080,#dc143c);border-color:#dc143c}.type-badge.message{background:linear-gradient(135deg,#98fb98,#32cd32);border-color:#32cd32}.notification-journal-popup .popup-footer{background:var(--bg-light);border-top:var(--border-width) solid var(--border-primary);flex-shrink:0;gap:var(--spacing-sm);padding:var(--spacing-sm)}.btn-primary{background:var(--roman-gold-gradient);border:var(--border-width) solid var(--bronze);border-radius:var(--border-radius-medium);box-shadow:var(--shadow-medium);color:var(--text-primary);cursor:pointer;font-family:var(--font-bold);font-size:.9rem;font-weight:700;padding:var(--spacing-sm) var(--spacing-lg);text-shadow:1px 1px 2px #0000004d;transition:var(--transition-medium)}.btn-primary:hover{background:linear-gradient(135deg,var(--hover-gold) 0,var(--bronze) 100%);box-shadow:var(--shadow-heavy);transform:translateY(-1px)}.btn-primary:active{box-shadow:var(--shadow-light);transform:translateY(0)}.btn-secondary{background:var(--roman-button);border:var(--border-width) solid var(--bronze);border-radius:var(--border-radius-medium);box-shadow:var(--shadow-medium);color:var(--text-primary);font-family:var(--font-bold);font-size:.9rem;font-weight:700;padding:var(--spacing-sm) var(--spacing-lg);text-shadow:1px 1px 2px #0000004d;transition:var(--transition-medium)}.btn-secondary:hover{background:linear-gradient(135deg,var(--hover-gold) 0,var(--bronze) 100%);box-shadow:var(--shadow-heavy)}.btn-secondary:active{box-shadow:var(--shadow-light);transform:translateY(0)}@media (max-width:360px){.notification-journal-popup{max-height:90vh;width:98vw}.table-header,.table-row{gap:3px;grid-template-columns:30% 20% 50%;padding:6px}.col-date{font-size:.6rem}.col-detail{font-size:.75rem}.type-badge{min-width:40px;padding:1px 3px}.type-icon{font-size:.8rem}.type-label{font-size:.55rem}}.notification-journal-popup .popup-header{align-items:center;background:linear-gradient(135deg,#d4af37,#b8860b);border-bottom:2px solid #8b6914;display:flex;justify-content:space-between;padding:16px 20px}.notification-journal-popup .popup-title{color:#2c1810;font-family:TrajanPro-Bold,serif;font-size:1.5rem;margin:0;text-shadow:1px 1px 2px #ffffff80}.notification-journal-popup .popup-close-button{align-items:center;background:#fff3;border:2px solid #8b6914;border-radius:50%;color:#2c1810;cursor:pointer;display:flex;font-size:20px;font-weight:700;height:36px;justify-content:center;transition:all .2s ease;width:36px}.notification-journal-popup .popup-close-button:hover{background:#fff6;transform:scale(1.1)}.notification-journal-popup .popup-content{flex:1 1;min-height:200px;overflow-y:auto;padding:20px}.empty-message,.error-message,.loading-message{color:#5d4e37;font-size:1.1rem;padding:40px 20px;text-align:center}.empty-message .empty-icon{font-size:3rem;margin-bottom:16px}.error-message{background:#ff00001a;border:1px solid #ff00004d;color:#8b0000;margin:20px 0}.notifications-table{background:#ffffffb3;border:2px solid #8b6914;border-radius:8px;overflow:hidden}.table-header{grid-gap:1px;color:#2c1810;font-family:TrajanPro-Bold,serif;gap:1px;grid-template-columns:30% 20% 50%}.table-header,.table-header>div{background:linear-gradient(135deg,#d4af37,#b8860b)}.table-header>div{font-size:.9rem;padding:12px 16px;text-align:center;text-shadow:1px 1px 2px #ffffff80}.table-body{max-height:400px;overflow-y:auto}.table-row{grid-gap:1px;background:#8b6914;border-bottom:1px solid #8b6914;display:grid;gap:1px;grid-template-columns:30% 20% 50%}.table-row>div{align-items:center;background:#ffffffe6;color:#2c1810;display:flex;font-size:.9rem;min-height:20px;padding:12px 16px}.col-date{color:#5d4e37;font-family:Courier New,monospace;font-size:.8rem}.col-date,.col-type{justify-content:center}.col-detail{word-wrap:break-word;justify-content:flex-start;line-height:1.4}.type-badge{align-items:center;background:#8b69141a;border:1px solid #8b69144d;border-radius:16px;display:flex;font-size:.8rem;gap:6px;padding:4px 8px}.type-icon{font-size:1.1rem}.type-label{color:#5d4e37;font-weight:500}.notification-journal-popup .popup-footer{background:#ffffff80;border-top:1px solid #8b6914;display:flex;justify-content:center;padding:16px 20px}.btn-secondary{background:linear-gradient(135deg,#8b6914,#5d4e37);border:2px solid #2c1810;border-radius:8px;color:#f5f3f0;cursor:pointer;font-family:TrajanPro-Bold,serif;font-size:1rem;padding:10px 24px;text-shadow:1px 1px 2px #00000080;transition:all .2s ease}.btn-secondary:hover{background:linear-gradient(135deg,#5d4e37,#8b6914);box-shadow:0 4px 8px #8b69144d;transform:translateY(-1px)}@media (max-width:768px){.notification-journal-popup{max-height:90vh;max-width:95vw}.table-header,.table-row{grid-template-columns:30% 20% 50%}.table-header>div,.table-row>div{font-size:.8rem;padding:8px 12px}.col-date{font-size:.6rem}.type-badge{font-size:.7rem;padding:2px 6px}}.settings-popup-overlay{align-items:center;animation:fadeIn .2s ease-in-out;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}.settings-popup-content{animation:slideIn .3s ease-out;background:linear-gradient(135deg,var(--bg-secondary) 0,var(--bg-light) 100%);border:3px solid var(--bronze);border-radius:12px;box-shadow:0 10px 40px #00000080;display:flex;flex-direction:column;max-height:80vh;max-width:600px;width:90%}.settings-popup-header{align-items:center;background:linear-gradient(135deg,#8b45131a,#0000);border-bottom:2px solid var(--bronze);display:flex;justify-content:space-between;padding:20px}.settings-popup-header h2{color:var(--roman-red);font-family:var(--font-bold);font-size:1.5em;margin:0;text-shadow:1px 1px 2px #0003}.settings-close-btn{align-items:center;background:var(--marble-grey);border:2px solid var(--bronze);border-radius:50%;color:var(--text-light);cursor:pointer;display:flex;font-size:1.2em;font-weight:700;height:36px;justify-content:center;transition:all .2s ease;width:36px}.settings-close-btn:hover{background:var(--roman-red);transform:rotate(90deg)}.settings-popup-body{flex:1 1;overflow-y:auto;padding:20px}.settings-section{background:#f5f5dc1a;border:2px solid #8b45134d;border-radius:8px;padding:20px;position:relative}.settings-section h3{color:var(--roman-red);font-family:var(--font-bold);font-size:1.2em;margin:0 0 10px}.settings-description{color:var(--text-secondary);font-size:.95em;line-height:1.5;margin:0 0 15px}.settings-section-disabled{opacity:.6;pointer-events:none}.settings-disabled-overlay{background:#000000b3;border-radius:20px;color:var(--text-light);font-size:.9em;left:50%;padding:10px 20px;position:absolute;top:50%;transform:translate(-50%,-50%)}.settings-btn,.settings-disabled-overlay{border:2px solid var(--bronze);font-weight:700}.settings-btn{border-radius:8px;cursor:pointer;font-family:var(--font-bold);font-size:.95em;letter-spacing:.5px;padding:12px 24px;text-transform:uppercase;transition:all .3s ease}.settings-btn:disabled{cursor:not-allowed;opacity:.5}.settings-btn-primary{background:linear-gradient(135deg,var(--accent-primary) 0,#b8860b 100%);box-shadow:0 4px 10px #daa52066;color:var(--text-primary)}.settings-btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#b8860b 0,var(--accent-primary) 100%);box-shadow:0 6px 15px #daa52099;transform:translateY(-2px)}.settings-btn-danger{background:linear-gradient(135deg,var(--roman-green) 0,#1b5e20 100%);box-shadow:0 4px 10px #228b2266;color:var(--text-light)}.settings-btn-danger:hover:not(:disabled){background:linear-gradient(135deg,#2e7d32 0,var(--roman-green) 100%);transform:translateY(-2px)}.settings-btn-secondary{background:var(--marble-grey);box-shadow:0 2px 5px #0003;color:var(--text-light)}.settings-btn-secondary:hover:not(:disabled){background:#666;transform:translateY(-1px)}.settings-confirm-box{background:#ffa5001a;border:2px solid #ffa50080;border-radius:8px;margin-top:10px;padding:15px}.settings-confirm-text{color:var(--text-primary);font-size:.95em;font-weight:700;margin:0 0 15px}.settings-confirm-actions{display:flex;flex-wrap:wrap;gap:10px}.settings-confirm-actions .settings-btn{flex:1 1;min-width:150px}.settings-popup-footer{background:linear-gradient(180deg,#0000,#8b45130d);border-top:2px solid var(--bronze);display:flex;justify-content:center;padding:15px 20px}.settings-btn-close{background:var(--bg-secondary);box-shadow:0 2px 5px #0003;color:var(--text-primary);padding:12px 40px}.settings-btn-close:hover{background:var(--accent-primary);transform:translateY(-1px)}@media (max-width:768px){.settings-popup-content{max-height:90vh;width:95%}.settings-popup-header{padding:15px}.settings-popup-header h2{font-size:1.2em}.settings-popup-body,.settings-section{padding:15px}.settings-section h3{font-size:1.1em}.settings-btn{font-size:.9em;padding:10px 20px}.settings-confirm-actions{flex-direction:column}.settings-confirm-actions .settings-btn{width:100%}}@media (max-width:480px){.settings-popup-header h2{font-size:1.1em}.settings-section h3{font-size:1em}.settings-btn,.settings-description{font-size:.85em}.settings-btn{padding:8px 16px}}.faction-stats-dialog{overflow:hidden}.faction-stats-content{padding:30px!important}.faction-info-section{align-items:flex-start;background:#0003;border:1px solid #a1887f4d;border-radius:8px;display:flex;gap:20px;margin-bottom:20px;padding:20px}.faction-logo-small{flex-shrink:0;height:100px;width:100px}.faction-logo-small img{filter:drop-shadow(0 0 8px rgba(255,255,255,.3));height:100%;object-fit:contain;width:100%}.faction-bonus-section{background:#daa5201a;border:2px solid var(--roman-gold);border-radius:8px;margin-bottom:20px;padding:20px}.faction-global-stats{background:#0003;border:1px solid #a1887f4d;border-radius:8px;padding:20px}.faction-stat-row{align-items:center;border-radius:4px;display:flex;justify-content:space-between;margin-bottom:8px;padding:10px;transition:all .2s}.faction-stat-row:hover{background:#ffffff0d!important}@media (max-width:600px){.faction-stats-content{padding:15px!important}.faction-info-section{flex-direction:column}.faction-logo-small{height:80px;margin:0 auto;width:80px}}.bottom-nav-bar{align-items:stretch;background:var(--bg-secondary);border-top:3px solid var(--accent-primary);bottom:0;box-shadow:0 -4px 16px #0000004d;display:flex;flex-direction:column;font-family:var(--font-primary);height:9vh;justify-content:center;left:0;max-height:85px;min-height:65px;overflow:hidden;padding:4px 8px;position:fixed;right:0;z-index:999}.bottom-nav-bar:before{content:"";height:3px;left:0;position:absolute;right:0;top:-3px}.bottom-nav-bar:before,.nav-btn{background:var(--accent-primary)}.nav-btn{border:2px solid var(--bronze);border-radius:var(--border-radius-medium);box-shadow:var(--shadow-medium);color:var(--text-primary);cursor:pointer;flex:0 0 auto;font-family:var(--font-primary);font-size:1rem;font-weight:700;letter-spacing:.05em;min-width:75px;padding:8px 12px;position:relative;text-shadow:1px 1px 2px #0000004d;text-transform:uppercase;transition:all var(--transition-medium)}.nav-btn:hover{background:var(--hover-gold);box-shadow:var(--shadow-heavy);transform:translateY(-2px)}.nav-btn.active,.nav-btn:active,.nav-btn:focus{background:var(--roman-red);border-color:var(--accent-primary);box-shadow:0 0 15px #f5f5dc80;color:var(--text-light);transform:translateY(0)}.nav-line{align-items:center;display:flex;flex:1 1;gap:8px;justify-content:center}.nav-resources-line{padding-bottom:1px}.nav-buttons-line{padding-top:2px}.nav-resource-btn{background:var(--accent-primary);border:1px solid var(--bronze);border-radius:8px;box-shadow:0 2px 4px #0000004d;color:var(--text-primary);cursor:pointer;flex:0 0 auto;font-family:var(--font-primary);font-size:.9rem;font-weight:700;min-width:50px;padding:4px 8px;text-align:center;text-shadow:1px 1px 2px #0000004d;transition:all .2s ease;white-space:nowrap}.nav-resource-btn:hover{background:var(--hover-gold);box-shadow:0 2px 6px #0006;transform:translateY(-1px)}.nav-resource-btn:active{box-shadow:0 1px 3px #0000004d;transform:translateY(0)}@media (max-width:600px){.bottom-nav-bar{height:8vh;min-height:58px;padding:3px 6px}.nav-line{gap:6px}.nav-btn{font-size:.85rem;min-width:65px;padding:6px 10px}.nav-resource-btn{font-size:.8rem;min-width:45px;padding:3px 6px}}.nav-btn .notification-badge{background:#e74c3c;right:-8px}.nav-btn .message-badge,.nav-btn .notification-badge{align-items:center;animation:pulse 1.5s ease-in-out infinite;border:2px solid #fff;border-radius:50%;box-shadow:0 2px 4px #0000004d;color:#fff;display:flex;font-family:Arial,sans-serif;font-size:11px;font-weight:700;height:20px;justify-content:center;position:absolute;top:-8px;width:20px;z-index:1}.nav-btn .message-badge{background:#2196f3;left:-8px}.battle-replay-viewer{background:#000000e6;display:flex;flex-direction:column;height:100vh;left:0;position:fixed;top:0;width:100vw;z-index:1000}.replay-header{background:linear-gradient(135deg,#8b4513,#d2691e);border-bottom:3px solid #daa520;box-shadow:0 2px 8px #0000004d;padding:12px 20px}.stats-row{align-items:center;color:#fff;display:flex;font-size:14px;font-weight:700;justify-content:space-between;margin:0 auto;max-width:1200px}.attacker-stats,.defender-stats{align-items:flex-start;min-width:200px}.defender-stats{align-items:flex-end}.stats-label{color:#f4e4bc;font-size:12px;margin-bottom:4px}.units-count{color:#ffe4b5;font-size:16px;margin-right:15px}.moral-count{color:#87ceeb;font-size:16px}.round-info{align-items:center;text-align:center}.round-text{color:#fff;font-size:18px;margin-bottom:4px}.turn-text{color:#daa520;font-size:14px;margin-bottom:4px}.zoom-text{color:#f4e4bc;font-size:12px}.replay-battlefield{background:#2f1b14;flex:1 1;overflow:hidden;position:relative}.replay-battlefield,.replay-controls{align-items:center;display:flex;justify-content:center}.replay-controls{background:linear-gradient(135deg,#8b4513,#d2691e);border-top:3px solid #daa520;box-shadow:0 -2px 8px #0000004d;gap:12px;padding:15px 20px}.replay-btn{background:linear-gradient(135deg,#daa520,#b8860b);border:2px solid gold;border-radius:6px;box-shadow:0 2px 4px #0000004d;color:#fff;cursor:pointer;font-size:14px;font-weight:700;min-width:120px;padding:10px 16px;text-shadow:1px 1px 2px #000000b3;transition:all .2s ease}.replay-btn:hover:not(:disabled){background:linear-gradient(135deg,gold,#daa520);border-color:#fff8dc;box-shadow:0 3px 6px #0006;transform:translateY(-1px)}.replay-btn:active:not(:disabled){box-shadow:0 1px 2px #0000004d;transform:translateY(0)}.replay-btn:disabled{background:linear-gradient(135deg,#696969,#555);border-color:grey;box-shadow:0 1px 2px #0003;color:#ccc;cursor:not-allowed;transform:none}.round-btn{background:linear-gradient(135deg,peru,sienna);border-color:#deb887}.round-btn:hover:not(:disabled){background:linear-gradient(135deg,#deb887,peru);border-color:wheat}.close-btn{background:linear-gradient(135deg,#dc143c,#b22222);border-color:tomato;margin-left:20px}.close-btn:hover{background:linear-gradient(135deg,tomato,#dc143c);border-color:#ffa07a}.replay-error,.replay-loading{align-items:center;color:#fff;display:flex;flex:1 1;flex-direction:column;justify-content:center;text-align:center}.loading-spinner{border:6px solid #555;border-top-color:#daa520;height:60px;margin-bottom:20px;width:60px}.replay-error h3{color:tomato;font-size:24px;margin-bottom:15px}.replay-error p{color:#fff;font-size:16px;margin-bottom:20px}.btn-close{background:linear-gradient(135deg,#daa520,#b8860b);border:2px solid gold;font-weight:700;padding:12px 24px;transition:all .2s ease}.btn-close:hover{background:linear-gradient(135deg,gold,#daa520);transform:translateY(-1px)}.battlefield-error{align-items:center;color:#fff;display:flex;flex-direction:column;font-size:16px;height:100%;justify-content:center;text-align:center}.battlefield-error p{color:tomato;margin:10px 0}@media (max-width:768px){.stats-row{flex-direction:column;gap:10px}.attacker-stats,.defender-stats{align-items:center;min-width:auto}.replay-controls{flex-wrap:wrap;gap:8px}.replay-btn{font-size:12px;min-width:100px;padding:8px 12px}}.army-page{background:linear-gradient(135deg,var(--bg-primary) 0,var(--bg-tertiary) 100%);color:var(--text-light);font-family:var(--primary-font);margin:0 auto;max-width:1200px;min-height:calc(100vh - 140px);padding:20px}.army-header{background:linear-gradient(135deg,var(--bg-secondary) 0,var(--bg-tertiary) 100%);border:3px solid var(--roman-gold);border-radius:12px;box-shadow:0 8px 25px #0006,inset 0 1px 0 #ffffff1a;margin-bottom:30px;padding:25px;position:relative;text-align:center}.army-header:before{background:linear-gradient(45deg,var(--roman-gold),var(--bronze),var(--roman-gold));border-radius:15px;bottom:-2px;content:"";left:-2px;position:absolute;right:-2px;top:-2px;z-index:-1}.army-header h1{color:var(--roman-gold);font-family:var(--secondary-font);font-size:2.4em;font-weight:700;letter-spacing:1px;margin:0 0 12px;text-shadow:2px 2px 4px #000c,0 0 10px #daa5204d}.army-header p{color:var(--ivory);font-size:1.2em;font-weight:500;margin:0;opacity:.95}.loading{background:var(--bg-secondary);border:2px solid var(--bronze);border-radius:10px;color:var(--roman-gold);font-size:1.3em}.no-battles{background:linear-gradient(135deg,var(--bg-secondary) 0,var(--bg-tertiary) 100%);border:3px solid var(--bronze);border-radius:15px;box-shadow:0 8px 25px #0006,inset 0 1px 0 #ffffff1a;padding:80px 30px;text-align:center}.no-battles h3{color:var(--roman-gold);font-family:var(--secondary-font);font-size:1.8em;margin-bottom:15px;text-shadow:1px 1px 3px #000000b3}.no-battles p{color:var(--ivory);font-size:1.2em;line-height:1.5;opacity:.9}.battles-table{background:linear-gradient(135deg,var(--bg-secondary) 0,var(--bg-tertiary) 100%);border:3px solid var(--bronze);border-radius:15px;box-shadow:0 12px 40px #00000080,inset 0 1px 0 #ffffff1a;overflow:hidden;position:relative}.battles-table:before{background:linear-gradient(90deg,var(--roman-gold),var(--bronze),var(--roman-gold));content:"";height:3px;left:0;position:absolute;right:0;top:0;z-index:1}.table-header{background:linear-gradient(135deg,var(--bg-primary) 0,var(--bg-tertiary) 100%);border-bottom:3px solid var(--bronze);color:var(--roman-gold);font-family:var(--secondary-font);font-size:1.1em;letter-spacing:.5px;text-shadow:1px 1px 2px #000000b3;text-transform:uppercase}.battle-row,.table-header{grid-gap:15px;display:grid;gap:15px;grid-template-columns:2fr 1fr 1fr 1.5fr 1.5fr 1fr 1.5fr;padding:20px 25px}.battle-row{align-items:center;border-bottom:2px solid #cd7f324d;position:relative;transition:all .3s ease}.battle-row:hover{background:linear-gradient(135deg,#cd7f321a,#8b73551a);box-shadow:inset 5px 0 0 var(--roman-gold);transform:translateX(5px)}.battle-row:last-child{border-bottom:none}.col-mission{display:flex;flex-direction:column}.mission-type{color:var(--roman-gold);font-family:var(--secondary-font);font-size:1.1em;font-weight:700;margin-bottom:6px;text-shadow:1px 1px 2px #000000b3}.battle-id{background:#0003;border:1px solid #cd7f324d;border-radius:4px;color:var(--ivory);font-family:monospace;font-size:.9em;opacity:.7;padding:2px 6px}.col-ships,.col-units{color:var(--ivory);font-size:1.1em;font-weight:700;text-shadow:1px 1px 2px #000000b3}.col-destination,.col-origin{color:var(--parchment);font-weight:600;text-shadow:1px 1px 2px #00000080}.status-badge{border:2px solid #fff3;border-radius:25px;color:#fff;font-family:var(--secondary-font);font-size:.95em;letter-spacing:.5px;padding:8px 16px;text-shadow:1px 1px 3px #000c;text-transform:uppercase}.col-actions{display:flex;gap:10px;justify-content:center}.action-btn{border:2px solid #0000;border-radius:8px;cursor:pointer;font-family:var(--secondary-font);font-size:.95em;font-weight:700;letter-spacing:.5px;overflow:hidden;padding:10px 16px;position:relative;text-shadow:1px 1px 2px #000000b3;text-transform:uppercase;transition:all .3s ease}.action-btn:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.action-btn:hover:before{left:100%}.action-btn.primary{background:linear-gradient(135deg,var(--roman-green),#1e7e34);border-color:#ffffff4d;box-shadow:0 4px 12px #228b2266,inset 0 1px 0 #fff3;color:#fff}.action-btn.primary:hover:not(:disabled){background:linear-gradient(135deg,#1e7e34,var(--roman-green));border-color:var(--ivory);box-shadow:0 6px 16px #228b2280,inset 0 1px 0 #ffffff4d;transform:translateY(-2px)}.action-btn.secondary{background:linear-gradient(135deg,var(--bronze),#b8860b);border-color:#ffffff4d;box-shadow:0 4px 12px #cd7f3266,inset 0 1px 0 #fff3;color:#fff}.action-btn.secondary:hover{background:linear-gradient(135deg,#b8860b,var(--bronze));border-color:var(--ivory);box-shadow:0 6px 16px #cd7f3280,inset 0 1px 0 #ffffff4d;transform:translateY(-2px)}.action-btn.disabled{background:linear-gradient(135deg,var(--bg-tertiary),#3a3a3a);border-color:#ffffff1a;box-shadow:none;color:#fff6;cursor:not-allowed}.action-btn:disabled{transform:none}.action-btn:disabled:before{display:none}@media (max-width:1024px){.army-page{padding:15px}.battle-row,.table-header{gap:12px;grid-template-columns:1.8fr .8fr .8fr 1.2fr 1.2fr .8fr 1.4fr;padding:15px 20px}.army-header h1{font-size:2.1em}.action-btn{font-size:.9em;padding:8px 14px}}@media (max-width:768px){.army-page{padding:10px}.army-header{margin-bottom:20px;padding:20px 15px}.army-header h1{font-size:1.8em;margin-bottom:8px}.army-header p{font-size:1em}.battles-table{border-radius:10px;font-size:.9em}.battle-row,.table-header{gap:10px;grid-template-columns:1fr;padding:15px}.table-header{display:none}.battle-row{background:linear-gradient(135deg,var(--bg-secondary) 0,var(--bg-primary) 100%);border:2px solid var(--bronze);border-radius:10px;box-shadow:0 4px 12px #0000004d;margin-bottom:15px;padding:20px}.battle-row:hover{box-shadow:0 6px 16px #0006;transform:none}.col-destination,.col-mission,.col-origin,.col-ships,.col-status,.col-units{align-items:center;border-bottom:1px solid #cd7f324d;display:flex;justify-content:space-between;padding:8px 0}.col-actions{border-top:2px solid var(--bronze);justify-content:center;margin-top:10px;padding-top:15px}.col-mission:before{content:"Mission"}.col-mission:before,.col-ships:before{color:var(--roman-gold);font-weight:700}.col-ships:before{content:"Bateaux"}.col-units:before{content:"Unités"}.col-origin:before,.col-units:before{color:var(--roman-gold);font-weight:700}.col-origin:before{content:"Origine"}.col-destination:before{color:var(--roman-gold);content:"Destination";font-weight:700}.col-status:before{color:var(--roman-gold);content:"Status";font-weight:700}.mission-type{font-size:1em}.battle-id{font-size:.8em;margin-top:4px}.action-btn{font-size:.85em;padding:8px 12px}}@media (max-width:480px){.army-page{padding:8px}.army-header{padding:15px 10px}.army-header h1{font-size:1.6em}.army-header p{font-size:.95em}.battle-row{padding:15px}.col-actions{flex-direction:column;gap:8px}.action-btn{font-size:.8em;padding:10px;width:100%}.no-battles{padding:40px 15px}.no-battles h3{font-size:1.5em}.no-battles p{font-size:1em}}:root{--header-height:15vh;--bottombar-height:9vh}.layout-container{box-sizing:border-box;min-height:100vh;padding-bottom:9vh;padding-bottom:var(--bottombar-height);padding-top:15vh;padding-top:var(--header-height);position:relative}@media (max-height:500px){:root{--header-height:105px;--bottombar-height:58px}.layout-container{padding-bottom:58px;padding-top:105px}}@media (min-height:1200px){:root{--header-height:135px;--bottombar-height:85px}.layout-container{padding-bottom:85px;padding-top:135px}}@media (min-height:800px) and (max-height:1199px){:root{--header-height:clamp(105px,15vh,135px);--bottombar-height:clamp(58px,9vh,85px)}.layout-container{padding-bottom:clamp(58px,9vh,85px);padding-top:clamp(105px,15vh,135px)}}.tutorial-overlay{animation:fadeIn .3s ease-in-out;background:#000000b3;bottom:0;cursor:pointer;left:0;pointer-events:auto;right:0;top:0}.tutorial-overlay,.tutorial-overlay-hint{position:fixed;z-index:2147483647!important}.tutorial-overlay-hint{animation:bounce-hint 2s ease-in-out infinite;background:linear-gradient(135deg,#daa520f2,#b8860bf2);border-radius:20px;bottom:20px;box-shadow:0 4px 20px #daa52080;color:#fff;font-size:.9em;font-weight:600;left:50%;padding:10px 20px;pointer-events:none;transform:translateX(-50%)}@keyframes bounce-hint{0%,to{transform:translateX(-50%) translateY(0)}50%{transform:translateX(-50%) translateY(-8px)}}.tutorial-spotlight{animation:pulse-spotlight 2s ease-in-out infinite;border:3px solid var(--roman-gold);border-radius:8px;box-shadow:0 0 0 9999px #000000b3,0 0 20px var(--roman-gold),inset 0 0 20px #daa5204d;pointer-events:none;position:absolute;transition:all .4s ease-in-out;z-index:2147483646!important}@keyframes pulse-spotlight{0%,to{box-shadow:0 0 0 9999px #000000b3,0 0 20px var(--roman-gold),inset 0 0 20px #daa5204d}50%{box-shadow:0 0 0 9999px #000000b3,0 0 35px var(--roman-gold),inset 0 0 30px #daa52080}}.tutorial-tooltip{animation:slideIn .4s ease-out;background:linear-gradient(135deg,var(--bg-secondary) 0,var(--bg-light) 100%);border:3px solid var(--roman-gold);border-radius:12px;box-shadow:0 10px 40px #00000080;max-width:400px;padding:20px;pointer-events:all;position:fixed;z-index:2147483647!important}.tutorial-header{border-bottom:2px solid var(--accent-primary);margin-bottom:15px;padding-bottom:10px}.tutorial-title{align-items:center;color:var(--roman-red);display:flex;font-family:var(--font-bold);font-size:1.3em;gap:8px;margin:0}.tutorial-step-counter{background:var(--accent-primary);border:1px solid var(--bronze);border-radius:15px;color:var(--text-primary);font-size:.8em;font-weight:700;padding:4px 10px}.tutorial-description{color:var(--text-primary);font-size:1em;line-height:1.6;margin-bottom:15px}.tutorial-page-warning{animation:pulse-warning 2s ease-in-out infinite;background:linear-gradient(135deg,#ff8c0033,#ff45001a);border:2px solid #ff8c00;border-radius:8px;color:#ff8c00;font-size:.95em;font-weight:600;margin-bottom:15px;padding:12px;text-align:center}.tutorial-action-status{align-items:center;background:linear-gradient(135deg,#64646433,#5050501a);border:2px solid #888;border-radius:8px;display:flex;font-size:.95em;gap:10px;margin-bottom:15px;padding:10px 12px;transition:all .3s ease}.tutorial-action-status.completed{animation:flash-success .5s ease-in-out;background:linear-gradient(135deg,#22c55e33,#16a34a1a);border-color:#22c55e}.tutorial-action-status.pending{animation:pulse-pending 2s ease-in-out infinite}@keyframes flash-success{0%,to{opacity:1}50%{opacity:.7;transform:scale(1.02)}}@keyframes pulse-pending{0%,to{border-color:#888}50%{border-color:#aaa}}.tutorial-action-status .status-icon{flex-shrink:0;font-size:1.3em}.tutorial-action-status.completed .status-icon{animation:bounce-icon .6s ease-in-out}@keyframes bounce-icon{0%,to{transform:scale(1)}50%{transform:scale(1.3)}}.tutorial-action-status .status-text{flex:1 1;font-weight:500}.tutorial-action-status.completed .status-text{color:#22c55e}.tutorial-action-status.pending .status-text{color:#888}.tutorial-minimized-bottombar{animation:pulse-tutorial 2s ease-in-out infinite;background:linear-gradient(135deg,var(--accent-primary) 0,var(--roman-gold) 100%);border:2px solid var(--roman-gold);border-radius:8px;box-shadow:0 2px 4px #0000004d,0 0 10px #daa52066;color:var(--text-primary);cursor:pointer;flex:0 0 auto;font-family:var(--font-primary);font-size:1.1rem;font-weight:700;min-width:40px;padding:4px 8px;position:relative;text-align:center;text-shadow:1px 1px 2px #0000004d;transition:all .2s ease;white-space:nowrap}.tutorial-minimized-bottombar:hover{background:linear-gradient(135deg,var(--roman-gold) 0,var(--accent-primary) 100%);box-shadow:0 3px 6px #0006,0 0 15px #daa52099;transform:translateY(-2px)}.tutorial-minimized-bottombar:active{box-shadow:0 1px 3px #0000004d;transform:translateY(0)}.tutorial-badge-check{align-items:center;animation:bounce-check .6s ease-in-out;background:#22c55e;border-radius:50%;display:flex;font-size:.7em;height:16px;justify-content:center;position:absolute;right:-6px;top:-6px;width:16px}@keyframes pulse-tutorial{0%,to{box-shadow:0 2px 4px #0000004d,0 0 10px #daa52066}50%{box-shadow:0 2px 4px #0000004d,0 0 20px #daa520b3}}.tutorial-minimized-old{animation:slideInRight .4s ease-out;background:linear-gradient(135deg,var(--bg-secondary) 0,var(--bg-light) 100%);border:3px solid var(--roman-gold);border-radius:12px;bottom:80px;box-shadow:0 8px 32px #0006;cursor:pointer;min-width:280px;padding:12px 16px;position:fixed;right:20px;transition:all .3s ease;z-index:2147483647!important}.tutorial-minimized:hover{box-shadow:0 12px 40px #daa52066;transform:translateY(-4px)}.tutorial-minimized-content,.tutorial-minimized-icon,.tutorial-minimized-old{display:none}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.tutorial-minimized-text{flex:1 1}.tutorial-minimized-title{color:var(--roman-gold);font-size:1em;font-weight:700;margin-bottom:2px}.tutorial-minimized-step{align-items:center;color:var(--text-secondary);display:flex;font-size:.85em;gap:4px}.minimized-check{animation:bounce-check .6s ease-in-out}@keyframes bounce-check{0%,to{transform:scale(1)}50%{transform:scale(1.4)}}.tutorial-minimized-expand{animation:bounce-arrow 2s ease-in-out infinite;font-size:1.2em;opacity:.6}@keyframes bounce-arrow{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.tutorial-minimized-pulse{animation:pulse-success 1.5s ease-in-out infinite;background:linear-gradient(135deg,#22c55e33,#16a34a1a);border:2px solid #22c55e;border-radius:6px;color:#22c55e;font-size:.9em;font-weight:600;margin-top:8px;padding:8px;text-align:center}@keyframes pulse-success{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.02)}}.tutorial-header-actions{align-items:center;display:flex;gap:10px}.tutorial-minimize-btn{align-items:center;animation:pulse-minimize-btn 2s ease-in-out infinite;background:linear-gradient(135deg,#daa5204d,#daa52033);border:2px solid var(--roman-gold);border-radius:6px;box-shadow:0 0 10px #daa5204d;cursor:pointer;display:flex;font-size:1.1em;justify-content:center;padding:6px 10px;transition:all .2s ease}@keyframes pulse-minimize-btn{0%,to{box-shadow:0 0 10px #daa5204d;transform:scale(1)}50%{box-shadow:0 0 20px #daa52099;transform:scale(1.05)}}.tutorial-minimize-btn:hover{animation:none;background:linear-gradient(135deg,var(--roman-gold) 0,#daa520cc 100%);box-shadow:0 0 25px #daa520cc;transform:scale(1.15)}.tutorial-minimize-btn:active{transform:scale(.95)}.tutorial-reward{background:linear-gradient(135deg,#daa52026,#daa5200d);border:2px solid var(--roman-gold);border-radius:8px;display:flex;flex-direction:column;gap:8px;margin-bottom:15px;padding:12px}.tutorial-reward-title{align-items:center;color:var(--roman-gold);display:flex;font-size:1em;font-weight:700;gap:6px}.tutorial-reward-items{display:flex;flex-wrap:wrap;gap:8px}.tutorial-reward-item{align-items:center;background:#fff3;border:1px solid #daa52066;border-radius:15px;color:var(--text-primary);display:flex;font-size:.95em;font-weight:700;gap:4px;padding:5px 12px}.tutorial-actions{display:flex;gap:10px;justify-content:flex-end}.tutorial-button{border:none;border-radius:8px;cursor:pointer;font-family:var(--font-bold);font-size:.95em;font-weight:700;letter-spacing:.5px;padding:10px 20px;text-transform:uppercase;transition:all .3s ease}.tutorial-button-primary{background:linear-gradient(135deg,var(--roman-green) 0,#1b5e20 100%);border:2px solid #ffffff4d;box-shadow:0 4px 10px #228b2266;color:var(--text-light)}.tutorial-button-primary:hover{background:linear-gradient(135deg,#2e7d32 0,var(--roman-green) 100%);box-shadow:0 6px 15px #228b2299;transform:translateY(-2px)}.tutorial-button-secondary{background:var(--bg-secondary);border:2px solid var(--bronze);box-shadow:0 2px 5px #0003;color:var(--text-primary)}.tutorial-button-secondary:hover{background:var(--accent-primary);transform:translateY(-1px)}.tutorial-button-skip{background:linear-gradient(135deg,var(--marble-grey) 0,#757575 100%);border:2px solid #fff3;color:#fffc;font-size:.85em;padding:8px 16px}.tutorial-button-skip:hover{background:linear-gradient(135deg,#757575 0,var(--marble-grey) 100%)}.tutorial-progress{border-top:2px solid #8b451333;margin-top:15px;padding-top:15px}.tutorial-progress-bar{background:var(--marble-grey);border-radius:4px;height:8px;margin-bottom:8px;overflow:hidden;width:100%}.tutorial-progress-fill{background:linear-gradient(90deg,var(--accent-primary),var(--roman-gold));box-shadow:0 0 10px #daa52080;height:100%;transition:width .5s ease-in-out}.tutorial-progress-text{color:var(--text-secondary);font-size:.85em;font-weight:700;text-align:center}@media (max-width:768px){.tutorial-tooltip{left:5vw!important;max-width:90vw;padding:15px;right:5vw!important;width:auto!important}.tutorial-tooltip.position-center{left:5vw;transform:translateY(-50%)}.tutorial-title{font-size:1.1em}.tutorial-description{font-size:.9em}.tutorial-actions{flex-direction:column}.tutorial-button{padding:12px;width:100%}.tutorial-reward-items{justify-content:center}.tutorial-minimized{bottom:70px;min-width:240px;padding:10px 12px;right:10px}.tutorial-minimized-icon{font-size:1.5em}.tutorial-minimized-title{font-size:.9em}.tutorial-minimized-step{font-size:.8em}}@media (max-width:480px){.tutorial-tooltip{padding:12px}.tutorial-title{font-size:1em}.tutorial-description{font-size:.85em;line-height:1.4}.tutorial-button{font-size:.85em;padding:10px}}.battle-result-overlay{align-items:center;animation:fadeIn .2s ease-out;background:#000000bf;bottom:0;display:flex;justify-content:center;left:0;overscroll-behavior:contain;position:fixed;right:0;top:0;touch-action:none;z-index:10000}.battle-result-popup{-webkit-overflow-scrolling:touch;animation:slideUp .3s ease-out;background:linear-gradient(135deg,#1a1a2e,#16213e);border:2px solid #ffffff1a;border-radius:16px;box-shadow:0 8px 32px #0006;max-height:calc(100vh - 100px);max-width:500px;overflow-y:auto;overscroll-behavior:contain;touch-action:pan-y;width:90%}.battle-result-header{align-items:center;border-bottom:2px solid #ffffff1a;display:flex;gap:16px;padding:24px;position:relative}.battle-result-header.victory{background:linear-gradient(135deg,#2ecc71,#27ae60);box-shadow:0 4px 12px #2ecc714d}.battle-result-header.defeat{background:linear-gradient(135deg,#e74c3c,#c0392b);box-shadow:0 4px 12px #e74c3c4d}.battle-result-icon{filter:drop-shadow(0 2px 4px rgba(0,0,0,.3));font-size:48px}.battle-result-title h2{color:#fff;font-size:28px;font-weight:700;margin:0;text-shadow:0 2px 4px #0000004d}.battle-result-name{color:#ffffffe6;font-size:14px;margin-top:4px}.battle-result-close{align-items:center;background:#0000004d;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:28px;height:36px;justify-content:center;position:absolute;right:16px;top:16px;transition:background .2s;width:36px}.battle-result-close:hover{background:#00000080}.battle-result-body{padding:24px}.battle-result-section{border-bottom:1px solid #ffffff1a;margin-bottom:20px;padding-bottom:16px}.battle-result-section:last-of-type{border-bottom:none}.battle-result-label{color:#fff9;font-size:12px;letter-spacing:1px;margin-bottom:8px;text-transform:uppercase}.battle-result-value{color:#fff;font-size:18px;font-weight:600}.battle-result-stats{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(3,1fr);margin-top:24px}.battle-stat-card{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;padding:16px;text-align:center;transition:transform .2s,background .2s}.battle-stat-card:hover{background:#ffffff14;transform:translateY(-2px)}.battle-stat-card.casualties{background:#e74c3c1a;border-color:#e74c3c80}.battle-stat-card.survival{background:#2ecc711a;border-color:#2ecc7180}.battle-stat-label{color:#fff9;font-size:11px;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.battle-stat-value{color:#fff;font-size:24px;font-weight:700}.battle-result-timestamp{color:#ffffff80;font-size:12px;margin-top:24px;text-align:center}.battle-result-footer{background:#0003;border-top:1px solid #ffffff1a;display:flex;justify-content:center;padding:20px 24px}.battle-result-btn{animation:pulse-glow 1.5s ease-in-out infinite;background:linear-gradient(135deg,#3498db,#2980b9);border:none;border-radius:8px;box-shadow:0 4px 12px #3498db4d;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:12px 32px;transition:transform .2s,box-shadow .2s}@keyframes pulse-glow{0%,to{box-shadow:0 4px 12px #3498db4d;transform:scale(1)}50%{box-shadow:0 6px 20px #3498db99,0 0 15px #3498db66;transform:scale(1.05)}}.battle-result-btn:hover{animation:none;box-shadow:0 6px 16px #3498db66;transform:translateY(-2px) scale(1.05)}.battle-result-btn:active{animation:none;transform:translateY(0)}.pillage-section{background:linear-gradient(135deg,#ffd7000d,#daa5200d);border:1px solid #ffd70033;margin-top:16px;padding:16px}.battle-pillage-list{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));margin-top:12px}.pillage-item{align-items:center;background:#ffffff0d;border:1px solid #ffd70033;border-radius:6px;display:flex;justify-content:space-between;padding:8px 12px;transition:transform .2s,background .2s}.pillage-item:hover{background:#ffd7001a;transform:translateX(4px)}.pillage-resource{color:khaki;font-size:14px;font-weight:500;text-transform:capitalize}.pillage-amount{color:gold;font-size:15px;font-weight:700}.pillage-total{border-top:1px solid #ffd70033;color:gold;font-size:16px;font-weight:600;margin-top:12px;padding-top:12px;text-align:center}@media (max-width:600px){.battle-result-popup{margin-bottom:60px;max-height:calc(100vh - 120px);max-width:none;overflow-y:auto;width:95%}.battle-result-body{padding-bottom:80px}.battle-result-stats{grid-template-columns:1fr}.battle-result-icon{font-size:36px}.battle-result-title h2{font-size:22px}}.battle-toast-container{pointer-events:none;position:fixed;right:20px;top:20px;z-index:999999}.battle-toast{align-items:flex-start;animation:slideInRight .4s ease-out,shake .5s ease-in-out .4s;background:linear-gradient(135deg,#1a1a2e,#16213e);border:2px solid #ffffff1a;border-radius:12px;box-shadow:0 8px 32px #0009;cursor:pointer;display:flex;gap:16px;max-width:400px;min-width:320px;padding:20px;pointer-events:all;position:relative;transition:transform .2s,box-shadow .2s}.battle-toast:hover{box-shadow:0 12px 40px #000000b3;transform:translateY(-4px)}.battle-toast.victory{background:linear-gradient(135deg,#1a1a2e,#16213e 80%,#2ecc7126);border-color:#2ecc7180}.battle-toast.defeat{background:linear-gradient(135deg,#1a1a2e,#16213e 80%,#e74c3c26);border-color:#e74c3c80}@keyframes slideInRight{0%{opacity:0;transform:translateX(400px)}to{opacity:1;transform:translateX(0)}}@keyframes shake{0%,to{transform:translateX(0)}10%,30%,50%,70%,90%{transform:translateX(-5px)}20%,40%,60%,80%{transform:translateX(5px)}}.battle-toast-close{align-items:center;background:#0000004d;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:20px;height:28px;justify-content:center;position:absolute;right:8px;top:8px;transition:background .2s;width:28px}.battle-toast-close:hover{background:#fff3}.battle-toast-icon{animation:bounce 1s ease-in-out infinite;filter:drop-shadow(0 2px 8px rgba(0,0,0,.4));font-size:48px}.battle-toast-content{flex:1 1}.battle-toast-title{color:#fff;font-size:20px;font-weight:700;margin-bottom:8px;text-shadow:0 2px 4px #0000004d}.battle-toast.victory .battle-toast-title{color:#2ecc71}.battle-toast.defeat .battle-toast-title{color:#e74c3c}.battle-toast-battle{color:#ffffffe6;font-size:14px;margin-bottom:12px}.battle-toast-stats{color:#fffc;display:flex;font-size:13px;gap:16px;margin-bottom:8px}.battle-toast-action{color:#3498db;font-size:12px;font-style:italic;margin-top:8px}.battle-toast:before{animation:rotateBorder 3s linear infinite;background:linear-gradient(45deg,#0000,#3498db66,#0000);border-radius:12px;bottom:-2px;content:"";left:-2px;position:absolute;right:-2px;top:-2px;z-index:-1}@keyframes rotateBorder{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (max-width:600px){.battle-toast-container{left:10px;right:10px;top:calc(10px + env(safe-area-inset-top));z-index:10000}.battle-toast{max-width:none;min-width:auto;padding:16px}.battle-toast-icon{font-size:36px}.battle-toast-title{font-size:18px}.battle-toast-stats{flex-direction:column;gap:4px}}.faction-welcome-dialog{overflow:hidden}.faction-welcome-content{overflow:hidden;padding:40px!important;position:relative;text-align:center}.faction-header{margin-bottom:30px;position:relative;z-index:1}.faction-logo-container{animation:glow 2s ease-in-out infinite alternate;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0000004d;border:4px solid;border-radius:50%;height:200px;margin:0 auto 20px;padding:10px;width:200px}@keyframes glow{0%{transform:scale(1)}to{transform:scale(1.05)}}.faction-logo{filter:drop-shadow(0 0 10px rgba(255,255,255,.5));height:100%;object-fit:contain;width:100%}.faction-title{animation:fadeInDown .6s ease-out;font-family:Cinzel,serif;font-weight:700;letter-spacing:2px;margin-bottom:10px!important}.faction-motto{animation:fadeInUp .8s ease-out;margin-bottom:20px!important}.faction-description{animation:fadeIn 1s ease-out;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#ffffff0d;border-radius:10px;margin:30px 0;padding:20px}.faction-bonus{animation:slideInUp 1.2s ease-out;border:2px solid;border-radius:15px;margin:30px 0;overflow:hidden;padding:30px;position:relative}.faction-bonus:before{animation:shine 3s infinite;background:linear-gradient(90deg,#0000,#ffffff1a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;width:100%}@keyframes shine{0%{left:-100%}50%,to{left:100%}}.bonus-icon{animation:bounce 2s infinite;margin-bottom:10px}.faction-footer{margin-top:30px;padding-top:20px}.decorative-line{animation:expand 1.5s ease-out;height:2px;margin-bottom:10px;width:100%}@keyframes expand{0%{width:0}to{width:100%}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (max-width:600px){.faction-welcome-content{padding:20px!important}.faction-logo-container{height:150px;width:150px}.faction-title{font-size:1.8rem!important}.faction-bonus{padding:20px}}.resource-site-popup-overlay{align-items:flex-start;background-color:#000000b3;box-sizing:border-box;display:flex;height:100vh;justify-content:center;left:0;padding-bottom:6vh;padding-top:16vh;position:fixed;top:0;width:100vw;z-index:999999}.resource-site-popup{background:var(--bg-light);border:3px solid var(--bg-secondary);border-radius:var(--border-radius-large);box-shadow:var(--shadow-heavy);font-family:var(--font-primary);max-height:75vh;max-width:450px;overflow-y:auto;width:80%}.resource-site-header{align-items:center;background:var(--bg-secondary);border-bottom:2px solid var(--bg-tertiary);border-radius:var(--border-radius-large) var(--border-radius-large) 0 0;color:#fff;display:flex;justify-content:space-between;padding:15px 20px}.resource-site-header h2{font-size:1.5em;font-weight:700;margin:0;text-shadow:1px 1px 2px #00000080}.close-button{transition:background-color .3s}.resource-site-content{color:var(--text-primary);line-height:1.4;padding:20px}.loading{color:#666;font-size:1.1em}.error{background-color:#ffebee;border:1px solid #f44336;border-radius:5px;color:#c62828;margin-bottom:15px;padding:10px;text-align:center}.back-section,.cities-section,.site-development-section,.site-info-section,.upgrade-info-section,.worker-assignment-section{background-color:#ffffff4d;border:1px solid #8b73554d;border-radius:8px;margin-bottom:20px;padding:15px}.info-row{font-size:1em;margin-bottom:8px}.worker-controls{align-items:center;display:flex;gap:10px;margin-bottom:10px}.worker-input{border:2px solid var(--bg-secondary);border-radius:var(--border-radius-small);font-size:14px;padding:var(--spacing-sm);text-align:center;width:100px}.assign-button{background:#4caf50;border:none;border-radius:var(--border-radius-small);color:#fff;cursor:pointer;font-weight:700;padding:var(--spacing-sm) var(--spacing-md);transition:all var(--transition-medium)}.assign-button:hover{box-shadow:var(--shadow-light);transform:translateY(-1px)}.worker-slider-container{background-color:#ffffff80;border:1px solid #8b735533;border-radius:8px;margin:15px 0;padding:10px}.worker-slider{appearance:none;background:#ddd;border-radius:6px;height:12px;outline:none;transition:all .2s ease;width:100%}.worker-slider:hover{background:#ccc}.worker-slider::-webkit-slider-thumb{appearance:none;background:var(--bg-secondary);border:2px solid #fff;border-radius:50%;box-shadow:var(--shadow-medium);cursor:pointer;height:24px;-webkit-transition:all var(--transition-fast);transition:all var(--transition-fast);width:24px}.worker-slider::-webkit-slider-thumb:hover{background:var(--text-secondary);transform:scale(1.1)}.worker-slider::-moz-range-thumb{background:#8b7355;border:2px solid #fff;border-radius:50%;box-shadow:0 2px 6px #0000004d;cursor:pointer;height:24px;-moz-transition:all .2s ease;transition:all .2s ease;width:24px}.worker-slider::-moz-range-thumb:hover{background:#9d8464;transform:scale(1.1)}.worker-info{color:#2c2416;font-weight:700}.upgrade-time,.upgrade-timer{font-weight:700;margin-bottom:8px}.upgrade-timer{color:#d32f2f;font-size:1.1em}.site-development-section h3{border-bottom:2px solid #1565c0;color:#1565c0;font-size:1.2em;margin:0 0 15px;padding-bottom:5px;text-align:center}.next-bonus,.remaining-resources,.upgrade-cost{border-radius:5px;margin-bottom:10px;padding:8px}.next-bonus{background-color:#4caf501a;border-left:4px solid #4caf50;color:#2e7d32}.upgrade-cost{background-color:#ffc1071a;border-left:4px solid #ffc107;color:#f57c00}.remaining-resources{background-color:#f443361a;border-left:4px solid #f44336;color:#c62828}.donation-controls{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.donation-input{border:2px solid #8b7355;border-radius:5px;font-size:14px;padding:8px;text-align:center;width:100px}.donation-button{background:#ff9800;border:none;border-radius:5px;color:#fff;cursor:pointer;font-weight:700;padding:8px 16px;transition:all .3s}.donation-button:hover{box-shadow:0 2px 5px #0003;transform:translateY(-1px)}.resource-selector{background-color:#fff;border:2px solid #8b7355;border-radius:5px;font-size:14px;padding:8px}.cities-section h4{color:#2c2416;font-size:1.1em;margin:0 0 15px}.cities-table{background-color:#fff;border:1px solid #8b7355;border-radius:5px;overflow:hidden}.cities-header{background:var(--bg-secondary);color:#fff;font-weight:700;padding:10px}.cities-header,.city-row{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr 1fr .8fr 1.2fr;text-align:center}.city-row{border-bottom:1px solid #eee;font-size:.9em;padding:8px 10px}.city-row:last-child{border-bottom:none}.city-row:nth-child(2n){background-color:#f9f9f9}.back-button{background:#607d8b;font-size:1em;padding:12px 24px;transition:all .3s;width:100%}.back-button:hover{box-shadow:0 4px 8px #0003}@media (max-width:768px){.resource-site-popup{margin:10px;width:95%}.donation-controls,.worker-controls{align-items:stretch;flex-direction:column}.donation-input,.worker-input{margin-bottom:10px;width:100%}.cities-header,.city-row{grid-template-columns:1fr;text-align:left}.cities-header span,.city-row span{border-bottom:1px solid #ddd;padding:5px 0}.cities-header span:before,.city-row span:before{display:inline-block;font-weight:700;width:100px}.cities-header span:first-child:before,.city-row span:first-child:before{content:"Ville: "}.cities-header span:nth-child(2):before,.city-row span:nth-child(2):before{content:"Joueur: "}.cities-header span:nth-child(3):before,.city-row span:nth-child(3):before{content:"Ouvriers: "}.cities-header span:nth-child(4):before,.city-row span:nth-child(4):before{content:"Dons: "}}.attack-popup.popup-overlay{align-items:center;background:#000c;display:flex;height:100vh;justify-content:center;left:0;overscroll-behavior:contain;padding:20px 0;position:fixed;top:0;touch-action:none;width:100vw;z-index:100000}.attack-popup .popup-content{-webkit-overflow-scrolling:touch;background:var(--bg-light);border:3px solid var(--bg-secondary);border-radius:var(--border-radius-large);box-shadow:var(--shadow-heavy);color:var(--text-primary);display:block!important;font-family:var(--font-primary);max-height:85vh!important;max-width:90vw;overflow-y:auto;overscroll-behavior:contain;padding:12px;touch-action:pan-y;width:560px}.attack-popup .popup-header{align-items:center!important;background:var(--bg-secondary)!important;border-bottom:2px solid var(--bg-tertiary)!important;border-radius:var(--border-radius-large) var(--border-radius-large) 0 0!important;color:#fff!important;display:flex!important;justify-content:space-between!important;margin:-12px -12px 15px!important;padding:15px 20px!important}.attack-popup .popup-header h2{font-size:1.5em;font-weight:700;margin:0;text-shadow:1px 1px 2px #00000080}.attack-popup .close-btn{align-items:center;background:none;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:24px;font-weight:700;height:30px;justify-content:center;padding:0;transition:background-color .3s;width:30px}.attack-popup .close-btn:hover{background-color:#fff3}.attack-popup .popup-info{background-color:#ffffff4d;border:1px solid var(--bg-secondary);border-radius:8px;color:var(--text-primary);display:flex;font-size:14px;gap:20px;margin-bottom:20px;padding:15px}.attack-popup .popup-info span{font-size:14px;font-weight:500}.attack-popup .section{background-color:#ffffff4d!important;border:1px solid var(--bg-secondary)!important;border-radius:8px!important;margin-bottom:20px!important;opacity:1!important;padding:15px!important}.attack-popup .section,.attack-popup .section h3{color:var(--text-primary)!important;display:block!important;visibility:visible!important}.attack-popup .section h3{border-bottom:1px solid var(--bg-secondary)!important;font-size:18px!important;font-weight:700!important;margin:0 0 15px!important;padding-bottom:5px!important}.attack-popup .units-list-ikariam{display:flex;flex-direction:column;gap:4px}.attack-popup .unit-row-ikariam{grid-gap:14px;align-items:center;background-color:#ffffff80;border:1px solid var(--bg-secondary);border-radius:6px;display:grid;font-size:12px;gap:14px;grid-template-columns:90px 110px 100px 60px 60px;margin-bottom:6px;padding:8px}.attack-popup .unit-row-ikariam:hover{background-color:#ffffffb3}.attack-popup .unit-icon-column{align-items:center;display:flex;flex-direction:column;gap:4px}.attack-popup .unit-count-display{background-color:var(--bg-secondary);border:1px solid var(--bg-tertiary);border-radius:4px;color:#fff;font-size:12px;font-weight:700;min-width:35px;padding:3px 8px;text-align:center}.attack-popup .unit-icon-img{height:80px;object-fit:contain;width:80px}.attack-popup .unit-info-column{display:flex;flex-direction:column;gap:4px;justify-content:center}.attack-popup .unit-name-compact{color:var(--text-primary);font-size:13px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.attack-popup .unit-stats-compact{display:flex;font-size:13px;gap:6px;justify-content:flex-start}.attack-popup .unit-stats-compact .stat-hp{color:#ff6b6b}.attack-popup .unit-stats-compact .stat-attack{color:#ffd93d}.attack-popup .unit-stats-compact .stat-defense{color:#6bcf7f}.attack-popup .unit-slider-container{align-items:center;display:flex;justify-content:center}.attack-popup .unit-slider-compact{appearance:none;-webkit-appearance:none;background:#444;border-radius:2px;cursor:pointer;height:4px;outline:none;width:80%}.attack-popup .unit-slider-compact::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;background:gold;border:1px solid #333;border-radius:50%;cursor:pointer;height:14px;width:14px}.attack-popup .unit-slider-compact::-moz-range-thumb{background:gold;border:1px solid #333;border-radius:50%;cursor:pointer;height:14px;width:14px}.attack-popup .unit-group-controls{display:flex;flex-direction:column;gap:2px;justify-content:center}.attack-popup .group-btn{background-color:var(--bg-secondary);border:1px solid var(--bg-tertiary);border-radius:4px;color:#fff;cursor:pointer;font-size:10px;font-weight:700;min-height:22px;min-width:28px;padding:4px 5px;transition:background-color .2s ease}.attack-popup .group-btn:hover:not(:disabled){background-color:var(--bg-tertiary)}.attack-popup .group-btn:disabled{background-color:#ccc;border-color:#999;color:#666;cursor:not-allowed;opacity:.6}.attack-popup .group-btn.plus{background-color:#b8860b;border-color:#996f00}.attack-popup .group-btn.plus:hover:not(:disabled){background-color:#daa520}.attack-popup .group-btn.minus{background-color:#8b4513;border-color:#654321}.attack-popup .group-btn.minus:hover:not(:disabled){background-color:sienna}.attack-popup .unit-manual-input{align-items:center;display:flex;justify-content:center}.attack-popup .manual-input{background-color:#fff;border:1px solid var(--bg-secondary);border-radius:4px;color:var(--text-primary);font-size:12px;padding:3px 4px;text-align:center;width:50px}.attack-popup .manual-input:focus{border-color:var(--roman-gold);box-shadow:0 0 0 2px #daa52033;outline:none}.attack-popup .heroes-list{display:flex!important;flex-direction:column!important;gap:8px!important}.attack-popup .hero-item{align-items:flex-start!important;background:linear-gradient(145deg,#daa52026,#8b45131a)!important;border:2px solid #8b45134d!important;border-radius:8px!important;box-shadow:0 2px 4px #0000001a!important;cursor:pointer!important;display:flex!important;margin-bottom:8px!important;padding:12px!important;transition:all .2s ease!important}.attack-popup .hero-item:hover{background:linear-gradient(145deg,#daa52040,#8b451326);border-color:#b8860b;box-shadow:0 4px 8px #00000026;transform:translateY(-1px)}.attack-popup .hero-item input{accent-color:var(--bg-secondary);cursor:pointer;flex-shrink:0;margin-right:12px;margin-top:2px;transform:scale(1.3)}.attack-popup .hero-info{display:flex;flex:1 1;flex-direction:column;gap:4px}.attack-popup .hero-name{color:var(--text-primary);font-size:14px;font-weight:700}.attack-popup .hero-stats{color:var(--text-secondary);display:flex;font-size:12px;gap:8px}.attack-popup .hero-bonuses{color:#228b22;display:flex;font-size:11px;font-style:italic;gap:8px}.attack-popup .hero-item input:checked+.hero-info{opacity:1}.attack-popup .hero-item:has(input:checked){background:linear-gradient(145deg,#daa5204d,#8b451333);border-color:#daa520;box-shadow:0 0 8px #daa52066}.attack-popup .empty-message{color:#888;font-style:italic;margin:10px 0;text-align:center}.battlefield-auto-info{background:#2c2c2c;border:1px solid #4caf50;border-radius:6px;color:#e8f5e8;font-size:14px;line-height:1.4;margin:0;padding:15px}.attack-popup .ships-controls{align-items:center;display:flex;gap:15px;justify-content:center}.attack-popup .ships-controls button{background-color:var(--bg-secondary);border:none;border-radius:50%;color:#fff;cursor:pointer;font-size:18px;font-weight:700;height:35px;transition:background-color .2s;width:35px}.attack-popup .ships-controls button:hover{background-color:var(--bg-tertiary)}.attack-popup .ships-controls span{color:var(--text-primary);font-size:16px;font-weight:700;min-width:100px;text-align:center}.attack-popup .actions{border-top:1px solid #8b4513;display:flex;gap:10px;justify-content:center;margin-top:20px;padding-top:15px}.attack-popup .btn{border:none;border-radius:6px;cursor:pointer;flex:1 1;font-size:14px;font-weight:700;max-width:140px;padding:10px 20px;text-align:center;transition:all .2s}.attack-popup .btn-cancel{background-color:#6c757d;color:#fff}.attack-popup .btn-cancel:hover{background-color:#5a6268}.attack-popup .btn-preview{background-color:#4a90e2;color:#fff}.attack-popup .btn-preview:hover{background-color:#357abd}.attack-popup .btn-preview:disabled{background-color:#ccc;cursor:not-allowed;opacity:.6}.attack-popup .btn-attack{background-color:#dc3545!important;color:#fff!important}.attack-popup .btn-attack:hover{background-color:#c82333!important}.attack-popup .btn-attack:disabled{background-color:#dc3545!important;cursor:not-allowed;opacity:.6}@media (max-width:768px){.attack-popup .popup-content{padding:15px;width:95vw}.attack-popup .popup-header h2{font-size:20px}.attack-popup .section h3{font-size:16px}.attack-popup .units-list-ikariam,.heroes-list{display:flex!important;flex-direction:column!important;gap:8px!important}.attack-popup .unit-row-ikariam{grid-gap:4px!important;background-color:#ffffff80!important;border:1px solid var(--bg-secondary)!important;border-radius:6px!important;display:grid!important;font-size:11px!important;gap:4px!important;grid-template-columns:60px 100px 70px 50px!important;grid-template-rows:auto auto!important;padding:6px!important}.attack-popup .unit-icon-column{gap:2px!important;grid-column:1!important;grid-row:1/3!important}.attack-popup .unit-count-display{font-size:10px!important;min-width:28px!important;padding:2px 6px!important}.attack-popup .unit-icon-img{height:38px!important;width:38px!important}.attack-popup .unit-info-column{gap:2px!important;grid-column:2!important;grid-row:1/3!important}.attack-popup .unit-name-compact{font-size:11px!important}.attack-popup .unit-stats-compact{font-size:10px!important;gap:3px!important}.attack-popup .unit-slider-container{grid-column:3!important;grid-row:1!important;padding:0 2px!important}.attack-popup .unit-slider-compact{height:3px!important;width:100%!important}.attack-popup .unit-slider-compact::-webkit-slider-thumb{height:12px!important;width:12px!important}.attack-popup .unit-group-controls{gap:1px!important;grid-column:4!important;grid-row:1!important}.attack-popup .group-btn{font-size:8px!important;min-height:18px!important;min-width:24px!important;padding:2px 3px!important}.attack-popup .unit-manual-input{display:flex!important;grid-column:4!important;grid-row:2!important;justify-content:center!important}.attack-popup .manual-input,.attack-popup .unit-manual-input input{font-size:10px!important;padding:3px!important;width:40px!important}.attack-popup .hero-item{background:linear-gradient(145deg,#f5f1e8cc,#f5f1e899)!important;border:2px solid var(--bg-secondary)!important;border-radius:8px!important;display:flex!important;padding:12px!important}.attack-popup .hero-info{display:flex!important;flex:1 1;flex-direction:column}.attack-popup .actions{flex-direction:column;gap:10px;margin-bottom:20px;padding-bottom:60px}.attack-popup .actions .btn{flex:none!important;max-width:none!important;width:100%!important}}.attack-popup .compact-stats{margin-bottom:15px;padding:10px}.attack-popup .compact-stats h3{font-size:16px;margin:0 0 8px}.attack-popup .error-compact{background:#ff6b6b1a;border-radius:4px;color:#ff6b6b;font-size:12px;margin-bottom:8px;padding:4px 8px;text-align:center}.attack-popup .stats-grid-compact{grid-gap:6px;display:grid;font-size:14px;gap:6px;grid-template-columns:repeat(3,1fr);margin-bottom:10px}.attack-popup .stat-compact{background-color:#ffffff80!important;border:1px solid var(--bg-secondary)!important;border-radius:4px!important;color:var(--text-primary)!important;display:block!important;flex-direction:row!important;flex-shrink:1!important;font-size:13px!important;gap:initial!important;min-width:0!important;min-width:auto!important;overflow:visible!important;overflow:initial!important;padding:8px!important;text-align:center!important}.attack-popup .stat-compact strong,.attack-popup .units-summary-compact{color:var(--roman-gold)!important;font-weight:700!important}.attack-popup .units-summary-compact{background-color:#daa5201a!important;border:1px solid #daa5204d!important;border-radius:4px!important;display:block!important;font-size:14px!important;padding:8px!important;text-align:center!important;visibility:visible!important}@media (max-width:700px){.attack-popup .stats-grid-compact{gap:3px;grid-template-columns:repeat(2,1fr)}}@media (max-width:500px){.attack-popup .stats-grid-compact{gap:4px;grid-template-columns:1fr}.attack-popup .stat-compact{font-size:13px;padding:5px 6px}}.unit-deployment-popup-v2-overlay{-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;align-items:center;animation:fadeIn .3s ease-out;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#000c;bottom:0;display:flex;justify-content:center;left:0;outline:none;position:fixed;right:0;top:0;touch-action:pan-y;-webkit-user-select:none;user-select:none;z-index:10002}.unit-deployment-popup-v2-container{animation:slideInScale .4s ease-out;background:linear-gradient(135deg,#2c1810,#3a2318);border:3px solid #8b4513;border-radius:12px;box-shadow:0 10px 30px #0009;max-height:90vh;max-width:800px;overflow:hidden;width:90%}.unit-deployment-popup-v2-header{align-items:center;background:linear-gradient(135deg,#8b4513,sienna);border-bottom:2px solid #654321;display:flex;justify-content:space-between;padding:16px 20px;position:relative}.unit-deployment-popup-v2-header h2{color:#fff;font-size:1.4rem;font-weight:700;margin:0;text-shadow:2px 2px 4px #00000080}.team-info{color:#e6d3b7;font-size:.9rem;margin:4px 0 0}.team-attacker{color:#ff6b6b;font-weight:700}.team-defender{color:#4ecdc4;font-weight:700}.close-button{font-size:1.2rem}.selected-position{background:linear-gradient(135deg,#2d5016,#3a6b1c);border-bottom:1px solid #4a5d2a;color:#e6d3b7;font-size:1rem;font-weight:700;padding:12px 20px;text-align:center}.unit-deployment-popup-v2-content{max-height:75vh;overflow-y:auto;padding:20px;scrollbar-color:#8b4513 #2c1810;scrollbar-width:thin}.unit-deployment-popup-v2-content::-webkit-scrollbar{width:8px}.unit-deployment-popup-v2-content::-webkit-scrollbar-track{background:#2c1810}.unit-deployment-popup-v2-content::-webkit-scrollbar-thumb{background:#8b4513;border-radius:4px}.unit-deployment-popup-v2-content::-webkit-scrollbar-thumb:hover{background:sienna}.loading-section{align-items:center;color:#e6d3b7;display:flex;flex-direction:column;justify-content:center;padding:40px}.loading-spinner{animation:spin 1s linear infinite;border:4px solid #3a2318;border-radius:50%;border-top-color:#8b4513;height:48px;margin-bottom:16px;width:48px}.loading-section p{font-size:1.1rem;margin:0}.units-section{margin-bottom:24px}.units-section h3{border-bottom:2px solid #8b4513;color:#e6d3b7;font-size:1.3rem;margin:0 0 16px;padding-bottom:8px;text-shadow:1px 1px 2px #00000080}.no-units{color:sienna;font-size:1.1rem;font-style:italic;padding:40px}.actions-section{align-items:center;border-top:1px solid #654321;display:flex;gap:16px;justify-content:center;margin-top:16px;padding:16px 0 24px}.auto-deploy-button{align-items:center;background:linear-gradient(135deg,#8b4513,sienna);border:2px solid #654321;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:700;gap:8px;padding:12px 24px;transition:all .3s ease}.auto-deploy-button:hover:not(:disabled){background:linear-gradient(135deg,sienna,#b8661f);box-shadow:0 4px 12px #0000004d;transform:translateY(-2px)}.auto-deploy-button:disabled{background:#444;border-color:#555;color:#888;cursor:not-allowed;transform:none}.close-action-button{background:linear-gradient(135deg,#666,#777);border:2px solid #555;font-size:1rem;padding:12px 24px;transition:all .3s ease}.close-action-button:hover{background:linear-gradient(135deg,#777,#888)}.debug-info{background:#0000004d;border:1px solid #444;border-radius:6px;font-size:.8rem;margin-top:20px;padding:16px}.debug-info summary{color:#e6d3b7;cursor:pointer;font-weight:700;margin-bottom:8px}.debug-info pre{color:#ccc;margin:8px 0 0;max-height:200px;overflow-y:auto;white-space:pre-wrap;word-break:break-all}@keyframes slideInScale{0%{opacity:0;transform:scale(.8) translateY(-50px)}to{opacity:1;transform:scale(1) translateY(0)}}@media (max-width:768px){.unit-deployment-popup-v2-container{max-height:95vh;width:95%}.unit-deployment-popup-v2-header{padding:12px 16px}.unit-deployment-popup-v2-header h2{font-size:1.2rem}.unit-deployment-popup-v2-content{max-height:80vh;overflow-y:auto;padding:12px}.units-grid{gap:12px;grid-template-columns:1fr}.unit-card{font-size:.9rem;min-height:60px;padding:8px}.actions-section{flex-direction:column;gap:12px}.heroes-section{display:block!important;margin-top:12px}.hero-entry{font-size:.85rem!important;padding:6px 8px!important}.player-heroes{display:block!important;margin-bottom:12px}.unit-groups-row{display:flex!important;flex-wrap:wrap!important;gap:8px!important}.unit-group-icon{font-size:.8rem!important;min-height:50px!important;min-width:50px!important}.auto-deploy-button,.close-action-button{justify-content:center;width:100%}.unit-deployment-popup-v2-container{max-height:95vh!important;width:98%!important}.unit-deployment-popup-v2-content{max-height:85vh!important;padding:10px!important}.unit-group-icon{min-height:45px!important;min-width:45px!important}}@media (max-width:480px){.unit-deployment-popup-v2-container{width:98%}.unit-deployment-popup-v2-header h2{font-size:1.1rem}.close-button{font-size:1rem;height:32px;width:32px}.unit-card{flex-direction:column;gap:8px;text-align:center}.unit-info{order:2}.deploy-unit-button{order:3;width:100%}}.units-list{display:flex;flex-direction:column;gap:12px}.unit-entry{background:#8b451333;border:1px solid #8b4513;border-radius:8px;padding:12px}.unit-type-header{margin-bottom:8px}.unit-name{color:#e6d3b7;font-size:1rem}.unit-icons-row{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.unit-icon-container{display:inline-block;position:relative}.unit-icon-emoji{font-size:16px}.unit-count-badge{align-items:center;background:#daa520;border:1px solid #8b4513;border-radius:50%;bottom:-4px;color:#000;display:flex;font-size:10px;font-weight:700;height:18px;justify-content:center;position:absolute;right:-4px;width:18px}.heroes-section{background:#daa5201a;border:1px solid #daa520;border-radius:8px;margin-top:20px;padding:16px}.heroes-section h3{color:#daa520;font-size:1.1rem;margin:0 0 12px}.heroes-list{display:flex;flex-direction:column;gap:8px}.hero-entry{background:#daa52033;border:1px solid #daa520;border-radius:6px;gap:12px;padding:8px 12px}.hero-entry,.hero-icon{align-items:center;display:flex}.hero-icon{background:linear-gradient(135deg,gold,orange);border:1px solid #8b4513;border-radius:50%;font-size:24px;height:32px;justify-content:center;width:32px}.hero-info{flex:1 1}.hero-name{color:#daa520;font-size:.9rem}.hero-status{color:#e6d3b7;font-size:.8rem;opacity:.8}.troops-on-way-section{background:#b2222214;border:1px solid #b22222;border-radius:6px;margin-top:12px;padding:10px}.troops-on-way-section h4{color:#ff6b6b;font-size:.95rem;margin:0 0 8px}.troops-on-way-list{display:flex;flex-direction:column;gap:8px}.troop-on-way-entry{align-items:center;background:#b2222233;border:1px solid #b22222;border-radius:6px;display:flex;gap:12px;padding:8px 12px}.troop-icon{align-items:center;background:#ffffff1a;border:1px solid #8b4513;border-radius:50%;display:flex;font-size:20px;height:28px;justify-content:center;width:28px}.troop-info{flex:1 1}.troop-name{color:#ff6b6b;font-size:.9rem;font-weight:700}.troop-count{color:#e6d3b7;font-size:.8rem}.troop-eta{color:#e6d3b7;font-size:.7rem;font-style:italic;opacity:.7}.reinforcements-section{background:#228b2214;border:1px solid #228b22;border-radius:6px;margin-top:12px;padding:10px}.reinforcements-section h4{color:#32cd32;font-size:.95rem;margin:0 0 8px}.no-reinforcements{color:#90ee90;font-size:.9rem;font-style:italic;opacity:.7;padding:20px;text-align:center}.reinforcements-list{display:flex;flex-direction:column;gap:12px}.reinforcement-entry{background:#228b2233;border:1px solid #228b22;border-radius:8px;padding:12px}.reinforcement-header{align-items:center;display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between;margin-bottom:8px}.reinforcement-route{color:#32cd32;font-size:.9rem;font-weight:700}.reinforcement-timer{background:#ffd7001a;border:1px solid #daa520;border-radius:4px;color:gold;font-size:.9rem;font-weight:700;padding:4px 8px}.reinforcement-units{display:flex;flex-wrap:wrap;gap:8px}.reinforcement-unit{align-items:center;background:#ffffff1a;border:1px solid #fff3;border-radius:6px;display:flex;gap:6px;padding:6px 10px}.reinforcement-unit-icon{align-items:center;display:flex;font-size:18px;height:24px;justify-content:center;width:24px}.reinforcement-unit-info{display:flex;flex-direction:column;gap:2px}.reinforcement-unit-name{color:#e6d3b7;font-size:.8rem;font-weight:700}.reinforcement-unit-count{color:#32cd32;font-size:.7rem}.players-list{display:flex;flex-direction:column;gap:15px}.player-group{background:#ffd7001a;border:2px solid #ffd7004d;border-radius:8px;margin-bottom:10px;padding:12px}.player-header{border-bottom:1px solid #ffd7004d;margin-bottom:10px;padding-bottom:5px}.player-header h4{color:gold;font-size:1.1rem;margin:0;text-shadow:1px 1px 2px #00000080}.player-units{margin-bottom:10px}.player-heroes{background:#8a2be233;border:1px solid #8a2be266;border-radius:6px;padding:8px}.player-heroes h5{color:plum;font-size:.9rem;margin:0 0 8px;text-shadow:1px 1px 2px #00000080}.hero-item{background:#8a2be24d;border-radius:4px;color:#e6e6fa;display:inline-block;font-size:.8rem;margin:2px 5px 2px 0;padding:4px 8px}.unit-type-section{background:#2e7d321a;border:1px solid #2e7d324d;border-radius:8px;margin-bottom:10px;padding:12px}.unit-type-header{align-items:center;border-bottom:1px solid #2e7d324d;display:flex;justify-content:space-between;margin-bottom:10px;padding-bottom:5px}.unit-type-name{color:#e8f5e8;font-size:.95rem;font-weight:700}.unit-type-total{color:#b0bec5;font-size:.8rem;font-style:italic}.unit-groups-row{display:flex;flex-wrap:wrap;gap:8px}.unit-group-icon{align-items:center;background:#42a5f533;border:2px solid #42a5f566;border-radius:8px;cursor:pointer;display:flex;flex-direction:column;height:50px;justify-content:center;position:relative;transition:all .2s ease;-webkit-user-select:none;user-select:none;width:50px}.unit-group-icon:hover{background:#42a5f54d;border-color:#42a5f599;box-shadow:0 4px 8px #42a5f54d;transform:translateY(-2px)}.unit-group-icon.selected{background:#4caf504d;border-color:#4caf50cc;box-shadow:0 4px 12px #4caf5066;transform:scale(1.05)}.unit-group-icon.selected:hover{background:#4caf5066;border-color:#4caf50}.unit-group-icon.unselected{background:#607d8b33;border-color:#607d8b66}.unit-group-icon.unselected:hover{background:#607d8b4d;border-color:#607d8b99}.unit-group-count{background:#212121e6!important;border-radius:3px;bottom:2px;color:gold!important;font-size:.65rem!important;font-weight:700!important;min-width:20px!important;overflow:visible!important;padding:2px 5px!important;right:3px;text-align:center;white-space:nowrap!important}.selection-overlay,.unit-group-count{position:absolute;text-shadow:1px 1px 2px #000000b3}.selection-overlay{color:#4caf50;font-size:.9rem;font-weight:700;left:3px;opacity:0;top:2px;transition:opacity .2s ease}.unit-group-icon.selected .selection-overlay{opacity:1}.unit-group-icon .unit-icon-small{border-radius:6px;height:30px;margin-bottom:2px;width:30px}.unit-group-icon .unit-icon-emoji{font-size:1.2rem}.hero-entry-with-slider{align-items:center;background:#8a2be233;border:1px solid #8a2be266;border-radius:6px;display:flex;justify-content:space-between;margin:6px 0;padding:8px 12px;transition:all .2s ease}.hero-entry-with-slider:hover{background:#8a2be24d;border-color:#8a2be299}.hero-display{align-items:center;color:#e6e6fa;display:flex;font-size:.9rem;gap:8px}.hero-icon{font-size:1.1rem}.hero-checkbox-container{cursor:pointer;position:relative;-webkit-user-select:none;user-select:none}.hero-checkbox{cursor:pointer;height:0;opacity:0;position:absolute;width:0}.hero-checkmark{align-items:center;background-color:#8a2be24d;border:2px solid #8a2be299;border-radius:4px;display:flex;font-size:.8rem;height:20px;justify-content:center;transition:all .2s ease;width:20px}.hero-checkbox:checked~.hero-checkmark{background-color:#4caf50cc;border-color:#4caf50}.hero-checkbox:checked~.hero-checkmark:after{color:#fff;content:"✓";font-weight:700;text-shadow:1px 1px 2px #000000b3}.hero-checkmark:hover{background-color:#8a2be280;transform:scale(1.05)}.selection-summary{background:#3f51b514;border:1px solid #3f51b540;border-radius:6px;margin:10px 0;padding:10px}.selection-summary h4{color:#7986cb;font-size:.95rem;margin:0 0 8px;text-shadow:1px 1px 2px #00000080}.no-selection{color:#b0bec5;font-style:italic;text-align:center}.selection-details{display:flex;flex-direction:column;gap:15px}.selection-stats{display:flex;gap:20px;justify-content:space-around}.stat-item{background:#3f51b533;flex:1 1;flex-direction:column;padding:12px}.stat-icon{font-size:1.5rem;margin-bottom:5px}.stat-value{color:gold;font-size:1.8rem;text-shadow:1px 1px 2px #000000b3}.stat-label{color:#e8eaf6;font-size:.8rem;text-align:center}.deployment-actions{display:flex;gap:10px;justify-content:center}.deploy-selected-btn{background:linear-gradient(45deg,#4caf50,#66bb6a);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:1rem;font-weight:700;padding:10px 20px;text-shadow:1px 1px 2px #00000080;transition:all .3s}.deploy-selected-btn:hover{background:linear-gradient(45deg,#66bb6a,#81c784);box-shadow:0 4px 8px #4caf504d;transform:translateY(-2px)}.clear-selection-btn{background:linear-gradient(45deg,#ff7043,#ff8a65);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:1rem;font-weight:700;padding:10px 20px;text-shadow:1px 1px 2px #00000080;transition:all .3s}.clear-selection-btn:hover{background:linear-gradient(45deg,#ff8a65,#ffab91);box-shadow:0 4px 8px #ff70434d;transform:translateY(-2px)}.unit-info-overlay{align-items:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#000c;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:2000}.unit-info-popup{background:linear-gradient(145deg,#2d1810,#3d2317);border:2px solid #daa520;border-radius:12px;box-shadow:0 8px 32px #0009;color:wheat;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;max-height:90vh;max-width:500px;overflow-y:auto;width:90%}.unit-info-header{align-items:center;background:#daa5201a;border-bottom:1px solid #8b4513;display:flex;justify-content:space-between;padding:16px 20px}.unit-info-header h2{color:gold;font-size:1.4em;margin:0;text-shadow:2px 2px 4px #000c}.close-btn{background:none;border-radius:4px;color:gold;padding:4px 8px;transition:all .2s ease}.close-btn:hover{background:#ffd70033}.unit-info-content{padding:20px}.info-section{margin-bottom:24px}.info-section h3{border-bottom:1px solid #8b4513;color:#daa520;font-size:1.1em;margin:0 0 12px;padding-bottom:4px}.info-grid{grid-template-columns:1fr 1fr}.info-item{align-items:center;display:flex;justify-content:space-between;padding:6px 0}.info-item .label{color:peru;font-weight:500}.info-item .value{color:wheat;font-weight:700;text-align:right}.player-color-0{color:#dc143c!important}.player-color-1{color:#4169e1!important}.player-color-2{color:#ffae00!important}.player-color-3{color:#32cd32!important}.player-color-4{color:#9370db!important}.player-color-5{color:#ff1493!important}.player-color-6{color:#00ced1!important}.player-color-7{color:gold!important}.team-color[data-team=attacker]{color:#dc143c!important}.team-color[data-team=defender]{color:#4169e1!important}.health-bar{background:#8b45134d;border-radius:10px;min-width:80px;overflow:hidden;padding:4px 8px!important;position:relative}.health-fill{background:linear-gradient(90deg,#f44,#fa4,#4f4);border-radius:10px;height:100%;left:0;position:absolute;top:0;transition:width .3s ease;z-index:-1}.stat-breakdown{background:#8b451333;border-left:3px solid #daa520;border-radius:8px;margin-bottom:16px;padding:12px}.stat-breakdown h4{color:gold;font-size:1em;margin:0 0 8px}.stat-calculation{display:flex;flex-direction:column;gap:4px}.stat-line{align-items:center;display:flex;font-size:.9em;justify-content:space-between;padding:2px 0}.stat-line.bonus{color:#90ee90;font-weight:500}.stat-line.total{border-top:1px solid #8b4513;margin-top:4px;padding-top:6px}.stat-value{min-width:40px;text-align:right}.bonus-status{border-radius:8px;padding:12px;text-align:center}.bonus-active{background:#90ee9033;border:1px solid #90ee90;color:#90ee90}.bonus-inactive{background:#8b451333;border:1px solid #8b4513;color:peru}.bonus-icon{font-size:1.2em;margin-right:8px}.bonus-details{font-size:.85em;gap:8px;justify-content:center}.bonus-details span{background:#ffd70033;border:1px solid #daa520;border-radius:4px;padding:2px 6px}.unit-info-popup::-webkit-scrollbar{width:6px}.unit-info-popup::-webkit-scrollbar-track{background:#8b45134d;border-radius:3px}.unit-info-popup::-webkit-scrollbar-thumb{background:#daa520;border-radius:3px}.unit-info-popup::-webkit-scrollbar-thumb:hover{background:gold}@media (max-width:768px){.unit-info-popup{max-height:85vh;width:95%}.info-grid{gap:4px;grid-template-columns:1fr 1fr}.info-item{font-size:.85em;padding:4px 0}.info-item .label{font-size:.8em}.info-item .value{font-size:.85em}.unit-info-header h2{font-size:1.1em}.info-section h3{font-size:1em;margin-bottom:8px}.stat-line{font-size:.8em}.unit-info-content,.unit-info-header{padding:12px 16px}}.unit-count{color:#999;font-weight:400}.combat-popup-overlay{align-items:flex-start;bottom:80px;display:flex;justify-content:center;left:0;overscroll-behavior:contain;padding-top:20px;position:fixed;right:0;top:60px;touch-action:none;z-index:2000}.combat-popup{-webkit-overflow-scrolling:touch;background:linear-gradient(135deg,#2c3e50,#34495e);border:3px solid #daa520;border-radius:12px;box-shadow:0 10px 30px #000c;font-family:Times New Roman,serif;max-height:calc(100vh - 160px);max-width:600px;overflow-y:auto;overscroll-behavior:contain;scroll-behavior:smooth;touch-action:pan-y;width:90vw}.combat-header{align-items:center;background:linear-gradient(135deg,#000000e6,#141414e6);border-bottom:2px solid #daa520;display:flex;justify-content:space-between;padding:15px 20px}.combat-header h2{color:#daa520;font-size:1.5em;margin:0;text-shadow:2px 2px 4px #000c}.close-btn{background:#e74c3c;font-size:1.2em;height:30px;width:30px}.close-btn:hover{background:#c0392b}.combat-content{padding:20px}.combat-overview{grid-gap:20px;align-items:center;display:grid;gap:20px;grid-template-columns:1fr auto 1fr;margin-bottom:25px}.combatant{background:#0009;border:2px solid #daa520;border-radius:8px;padding:15px}.combatant h3{color:#daa520;font-size:1.2em;margin:0 0 10px;text-align:center}.attacker{border-color:#e74c3c}.attacker h3{color:#e74c3c}.defender{border-color:#3498db}.defender h3{color:#3498db}.unit-info{text-align:center}.unit-name{color:#e8e8e8;font-size:1.1em;margin-bottom:5px}.unit-count{color:#bdc3c7}.unit-count,.unit-stats{font-size:.9em;margin-bottom:8px}.unit-stats{color:#e8e8e8;font-family:monospace}.terrain-info{color:#95a5a6;font-size:.8em;font-style:italic}.vs-separator{color:#daa520;font-size:2em;font-weight:700;text-align:center;text-shadow:2px 2px 4px #000c}.calculating{color:#e8e8e8;padding:40px 20px;text-align:center}.spinner{animation:spin 2s linear infinite;font-size:3em;margin-bottom:15px}.combat-calculations{background:#0006;border:1px solid #555;border-radius:8px;margin-bottom:20px;padding:20px}.calculation-summary{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr 1fr;margin-bottom:20px}.summary-item{background:#ffffff1a;border-left:3px solid #daa520;border-radius:5px}.summary-item.damage{border-left-color:#e74c3c}.summary-item.result{border-left-color:#27ae60;font-weight:700;grid-column:span 2}.summary-item .label{color:#bdc3c7;font-size:.9em}.summary-item .value{color:#fff;font-family:monospace;font-weight:700}.combat-log h4{margin:0 0 15px}.log-content{background:#0009;border:1px solid #444;border-radius:5px;font-family:monospace;font-size:.85em;max-height:200px;padding:15px}.log-line{color:#e8e8e8;line-height:1.4;margin-bottom:3px}.log-line.highlight{color:#daa520;margin:8px 0 4px}.combat-actions{display:flex;gap:15px;justify-content:space-between;margin-top:20px}.btn-cancel,.btn-confirm{border:none;border-radius:6px;cursor:pointer;flex:1 1;font-size:1em;font-weight:700;padding:12px 25px;transition:all .3s ease}.btn-cancel{background:linear-gradient(135deg,#7f8c8d,#95a5a6);text-shadow:1px 1px 2px #0009}.btn-cancel:hover{background:linear-gradient(135deg,#95a5a6,#bdc3c7);transform:translateY(-2px)}.btn-confirm{background:linear-gradient(135deg,#e74c3c,#c0392b);border:2px solid #daa520;color:#fff;text-shadow:1px 1px 2px #0009}.btn-confirm:hover:not(:disabled){background:linear-gradient(135deg,#c0392b,#a93226);box-shadow:0 4px 12px #e74c3c66;transform:translateY(-2px)}.btn-confirm:disabled{cursor:not-allowed;opacity:.5;transform:none}@media (max-width:768px){.combat-popup{margin:10px;max-width:calc(100vw - 20px)}.combat-overview{gap:15px;grid-template-columns:1fr}.vs-separator{font-size:1.5em}.calculation-summary{grid-template-columns:1fr}.summary-item.result{grid-column:span 1}.combat-actions{flex-direction:column}}.combat-ready{background:#daa5201a;border:2px dashed #daa520;border-radius:8px;margin:20px;padding:20px;text-align:center}.ready-message h3{color:#daa520;font-size:1.3em;margin:0 0 15px}.ready-message p{color:#bdc3c7;font-size:1em;margin:0 0 20px}.tactical-preview{background:#34495e4d;border-radius:6px;display:flex;flex-direction:column;gap:10px;padding:15px}.preview-item{align-items:center;color:#ecf0f1;display:flex;font-size:.95em;justify-content:space-between}.preview-item strong{color:#f39c12}.preview-item span{color:#e67e22;font-weight:700}.combat-log{background:#0000004d;border-radius:8px;margin-top:20px;padding:15px}.combat-log h4{color:#daa520;font-size:1.1em;margin:0 0 10px}.log-content{max-height:300px;overflow-y:auto}.log-line{color:#ecf0f1;font-size:1.1em;line-height:1.5;margin-bottom:5px;padding:3px 0}.log-line.highlight{background:#daa52033;border-left:3px solid #daa520;border-radius:4px;color:#f1c40f;font-size:1.2em;font-weight:700;margin:6px 0;padding:4px 8px}.log-line:empty{margin-bottom:8px}.special-bonuses{background:linear-gradient(135deg,#0000004d,#1414144d);border:1px solid #3498db;border-radius:8px;margin:15px;padding:15px}.special-bonuses h4{color:#3498db;font-size:1.2em;margin:0 0 15px;text-align:center;text-shadow:1px 1px 2px #000c}.bonuses-grid{grid-template-columns:1fr 1fr}.unit-bonuses{background:#0003;border-radius:6px;padding:10px}.attacker-bonuses{border-left:3px solid #e74c3c}.defender-bonuses{border-left:3px solid #27ae60}.bonuses-title{color:#daa520;font-size:1em;font-weight:700;margin-bottom:8px;text-align:center;text-shadow:1px 1px 2px #000c}.bonus-item{border-radius:4px;display:flex;font-size:.9em;gap:8px;margin-bottom:4px;padding:4px 8px}.bonus-item.positive{background:#27ae6033;border-left:2px solid #27ae60}.bonus-item.negative{background:#e74c3c33;border-left:2px solid #e74c3c}.bonus-value{color:#f1c40f;min-width:35px;text-align:center}.bonus-type{color:#bdc3c7;font-size:.85em;min-width:80px;text-transform:capitalize}.bonus-description{color:#ecf0f1;flex:1 1;font-size:.8em;text-align:right}@media (max-width:500px){.bonuses-grid{grid-template-columns:1fr}.bonus-item{align-items:flex-start;flex-direction:column;gap:2px}.bonus-description{text-align:left}}.wall-interaction-overlay{align-items:center;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#000000b3;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:10000}.wall-interaction-popup{animation:wallPopupSlide .3s ease-out;background:linear-gradient(135deg,#2c1810,#3a2317 50%,#2c1810);border:3px solid #8b4513;border-radius:12px;box-shadow:0 0 30px #8b451399;color:#f4e6d7;font-family:Medieval,serif;max-height:80vh;max-width:500px;min-width:400px;overflow-y:auto}@keyframes wallPopupSlide{0%{opacity:0;transform:scale(.9) translateY(-30px)}to{opacity:1;transform:scale(1) translateY(0)}}.wall-popup-header{align-items:center;background:linear-gradient(90deg,#3a2317,#4a2d1a 50%,#3a2317);border-bottom:2px solid #8b4513;border-radius:9px 9px 0 0;display:flex;padding:20px}.wall-icon{filter:drop-shadow(2px 2px 4px rgba(0,0,0,.8));font-size:40px;margin-right:15px}.wall-title{flex:1 1}.wall-title h3{color:#d4af37;font-size:20px;margin:0 0 5px;text-shadow:2px 2px 4px #000c}.wall-title p{color:#c9b037;font-size:14px;margin:0;opacity:.9}.close-btn{background:#0000;border:2px solid #d4af37;color:#d4af37;font-size:16px;font-weight:700}.close-btn:hover{background:#d4af37;color:#2c1810}.wall-hp-container{margin-bottom:20px}.hp-label{color:#d4af37;font-size:16px;font-weight:700;margin-bottom:8px;text-align:center}.hp-bar-container{background:#1a1a1a;border:2px solid #8b4513;border-radius:15px;height:30px;overflow:hidden;position:relative;width:100%}.hp-bar-fill{border-radius:13px;box-shadow:inset 0 2px 8px #ffffff4d;height:100%;transition:all .3s ease}.hp-text{color:#fff;font-size:14px;font-weight:700;left:50%;position:absolute;text-shadow:1px 1px 2px #000c;top:50%;transform:translate(-50%,-50%);z-index:1}.wall-stats-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr}.stat-item{border-radius:8px;padding:10px}.stat-icon{filter:drop-shadow(1px 1px 2px rgba(0,0,0,.6));font-size:18px;margin-right:8px}.stat-label{flex:1 1;font-size:14px}.wall-actions{border-bottom:1px solid #8b4513;padding:20px}.action-info{margin-bottom:15px}.action-info p{color:#c9b037;font-size:14px;line-height:1.4;margin:5px 0}.attack-wall-btn{background:linear-gradient(135deg,#c0392b,#e74c3c 50%,#c0392b);border:2px solid #e74c3c;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:700;padding:12px 20px;text-shadow:1px 1px 2px #0009;transition:all .3s ease;width:100%}.attack-wall-btn:hover:not(:disabled){background:linear-gradient(135deg,#a93226,#c0392b 50%,#a93226);box-shadow:0 4px 12px #e74c3c66;transform:translateY(-2px)}.attack-wall-btn:disabled{cursor:not-allowed;opacity:.5;transform:none}.wall-destroyed{background:#27ae6033;border:2px solid #27ae60;border-radius:8px;padding:15px;text-align:center}.wall-destroyed p{color:#27ae60;font-weight:700;margin:5px 0}.wall-general-info{padding:20px}.wall-general-info h4{color:#d4af37;font-size:16px;margin:0 0 15px;text-align:center}.info-grid{grid-gap:8px;display:grid;gap:8px}.info-item{background:#d4af371a;border-left:3px solid #d4af37;border-radius:4px;font-size:14px;padding:8px 12px}.info-item strong{color:#d4af37;margin-right:8px}.wall-interaction-popup::-webkit-scrollbar{width:8px}.wall-interaction-popup::-webkit-scrollbar-track{background:#2c1810;border-radius:4px}.wall-interaction-popup::-webkit-scrollbar-thumb{background:#8b4513;border-radius:4px}.wall-interaction-popup::-webkit-scrollbar-thumb:hover{background:#d4af37}@media (max-width:600px){.wall-interaction-popup{margin:10px;max-width:95vw;min-width:auto}.wall-stats-grid{grid-template-columns:1fr}.wall-popup-header{padding:15px}.wall-icon{font-size:30px}.wall-title h3{font-size:18px}}.unit-group.hovered{animation:battlefield-glow .8s cubic-bezier(.4,2,.6,1) infinite alternate;filter:drop-shadow(0 0 16px #ffd700cc) drop-shadow(0 0 32px #fff20088);z-index:2}.unit-group.disabled{filter:grayscale(50%);opacity:.6!important;pointer-events:auto!important}.unit-group.disabled:hover{filter:grayscale(50%) drop-shadow(0 0 8px #ff4444aa)}@keyframes battlefield-glow{0%{filter:drop-shadow(0 0 10px #ffd700cc) drop-shadow(0 0 20px #fff20044)}to{filter:drop-shadow(0 0 24px #ffd700ff) drop-shadow(0 0 48px #fff200cc)}}.hero-aura-indicator{animation:hero-aura-pulse 2s ease-in-out infinite}@keyframes hero-aura-pulse{0%,to{stroke-width:1;opacity:.4}50%{stroke-width:3;opacity:.8}}.hero-aura-selection{animation:hero-aura-oscillate 1.5s ease-in-out infinite;transform-box:fill-box;transform-origin:center}@keyframes hero-aura-oscillate{0%,to{opacity:.7;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}25%,75%{opacity:.8;transform:scale(.9)}}.battlefield-visuals-v2{height:100%;position:relative;width:100%}.battlefield-svg{background:none;border:none;border-radius:0}.loading{align-items:center;display:flex;justify-content:center;padding:20px}.unit-group{cursor:pointer}.unit-base:hover,.unit-count:hover,.unit-group:hover,.unit-group:hover *,.unit-icon:hover{transform:none!important;transition:none!important}.unit-base{filter:drop-shadow(2px 2px 4px rgba(0,0,0,.5))}.unit-icon{dominant-baseline:central;text-anchor:middle;filter:drop-shadow(1px 1px 2px rgba(0,0,0,.7));font-family:Segoe UI Emoji,sans-serif;font-size:30px!important;font-weight:700;pointer-events:none}.selection-ring{animation:selection-pulse-oscillate 3s ease-in-out infinite;transform-box:fill-box;transform-origin:center}@keyframes selection-pulse-oscillate{0%,to{opacity:.7;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}25%,75%{opacity:.8;transform:scale(.95)}}@keyframes selection-pulse-opacity{0%,to{opacity:.5}50%{opacity:1}}.unit-group.player-color-0 .unit-base{fill:#dc143c!important;stroke:gold!important}.unit-group.player-color-1 .unit-base{fill:#4169e1!important;stroke:gold!important}.unit-group.player-color-2 .unit-base,.unit-group.player-color-3 .unit-base{fill:#32cd32!important;stroke:gold!important}.unit-group.player-color-4 .unit-base{fill:#9370db!important;stroke:gold!important}.unit-group.player-color-5 .unit-base{fill:#ff1493!important;stroke:gold!important}.unit-group.player-color-6 .unit-base{fill:#00ced1!important;stroke:gold!important}.unit-group.player-color-7 .unit-base{fill:gold!important;stroke:#2f4f4f!important}.team-attacker .unit-base{fill:#dc143c;stroke:gold}.team-defender .unit-base{fill:#4169e1;stroke:gold}@media (max-width:768px){.battlefield-svg{height:auto;width:100%}.unit-icon{font-size:8px}.unit-count{font-size:6px}}.pillage-popup{max-height:85vh;max-width:700px!important;overflow-y:auto;width:95vw!important}.pillage-header{border-bottom:2px solid var(--accent-primary);margin-bottom:20px;padding-bottom:15px;text-align:center}.pillage-header h3{color:var(--text-primary);font-size:1.4em;margin:0 0 10px}.pillage-subtitle{color:var(--text-secondary);font-size:.9em;font-style:italic}.pillage-error{background:#ffebee;border:1px solid #f44336;border-radius:6px;color:#c62828;font-size:.9em;margin-bottom:15px;padding:10px}.pillage-loading{color:var(--text-secondary);padding:40px 20px;text-align:center}.pillage-section{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;margin-bottom:20px;padding:15px}.pillage-section h4{align-items:center;color:var(--text-primary);display:flex;font-size:1.1em;gap:8px;margin:0 0 15px}.ships-controls{margin-bottom:10px}.ships-controls label{display:flex;flex-direction:column;font-weight:500;gap:8px}.ships-slider{margin:5px 0;width:100%}.ships-count{color:var(--accent-primary);font-size:1.1em;font-weight:700;text-align:center}.transport-info{color:var(--text-secondary);font-size:.85em}.pillable-resources-table{background:#fff;border:2px solid var(--border-primary);border-radius:8px;overflow:hidden}.table-header,.table-row{grid-gap:8px;align-items:center;display:grid;gap:8px;grid-template-columns:60px 80px 80px 80px 100px;padding:10px;text-align:center}.table-header{background:var(--bg-secondary);color:#fff;font-size:.9em;font-weight:700}.table-row{border-bottom:1px solid #eee}.table-row:last-child{border-bottom:none}.table-row:nth-child(2n){background:#f9f9f9}.resource-name{font-size:1.2em;font-weight:700}.secure-amount{color:#27ae60;font-weight:600}.pillable-amount{color:#e74c3c;font-weight:600}.will-take{background:#daa5201a;border-radius:4px;color:var(--accent-primary);font-size:1.1em;font-weight:700;padding:4px 8px}.no-resources{color:var(--text-secondary);font-style:italic;padding:20px;text-align:center}.pillage-summary{background:#daa5201a!important;border-color:var(--accent-primary)!important}.summary-stats{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr 1fr;margin-bottom:15px}.stat-item{background:#fff;border:1px solid #ddd}.stat-label{color:var(--text-secondary);font-weight:500}.stat-value{color:var(--text-primary)}.distribution-warning{background:#fff3cd;border:1px solid #ffeaa7;border-radius:6px;color:#856404;font-size:.9em;padding:10px;text-align:center}.pillage-actions{border-top:1px solid #ddd;display:flex;gap:15px;justify-content:space-between;margin-top:20px;padding-top:20px}.btn-cancel,.btn-pillage{border:none;border-radius:6px;cursor:pointer;flex:1 1;font-size:1em;font-weight:700;padding:12px 20px;transition:all .3s ease}.btn-cancel{background:#6c757d;color:#fff}.btn-cancel:hover:not(:disabled){background:#5a6268}.btn-pillage{background:var(--accent-primary);color:var(--text-primary)}.btn-pillage:hover:not(:disabled){background:var(--hover-gold);transform:translateY(-1px)}.btn-cancel:disabled,.btn-pillage:disabled{cursor:not-allowed;opacity:.6;transform:none}@media (max-width:768px){.pillage-popup{margin:10px;max-width:95vw}.table-header,.table-row{font-size:.85em;gap:4px;grid-template-columns:40px 60px 60px 60px 80px;padding:8px}.summary-stats{grid-template-columns:1fr}.pillage-actions{flex-direction:column}.resource-name{font-size:1em}}@media (max-width:480px){.table-header,.table-row{font-size:.8em;grid-template-columns:30px 50px 50px 50px 70px;padding:6px}.pillage-section{padding:10px}}.ai-debug-popup{background:linear-gradient(135deg,#1a1a2e,#16213e);border:3px solid #0f3460;border-radius:15px;box-shadow:0 10px 40px #00000080;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;max-height:70vh;max-width:900px;overflow:hidden;position:fixed;-webkit-user-select:none;user-select:none;width:80%;z-index:10000}.ai-debug-popup.minimized{max-height:60px}.ai-debug-popup.minimized .popup-content{display:none}.popup-header{align-items:center;background:linear-gradient(90deg,#0f3460,#16213e);border-bottom:2px solid #e94560;cursor:move;display:flex;justify-content:space-between;padding:15px 20px;-webkit-user-select:none;user-select:none}.popup-header h2{color:#f0f0f0;font-size:20px;font-weight:600;margin:0}.header-buttons{display:flex;gap:10px}.minimize-button{background:#3498db;border:none;border-radius:50%;color:#fff;cursor:pointer;font-size:20px;height:35px;transition:all .3s;width:35px}.minimize-button:hover{background:#2980b9;transform:scale(1.1)}.close-button{background:#e94560;font-size:24px;transition:all .3s}.close-button:hover{background:#ff6b6b}.ai-debug-popup .popup-content{grid-gap:15px;display:grid;gap:15px;grid-template-columns:1fr 1fr;max-height:calc(70vh - 60px);overflow-y:auto;padding:15px}.auto-ai-section{background:#0f346066;border:2px solid #9b59b6;border-radius:10px;grid-column:1/-1;padding:20px}.auto-ai-section h3{border-bottom:2px solid #9b59b6;color:#f0f0f0;font-size:18px;margin-bottom:15px;margin-top:0;padding-bottom:10px}.auto-toggle-container{align-items:center;display:flex;flex-direction:column;gap:10px}.auto-toggle-button{align-items:center;border:none;border-radius:10px;cursor:pointer;display:flex;font-size:18px;font-weight:700;gap:12px;justify-content:center;min-width:300px;padding:15px 30px;transition:all .3s}.auto-toggle-button.enabled{background:linear-gradient(135deg,#27ae60,#2ecc71);box-shadow:0 4px 15px #2ecc7166;color:#fff}.auto-toggle-button.disabled{background:linear-gradient(135deg,#e74c3c,#c0392b);box-shadow:0 4px 15px #e74c3c66;color:#fff}.auto-toggle-button:hover:not(:disabled){box-shadow:0 6px 20px #0000004d;transform:translateY(-2px)}.auto-toggle-button:disabled{cursor:not-allowed;opacity:.6}.toggle-icon{font-size:24px}.toggle-text{font-size:16px}.toggle-hint{color:#aaa;font-size:13px;font-style:italic;margin:5px 0 0;text-align:center}.config-section{background:#0f34604d;border:1px solid #0f3460;border-radius:10px;padding:20px}.config-section h3{border-bottom:2px solid #e94560;color:#f0f0f0;font-size:18px;margin-bottom:20px;margin-top:0;padding-bottom:10px}.weight-slider{margin-bottom:20px}.weight-slider label{color:#f0f0f0;display:block;font-size:14px;margin-bottom:8px}.weight-slider strong{color:#e94560;margin-left:10px}.weight-slider input[type=range]{-webkit-appearance:none;background:linear-gradient(90deg,#0f3460,#e94560);border-radius:5px;height:8px;outline:none;width:100%}.weight-slider input[type=range]::-webkit-slider-thumb{appearance:none;background:#e94560;border-radius:50%;box-shadow:0 2px 8px #e9456080;cursor:pointer;height:20px;width:20px}.weight-slider input[type=range]::-moz-range-thumb{background:#e94560;border-radius:50%;box-shadow:0 2px 8px #e9456080;cursor:pointer;height:20px;width:20px}.save-button{background:linear-gradient(90deg,#e94560,#ff6b6b);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;margin-top:10px;padding:12px;transition:all .3s;width:100%}.save-button:hover{box-shadow:0 5px 15px #e9456066;transform:translateY(-2px)}.test-section{background:#0f34604d;border:1px solid #0f3460;border-radius:10px;padding:20px}.test-section h3{border-bottom:2px solid #e94560;color:#f0f0f0;font-size:18px;margin-top:0;padding-bottom:10px}.test-controls,.test-section h3{margin-bottom:20px}.next-unit-button{background:linear-gradient(135deg,#9b59b6,#8e44ad);border:none;border-radius:10px;box-shadow:0 4px 15px #9b59b666;color:#fff;cursor:pointer;font-size:18px;font-weight:700;padding:15px;transition:all .3s;width:100%}.next-unit-button:hover:not(:disabled){background:linear-gradient(135deg,#8e44ad,#9b59b6);box-shadow:0 6px 20px #9b59b699;transform:translateY(-2px)}.next-unit-button:disabled{cursor:not-allowed;opacity:.6}.test-hint{color:#aaa;font-size:12px;font-style:italic;margin-top:8px;text-align:center}.separator{color:#666;font-size:14px;font-weight:700;margin:20px 0;position:relative;text-align:center}.separator:after,.separator:before{background:#333;content:"";height:1px;position:absolute;top:50%;width:40%}.separator:before{left:0}.separator:after{right:0}.unit-selector{background:#1a1a2e;border:1px solid #0f3460;border-radius:8px;color:#f0f0f0;cursor:pointer;font-size:14px;margin-bottom:15px;padding:12px;width:100%}.unit-selector:focus{border-color:#e94560;outline:none}.test-button{background:linear-gradient(90deg,#0f3460,#16213e);border:2px solid #e94560;border-radius:8px;color:#f0f0f0;cursor:pointer;font-size:16px;font-weight:600;padding:12px;transition:all .3s;width:100%}.test-button:hover:not(:disabled){background:linear-gradient(90deg,#16213e,#0f3460);box-shadow:0 5px 15px #0f346066;transform:translateY(-2px)}.test-button:disabled{cursor:not-allowed;opacity:.5}.scores-list{margin-top:20px;max-height:400px;overflow-y:auto}.scores-list h4{color:#f0f0f0;font-size:16px;margin-bottom:15px}.target-score{background:#1a1a2e80;border-left:4px solid #e94560;border-radius:8px;margin-bottom:10px;padding:12px}.score-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.score-header strong{color:#f0f0f0;font-size:14px}.total-score{color:#e94560;font-size:18px;font-weight:700}.score-breakdown{display:flex;flex-wrap:wrap;gap:8px}.bonus-tag{border-radius:12px;font-size:12px;font-weight:600;padding:4px 10px}.bonus-tag.hero{background:#ffd70033;border:1px solid gold;color:gold}.bonus-tag.hp{background:#e9456033;border:1px solid #ff6b6b;color:#ff6b6b}.bonus-tag.ranged{background:#4287f533;border:1px solid #4287f5;color:#4287f5}.bonus-tag.distance{background:#9c9c9c33;border:1px solid #9c9c9c;color:#9c9c9c}.logs-section{background:#0f34604d;border:1px solid #0f3460;border-radius:10px;grid-column:1/-1;padding:20px}.logs-section h3{border-bottom:2px solid #e94560;color:#f0f0f0;font-size:18px;margin-bottom:15px;margin-top:0;padding-bottom:10px}.logs-container{background:#0a0a0a;border-radius:8px;font-family:Courier New,monospace;margin-bottom:10px;max-height:200px;overflow-y:auto;padding:15px;user-select:text!important;-webkit-user-select:text!important;-moz-user-select:text!important;-ms-user-select:text!important}.log-entry{color:#0f0;cursor:text;font-size:13px;line-height:1.4;margin-bottom:5px;-webkit-user-select:text!important;user-select:text!important}.clear-logs{background:#e9456033;border:1px solid #e94560;border-radius:6px;color:#f0f0f0;cursor:pointer;padding:8px 20px;transition:all .3s}.clear-logs:hover{background:#e9456066}.logs-container::-webkit-scrollbar,.popup-content::-webkit-scrollbar,.scores-list::-webkit-scrollbar{width:8px}.logs-container::-webkit-scrollbar-track,.popup-content::-webkit-scrollbar-track,.scores-list::-webkit-scrollbar-track{background:#1a1a2e}.logs-container::-webkit-scrollbar-thumb,.popup-content::-webkit-scrollbar-thumb,.scores-list::-webkit-scrollbar-thumb{background:#e94560;border-radius:4px}.logs-container::-webkit-scrollbar-thumb:hover,.popup-content::-webkit-scrollbar-thumb:hover,.scores-list::-webkit-scrollbar-thumb:hover{background:#ff6b6b}.loading{color:#f0f0f0;font-size:18px}.combat-tutorial-overlay{align-items:center;animation:fadeIn .2s ease-in;background:#000c;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}.combat-tutorial-popup{animation:slideUp .3s ease-out;background:linear-gradient(135deg,#2c1810,#4a2f1f 50%,#6b4423);border:2px solid #d4a574;border-radius:15px;box-shadow:0 10px 40px #00000080;display:flex;flex-direction:column;max-height:85vh;max-width:700px;width:90%}@keyframes slideUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}.tutorial-header{align-items:center;background:#6b442366;border-bottom:2px solid #d4a574;display:flex;justify-content:space-between;padding:20px 25px}.tutorial-header h2{color:#fff;font-size:24px;font-weight:700;margin:0;text-shadow:2px 2px 4px #00000080}.tutorial-close{align-items:center;background:#c9a9614d;border:2px solid #d4a574;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:24px;height:40px;justify-content:center;transition:all .2s;width:40px}.tutorial-close:hover{background:#c9a961;transform:rotate(90deg)}.tutorial-content{color:#fff;flex:1 1;overflow-y:auto;padding:25px}.tutorial-page h2{color:#e8c589;font-size:22px;margin-bottom:15px;margin-top:0;text-align:center}.tutorial-page h3{border-bottom:2px solid #d4a57466;color:#d4a574;font-size:20px;margin-bottom:15px;margin-top:20px;padding-bottom:5px}.tutorial-page h4{color:#c9a961;font-size:16px;margin-bottom:10px;margin-top:15px}.tutorial-page p{font-size:15px;line-height:1.6;margin:8px 0}.tutorial-page ul{margin:10px 0;padding-left:25px}.tutorial-page li{line-height:1.5;margin:8px 0}.tutorial-section{background:#8b6f4733;border-left:4px solid #d4a574;border-radius:10px;margin:15px 0;padding:15px}.tutorial-tip{background:#c9a96133;border:2px solid #c9a961;border-radius:10px;color:#e8c589;font-weight:700;margin:20px 0;padding:15px}.tutorial-footer{align-items:center;background:#6b442366;border-top:2px solid #d4a574;display:flex;justify-content:space-between;padding:15px 25px}.tutorial-nav-button{background:linear-gradient(135deg,#8b6f47,#6b5335);border:2px solid #d4a574;border-radius:8px;box-shadow:0 4px 10px #0000004d;color:#fff;cursor:pointer;font-size:16px;font-weight:700;padding:10px 20px;transition:all .2s}.tutorial-nav-button:hover:not(:disabled){background:linear-gradient(135deg,#a58a5e,#8b6f47);box-shadow:0 6px 15px #0006;transform:translateY(-2px)}.tutorial-nav-button:disabled{cursor:not-allowed;opacity:.3}.tutorial-pagination{display:flex;gap:10px}.tutorial-dot{background:#d4a5744d;border-radius:50%;cursor:pointer;height:12px;transition:all .2s;width:12px}.tutorial-dot:hover{background:#d4a57499;transform:scale(1.2)}.tutorial-dot.active{background:#e8c589;box-shadow:0 0 10px #e8c58999;transform:scale(1.3)}.tutorial-page-counter{background:#6b4423cc;border:1px solid #d4a574;border-radius:5px;bottom:70px;color:#e8c589;font-size:14px;font-weight:700;padding:5px 10px;position:absolute;right:25px}.tutorial-content::-webkit-scrollbar{width:10px}.tutorial-content::-webkit-scrollbar-track{background:#ffffff1a;border-radius:5px}.tutorial-content::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:5px}.tutorial-content::-webkit-scrollbar-thumb:hover{background:#ffffff80}@media (max-width:768px){.combat-tutorial-popup{max-height:90vh;width:95%}.tutorial-header h2{font-size:20px}.tutorial-nav-button{font-size:14px;padding:8px 15px}.tutorial-page h2{font-size:18px}.tutorial-page li,.tutorial-page p{font-size:14px}}:root{--vh:1vh}@supports (height:100dvh){.battlefield-mobile-container{height:100dvh!important}}@supports not (height:100dvh){.battlefield-mobile-container{height:100vh!important;height:calc(var(--vh, 1vh)*100)!important;height:calc(100vh - env(keyboard-inset-height, 0px))!important}}.battlefield-mobile-container{min-height:calc(100vh - 156px)!important;min-height:calc(var(--vh, 1vh)*100 - 156px)!important}.battlefield-container{top:65px}@media (max-width:768px){.battlefield-container{bottom:134px!important;top:32px!important}.battlefield-bottombar{bottom:0!important;min-height:60px!important;padding:.3rem 1rem calc(.3rem + env(safe-area-inset-bottom, 0px))!important;z-index:2000!important}.battlefield-bottombar .battlefield-bottombar .btn-compact,.battlefield-bottombar .btn-compact.btn-compact{border-radius:3px!important;font-size:.7rem!important;height:22px!important;line-height:1.1!important;min-height:28px!important;padding:.15rem .4rem!important}}.battlefield-topbar{align-items:center;background:linear-gradient(135deg,#1a1a2e,#16213e);border-bottom:2px solid #0f3460;box-shadow:0 2px 8px #0000004d;display:flex;flex-wrap:nowrap;font-family:TrajanPro-Bold,serif;font-size:.95rem;gap:12rem;height:65px;justify-content:center;left:0;padding:.6rem 1.5rem;position:fixed;right:0;top:0;z-index:1001}@media (max-width:768px){.battlefield-topbar{flex-direction:row!important;flex-wrap:nowrap!important;font-size:.6rem!important;height:auto!important;max-height:40px!important;min-height:32px!important;overflow:hidden!important;padding:.15rem .3rem!important}}.topbar-team{align-items:center;display:flex;flex:0 0 auto;flex-wrap:nowrap;gap:.4rem;min-width:0}@media (max-width:768px){.topbar-team{flex:0 1 33%!important;flex-wrap:nowrap!important;gap:.15rem!important;max-width:33%!important;min-width:0!important;overflow:hidden!important}}.team-title{color:gold;font-size:1.1rem;font-weight:700;white-space:nowrap}.team-title .title-icon{margin-left:.3rem}@media (max-width:768px){.team-title{align-items:center;display:flex;flex-direction:column;font-size:.5rem!important;gap:0}.team-title .title-icon{margin-left:0;order:2}.team-title .title-text{order:1}}.team-stats-compact{display:flex;flex:1 1;flex-wrap:nowrap;gap:.5rem;min-width:0}@media (max-width:768px){.team-stats-compact{background:#ffffff0d;border-radius:6px;flex-wrap:nowrap!important;gap:.15rem;min-width:0!important;overflow:hidden!important;padding:.1rem .2rem!important}}.battlefield-stat-compact{display:flex;flex-direction:column;flex-shrink:1;flex-wrap:nowrap;gap:.1rem;min-width:0;overflow:hidden}.battlefield-stat-label{color:#95a5a6;font-size:.75rem;letter-spacing:.5px;text-transform:uppercase}.battlefield-stat-num{color:#ecf0f1;font-size:.9rem;font-weight:700}@media (max-width:768px){.battlefield-stat-label{font-size:.4rem!important}.battlefield-stat-num{font-size:.5rem!important}}.moral-compact{align-items:center;display:flex;gap:.3rem}.moral-bar-mini{background:#0000004d;border:1px solid #ffffff26;border-radius:3px;height:8px;overflow:hidden;width:50px}@media (max-width:768px){.moral-bar-mini{height:4px;width:22px}}.moral-fill{background:linear-gradient(90deg,#4caf50,#8bc34a);box-shadow:0 0 6px #4caf5099;height:100%;transition:width .3s ease}.topbar-center-compact{align-items:center;display:flex;flex:1 1;flex-shrink:0;gap:.5rem;justify-content:center;max-width:200px}@media (max-width:768px){.topbar-center-compact{gap:.25rem;max-width:120px}}.round-compact{background:#ffd7001a;border-radius:4px;color:gold;font-size:1.1rem;font-weight:700;padding:.3rem .6rem;text-shadow:0 0 8px #ffd70066;white-space:nowrap}@media (max-width:768px){.round-compact{font-size:.55rem;padding:.15rem .3rem}}.player-badge-mini{border-radius:12px;box-shadow:0 2px 6px #0000004d;font-size:.85rem;font-weight:700;letter-spacing:.5px;padding:.35rem .7rem;white-space:nowrap}@media (max-width:768px){.player-badge-mini{font-size:.5rem;padding:.15rem .3rem}}.player-badge-mini.att{background:linear-gradient(135deg,#e74c3c,#c0392b);border:1px solid #ff6b6b;color:#fff}.player-badge-mini.def{background:linear-gradient(135deg,#3498db,#2980b9);border:1px solid #5dade2;color:#fff}.timer-mini{align-items:center;border-radius:50%;box-shadow:0 2px 6px #0000004d,inset 0 0 0 3px #1a1a2e;color:gold;display:flex;font-size:1.1rem;font-weight:700;height:45px;justify-content:center;text-shadow:0 0 6px #ffd70080;width:45px}@media (max-width:768px){.timer-mini{box-shadow:0 1px 3px #0000004d,inset 0 0 0 2px #1a1a2e;font-size:.6rem;height:22px;width:22px}}.topbar-team.defender,.topbar-team.defender .team-stats-compact{flex-direction:row-reverse}.topbar-team.defender .stat-compact{align-items:flex-end}.battlefield-bottombar{align-items:center;background:linear-gradient(90deg,#232b3a,#34495e);border-top:2px solid #ecf0f1;bottom:0;display:flex;font-family:TrajanPro-Regular,serif;font-size:.95rem;justify-content:space-between;left:0;min-height:44px;padding:.5rem 1.5rem max(.5rem,env(safe-area-inset-bottom,0px));position:fixed;right:0;z-index:10001}.bottombar-section{align-items:center;display:flex;gap:1.2rem}.bottombar-info{flex:2 1}.bottombar-actions{flex:1 1;gap:.5rem;justify-content:flex-end}.bottombar-coords,.bottombar-terrain,.bottombar-zone{color:#ecf0f1;font-size:1rem}.bottombar-bonuses{color:#f39c12;font-size:.95rem;font-weight:700}@media (max-width:768px){.battlefield-bottombar{bottom:80px!important;padding-bottom:.5rem}}.bottombar-hint{color:#bdc3c7;font-style:italic}.battlefield-bottombar .btn-compact{background-image:none!important;border:none!important;border-radius:4px!important;box-shadow:none!important;cursor:pointer!important;display:inline-block!important;font-family:TrajanPro-Regular,serif!important;font-size:.75rem!important;font-weight:700!important;height:auto!important;line-height:1.2!important;line-height:normal!important;margin:0!important;min-width:auto!important;outline:none!important;padding:.24rem .5rem!important;text-decoration:none!important;text-shadow:none!important;transition:all .2s ease!important;vertical-align:middle!important;white-space:nowrap!important}.SimpleBattlefieldV2 .battlefield-bottombar .btn-compact.btn-primary,.battlefield-bottombar .btn-compact.btn-primary,.simple-battlefield-v2-fullscreen .battlefield-bottombar .btn-compact.btn-primary{background:linear-gradient(135deg,#27ae60,#229954)!important;border:2px solid #229954!important;box-shadow:0 2px 4px #27ae604d!important;color:#fff!important;font-family:inherit!important;font-weight:700!important}.SimpleBattlefieldV2 .battlefield-bottombar .btn-compact.btn-primary:hover,.battlefield-bottombar .btn-compact.btn-primary:hover,.simple-battlefield-v2-fullscreen .battlefield-bottombar .btn-compact.btn-primary:hover{background:linear-gradient(135deg,#229954,#1e8449)!important;border-color:#1e8449!important;box-shadow:0 4px 8px #27ae6066!important;transform:translateY(-1px)!important}.SimpleBattlefieldV2 .battlefield-bottombar .btn-compact.btn-warning,.battlefield-bottombar .btn-compact.btn-warning,.simple-battlefield-v2-fullscreen .battlefield-bottombar .btn-compact.btn-warning{background:linear-gradient(135deg,#f39c12,#e67e22)!important;border:2px solid #e67e22!important;box-shadow:0 2px 4px #f39c124d!important;color:#fff!important;font-family:inherit!important;font-weight:700!important}.SimpleBattlefieldV2 .battlefield-bottombar .btn-compact.btn-warning:hover,.battlefield-bottombar .btn-compact.btn-warning:hover,.simple-battlefield-v2-fullscreen .battlefield-bottombar .btn-compact.btn-warning:hover{background:linear-gradient(135deg,#e67e22,#d35400)!important;border-color:#d35400!important;box-shadow:0 4px 8px #f39c1266!important;transform:translateY(-1px)!important}.SimpleBattlefieldV2 .battlefield-bottombar .btn-compact.btn-secondary,.battlefield-bottombar .btn-compact.btn-secondary,.simple-battlefield-v2-fullscreen .battlefield-bottombar .btn-compact.btn-secondary{background:linear-gradient(135deg,#8e44ad,#7d3c98)!important;border:2px solid #7d3c98!important;box-shadow:0 2px 4px #8e44ad4d!important;color:#fff!important;font-family:inherit!important;font-weight:700!important}.SimpleBattlefieldV2 .battlefield-bottombar .btn-compact.btn-secondary:hover,.battlefield-bottombar .btn-compact.btn-secondary:hover,.simple-battlefield-v2-fullscreen .battlefield-bottombar .btn-compact.btn-secondary:hover{background:linear-gradient(135deg,#7d3c98,#6c3483)!important;border-color:#6c3483!important;box-shadow:0 4px 8px #8e44ad66!important;transform:translateY(-1px)!important}.battlefield-bottombar .btn-compact:after,.battlefield-bottombar .btn-compact:before{content:none!important;display:none!important}.battlefield-bottombar .btn-compact:focus{box-shadow:0 0 0 2px #3498db4d!important;outline:none!important}.battlefield-bottombar .btn-compact:active{transform:translateY(0)!important}.battlefield-bottombar .btn-compact[class*=btn-]{background-image:none!important;box-shadow:0 2px 4px #0003!important;text-shadow:none!important}.simple-battlefield-v2-fullscreen{background:linear-gradient(135deg,#1a1a2e,#16213e 50%,#0f3460);color:#ecf0f1;display:flex;flex-direction:column;font-family:TrajanPro-Regular,Arial,serif;height:100vh;left:0;overflow:hidden;position:fixed;top:0;width:100vw;z-index:1000}.battlefield-header{align-items:stretch;background:linear-gradient(90deg,#2c3e50,#34495e);border-bottom:2px solid #ecf0f1;box-shadow:0 4px 15px #0006;display:flex;justify-content:space-between;min-height:100px;padding:1rem 2rem}.battle-status{flex:1 1;overflow-x:auto}.battle-info,.battle-status{align-items:center;display:flex;gap:2rem}.battle-info{flex-shrink:0}.round-info{min-width:200px}.battlefield-info,.round-info{display:flex;flex-direction:column;gap:.25rem}.battlefield-info{background:#0000004d;border:1px solid #34495e;border-radius:6px;min-width:250px;padding:.75rem}.round-number{color:#ecf0f1;font-family:TrajanPro-Bold,serif;font-size:1.6rem;font-weight:700;text-shadow:2px 2px 4px #00000080}.battle-id,.battlefield-template,.current-player,.game-phase,.hex-count,.target-city,.units-deployed{color:#bdc3c7;font-family:monospace;font-size:.9rem;opacity:.9}.tactical-display{background:#0006;border:1px solid #34495e;border-radius:8px;box-shadow:inset 0 2px 5px #0000004d;display:flex;flex-direction:column;gap:.5rem;max-width:300px;min-width:280px;padding:1rem}.tactical-header{align-items:center;border-bottom:1px solid #fff3;display:flex;justify-content:space-between;padding-bottom:.5rem}.tactical-title{color:#f39c12;font-size:1rem;font-weight:700}.tactical-details{display:flex;flex-direction:column;gap:.25rem}.attack-penalty,.defense-bonus,.movement-bonus,.tactical-coords,.tactical-terrain,.tactical-zone{color:#ecf0f1;font-size:.85rem}.defense-bonus{color:#2ecc71}.attack-penalty{color:#e74c3c}.movement-bonus{color:#3498db}.army-stats-detailed{display:flex;flex-shrink:0;gap:1.5rem}.attacker-stats,.defender-stats{background:#0006;border:1px solid #34495e;border-radius:8px;box-shadow:inset 0 2px 5px #0000004d;display:flex;flex-direction:column;gap:.5rem;min-width:220px;padding:1rem}.team-header{align-items:center;border-bottom:1px solid #fff3;display:flex;justify-content:space-between;padding-bottom:.5rem}.team-details{display:flex;flex-direction:column;gap:.25rem}.team-label{font-size:1rem;font-weight:700;text-shadow:1px 1px 2px #00000080}.team-advantage{background:#0000004d;border-radius:4px;font-size:.75rem;font-weight:700;padding:.25rem .5rem}.moral-value,.unit-breakdown,.units-count{color:#ecf0f1;font-size:.85rem}.unit-breakdown{color:#bdc3c7;font-size:.8rem;font-style:italic;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.attacker-stats .team-label{color:#e74c3c}.defender-stats .team-label{color:#3498db}.moral-value,.units-count{color:#ecf0f1;font-size:.85rem}.battlefield-controls{align-items:center;display:flex;gap:1rem}.btn-game{border:none;border-radius:6px;box-shadow:0 3px 8px #0000004d;cursor:pointer;font-family:TrajanPro-Regular,serif;font-size:.9rem;font-weight:700;letter-spacing:1px;min-width:120px;overflow:hidden;padding:.75rem 1.5rem;position:relative;text-transform:uppercase;transition:all .3s ease}.btn-game:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.btn-game:hover:before{left:100%}.btn-game:hover{box-shadow:0 6px 15px #0006;transform:translateY(-2px)}.btn-game:active{box-shadow:0 3px 8px #0000004d;transform:translateY(0)}.btn-primary{background:linear-gradient(135deg,#e74c3c,#c0392b);border:2px solid #c0392b;color:#fff}.btn-primary:hover{background:linear-gradient(135deg,#c0392b,#a93226);border-color:#a93226}.btn-secondary{background:linear-gradient(135deg,#95a5a6,#7f8c8d);border:2px solid #7f8c8d;color:#fff}.btn-secondary:hover{background:linear-gradient(135deg,#7f8c8d,#6c7b7d);border-color:#6c7b7d}.btn-warning{background:linear-gradient(135deg,#f39c12,#e67e22);border:2px solid #e67e22;color:#fff}.btn-warning:hover{background:linear-gradient(135deg,#e67e22,#d35400);border-color:#d35400}.btn-danger{background:linear-gradient(135deg,#e74c3c,#c0392b);border:2px solid #c0392b;color:#fff}.btn-danger:hover{background:linear-gradient(135deg,#c0392b,#a93226);border-color:#a93226}.btn-info{background:linear-gradient(135deg,#3498db,#2980b9);border:2px solid #2980b9;color:#fff}.btn-info:hover{background:linear-gradient(135deg,#2980b9,#21618c);border-color:#21618c}.btn-dark{background:linear-gradient(135deg,#34495e,#2c3e50);border:2px solid #2c3e50;color:#ecf0f1}.btn-dark:hover{background:linear-gradient(135deg,#2c3e50,#1b2631);border-color:#1b2631}.battlefield-container{align-items:center;background:none;display:flex;flex:1 1;height:calc(100vh - 160px);justify-content:center;overflow:visible;position:relative;width:100vw}.battlefield-layer{height:100%;left:0;position:absolute;top:0;width:100%}.hexagonal-grid-container{align-items:center;display:flex;height:100%;justify-content:center;overflow:visible;position:relative;width:100%}.hexagonal-grid,.hexagonal-grid-container{background:none;pointer-events:auto;z-index:10}.hexagonal-grid{height:auto;max-height:100%;max-width:100%;opacity:1;transform:none;-webkit-user-select:none;user-select:none;width:auto}.hex{stroke:#fff;stroke-width:1.5;fill-opacity:.5;transition:all .2s ease}.hex:hover{stroke:#e5ff00!important;stroke-width:2.2!important;fill-opacity:.6!important;cursor:pointer;filter:brightness(1.2)!important}.hex.selected{stroke-width:2.5!important;fill-opacity:.7!important;filter:brightness(1.3)!important}.hex.attacker-deployment{stroke:#e74c3c;stroke-dasharray:5,5;animation:pulseBorder 2s infinite}.hex.defender-deployment{stroke:#3498db;stroke-dasharray:5,5;animation:pulseBorder 2s infinite}@keyframes pulseBorder{0%,to{stroke-opacity:.6}50%{stroke-opacity:1}}@media (max-width:768px){.battlefield-topbar{flex-direction:row!important;gap:.3rem!important;min-height:60px!important;padding:.5rem!important}.topbar-section{gap:.5rem!important;justify-content:center!important}.topbar-moral,.topbar-units{font-size:.8rem!important}.topbar-zoom{background:#0000004d!important;border-radius:4px!important;display:block!important;font-size:.7rem!important;margin-left:0!important;opacity:.8!important;order:3!important;padding:.2rem .4rem!important}.battlefield-bottombar{flex-direction:column!important;gap:.5rem!important;height:auto!important;min-height:90px!important;padding:.5rem!important}.bottombar-section{gap:.5rem!important;justify-content:center!important;width:100%!important}.bottombar-info{order:1!important;text-align:center!important}.bottombar-actions{flex-wrap:wrap!important;justify-content:center!important;order:2!important}.bottombar-bonuses,.bottombar-coords,.bottombar-hint,.bottombar-terrain{font-size:.8rem!important}.battlefield-bottombar .btn-compact{font-size:.7rem!important;margin:.1rem!important;min-height:36px!important;min-width:70px!important;padding:.5rem .6rem!important;touch-action:manipulation!important}.battlefield-bottombar .btn-compact:active{background-color:#fff3!important;transform:scale(.95)!important}.battlefield-container{bottom:90px!important;top:70px!important}.battlefield-header{flex-direction:column;gap:1rem;min-height:auto;padding:1rem}.battle-status{gap:1rem}.army-stats,.battle-status{flex-direction:column;width:100%}.army-stats{gap:.5rem}.tactical-display{display:none}.battlefield-controls{flex-wrap:wrap;gap:.5rem;justify-content:center;width:100%}.btn-game{font-size:.8rem;min-width:100px;padding:.5rem 1rem}}@media (max-width:480px){.battlefield-topbar{min-height:60px!important;padding:.3rem!important}.topbar-section{gap:.5rem!important}.topbar-label{display:inline-block!important;font-size:.72rem!important;font-weight:700!important;margin-right:.25rem!important}.topbar-center{font-size:.9rem!important}.topbar-moral,.topbar-units{font-size:.7rem!important}.battlefield-bottombar{min-height:80px!important;padding:.3rem!important}.bottombar-bonuses,.bottombar-coords,.bottombar-terrain{font-size:.7rem!important}.battlefield-bottombar .btn-compact{font-size:.6rem!important;min-height:32px!important;min-width:60px!important;padding:.4rem .5rem!important}.bottombar-actions{flex-wrap:wrap!important;gap:.2rem!important;max-height:60px!important;overflow-y:auto!important}.battlefield-container{bottom:80px!important;top:60px!important}.battlefield-header{padding:.5rem}.round-number{font-size:1.2rem}.btn-game{font-size:.75rem;min-width:80px;padding:.4rem .8rem}.army-stats{display:none}}.battlefield-container{touch-action:auto!important;-ms-touch-action:auto!important;user-select:none!important;-webkit-user-select:none!important;-moz-user-select:none!important;-ms-user-select:none!important}.battlefield-layers-container{backface-visibility:hidden!important;-webkit-backface-visibility:hidden!important;transform-origin:center center!important;transition:none!important}.simple-battlefield-v2-fullscreen{-webkit-touch-callout:none!important;animation:fadeIn .5s ease-out;touch-action:auto!important;-ms-touch-action:auto!important;transform:translateZ(0)!important;-webkit-user-select:none!important;user-select:none!important;will-change:transform!important}.btn-game:focus{outline:2px solid #f39c12;outline-offset:2px}.hex:focus{stroke:#f39c12;stroke-width:3;outline:none}body.battlefield-fullscreen .bottom-nav-bar,body.battlefield-fullscreen .header-bar{display:none!important;opacity:0!important;pointer-events:none!important;visibility:hidden!important;z-index:-999!important}body.battlefield-fullscreen{overflow:hidden!important}body.battlefield-fullscreen .layout-container{padding-bottom:0!important;padding-top:0!important}.notification-badge{align-items:center;animation:bellRing 2s ease-in-out infinite;background:linear-gradient(135deg,#e74c3c,#c0392b);border-radius:50%;box-shadow:0 2px 8px #e74c3c66;cursor:pointer;display:flex;height:40px;justify-content:center;position:relative;transition:transform .2s,box-shadow .2s;width:40px}.notification-badge:hover{box-shadow:0 4px 12px #e74c3c99;transform:scale(1.1)}@keyframes bellRing{0%,to{transform:rotate(0deg)}10%,30%{transform:rotate(-10deg)}20%,40%{transform:rotate(10deg)}}.notification-icon{filter:drop-shadow(0 1px 2px rgba(0,0,0,.3));font-size:20px}.notification-count{background:#fff;border-radius:10px;box-shadow:0 2px 4px #0003;color:#e74c3c;font-size:11px;font-weight:700;min-width:18px;padding:2px 6px;position:absolute;right:-4px;text-align:center;top:-4px}.notifications-overlay{align-items:flex-start;animation:fadeIn .2s ease-out;background:#0009;bottom:0;display:flex;justify-content:center;left:0;padding-top:80px;position:fixed;right:0;top:0;z-index:10001}.notifications-panel{animation:slideDown .3s ease-out;background:linear-gradient(135deg,#1a1a2e,#16213e);border:2px solid #ffffff1a;border-radius:12px;box-shadow:0 8px 32px #00000080;max-height:70vh;max-width:500px;overflow:hidden;width:90%}@keyframes slideDown{0%{opacity:0;transform:translateY(-50px)}to{opacity:1;transform:translateY(0)}}.notifications-header{align-items:center;background:#0000004d;border-bottom:2px solid #ffffff1a;display:flex;justify-content:space-between;padding:16px 20px}.notifications-header h3{color:#fff;font-size:18px;font-weight:600;margin:0}.notifications-header button{background:#ffffff1a;border:none;border-radius:50%;color:#fff;cursor:pointer;font-size:24px;height:32px;transition:background .2s;width:32px}.notifications-header button:hover{background:#fff3}.notifications-list{max-height:calc(70vh - 64px);overflow-y:auto;padding:8px}.no-notifications{color:#ffffff80;font-size:14px;padding:40px 20px;text-align:center}.notification-item{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;cursor:pointer;display:flex;gap:12px;margin-bottom:8px;padding:12px;position:relative;transition:background .2s,transform .2s}.notification-item:hover{background:#ffffff1a;transform:translateX(4px)}.notification-item.unread{background:#3498db1a;border-left:4px solid #3498db}.notification-item.victory{border-left-color:#2ecc71}.notification-item.defeat{border-left-color:#e74c3c}.notification-item .notification-icon{flex-shrink:0;font-size:32px}.notification-content{flex:1 1}.notification-title{color:#fff;font-size:14px;font-weight:600;margin-bottom:4px}.notification-battle{color:#fffc;font-size:12px;margin-bottom:4px}.notification-time{color:#ffffff80;font-size:11px}.notification-unread-dot{animation:pulse 2s ease-in-out infinite;background:#3498db;border-radius:50%;height:8px;position:absolute;right:12px;top:12px;width:8px}@media (max-width:600px){.notification-badge{height:36px;width:36px}.notification-icon{font-size:18px}.notifications-panel{max-height:80vh;width:95%}.notification-item{padding:10px}}.CityMap_city-map-container__ewm8R{height:100%;position:relative;width:100%}.CityMap_city-map-slot__vXvrw{align-items:center;cursor:pointer;display:flex;filter:drop-shadow(0 4px 6px rgba(0,0,0,.3));height:100px;justify-content:center;position:absolute;transition:all .25s ease;width:100px}.CityMap_city-map-slot__vXvrw:hover{filter:drop-shadow(0 6px 12px rgba(0,0,0,.5));transform:scale(1.1);z-index:10}.CityMap_city-map-slot__vXvrw.CityMap_locked__8T4nx{background:#d3d3d3;color:#5a4631;cursor:not-allowed}.CityMap_city-map-slot__vXvrw.CityMap_building__PNKdD{background:#f5f1e8;border-color:#daa520}.CityMap_city-map-slot__vXvrw.CityMap_construction__X7-6B{animation:CityMap_roman-glow__YX6Km 2s ease-in-out infinite;background:#e2725b;border-color:#cd7f32}@keyframes CityMap_roman-glow__YX6Km{0%,to{box-shadow:0 0 5px #daa520}50%{box-shadow:0 0 20px #daa520,0 0 30px #daa520}}@keyframes CityMap_bounce__3wFLZ{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.CityMap_building-smoke__HU\+R2{height:80px;left:50%;pointer-events:none;position:absolute;top:-50px;transform:translateX(-50%);width:60px;z-index:15}.CityMap_smoke-puff__4i0nI{animation:CityMap_smoke-rise__iSWEt 3s ease-out infinite;background:radial-gradient(circle,#787878cc 0,#c8c8c866 50%,#0000 100%);border-radius:50%;bottom:0;height:20px;left:50%;opacity:0;position:absolute;transform:translateX(-50%);width:20px}.CityMap_smoke-puff__4i0nI:first-child{animation-delay:0s}.CityMap_smoke-puff__4i0nI:nth-child(2){animation-delay:1s}.CityMap_smoke-puff__4i0nI:nth-child(3){animation-delay:2s}@keyframes CityMap_smoke-rise__iSWEt{0%{opacity:0;transform:translateX(-50%) translateY(0) scale(.5)}10%{opacity:.8}to{opacity:0;transform:translateX(-50%) translateY(-60px) scale(1.5)}}@media (max-width:600px){.CityMap_city-map-container__ewm8R{border-width:2px;height:77.77778vw;margin-top:16px;width:100vw}.CityMap_city-map-slot__vXvrw{border-width:3px;font-size:1.4em;max-height:140px;max-width:140px;min-height:100px;min-width:100px}}.ConstructionTimer_timerContainer__uytDA{align-items:center;display:flex;justify-content:center;margin-top:2px}.ConstructionTimer_timer__4OGLa{align-items:center;animation:ConstructionTimer_pulse__dXwQE 2s infinite;background:linear-gradient(135deg,#2c3e50,#34495e);border:2px solid #f39c12;border-radius:8px;box-shadow:0 2px 4px #0000004d,inset 0 1px 0 #ffffff1a;color:#f39c12;display:flex;font-size:.85em;font-weight:700;gap:4px;min-width:60px;padding:4px 8px;position:relative;text-shadow:0 1px 2px #000000b3}.ConstructionTimer_timer__4OGLa.ConstructionTimer_urgent__mJChX{animation:ConstructionTimer_pulseUrgent__3y6yM 1s infinite;border-color:#e67e22;color:#e67e22}.ConstructionTimer_timer__4OGLa.ConstructionTimer_critical__Hoxcl{animation:ConstructionTimer_pulseCritical__CTgVz .5s infinite;background:linear-gradient(135deg,#c0392b,#e74c3c);border-color:#e74c3c;color:#e74c3c}.ConstructionTimer_timerIcon__NKYA8{animation:ConstructionTimer_rotate__RDpoJ 4s linear infinite;font-size:.9em}.ConstructionTimer_timerText__1rH--{font-family:Courier New,monospace;letter-spacing:.5px;white-space:nowrap}.ConstructionTimer_instantButton__nuaWz{align-items:center;animation:ConstructionTimer_sparkle__\+Toqz 1.5s infinite;background:linear-gradient(135deg,#f1c40f,#f39c12);border:none;border-radius:50%;box-shadow:0 2px 4px #0000004d,inset 0 1px 0 #ffffff4d;color:#2c3e50;cursor:pointer;display:flex;font-size:12px;height:20px;justify-content:center;text-shadow:none;transition:all .2s ease;width:20px}.ConstructionTimer_instantButton__nuaWz:hover{background:linear-gradient(135deg,#f39c12,#e67e22);box-shadow:0 3px 6px #0006,inset 0 1px 0 #fff6;transform:scale(1.1)}.ConstructionTimer_instantButton__nuaWz:active{transform:scale(.95)}@keyframes ConstructionTimer_pulse__dXwQE{0%,to{box-shadow:0 2px 4px #0000004d,inset 0 1px 0 #ffffff1a,0 0 0 0 #f39c1266}50%{box-shadow:0 2px 4px #0000004d,inset 0 1px 0 #ffffff1a,0 0 0 4px #f39c1233}}@keyframes ConstructionTimer_pulseUrgent__3y6yM{0%,to{box-shadow:0 2px 4px #0000004d,inset 0 1px 0 #ffffff1a,0 0 0 0 #e67e2299}50%{box-shadow:0 2px 4px #0000004d,inset 0 1px 0 #ffffff1a,0 0 0 6px #e67e224d}}@keyframes ConstructionTimer_pulseCritical__CTgVz{0%,to{box-shadow:0 2px 4px #0000004d,inset 0 1px 0 #ffffff1a,0 0 0 0 #e74c3ccc}50%{box-shadow:0 2px 4px #0000004d,inset 0 1px 0 #ffffff1a,0 0 0 8px #e74c3c66}}@keyframes ConstructionTimer_rotate__RDpoJ{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes ConstructionTimer_sparkle__\+Toqz{0%,to{filter:brightness(1)}50%{filter:brightness(1.3) drop-shadow(0 0 3px #f1c40f)}}.AnimatedCitizen_citizen__8zA-5{pointer-events:none;position:absolute;transition:left 2s linear,top 2s linear;z-index:8}.AnimatedCitizen_sprite__1AMEN{background-repeat:no-repeat;image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges}.warehouse-popup{animation:fadeInScale .3s ease-out;max-height:80vh;max-width:800px;overflow-y:auto}.warehouse-header{border-bottom:2px solid #ddd;margin-bottom:20px;padding-bottom:15px}.warehouse-header h3{color:#2c3e50;font-size:1.4em;margin:0 0 10px}.warehouse-summary{color:#666;display:flex;font-size:.9em;gap:20px}.warehouse-section{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;margin-bottom:25px;padding:15px}.warehouse-section h4{border-bottom:1px solid #ddd;color:#34495e;font-size:1.1em;margin:0 0 15px;padding-bottom:8px}.warehouse-loading{color:#666;padding:40px 20px;text-align:center}.warehouse-actions{border-top:1px solid #ddd;display:flex;gap:15px;justify-content:center;margin-top:20px;padding:20px 0}.btn-close{background:#e74c3c;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:600;padding:10px 25px;transition:background .3s ease}.btn-close:hover{background:#c0392b}.storage-table-container{background:#fff;border-radius:12px;box-shadow:0 4px 12px #00000026;margin:15px 0;overflow-x:auto}.storage-table{background:#fff!important;border:3px solid #34495e!important;border-collapse:initial!important;border-radius:12px!important;border-spacing:0!important;box-shadow:0 4px 15px #0000004d!important;margin:0 auto!important;overflow:hidden!important;width:100%!important}.storage-table.compact{font-size:.9em}.storage-table.mobile-optimized{font-size:.85em!important}.storage-table.mobile-optimized th{font-size:.9em!important;padding:10px 8px!important}.storage-table.mobile-optimized td{font-size:.95em!important;padding:8px 6px!important}.storage-table thead{background:linear-gradient(135deg,#2c3e50,#34495e)!important;color:#fff!important}.storage-table th{border-bottom:2px solid #1a252f!important;font-size:.9em!important;font-weight:600!important;letter-spacing:.5px!important;padding:15px 12px!important;position:relative!important;text-align:center!important;text-transform:uppercase!important}.storage-table th:last-child{border-right:none!important}.storage-table th:before{background:linear-gradient(90deg,#0000,#ffffff4d,#0000)!important;bottom:0!important;content:""!important;height:2px!important;left:0!important;position:absolute!important;right:0!important}.storage-table tbody tr{background:#fff!important;transition:all .3s ease!important}.storage-table tbody tr:nth-child(2n){background:#34495e08!important}.storage-table tbody tr:hover{background:#34495e14!important;box-shadow:0 2px 8px #34495e33!important;transform:scale(1.01)!important}.storage-table tbody tr:last-child{border-bottom:none!important}.storage-table td{border-bottom:1px solid #34495e1a!important;border-right:1px solid #34495e1a!important;font-weight:500!important;padding:12px!important;text-align:center!important;transition:all .3s ease!important}.storage-table td:last-child{border-right:none!important}.resource-name{font-size:1.2em!important;font-weight:600!important}.current-amount{color:#2980b9!important;font-weight:600!important;text-shadow:1px 1px 2px #2980b94d!important}.secure-amount{color:#27ae60!important;font-weight:600!important;text-shadow:1px 1px 2px #27ae604d!important}.pillage-amount{color:#e74c3c!important;font-weight:600!important;text-shadow:1px 1px 2px #e74c3c4d!important}.max-capacity{color:#8e44ad!important;font-weight:600!important;text-shadow:1px 1px 2px #8e44ad4d!important}@media (max-width:768px){.warehouse-popup{max-height:90vh;max-width:95vw}.storage-table{font-size:.85em!important;margin:10px 0!important}.storage-table th{font-size:.7em!important;letter-spacing:.2px!important;padding:8px 4px!important}.storage-table td{font-size:.8em!important;padding:6px 3px!important}.resource-name{font-size:1.1em!important}.warehouse-summary{flex-direction:column;font-size:.8em;gap:8px}.warehouse-section{margin-bottom:15px;padding:10px}.warehouse-section h4{font-size:1em;margin-bottom:10px}.warehouse-header h3{font-size:1.2em}}@media (max-width:480px){.storage-table{font-size:.75em!important}.storage-table td,.storage-table th{padding:4px 2px!important}.storage-table th{font-size:.65em!important}.resource-name{font-size:1em!important}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.architect-content{max-width:100%;padding:0}.architect-description{background:#34495e0d;border-left:4px solid #3498db;border-radius:8px;margin-bottom:20px;padding:12px}.architect-description p{color:#2c3e50;font-size:.9em;line-height:1.4;margin:0}.architect-bonus-section{margin-bottom:20px}.architect-bonus-section h4{color:#2c3e50;font-size:1em;font-weight:600;margin:0 0 12px}.architect-bonus-cards{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr}.architect-bonus-card{align-items:center;background:linear-gradient(135deg,#3498db,#2980b9);border-radius:10px;box-shadow:0 3px 10px #3498db4d;color:#fff;display:flex;gap:12px;padding:15px;transition:transform .2s ease}.architect-bonus-card:hover{transform:translateY(-2px)}.architect-bonus-icon{font-size:1.8em}.architect-bonus-content{flex:1 1}.architect-bonus-title{font-size:.8em;margin-bottom:4px;opacity:.9}.architect-bonus-value{font-size:1.2em;font-weight:700;text-shadow:1px 1px 2px #0000004d}.architect-savings-section{margin-bottom:20px}.architect-savings-section h4{color:#2c3e50;font-size:1em;font-weight:600;margin:0 0 12px}.architect-savings-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr}.architect-savings-item{background:#fff;border:1px solid #e9ecef;border-radius:8px;padding:12px;transition:all .2s ease}.architect-savings-item:hover{border-color:#3498db;box-shadow:0 2px 8px #3498db26}.architect-savings-building{color:#2c3e50;font-size:.9em;font-weight:600;margin-bottom:6px}.architect-savings-details{display:flex;flex-direction:column;gap:4px}.architect-savings-cost{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.architect-savings-resource{align-items:center;background:#27ae601a;border-radius:4px;color:#27ae60;display:flex;font-size:.8em;font-weight:600;gap:3px;padding:2px 6px}.architect-savings-resource img{height:14px;width:14px}.architect-savings-more{background:#95a5a633;border-radius:4px;color:#7f8c8d;font-size:.7em;padding:2px 6px}.architect-savings-time{color:#e67e22;font-size:.8em;font-weight:600}.architect-no-savings{background:#95a5a61a;border:2px dashed #bdc3c7;border-radius:8px;color:#7f8c8d;padding:20px;text-align:center}.architect-empty-icon{font-size:2em;margin-bottom:8px}.architect-level-section{margin-bottom:20px}.architect-level-section h4{color:#2c3e50;font-size:1em;font-weight:600;margin:0 0 12px}.architect-level-comparison{background:#fff;border:1px solid #e9ecef;border-radius:8px;box-shadow:0 2px 8px #00000014;overflow:hidden}.architect-level-row{align-items:center;display:grid;grid-template-columns:1fr 60px 60px 50px;min-height:40px}.architect-level-header{background:linear-gradient(135deg,#2c3e50,#34495e);color:#fff;font-size:.8em;font-weight:600}.architect-level-row:not(.architect-level-header):nth-child(2n){background:#34495e08}.architect-level-cell{border-right:1px solid #34495e1a;font-size:.8em;padding:8px 6px;text-align:center}.architect-level-cell:last-child{border-right:none}.architect-level-cell:first-child{padding-left:12px;text-align:left}.architect-level-cell.current{color:#3498db;font-weight:600}.architect-level-cell.next{color:#27ae60;font-weight:600}.architect-level-cell.gain{color:#e67e22;font-weight:700}.architect-loading{color:#7f8c8d;padding:40px 20px;text-align:center}.architect-loading-spinner{animation:spin 2s linear infinite;font-size:2em;margin-bottom:12px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (max-width:768px){.architect-content{padding:0}.architect-description{margin-bottom:15px;padding:10px}.architect-description p{font-size:.85em}.architect-bonus-cards{gap:10px;grid-template-columns:1fr}.architect-bonus-card{padding:12px}.architect-bonus-icon{font-size:1.5em}.architect-bonus-value{font-size:1.1em}.architect-bonus-section,.architect-level-section,.architect-savings-section{margin-bottom:15px}.architect-bonus-section h4,.architect-level-section h4,.architect-savings-section h4{font-size:.95em;margin-bottom:10px}.architect-level-row{grid-template-columns:1fr 50px 50px 40px;min-height:35px}.architect-level-cell{font-size:.75em;padding:6px 4px}.architect-level-cell:first-child{font-size:.8em;padding-left:8px}.architect-savings-item{padding:10px}.architect-savings-building{font-size:.85em;margin-bottom:4px}.architect-savings-resource{font-size:.75em;padding:1px 4px}.architect-savings-resource img{height:12px;width:12px}.architect-savings-time{font-size:.75em}.architect-no-savings{font-size:.85em;padding:15px}.architect-empty-icon{font-size:1.5em;margin-bottom:6px}}@media (max-width:480px){.architect-bonus-card{gap:8px;padding:10px}.architect-bonus-icon{font-size:1.3em}.architect-bonus-title{font-size:.75em}.architect-bonus-value{font-size:1em}.architect-level-row{grid-template-columns:1fr 45px 45px 35px;min-height:32px}.architect-level-cell{font-size:.7em;padding:4px 2px}.architect-level-cell:first-child{font-size:.75em;padding-left:6px}.architect-savings-item{padding:8px}.architect-savings-cost{gap:6px}}.barracks-popup-content{color:#8b4513;font-family:Trajan Pro,serif;margin:0;max-height:80vh;overflow-y:auto;padding:0}.barracks-header{background:linear-gradient(135deg,tan,wheat);border-bottom:2px solid #8b4513;margin-bottom:20px;padding:15px 20px}.barracks-header h2{color:#8b4513;font-size:22px;font-weight:700;margin:0}.faction-bonus-indicator{background:linear-gradient(135deg,#e8f5e9,#c8e6c9);border:2px solid #4caf50;border-radius:8px;box-shadow:0 2px 4px #0000001a;color:#2e7d32;font-size:14px;font-weight:600;margin-top:12px;padding:10px 15px}.bonus-details{display:flex;flex-wrap:wrap;gap:15px;margin-top:8px}.bonus-item{align-items:center;background:#ffffffb3;border:1px solid #81c784;border-radius:5px;display:inline-flex;font-size:13px;gap:5px;padding:5px 12px}.barracks-tabs{padding:0 20px}.tab-navigation{border-bottom:2px solid tan;display:flex;margin-bottom:20px}.production-tab-ikariam{display:flex;flex-direction:column;gap:20px}.production-summary-ikariam{background:linear-gradient(135deg,#f9f3e8,#f0e6d2);border:2px solid #d4a574;border-radius:8px;box-shadow:0 4px 8px #0000001a;margin-bottom:15px;margin-right:30px;padding:8px;width:calc(100% - 30px)}.summary-units-row{border-bottom:1px solid #d4a574;display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-bottom:8px;padding-bottom:8px}.summary-unit-item{align-items:center;display:flex;flex-direction:column;gap:2px;min-width:40px}.summary-unit-icon{align-items:center;background:#fff;border:2px solid #d4a574;border-radius:50%;display:flex;height:25px;justify-content:center;overflow:hidden;padding:3px;width:25px}.summary-unit-icon img{height:100%;object-fit:contain;width:100%}.summary-unit-count{color:#8b4513;font-size:17px;font-weight:700}.summary-unit-name{color:#666;font-size:13px;text-align:center}.summary-costs-row{align-items:center;display:flex;flex-wrap:wrap;font-size:13px;gap:10px;justify-content:center;margin-bottom:8px}.summary-cost{background:#fff;border:1px solid #d4a574;border-radius:10px;font-size:13px;font-weight:700;padding:4px 8px}.summary-cost.time{background:#fff4e6;color:#e67e22}.summary-action-row{align-items:center;display:flex;gap:15px;justify-content:center}.cancel-production-btn{background:linear-gradient(135deg,#e74c3c,#c0392b);border:none;border-radius:6px;box-shadow:0 4px 6px #0003;color:#fff;cursor:pointer;font-size:14px;font-weight:700;padding:6px 25px;transition:all .3s ease}.cancel-production-btn:hover{background:linear-gradient(135deg,#c0392b,#a93226);box-shadow:0 6px 8px #0000004d;transform:translateY(-2px)}.production-progress-text{animation:pulse 1.5s ease-in-out infinite;color:#27ae60;font-size:14px;font-weight:700}.produce-all-btn{background:linear-gradient(135deg,#27ae60,#229954);border:none;border-radius:6px;box-shadow:0 4px 6px #0003;color:#fff;cursor:pointer;font-size:14px;font-weight:700;padding:6px 40px;transition:all .3s ease}.produce-all-btn:hover:not(.disabled){background:linear-gradient(135deg,#229954,#1e8449);box-shadow:0 6px 8px #0000004d;transform:translateY(-2px)}.produce-all-btn.disabled{background:#95a5a6;cursor:not-allowed;opacity:.6}.units-list-ikariam{display:flex;flex-direction:column;gap:10px;padding-right:25px}.ikariam-unit-row{grid-gap:12px;align-items:center;background:linear-gradient(135deg,#fff9f0,#fef5e7);border:2px solid #d4a574;border-radius:8px;display:grid;gap:12px;grid-template-columns:70px calc(105% - 200px) 95px;margin-right:30px;padding:10px;transition:all .3s ease;width:calc(90% - 5px)}.ikariam-unit-row:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.unit-icon-large,.unit-image-col{align-items:center;display:flex;justify-content:center}.unit-icon-large{background:linear-gradient(135deg,#fff,#f8f9fa);border:2px solid #d4a574;border-radius:8px;box-shadow:0 2px 4px #0000001a;height:55px;overflow:hidden;padding:3px;width:55px}.unit-details-col{display:flex;flex:1 1;flex-direction:column;gap:5px;min-width:0}.unit-name-ikariam{color:#8b4513;font-size:15px;font-weight:700;margin:0 0 8px}.unit-costs-row{align-items:center;display:flex;flex-wrap:wrap;gap:4px}.requirement-message{background:#fff3cd;border:1px solid #ffc107;border-radius:4px;color:#856404;font-size:11px;line-height:1.4;padding:8px 10px;text-align:center}.cost-item{background:#fff;border:1px solid #ddd;border-radius:3px;font-size:11px}.cost-item.ok{border-color:#27ae60;color:#27ae60}.cost-item.missing{border-color:#e74c3c;color:#e74c3c}.cost-item.time-cost{background:#fff4e6;border-color:#f39c12;color:#e67e22}.cost-item.maintenance-cost{background:#fffbea;border-color:#daa520;color:#b8860b;position:relative}.cost-icon-stack{display:inline-block;height:14px;margin-right:2px;position:relative;width:20px}.icon-hourglass{font-size:11px;left:0;position:absolute;top:0}.icon-gold{bottom:0;font-size:9px;position:absolute;right:0}.unit-controls-col{align-items:center;flex-direction:column}.quantity-controls,.unit-controls-col{display:flex;gap:3px}.qty-btn-ikariam{align-items:center;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border:1px solid #d4a574;border-radius:4px;color:#8b4513;cursor:pointer;display:flex;font-size:14px;font-weight:700;height:20px;justify-content:center;padding:0;transition:all .2s ease;width:20px}.qty-btn-ikariam:hover:not(:disabled){background:linear-gradient(135deg,#3498db,#2980b9);color:#fff;transform:scale(1.1)}.qty-btn-ikariam:disabled{cursor:not-allowed;opacity:.4}.qty-btn-ikariam.plus{border-color:#27ae60}.qty-btn-ikariam.minus{border-color:#e74c3c}.quantity-input-ikariam{background:#fff;border:1px solid #d4a574;border-radius:4px;color:#8b4513;font-size:10px;font-weight:700;height:20px;text-align:center;width:42px}.quantity-input-ikariam:focus{border-color:#3498db;box-shadow:0 0 0 3px #3498db33;outline:none}.barracks-tabs{padding:0 10px}.barracks-tabs,.units-list-ikariam{max-width:100%;width:100%}@media (max-width:768px){.ikariam-unit-row{gap:8px;grid-template-columns:50px 1fr 85px;padding:8px}.unit-icon-large{height:45px;width:45px}.unit-name-ikariam{font-size:13px}.cost-item{font-size:11px;padding:2px 6px}.qty-btn-ikariam{font-size:16px;height:26px;width:26px}.quantity-input-ikariam{font-size:13px;height:26px;width:50px}.production-summary-ikariam{padding:12px}.summary-unit-icon{height:35px;width:35px}}.heroes-section,.units-section{margin-bottom:30px}.section-title{border-bottom:2px solid #3498db;color:#2c3e50;font-size:1.2em;margin-bottom:15px}.heroes-grid{grid-gap:15px;gap:15px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:20px}.hero-card-garrison{background:linear-gradient(145deg,#ecf0f1,#d5dbdb);border:2px solid #bdc3c7;border-radius:12px;box-shadow:0 4px 8px #0000001a;padding:15px;transition:all .3s ease}.hero-card-garrison.clickable{cursor:pointer}.hero-card-garrison:hover{box-shadow:0 6px 12px #00000026;transform:translateY(-2px)}.hero-card-garrison.clickable:hover{border-color:#f39c12;box-shadow:0 8px 16px #0003}.hero-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:10px}.hero-name-section{flex:1 1}.hero-name{color:#2c3e50;font-size:1.1em;margin:0}.hero-rarity{font-size:.8em}.hero-specialty-badge{align-items:center;border-radius:50%;color:#fff;display:flex;font-size:1.2em;font-weight:700;height:32px;justify-content:center;width:32px}.hero-level{color:#7f8c8d;font-size:.9em;margin-bottom:8px}.hero-stats-mini{display:flex;font-size:.85em;gap:10px;margin-bottom:8px}.hero-stats-mini span{background:#3498db1a;border-radius:4px;color:#2c3e50;font-weight:700;padding:2px 6px}.hero-bonuses{font-size:.8em;margin-bottom:8px}.bonus-row{display:flex;justify-content:space-between;margin-bottom:2px}.bonus-row span{color:#27ae60;font-weight:700}.hero-experience{color:#7f8c8d;display:flex;font-size:.8em;justify-content:space-between;margin-bottom:10px}.hero-experience div{text-align:center}.tab-button{background:none;border:none;border-bottom:3px solid #0000;color:#8b4513;cursor:pointer;font-family:Trajan Pro,serif;font-size:14px;padding:10px 20px;transition:all .3s ease}.tab-button.active{background:#8b45131a;border-bottom-color:#8b4513;font-weight:700}.compact-unit-card{background:linear-gradient(135deg,wheat,#ddd3b8);border:2px solid #8b4513;border-radius:8px;box-shadow:0 2px 4px #0003;margin-bottom:8px;padding:10px;transition:transform .1s ease}.compact-unit-card:hover{transform:translateY(-1px)}.unit-header-compact{align-items:center;border-radius:4px;cursor:pointer;display:flex;margin-bottom:8px;padding:4px;transition:background-color .2s ease}.unit-header-compact:hover{background-color:#8b45131a}.unit-icon-compact{margin-right:10px}.unit-icon-small{align-items:center;border:1px solid #8b4513;border-radius:50%;color:#fff;display:flex;font-size:16px;font-weight:700;height:32px;justify-content:center;width:32px}.unit-icon-small.infantry{background:linear-gradient(135deg,#4a90e2,#357abd)}.unit-icon-small.ranged{background:linear-gradient(135deg,#7ed321,#5ba916)}.unit-icon-small.cavalry{background:linear-gradient(135deg,#f5a623,#d4941a)}.unit-icon-small.siege{background:linear-gradient(135deg,#bd10e0,#9013fe)}.unit-icon-small.hero{background:linear-gradient(135deg,gold,orange)}.unit-info-compact{flex:1 1}.unit-name-compact{color:#8b4513;font-size:14px;font-weight:700;margin:0 0 4px}.unit-stats-compact{display:flex;gap:8px}.stat-compact{color:#666;font-size:11px;font-weight:700}.info-icon{color:#ff6b35;font-size:14px}.cost-section-compact{align-items:center;background:#ffffff4d;border-radius:4px;display:flex;justify-content:space-between;margin-bottom:8px;padding:6px}.cost-row-compact{display:flex;flex-wrap:wrap;gap:6px}.cost-compact{border-radius:8px;font-size:11px;font-weight:700;padding:2px 4px}.cost-compact.ok{background:#90ee90;color:#2e7d32}.cost-compact.missing{background:#ffb3b3;color:#c62828}.time-compact{color:#8b4513;font-size:11px;font-weight:700}.production-controls-compact{align-items:center;display:flex;justify-content:space-between}.quantity-section{gap:4px}.qty-btn,.quantity-section{align-items:center;display:flex}.qty-btn{background:#8b4513;border:none;border-radius:50%;color:#fff;cursor:pointer;font-size:12px;font-weight:700;height:20px;justify-content:center;width:20px}.qty-btn:hover{background:sienna}.qty-display{color:#8b4513;font-size:12px;font-weight:700;min-width:20px;text-align:center}.produce-btn{background:linear-gradient(135deg,#228b22,#32cd32);border:1px solid #228b22;border-radius:4px;color:#fff;cursor:pointer;font-size:11px;font-weight:700;padding:4px 8px;transition:all .1s ease}.produce-btn.enabled:hover{background:linear-gradient(135deg,#32cd32,#228b22)}.produce-btn.disabled{background:#999;border-color:#666;cursor:not-allowed;opacity:.6}.units-grid{grid-gap:10px;gap:10px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-top:15px}.tab-button:hover{background:#8b45130d}.tab-content{max-height:500px;overflow-y:auto}.resources-display{grid-gap:10px;background:beige;border:2px solid tan;border-radius:6px;display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));margin-bottom:20px;padding:15px}.resource-item{color:#8b4513;font-size:13px;font-weight:700;text-align:center}.units-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}.tab-content .garrison-units,.tab-content .production-queue,.tab-content .units-grid{max-height:none!important;overflow:visible!important}.barracks-unit-card{background:#fff;border:2px solid #8b4513;border-radius:6px;box-shadow:0 2px 6px #8b451333;margin-bottom:10px;padding:12px}.unit-header{border-bottom:1px solid tan;margin-bottom:12px;padding-bottom:8px}.unit-name{color:#8b4513;font-size:16px;margin:0}.unit-category{border-radius:3px;font-size:11px;font-weight:700;padding:3px 6px;text-transform:uppercase}.unit-category.hero{background:#dc143c;color:#fff}.unit-category.infantry{background:#4169e1;color:#fff}.unit-category.ranged{background:#228b22;color:#fff}.unit-category.cavalry{background:gold;color:#8b4513}.unit-category.siege{background:#8b008b;color:#fff}.unit-stats{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr;margin-bottom:12px}.stats-column{display:flex;flex-direction:column;gap:6px}.stat-item{color:#654321;font-size:12px;gap:6px}.stat-icon{font-size:14px;text-align:center;width:18px}.production-section{border-top:1px solid tan;padding-top:12px}.cost-title{color:#8b4513;font-size:13px;font-weight:700;margin:0 0 8px}.cost-grid{grid-gap:6px;display:grid;font-size:12px;gap:6px;grid-template-columns:repeat(auto-fit,minmax(70px,1fr));margin-bottom:12px}.cost-available{color:#228b22;font-weight:700}.cost-missing{color:#dc143c;font-weight:700}.production-time{color:#4169e1;font-weight:700}.production-controls{align-items:center;display:flex;gap:8px}.quantity-input{border:2px solid tan;border-radius:3px;padding:4px;text-align:center;width:50px}.production-button,.quantity-input{font-family:Trajan Pro,serif;font-size:12px}.production-button{background:#8b4513;border:none;border-radius:3px;color:#fff;cursor:pointer;flex:1 1;font-weight:700;padding:6px 12px;transition:background .3s ease}.production-button:hover{background:sienna}.production-button.disabled{background:#999;cursor:not-allowed}.production-queue{padding:10px 0}.queue-title{color:#8b4513;font-size:16px;font-weight:700;margin:0 0 15px}.no-production{color:#999;font-size:14px;font-style:italic;padding:20px;text-align:center}.queue-item{background:#fff;border:1px solid tan;border-radius:6px;margin-bottom:8px;padding:12px;position:relative}.queue-info{justify-content:space-between;margin-bottom:8px}.cancel-queue-btn,.queue-info{align-items:center;display:flex}.cancel-queue-btn{background:#dc3545;border:none;border-radius:50%;box-shadow:0 2px 4px #0003;color:#fff;cursor:pointer;font-size:14px;height:28px;justify-content:center;position:absolute;right:8px;top:8px;transition:all .2s ease;width:28px}.cancel-queue-btn:hover{background:#c82333;box-shadow:0 3px 6px #0000004d;transform:scale(1.1)}.cancel-queue-btn:active{transform:scale(.95)}.queue-unit-name{color:#8b4513;font-size:14px;font-weight:700;margin:0 0 4px}.queue-quantity{color:#654321;font-size:12px;margin:0}.queue-time{text-align:right}.queue-time p{color:#654321;font-size:11px;margin:0}.time-remaining{color:#8b4513;font-size:12px;font-weight:700}.progress-bar{background:#e0e0e0;border-radius:3px;height:6px;width:100%}.progress-fill{background:linear-gradient(90deg,#4169e1,#1e90ff)}@media (max-width:768px){.unit-stats,.units-grid{grid-template-columns:1fr}.resources-display{grid-template-columns:repeat(2,1fr)}}.garrison-display{padding:20px 0}.garrison-title{border-bottom:2px solid tan;color:#8b4513;font-size:20px;margin-bottom:20px;padding-bottom:10px;text-align:center}.no-units{background:linear-gradient(135deg,beige,#fff8dc);border:2px dashed tan;border-radius:10px;padding:40px 20px;text-align:center}.no-units p{color:#8b4513;margin:10px 0}.no-units .hint{color:sienna;font-size:14px;font-style:italic}.garrison-units{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin-top:20px}.garrison-unit-card{align-items:center;background:linear-gradient(135deg,beige,#fff8dc);border:2px solid tan;border-radius:10px;box-shadow:0 2px 5px #8b451333;display:flex;gap:15px;padding:15px;transition:all .3s ease}.garrison-unit-card:hover{border-color:#8b4513;box-shadow:0 4px 10px #8b45134d;transform:translateY(-2px)}.garrison-unit-card .unit-icon{flex-shrink:0}.garrison-unit-card .unit-details{flex-grow:1}.garrison-unit-card .unit-name{color:#8b4513;font-size:16px;font-weight:700;margin:0 0 5px}.garrison-unit-card .unit-quantity{color:sienna;font-size:14px;margin:5px 0}.garrison-unit-card .unit-quantity strong{color:#8b4513;font-size:16px}.unit-stats-mini{display:flex;gap:10px;margin-top:8px}.unit-stats-mini span{background:#8b45131a;border-radius:4px;color:#8b4513;font-size:12px;padding:2px 6px}.unit-actions{flex-shrink:0;text-align:center}.unit-status{background:linear-gradient(135deg,#90ee90,#98fb98);border:1px solid #228b22;border-radius:15px;color:#006400;font-size:12px;font-weight:700;margin:0;padding:5px 10px}.hero-status{text-align:center}.status-badge{border-radius:20px;font-size:.8em;font-weight:700;padding:4px 12px}.status-garrison{background:#27ae60;color:#fff}.status-battle{background:#e74c3c;color:#fff}.status-wounded{background:#f39c12;color:#fff}@media (max-width:768px){.heroes-grid{grid-template-columns:1fr}.bonus-row,.hero-experience{flex-direction:column;gap:2px}}.hero-detail-overlay{align-items:center;background:#000c;bottom:0;display:flex;justify-content:center;left:0;overscroll-behavior:contain;padding:10px;position:fixed;right:0;top:0;touch-action:none;z-index:10000}.hero-detail-popup{-webkit-overflow-scrolling:touch;background:linear-gradient(135deg,#2c3e50,#34495e);border:2px solid #f39c12;border-radius:15px;box-shadow:0 20px 40px #0000004d;color:#ecf0f1;max-height:90vh;max-width:800px;overflow-y:auto;overscroll-behavior:contain;touch-action:pan-y;width:100%}.hero-detail-header{background:linear-gradient(135deg,#8b4513,sienna);border-radius:13px 13px 0 0;padding:20px;position:relative}.close-btn{align-items:center;background:#e74c3ccc;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:24px;height:35px;justify-content:center;position:absolute;right:20px;top:15px;transition:all .3s ease;width:35px}.close-btn:hover{background:#e74c3c;transform:scale(1.1)}.hero-title-section{align-items:flex-start;display:flex;gap:20px}.hero-portrait{flex-shrink:0}.hero-specialty-badge-large{align-items:center;border:3px solid #ffffff4d;border-radius:50%;box-shadow:0 4px 8px #0000004d;display:flex;font-size:32px;height:80px;justify-content:center;width:80px}.hero-title-info{flex:1 1}.hero-name{font-size:28px;margin:0 0 10px;text-shadow:2px 2px 4px #00000080}.hero-meta{display:flex;flex-wrap:wrap;gap:15px;margin-bottom:10px}.hero-rarity{font-size:14px}.hero-specialty{font-size:14px;text-transform:capitalize}.hero-description{margin:0;opacity:.9}.hero-detail-content{padding:20px}.hero-section{background:#34495e4d;border:1px solid #f39c1233;border-radius:10px;margin-bottom:25px;padding:20px}.section-title{border-bottom:2px solid #f39c12;color:#f39c12;font-size:18px;font-weight:700;margin:0 0 15px;padding-bottom:5px}.level-section{background:#2c3e5080;border-radius:8px;padding:15px}.level-info{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.current-level{color:#f39c12;font-size:20px;font-weight:700}.xp-info{font-size:14px;opacity:.8}.xp-bar{background:#0000004d;border:1px solid #f39c124d;border-radius:6px;height:12px;margin-bottom:15px;overflow:hidden}.xp-progress{background:linear-gradient(90deg,#f39c12,#e67e22);box-shadow:inset 0 2px 4px #fff3;height:100%;transition:width .5s ease}.level-up-section{margin-top:15px}.level-up-btn{background:linear-gradient(135deg,#27ae60,#2ecc71);border:none;border-radius:8px;box-shadow:0 4px 8px #0003;color:#fff;cursor:pointer;font-size:16px;font-weight:700;padding:12px 20px;transition:all .3s ease;width:100%}.level-up-btn.available{animation:levelUpPulse 2s ease-in-out infinite;background:linear-gradient(135deg,#f39c12,#e67e22)}@keyframes levelUpPulse{0%,to{box-shadow:0 4px 8px #0003;transform:scale(1)}50%{box-shadow:0 6px 12px #f39c1266;transform:scale(1.02)}}.level-up-btn:hover:not(:disabled){box-shadow:0 6px 12px #0000004d;transform:translateY(-2px)}.level-up-btn.available:hover:not(:disabled){box-shadow:0 8px 16px #f39c1280}.level-up-btn:disabled{animation:none;cursor:not-allowed;opacity:.6}.level-up-info{background:#34495e80;border:1px solid #3498db33;border-radius:8px;padding:12px;text-align:center}.xp-needed-text{color:#3498db;font-size:14px;font-weight:500}.max-level{color:#f1c40f;font-size:16px;font-weight:700;text-shadow:0 2px 4px #0000004d}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.stat-card{align-items:center;background:#2c3e5080;border:1px solid #3498db33;border-radius:8px;display:flex;gap:12px;padding:15px;transition:all .3s ease}.stat-card:hover{border-color:#3498db80;transform:translateY(-2px)}.stat-icon{flex-shrink:0;font-size:24px}.stat-info{display:flex;flex-direction:column;gap:2px}.stat-label{font-size:12px;opacity:.7;text-transform:uppercase}.stat-value{color:#3498db;font-size:18px}.bonuses-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.bonus-card{align-items:center;background:#2c3e5080;border:1px solid #9b59b633;border-radius:8px;display:flex;gap:12px;padding:15px;transition:all .3s ease}.bonus-card:hover{border-color:#9b59b680;transform:translateY(-2px)}.bonus-icon{flex-shrink:0;font-size:20px}.bonus-info{display:flex;flex-direction:column;gap:2px}.bonus-label{font-size:11px;opacity:.7;text-transform:uppercase}.bonus-value{color:#9b59b6;font-size:16px;font-weight:700}.battle-stats{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.battle-stat{align-items:center;background:#2c3e5080;border:1px solid #e67e2233;border-radius:8px;display:flex;flex-direction:column;gap:8px;padding:15px;transition:all .3s ease}.battle-stat:hover{border-color:#e67e2280;transform:translateY(-2px)}.battle-icon{font-size:24px}.battle-label{font-size:11px;opacity:.7;text-align:center;text-transform:uppercase}.battle-value{color:#e67e22;font-size:18px;font-weight:700}.progression-info{background:#2c3e5080;border-radius:8px;padding:15px}.progression-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.progression-category{background:#34495e4d;border:1px solid #f39c1233;border-radius:8px;padding:15px}.progression-category-title{border-bottom:1px solid #f39c124d;color:#f39c12;font-size:16px;font-weight:700;margin:0 0 12px;padding-bottom:8px}.progression-items{display:flex;flex-direction:column;gap:8px}.progression-item{align-items:center;background:#2c3e5066;border:1px solid #3498db1a;border-radius:6px;display:flex;gap:10px;padding:8px;transition:all .3s ease}.progression-item:hover{border-color:#3498db4d;transform:translateX(3px)}.progression-icon{flex-shrink:0;font-size:16px}.progression-text{color:#ecf0f1;font-size:13px;font-weight:500}@media (max-width:768px){.hero-detail-popup{margin:10px;max-height:95vh}.hero-title-section{flex-direction:column;gap:15px;text-align:center}.hero-specialty-badge-large{font-size:24px;height:60px;margin:0 auto;width:60px}.hero-name{font-size:24px}.hero-meta{justify-content:center}.stats-grid{gap:10px;grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.bonuses-grid{gap:10px;grid-template-columns:repeat(auto-fit,minmax(130px,1fr))}.battle-stats{gap:10px;grid-template-columns:repeat(2,1fr)}.progression-grid{gap:15px;grid-template-columns:1fr}.hero-detail-content,.hero-section{padding:15px}}@media (max-width:480px){.hero-detail-overlay{padding:5px}.hero-detail-header{padding:15px}.close-btn{font-size:20px;height:30px;width:30px}.battle-stats,.bonuses-grid,.progression-grid,.stats-grid{grid-template-columns:1fr}.level-info{flex-direction:column;gap:5px;text-align:center}}.unit-detail-overlay{align-items:center;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}.unit-detail-popup{background:linear-gradient(135deg,#f9f3e8,#f0e6d2);border:3px solid #d4a574;border-radius:12px;box-shadow:0 10px 40px #0000004d;font-family:Trajan Pro,serif;max-height:90vh;max-width:800px;overflow-y:auto;position:relative;width:90%}.close-button{background:#8b4513;font-size:18px;position:absolute;right:10px;top:10px;z-index:10}.close-button:hover{background:#6d3410}.unit-icons-bar{background:linear-gradient(135deg,#fff9f0,#fef5e7);border-bottom:2px solid #d4a574;flex-wrap:wrap;gap:8px;max-height:120px;overflow-y:auto;padding:15px}.unit-icon-mini,.unit-icons-bar{display:flex;justify-content:center}.unit-icon-mini{align-items:center;background:#fff;border:2px solid #d4a574;border-radius:6px;cursor:pointer;height:40px;padding:3px;transition:all .2s ease;width:40px}.unit-icon-mini:hover{border-color:#8b4513;box-shadow:0 4px 8px #0003;transform:scale(1.1)}.unit-icon-mini.active{background:linear-gradient(135deg,#e8f8f0,#d5f4e6);border:3px solid #27ae60;box-shadow:0 0 10px #27ae6080}.unit-icon-mini img{height:100%;object-fit:contain;width:100%}.unit-detail-content{grid-gap:20px;display:grid;gap:20px;grid-template-columns:300px 1fr;padding:20px}.unit-detail-left{display:flex;flex-direction:column;gap:15px}.unit-detail-name-left{color:#8b4513;font-size:24px;font-weight:700;margin:0;text-align:center}.unit-detail-category-left{color:#666;font-size:14px;font-style:italic;margin:0;text-align:center}.unit-detail-image{align-items:center;background:#fff;border:3px solid #d4a574;border-radius:12px;display:flex;justify-content:center;min-height:250px;padding:20px}.unit-detail-image img{max-height:250px;max-width:100%;object-fit:contain}.unit-detail-costs{background:#fff;border:2px solid #d4a574;border-radius:8px;padding:15px}.unit-detail-costs h3{border-bottom:2px solid #d4a574;color:#8b4513;font-size:16px;margin:0 0 15px;padding-bottom:10px;text-align:center}.detail-costs-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(2,1fr)}.detail-cost-item{align-items:center;background:linear-gradient(135deg,#f9f3e8,#f0e6d2);border:1px solid #d4a574;border-radius:6px;display:flex;gap:8px;justify-content:center;padding:8px}.cost-icon{font-size:20px}.cost-value{color:#8b4513;font-size:16px;font-weight:700}.unit-detail-right{display:flex;flex-direction:column;gap:15px}.unit-detail-name{color:#8b4513;font-size:28px;font-weight:700;margin:0;text-align:center}.unit-detail-category{color:#666;font-size:16px;font-style:italic;margin:0;text-align:center}.unit-stats-grid{background:#fff;border:2px solid #d4a574;border-radius:8px;display:flex;flex-direction:column;gap:8px;padding:15px}.stat-row{align-items:center;background:linear-gradient(135deg,#f9f3e8,#f0e6d2);border-radius:4px;display:flex;justify-content:space-between;padding:6px 10px}.stat-row:nth-child(odd){background:linear-gradient(135deg,#fff9f0,#fef5e7)}.stat-label{color:#666}.stat-value{color:#8b4513}.unit-description{background:#fff;border:2px solid #d4a574;border-radius:8px;padding:15px}.unit-description h3{border-bottom:2px solid #d4a574;color:#8b4513;font-size:16px;margin:0 0 10px;padding-bottom:8px}.unit-description p{color:#666;font-family:Arial,sans-serif;font-size:13px;line-height:1.6;margin:0}@media (max-width:768px){.unit-detail-content{grid-template-columns:1fr}.unit-detail-image{min-height:200px}.unit-detail-image img{max-height:200px}}.forge-popup-overlay{align-items:center;background:#000c;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.forge-popup-content{background:linear-gradient(145deg,#2c1810,#4a2d1a 50%,#3d2316);border:3px solid #8b4513;border-radius:15px;box-shadow:0 15px 40px #0009,inset 0 1px 0 #ffd7004d;max-height:80vh;max-width:600px;overflow-y:auto;padding:20px;width:85vw}.forge-header{align-items:center;border-bottom:2px solid #8b4513;display:flex;justify-content:space-between;margin-bottom:25px;padding-bottom:20px;position:relative}.forge-title h2{color:gold;font-size:2rem;margin:0;text-shadow:2px 2px 4px #000c}.forge-title p{color:#deb887;font-size:.9rem;margin:5px 0 0}.forge-gold{color:gold;font-size:1.3rem;font-weight:700;text-shadow:1px 1px 2px #000c}.close-button{background:linear-gradient(145deg,#8b4513,sienna);box-shadow:0 2px 4px #0000004d;font-size:1.4rem;height:35px;transition:all .2s ease;width:35px}.close-button:hover{background:linear-gradient(145deg,sienna,peru)}.forge-info{background:#8b451333;border:1px solid #8b4513;border-radius:10px;color:#deb887;font-size:.9rem;line-height:1.4;margin-bottom:25px;padding:15px;text-align:center}.forge-info p{margin:5px 0}.forge-config-info{background:#8b451326;border:1px solid #8b4513;border-radius:8px;color:#deb887;font-size:.85rem;line-height:1.3;margin-bottom:20px;padding:12px}.forge-config-info p{margin:3px 0}.error,.loading{border-radius:10px;font-size:1.2rem}.loading{background:#ffd7001a;color:gold}.error{background:#ff6b6b1a;color:#ff6b6b}.units-container{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(400px,1fr))}.unit-card{background:linear-gradient(145deg,#3d2316,#2c1810);border:2px solid #654321;border-radius:15px;padding:20px;transition:all .3s ease}.unit-card.improved{border-color:gold;box-shadow:0 0 15px #ffd7004d}.unit-card:hover{box-shadow:0 8px 25px #0006;transform:translateY(-2px)}.unit-header{align-items:center;border-bottom:1px solid #654321;display:flex;justify-content:space-between;margin-bottom:15px;padding-bottom:10px}.unit-header h3{color:gold;font-size:1.3rem;margin:0}.points-counter{background:#8b45134d;border:1px solid #8b4513;border-radius:15px;color:#deb887;font-size:.9rem;padding:5px 10px}.improvements-list{display:flex;flex-direction:column;gap:12px}.improvement-item{align-items:center;background:#8b451326;border:1px solid #8b45134d;border-radius:10px;display:flex;justify-content:space-between;padding:12px 15px;transition:all .2s ease}.improvement-item:hover{background:#8b451340}.improvement-info{display:flex;flex-direction:column;gap:2px}.improvement-name{color:#deb887;font-size:.95rem;font-weight:500}.improvement-value{color:gold;font-size:.85rem;font-weight:700}.upgrade-cost{color:#90ee90;font-size:.8rem;font-weight:500;margin-top:2px}.improvement-controls{display:flex;gap:8px}.btn-downgrade,.btn-upgrade{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:1rem;font-weight:700;height:32px;justify-content:center;transition:all .2s ease;width:32px}.btn-upgrade{background:linear-gradient(145deg,#228b22,#32cd32);box-shadow:0 2px 4px #0064004d;color:#fff}.btn-upgrade:hover:not(:disabled){background:linear-gradient(145deg,#32cd32,#0f0);transform:scale(1.1)}.btn-upgrade:disabled{background:#555;color:#888;cursor:not-allowed;transform:none}.btn-downgrade{background:linear-gradient(145deg,#dc143c,tomato);box-shadow:0 2px 4px #8b00004d;color:#fff}.btn-downgrade:hover:not(:disabled){background:linear-gradient(145deg,tomato,#ff4500);transform:scale(1.1)}.btn-downgrade:disabled{background:#555;color:#888;cursor:not-allowed;transform:none}.unit-selection-view{padding:20px 0}.available-units-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-top:20px}.unit-selection-card{background:linear-gradient(145deg,#3d2316,#2c1810);border:2px solid #8b4513;border-radius:15px;cursor:pointer;padding:20px;position:relative;text-align:center;transition:all .3s ease}.unit-selection-card:hover{border-color:gold;box-shadow:0 10px 25px #ffd7004d;transform:translateY(-5px)}.unit-selection-card.improved{background:linear-gradient(145deg,#2d4a2d,#1e3a1e);border-color:#32cd32}.unit-icon{font-size:3rem;margin-bottom:10px}.unit-name{color:gold;font-size:1.1rem;font-weight:700;margin-bottom:10px}.improvement-indicator{background:#32cd32;border-radius:10px;color:#fff;font-size:.8rem;font-weight:700;padding:2px 8px;position:absolute;right:10px;top:10px}.unit-base-stats{display:flex;gap:5px;justify-content:space-between;margin-top:15px}.stat-mini{background:#ffd70033;border-radius:8px;color:#deb887;font-size:.9rem;font-weight:700;padding:5px 8px}.unit-details-view{padding:20px 0}.unit-details-header{align-items:center;border-bottom:2px solid #8b4513;display:flex;justify-content:space-between;margin-bottom:25px;padding-bottom:15px}.back-button{background:linear-gradient(145deg,#8b4513,sienna);border:none;color:#fff;padding:10px 15px}.back-button:hover{background:linear-gradient(145deg,sienna,#8b4513);transform:scale(1.05)}.unit-improvements-section,.unit-stats-section{margin-bottom:25px}.unit-improvements-section h4,.unit-stats-section h4{color:gold;font-size:1.3rem;margin-bottom:15px;text-shadow:1px 1px 2px #000c}.stats-grid{grid-gap:15px;gap:15px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.stat-item{background:linear-gradient(145deg,#3d2316,#2c1810);border:1px solid #8b4513;border-radius:10px;padding:15px}.stat-name{color:#deb887;font-weight:700}.stat-values{color:gold;font-weight:700}.bonus{color:#32cd32;font-size:.9rem}.forge-resources{background:#ffd7001a;border:1px solid #ffd7004d;border-radius:10px;color:#deb887;font-weight:700;padding:10px 15px}@media (max-width:768px){.units-container{grid-template-columns:1fr}.available-units-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.forge-header,.unit-details-header{flex-direction:column;gap:10px;text-align:center}.stats-grid{grid-template-columns:1fr}.improvement-item{flex-direction:column;gap:10px;text-align:center}}.wall-popup-content{background:linear-gradient(135deg,#2c1810,#3a2317 50%,#2c1810);border:2px solid #8b4513;border-radius:10px;box-shadow:0 0 20px #8b45134d;color:#f4e6d7;font-family:Medieval,serif;max-height:80vh;max-width:600px;overflow-y:auto}.wall-header{align-items:center;background:linear-gradient(90deg,#3a2317,#4a2d1a 50%,#3a2317);border-bottom:2px solid #8b4513;display:flex;padding:20px}.wall-image{margin-right:20px}.wall-image img{border:2px solid #d4af37;border-radius:8px;box-shadow:0 2px 8px #d4af374d;height:80px;width:80px}.wall-info h2{color:#d4af37;font-size:24px;margin:0 0 10px;text-shadow:2px 2px 4px #000c}.wall-description{color:#c9b037;font-size:14px;line-height:1.4;margin:0}.current-stats{border-bottom:1px solid #8b4513;padding:20px}.current-stats h3{color:#d4af37;font-size:18px;margin:0 0 15px}.stats-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr}.stat-item{align-items:center;background:#8b451333;border:1px solid #d4af374d;border-radius:6px;padding:8px 12px}.stat-label{color:#c9b037;font-size:13px}.stat-value{color:#f4e6d7;font-size:14px}.upgrade-section{border-bottom:1px solid #8b4513;padding:20px}.upgrade-section h3{color:#d4af37;font-size:18px;margin:0 0 15px}.upgrade-section h4{color:#c9b037;font-size:16px;margin:15px 0 10px}.stats-comparison{background:#8b45131a;border:1px solid #d4af3733;border-radius:8px;padding:15px}.stat-comparison{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px;padding:6px 0}.stat-comparison:last-child{margin-bottom:0}.stat-change{color:#f4e6d7;font-weight:700}.improvement{color:#32cd32;font-size:12px;margin-left:8px}.upgrade-cost{margin-top:20px}.resources-cost{display:flex;flex-wrap:wrap;gap:10px;margin:10px 0}.resource-cost{align-items:center;background:#8b45134d;border:1px solid #d4af374d;border-radius:6px;display:flex;padding:8px 12px}.resource-cost.affordable{background:#32cd321a;border-color:#32cd32}.resource-cost.unaffordable{background:#ff44441a;border-color:#f44}.resource-icon{height:20px;margin-right:6px;width:20px}.resource-amount{color:#f4e6d7;font-weight:700;margin-right:4px}.resource-available{color:#c9b037;font-size:12px}.construction-time{background:#8b451333;border-radius:6px;color:#c9b037;font-size:14px;margin-top:10px;padding:8px 12px}.upgrade-actions{margin-top:20px;text-align:center}.upgrade-button{background:linear-gradient(135deg,#8b4513,sienna 50%,#8b4513);border:2px solid #d4af37;border-radius:8px;color:#f4e6d7;cursor:pointer;font-size:16px;font-weight:700;padding:12px 24px;text-shadow:1px 1px 2px #000c;transition:all .3s ease}.upgrade-button.enabled:hover{background:linear-gradient(135deg,sienna,peru 50%,sienna);border-color:gold;box-shadow:0 4px 12px #d4af3766;transform:translateY(-2px)}.upgrade-button.disabled{background:#666;border-color:#999;cursor:not-allowed;opacity:.6}.max-level{border-bottom:1px solid #8b4513;padding:20px;text-align:center}.max-level h3{color:gold;font-size:20px;margin:0 0 10px}.max-level p{color:#c9b037;font-style:italic;margin:0}.wall-info-section{border-bottom:1px solid #8b4513;padding:20px}.wall-info-section h3{color:#d4af37;font-size:18px;margin:0 0 15px}.info-content p{color:#c9b037;font-size:14px;line-height:1.4;margin:8px 0}.info-content strong{color:#f4e6d7}.popup-footer{background:linear-gradient(90deg,#3a2317,#4a2d1a 50%,#3a2317);border-radius:0 0 8px 8px;padding:20px;text-align:center}.close-button{background:linear-gradient(135deg,#8b4513,sienna 50%,#8b4513);border:2px solid #d4af37;border-radius:8px;color:#f4e6d7;font-size:14px;padding:10px 20px;transition:all .3s ease}.close-button:hover{background:linear-gradient(135deg,sienna,peru 50%,sienna);border-color:gold;transform:translateY(-1px)}.loading{color:#c9b037;font-size:16px;padding:40px}@media (max-width:768px){.wall-popup-content{margin:10px;max-width:95vw}.wall-header{flex-direction:column;text-align:center}.wall-image{margin:0 0 15px}.stats-grid{grid-template-columns:1fr}.resources-cost{justify-content:center}}.satisfaction-popup-overlay{align-items:flex-start;background-color:initial;bottom:0;box-sizing:border-box;display:flex;justify-content:center;left:0;padding-bottom:10vh;padding-top:16vh;position:fixed;right:0;top:0;z-index:10000}.satisfaction-popup{background-color:#2c2c2c;border:2px solid #8b7355;border-radius:10px;box-shadow:0 8px 32px #0000004d;color:#e8d7c3;font-family:Trajan Pro,serif;max-height:75vh;max-width:400px;overflow:hidden;position:relative;width:90%;z-index:10001}.satisfaction-popup-header{align-items:center;background-color:#8b7355;border-radius:8px 8px 0 0;color:#fff;display:flex;justify-content:space-between;padding:15px}.satisfaction-popup-header h2{color:#fff;font-size:18px;font-weight:700;margin:0}.close-button{background:none;height:25px;width:25px}.close-button:hover{background-color:#fff3;border-radius:3px}.satisfaction-popup-content{max-height:60vh;overflow-y:auto;padding:20px}.satisfaction-summary{margin-bottom:25px;text-align:center}.satisfaction-summary h3{font-size:1.3em;margin:0 0 15px;text-shadow:1px 1px 2px #00000080}.satisfaction-bar{background-color:#8b735533;border:1px solid #8b735566;border-radius:10px;height:20px;overflow:hidden;position:relative;width:100%}.satisfaction-fill{border-radius:8px;height:100%;transition:width .3s ease,background-color .3s ease}.satisfaction-section{background:#8b73551a;border-left:4px solid;border-radius:8px;margin-bottom:20px;padding:15px}.satisfaction-section.bonus{background-color:#4caf501a;border-left-color:#4caf50}.satisfaction-section.malus{background-color:#f443361a;border-left-color:#f44336}.satisfaction-section h4{font-size:1.1em;margin:0 0 10px}.satisfaction-section ul{margin:0;padding-left:20px}.satisfaction-section li{font-size:.95em;margin-bottom:5px}.bonus-item{color:#4caf50}.malus-item{color:#f44336}.satisfaction-details{background-color:#8b735533;border-left:4px solid #8b7355;border-radius:8px;margin-bottom:20px;padding:15px}.satisfaction-details h4{color:#d4c4a8;margin:0 0 15px}.detail-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr 1fr}.detail-item{background-color:#8b73554d;border-radius:5px;display:flex;font-size:.9em;justify-content:space-between;padding:8px 12px}.detail-item span:first-child{color:#d4c4a8}.detail-item span:last-child{color:#e8d7c3;font-weight:700}.detail-item .good{color:#4caf50}.detail-item .poor{color:#f44336}.plague-alert{background-color:#e74c3c33;border:2px solid #e74c3c;border-radius:8px;margin-bottom:20px;padding:15px;text-align:center}.plague-alert h4{color:#e74c3c;font-size:1.2em;margin:0 0 10px}.plague-alert p{color:#e8d7c3;margin:0 0 15px}.cure-plague-button{background:linear-gradient(135deg,#e74c3c,#c0392b);border:none;border-radius:5px;color:#fff;cursor:pointer;font-weight:700;padding:10px 20px;transition:all .2s}.cure-plague-button:hover{background:linear-gradient(135deg,#c0392b,#a93226);transform:translateY(-1px)}.satisfaction-explanation{background-color:#3498db1a;border-left:4px solid #3498db;border-radius:8px;margin-bottom:20px;padding:15px}.satisfaction-explanation h4{color:#3498db;margin:0 0 10px}.satisfaction-explanation ul{margin:0;padding-left:20px}.satisfaction-explanation li{font-size:.9em;line-height:1.4;margin-bottom:8px}.satisfaction-explanation strong{color:#f39c12}.satisfaction-actions{border-top:1px solid #7f8c8d;padding-top:15px;text-align:center}.close-action-button{background:linear-gradient(135deg,#8b7355,#6d5a44);border-radius:6px;color:#e8d7c3}.close-action-button:hover{background:linear-gradient(135deg,#6d5a44,#5c4936);transform:translateY(-1px)}.error{color:#e74c3c}.retry-button{background:linear-gradient(135deg,#3498db,#2980b9);border-radius:5px;color:#fff;display:block;font-weight:700;margin:15px auto 0;padding:8px 16px;transition:all .2s}.retry-button:hover{background:linear-gradient(135deg,#2980b9,#21618c)}.satisfaction-popup-content::-webkit-scrollbar{width:8px}.satisfaction-popup-content::-webkit-scrollbar-track{background:#2c2c2c;border-radius:4px}.satisfaction-popup-content::-webkit-scrollbar-thumb{background:#8b7355;border-radius:4px}.satisfaction-popup-content::-webkit-scrollbar-thumb:hover{background:#6d5a44}.thermes-popup-content{color:#ecf0f1;font-family:Arial,sans-serif;padding:20px}.thermes-header{margin-bottom:20px;text-align:center}.thermes-header h3{color:#3498db;font-size:1.4em;margin:0 0 10px;text-shadow:1px 1px 2px #00000080}.thermes-level{color:#f39c12;font-size:1.1em;font-weight:700}.thermes-stats{background-color:#34495e4d;border-left:4px solid #3498db;border-radius:8px;margin-bottom:25px;padding:15px}.stat-item{display:flex;justify-content:space-between;margin-bottom:8px;padding:5px 0}.stat-label{color:#bdc3c7;font-size:.95em}.stat-value{color:#ecf0f1;font-weight:700}.population-bar-section{margin-bottom:25px}.population-bar,.population-bar-container{position:relative}.population-bar{background-color:#34495e;border:2px solid #7f8c8d;border-radius:5px;height:28px;overflow:hidden;width:100%}.population-fill{background:linear-gradient(90deg,#3498db,#2980b9);height:100%;transition:width .3s ease}.cleanliness-indicator{background-color:#27ae60;border-radius:2px;box-shadow:0 0 4px #27ae6099;height:100%;position:absolute;top:0;width:4px}.population-labels{display:flex;font-size:.9em;justify-content:space-between;margin-top:5px;position:relative}.cleanliness-label{color:#27ae60;font-size:.85em;font-weight:700;position:absolute;transform:translateX(-50%)}.max-label{color:#bdc3c7;margin-left:auto}.hygiene-section{background-color:#2c3e504d;border-radius:8px;margin-bottom:25px;padding:15px}.hygiene-info{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.hygiene-label{color:#bdc3c7;font-size:.95em}.hygiene-value{align-items:center;display:flex;font-size:1.1em;font-weight:700;gap:6px}.hygiene-value.excellent{color:#27ae60}.hygiene-value.good{color:#2ecc71}.hygiene-value.warning{color:#f39c12}.hygiene-value.danger{color:#e74c3c}.hygiene-impact{background-color:#34495e4d;border-radius:4px;font-size:.95em;margin-bottom:12px;padding:6px;text-align:center}.hygiene-impact .positive{color:#27ae60;font-size:1.1em}.hygiene-impact .negative{color:#e74c3c;font-size:1.1em}.hygiene-bar-wrapper{margin-top:15px}.hygiene-bar{background-color:#34495e;border:2px solid #7f8c8d;border-radius:5px;height:24px;margin-bottom:8px;overflow:hidden;position:relative;width:100%}.hygiene-fill{height:100%;transition:width .3s ease}.hygiene-fill.excellent{background:linear-gradient(90deg,#27ae60,#2ecc71)}.hygiene-fill.good{background:linear-gradient(90deg,#2ecc71,#3498db)}.hygiene-fill.warning{background:linear-gradient(90deg,#f39c12,#e67e22)}.hygiene-fill.danger{background:linear-gradient(90deg,#e74c3c,#c0392b)}.hygiene-zones{border-radius:4px;display:flex;height:8px;margin-bottom:5px;overflow:hidden;width:100%}.zone{cursor:help;flex:1 1}.zone.excellent{background:#27ae60;flex:0.2 1}.zone.good{background:#2ecc71;flex:0.2 1}.zone.warning{background:#f39c12;flex:0.2 1}.zone.danger{background:#e74c3c;flex:0.4 1}.hygiene-thresholds{color:#95a5a6;display:flex;font-size:.75em;justify-content:space-between;padding:0 2px}.plague-active-section{background-color:#e74c3c26;border:2px solid #e74c3c;border-radius:8px;margin-bottom:20px;padding:15px}.plague-header{align-items:center;animation:pulse 2s infinite;background-color:#e74c3c4d;border-radius:6px;display:flex;gap:10px;justify-content:center;margin-bottom:15px;padding:10px}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.plague-icon{font-size:1.5em}.plague-header strong{color:#e74c3c;font-size:1.2em}.plague-effects{display:flex;gap:10px;justify-content:center;margin-bottom:15px}.effect-item{align-items:center;background-color:#0003;border-radius:6px;display:flex;flex:1 1;font-size:.9em;gap:6px;padding:8px 12px}.effect-item.danger{border-left:3px solid #e74c3c}.effect-icon{font-size:1.1em}.cure-info{background-color:#34495e4d;border-radius:6px;font-size:.9em;margin-bottom:15px;padding:12px}.cure-chance,.cure-cost{margin-bottom:6px}.cure-chance strong,.cure-cost strong{color:#f39c12;font-size:1.05em}.cure-warning{border-top:1px solid #ffffff1a;color:#f39c12;font-size:.85em;font-style:italic;margin-top:8px;padding-top:8px}.cure-button{background:linear-gradient(135deg,#27ae60,#229954);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:1em;font-weight:700;margin-bottom:10px;padding:14px 20px;transition:all .3s ease;width:100%}.cure-button:hover:not(.disabled){background:linear-gradient(135deg,#229954,#1e8449);box-shadow:0 4px 12px #27ae6066;transform:translateY(-2px)}.cure-button.disabled{background:linear-gradient(135deg,#95a5a6,#7f8c8d);cursor:not-allowed;opacity:.6}.result-message{animation:fadeIn .3s ease;border-radius:5px;font-weight:700;padding:10px 15px;text-align:center}.result-message.success{background-color:#27ae6033;border:1px solid #27ae60;color:#27ae60}.result-message.error{background-color:#e74c3c33;border:1px solid #e74c3c;color:#e74c3c}.plague-inactive-section{background-color:#27ae601a;border:2px solid #27ae60;border-radius:8px;margin-bottom:20px;padding:15px}.no-plague{align-items:center;color:#27ae60;display:flex;font-size:1.1em;font-weight:700;gap:10px;justify-content:center;margin-bottom:15px;padding:10px}.check-icon{font-size:1.3em}.plague-prevention{background-color:#34495e4d;border-left:3px solid #3498db;border-radius:6px;padding:12px}.plague-prevention.at-risk{background-color:#f39c1233;border-left:3px solid #f39c12}.prevention-title{border-bottom:1px solid #ffffff1a;color:#ecf0f1;font-size:1.05em;margin-bottom:12px;padding-bottom:10px;text-align:center}.plague-prevention.at-risk .prevention-title{color:#f39c12}.prevention-conditions{margin-bottom:12px}.condition-title{color:#bdc3c7;font-size:.9em;font-weight:700;margin-bottom:8px}.conditions-list{display:flex;flex-direction:column;gap:6px}.condition-item{align-items:center;background-color:#0003;border-radius:4px;display:flex;font-size:.9em;gap:8px;padding:6px 10px}.condition-item.ok{border-left:3px solid #27ae60}.condition-item.danger{background-color:#e74c3c26;border-left:3px solid #e74c3c}.condition-icon{font-size:1.1em;font-weight:700}.condition-item.ok .condition-icon{color:#27ae60}.condition-item.danger .condition-icon{color:#e74c3c}.condition-value{color:#f39c12;font-weight:700;margin-left:auto}.prevention-consequences{border-top:1px solid #ffffff1a;padding-top:12px}.consequence-title{color:#bdc3c7;font-size:.9em;font-weight:700;margin-bottom:8px}.consequence-item{background-color:#0003;border-radius:4px;color:#ecf0f1;font-size:.85em;margin-bottom:4px;padding:5px 10px}.consequence-item.death{border-left:3px solid #c0392b}.consequence-item.malus{border-left:3px solid #e74c3c}.consequence-item.block{border-left:3px solid #f39c12}.consequence-item strong{color:#e74c3c;font-size:1.05em}.population-fill{animation:fillBar 1s ease-out}@keyframes fillBar{0%{width:0}}@media (max-width:480px){.thermes-popup-content{padding:15px}.cure-button{font-size:.9em;min-width:250px}.hygiene-thresholds{font-size:.7em}}.population-popup-overlay{align-items:flex-start;background:#0000;bottom:0;box-sizing:border-box;display:flex;justify-content:center;left:0;padding-bottom:10vh;padding-top:16vh;position:fixed;right:0;top:0;z-index:10000}.population-popup{background:#2c2c2c;border:3px solid #8b7355;border-radius:15px;box-shadow:0 8px 32px #8b73554d;max-height:75vh;max-width:400px;min-width:320px;overflow-y:auto;position:relative;z-index:10001}.population-popup-header{align-items:center;background:linear-gradient(135deg,#8b7355,#6d5a42);border-radius:12px 12px 0 0;color:#fff;display:flex;justify-content:space-between;padding:15px 20px}.population-popup-header h2{font-size:1.3em;font-weight:700;margin:0;text-shadow:2px 2px 4px #0000004d}.close-button{border:1px solid #ffffff4d;font-size:20px;font-weight:700;height:30px;width:30px}.close-button:hover{transform:scale(1.1)}.population-popup-content{color:#e8d7c3;padding:20px}.population-summary{background:#8b735533;border:2px solid #8b7355;border-radius:10px;margin-bottom:20px;padding:15px}.population-summary h3{color:#d4c4a8;font-size:1.2em;font-weight:700;margin:0 0 15px}.summary-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr 1fr}.summary-item{align-items:center;background:#2c2c2c4d;border:1px solid #8b7355;border-radius:8px;display:flex;justify-content:space-between;padding:8px 12px}.summary-label{color:#d4c4a8;font-weight:500}.summary-value{color:#e8d7c3;font-weight:700}.free-population{color:#2e7d32;font-size:1.1em}.population-assignments{background:#8b735533;border:2px solid #8b7355;border-radius:10px;margin-bottom:20px;padding:15px}.population-assignments h3{color:#d4c4a8;font-size:1.2em;font-weight:700;margin:0 0 15px}.assignments-list{display:flex;flex-direction:column;gap:8px}.assignment-item{align-items:center;background:#2c2c2c4d;border:1px solid #8b7355;border-radius:8px;display:flex;justify-content:space-between;padding:10px 15px;transition:background-color .2s}.assignment-item:hover{background:#8b735566}.assignment-resource{color:#d4c4a8;font-weight:500}.assignment-workers{color:#8b7355;font-weight:700}.no-assignments{color:#d4c4a8;font-style:italic;padding:20px;text-align:center}.island-info{background:#8b735533;border:2px solid #8b7355;border-radius:10px;margin-bottom:20px;padding:15px}.island-info h3{color:#d4c4a8;font-size:1.2em;font-weight:700;margin:0 0 15px}.island-resources{display:flex;flex-direction:column;gap:10px}.island-resource{background:#2c2c2c4d;border:1px solid #8b7355;border-radius:8px;padding:8px 12px}.island-resource strong{color:#8b7355}.population-actions{border-top:1px solid #8b7355;display:flex;justify-content:center;padding-top:15px}.close-action-button{background:linear-gradient(135deg,#8b7355,#6d5a42);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1em;font-weight:700;padding:12px 30px;text-shadow:1px 1px 2px #0000004d;transition:all .2s}.close-action-button:hover{background:linear-gradient(135deg,#6d5a42,#8b7355);box-shadow:0 4px 12px #8b735566;transform:translateY(-2px)}.error,.loading{font-size:1.1em;padding:40px 20px;text-align:center}.error{color:#d32f2f}.retry-button{background:#8b7355;border:none;border-radius:6px;color:#e8d7c3;cursor:pointer;margin-top:15px;padding:10px 20px;transition:background-color .2s}.retry-button:hover{background:#6d5a44}.building-construction-popup{background:#fff;border:2px solid #444;border-radius:12px;box-shadow:0 8px 32px #0003;display:flex;flex-direction:column;left:200px;max-height:70vh;min-height:200px;overflow:hidden;padding:24px;position:absolute;top:120px;width:400px;z-index:100000}.building-construction-list{-webkit-overflow-scrolling:touch;flex:1 1;list-style:none;margin-top:16px;min-height:0;overflow-y:auto;padding:0;scrollbar-color:#444 #0000;scrollbar-width:thin}.building-construction-list::-webkit-scrollbar{width:6px}.building-construction-list::-webkit-scrollbar-track{background:#0000}.building-construction-list::-webkit-scrollbar-thumb{background:#444;border-radius:3px}.building-construction-list::-webkit-scrollbar-thumb:hover{background:#666}.building-construction-item{align-items:center;background:#f7f7fa;border:1px solid #ddd;border-radius:8px;box-shadow:0 2px 8px #0000000d;cursor:pointer;display:flex;margin-bottom:16px;padding:12px 16px;transition:all .2s ease}.building-construction-item:hover{background:#f0f0f5;box-shadow:0 4px 12px #0000001a;transform:translateY(-1px)}.building-construction-item.loading{cursor:wait;opacity:.6}.building-construction-item.locked{background:#e8e8e8;filter:grayscale(.7);opacity:.5;pointer-events:auto}.building-construction-item.locked:hover{background:#e8e8e8;box-shadow:0 2px 8px #0000000d;transform:none}@media (max-width:768px){.building-construction-popup{left:50%;max-height:80vh;max-width:400px;padding:16px;transform:translateX(-50%);width:90vw}.building-construction-popup h3{font-size:1.1em;margin-bottom:12px}.building-construction-item{margin-bottom:12px;padding:10px 12px}.building-construction-item div[style*="fontWeight:bold"]{font-size:1em!important}.building-construction-item div[style*="fontSize:0.95em"],.building-construction-item div[style*="fontSize:0.97em"]{font-size:.9em!important}.building-construction-item div[style*="fontSize:0.85em"]{font-size:.8em!important}}@media (max-width:480px){.building-construction-popup{left:50%;max-height:90vh;padding:12px;top:50%;transform:translate(-50%,-50%);width:95vw}.building-construction-popup h3{font-size:1em;margin-bottom:10px}.building-construction-item{margin-bottom:10px;padding:8px 10px}}.building-construction-item span[style*="fontSize:1.1em"]{display:inline-block;vertical-align:middle}.building-construction-item span[style*="color:#228B22"]{text-shadow:1px 1px 2px #228b224d}.error-popup-overlay{align-items:center;animation:fadeIn .2s ease-out;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.error-popup-container{animation:slideIn .3s ease-out;background:linear-gradient(135deg,#2c1810,#1a0f0a);border:3px solid #8b4513;border-radius:12px;box-shadow:0 10px 40px #000000e6,inset 0 1px 0 #8b735580,0 0 0 1px #0000004d;max-width:500px;padding:30px;position:relative;text-align:center;width:90%}@keyframes slideIn{0%{opacity:0;transform:translateY(-50px)}to{opacity:1;transform:translateY(0)}}.error-popup-close{align-items:center;background:none;border:none;border-radius:50%;color:#8b7355;cursor:pointer;display:flex;font-size:32px;font-weight:700;height:40px;justify-content:center;position:absolute;right:10px;top:10px;transition:all .2s ease;width:40px}.error-popup-close:hover{background:#daa5201a;color:#daa520;transform:rotate(90deg)}.error-popup-icon{animation:bounce .6s ease-out;font-size:64px;margin-bottom:20px}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.error-popup-title{color:#e8d7c3;font-family:Cinzel,serif;font-size:24px;font-weight:700;margin-bottom:15px;text-shadow:2px 2px 4px #00000080}.error-popup-message{background:#8b451333;border-left:4px solid #dc3545;border-radius:8px;color:#d4c4a8;font-size:16px;line-height:1.6;margin-bottom:25px;padding:15px}.error-popup-button{background:linear-gradient(135deg,#8b4513,#654321);border:2px solid #a0826d;border-radius:8px;box-shadow:0 4px 8px #0000004d;color:#e8d7c3;cursor:pointer;font-family:Cinzel,serif;font-size:16px;font-weight:700;padding:12px 32px;transition:all .3s ease}.error-popup-button:hover{background:linear-gradient(135deg,sienna,#8b4513);border-color:#daa520;box-shadow:0 6px 12px #0006;transform:translateY(-2px)}.error-popup-button:active{box-shadow:0 2px 4px #0000004d;transform:translateY(0)}@media (max-width:600px){.error-popup-container{padding:25px 20px;width:95%}.error-popup-icon{font-size:48px}.error-popup-title{font-size:20px}.error-popup-message{font-size:14px}.error-popup-button{font-size:14px;padding:10px 24px}}.research-page{background:var(--bg-primary);font-family:var(--font-primary);min-height:100vh;padding:var(--spacing-md)}.research-header-bar{align-items:center;background:var(--bg-secondary);border:var(--border-width) solid var(--accent-primary);border-radius:var(--border-radius-large);box-shadow:var(--shadow-medium);display:flex;justify-content:space-between;margin-bottom:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);position:relative}.research-header-bar h2{pointer-events:none}.research-header-left{align-items:center;display:flex;gap:var(--spacing-md);z-index:1}.back-button{align-items:center;background:var(--roman-gold-gradient);border:var(--border-width) solid var(--bronze);border-radius:var(--border-radius-medium);box-shadow:var(--shadow-medium);color:var(--text-primary);display:flex;font-family:var(--font-bold);font-size:.95em;font-weight:700;justify-content:center;min-height:40px;min-width:40px;padding:var(--spacing-xs) var(--spacing-md);text-shadow:1px 1px 2px #0000004d;transition:all var(--transition-medium)}.back-button:hover{background:linear-gradient(135deg,var(--hover-gold) 0,var(--bronze) 100%);box-shadow:var(--shadow-heavy);transform:translateY(-1px)}.back-button:active{box-shadow:var(--shadow-light);transform:translateY(0)}.research-status-bar{gap:var(--spacing-xs)}.current-research-info,.research-status-bar{align-items:flex-end;display:flex;flex-direction:column}.current-research-info{gap:4px}.current-research-name{color:var(--text-secondary);font-size:.9em;font-weight:700}.mini-progress-bar{background:var(--marble-grey);border-radius:2px;height:4px;overflow:hidden;width:150px}.mini-progress-fill{background:linear-gradient(90deg,var(--accent-primary),var(--roman-gold));height:100%;transition:width .3s ease}.research-header-bar h2{color:var(--roman-red);font-family:var(--font-bold);font-size:1.4em;left:50%;margin:0;position:absolute;text-align:center;text-shadow:1px 1px 2px #0003;transform:translateX(-50%)}.current-research-points{align-items:center;background:linear-gradient(135deg,var(--roman-gold) 0,#b8860b 100%);border:2px solid #ffffff4d;border-radius:20px;box-shadow:0 3px 8px #daa52066;color:var(--text-light);display:flex;font-size:1.1em;font-weight:700;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-md);text-shadow:1px 1px 2px #0000004d}.research-categories{-webkit-overflow-scrolling:touch;display:flex;gap:var(--spacing-sm);justify-content:center;margin-bottom:var(--spacing-sm);overflow-x:auto;padding:var(--spacing-xs) 0;scrollbar-width:none}.research-categories::-webkit-scrollbar{display:none}.category-button{align-items:center;background:var(--bg-secondary);border:var(--border-width) solid var(--bronze);border-radius:var(--border-radius-medium);cursor:pointer;display:flex;flex-direction:column;font-family:var(--font-primary);gap:var(--spacing-xs);min-width:120px;padding:var(--spacing-xs) var(--spacing-sm);transition:all var(--transition-medium)}.category-button:hover{transform:translateY(-2px)}.category-button.active,.category-button:hover{background:var(--accent-primary);box-shadow:var(--shadow-medium)}.category-button.active{border-color:var(--roman-gold)}.category-icon{font-size:1.5em}.category-title{color:var(--text-primary);font-size:.9em;font-weight:700}.research-content{background:var(--bg-light);border:var(--border-width-thick) solid var(--bg-secondary);border-radius:var(--border-radius-large);box-shadow:var(--shadow-heavy);padding:var(--spacing-sm) var(--spacing-lg)}.research-branch-title{border-bottom:var(--border-width-thick) solid var(--accent-primary);color:var(--roman-red);font-family:var(--font-bold);font-size:1.5em;margin-bottom:0;padding-bottom:0;text-align:center}.research-tree{align-items:center;display:flex;flex-direction:column;gap:0;margin:0 auto;max-width:900px;padding:var(--spacing-sm) 0;position:relative}@media (max-width:1024px){.research-tree{max-width:500px;padding:var(--spacing-sm) 0}.research-item{margin:10px 0;max-width:350px}}@media (max-width:768px){.research-tree{max-width:100%;padding:4px 0}.research-tree:before{width:2px}.research-item{margin:8px 0;max-width:95%;padding:6px}.research-item:before{height:8px;top:-8px;width:2px}.research-item:after{border-width:2px;height:12px;left:-15px;width:12px}.research-choices-container{align-items:center;flex-direction:column;margin:8px 0}.research-choices-container:after{display:none}.research-choices-container .research-item{margin:4px 0;max-width:95%}.research-choices-container .research-item:before{height:8px;top:-8px}.research-name{font-size:.9em}.research-description{font-size:.75em;line-height:1.2}.research-button{font-size:.75em;padding:6px}}.research-item{background:var(--bg-secondary);border:2px solid var(--bronze);border-radius:6px;box-shadow:0 2px 5px #00000026;margin:6px 0;max-width:400px;min-height:auto;padding:6px 10px;position:relative;transition:all var(--transition-medium);width:100%;z-index:1}.research-item:before{background:linear-gradient(180deg,#0000 0,var(--bronze) 100%);content:"";height:12px;left:50%;position:absolute;top:-12px;transform:translateX(-50%);width:3px}.research-item:first-child:before{display:none}.research-choices-container{align-items:flex-start;display:flex;flex-wrap:wrap;gap:var(--spacing-sm);justify-content:center;margin:12px 0;max-width:900px;position:relative;width:100%}.research-choices-container:before{background:var(--bronze);content:"";height:12px;left:50%;position:absolute;top:-12px;transform:translateX(-50%);width:3px}.research-choices-container:after{background:linear-gradient(90deg,#0000 0,var(--bronze) 20%,var(--bronze) 50%,var(--bronze) 80%,#0000 100%);content:"";height:2px;left:10%;position:absolute;right:10%;top:0}.research-choices-container .research-item{flex:1 1;margin:0;max-width:280px;min-width:200px}.research-choices-container .research-item:before{background:var(--bronze);content:"";height:15px;left:50%;position:absolute;top:0;transform:translateX(-50%);width:2px}.research-item.available{border-color:var(--roman-green);box-shadow:0 0 20px #228b2280}.research-item.completed{background:linear-gradient(135deg,#daa52026,#daa5200d);border-color:var(--roman-gold);box-shadow:0 0 15px #daa52066}.research-item.completed:before{background:linear-gradient(180deg,var(--roman-gold) 0,var(--roman-gold) 100%)}.research-item.available:hover{box-shadow:0 8px 25px #228b2299;transform:scale(1.03)}.research-item.locked{border-color:var(--marble-grey);filter:grayscale(50%);opacity:.5}.research-item.blocked-exclusive{background:linear-gradient(135deg,#8b00001a,#8b00000d);border-color:#8b0000;filter:grayscale(70%);opacity:.4;position:relative}.research-item.blocked-exclusive:after{content:"🔒";font-size:2em;opacity:.5;position:absolute;right:10px;top:10px}.research-item.age-fer{background:linear-gradient(135deg,#32323259,#50505040);border-color:#464646b3}.research-item.coming-soon{background:linear-gradient(135deg,#6495ed14,#87ceeb0d);border:2px dashed #6495ed66;cursor:not-allowed;opacity:.7}.research-item.coming-soon .research-name{color:#6495edcc;font-style:italic}.research-item.coming-soon .research-description{color:#6495ed99}.research-header{align-items:center;border-bottom:1px solid #8b451333;display:flex;gap:6px;justify-content:space-between;margin-bottom:2px;padding-bottom:2px}.research-level{background:linear-gradient(135deg,var(--roman-red) 0,#8b0000 100%);border:1px solid #fff3;border-radius:10px;box-shadow:0 1px 3px #8b00004d;color:var(--text-light);font-size:1.05em;font-weight:700;line-height:1.2;padding:2px 6px;white-space:nowrap}.research-status{border-radius:20px;box-shadow:0 2px 5px #0003;font-size:.9em;font-weight:700;padding:4px var(--spacing-sm)}.research-status.completed{background:linear-gradient(135deg,var(--roman-gold) 0,#b8860b 100%);border:2px solid #ffffff4d;color:var(--text-light)}.research-age{background:linear-gradient(135deg,var(--bronze) 0,#654321 100%);border:1px solid #fff3;border-radius:10px;box-shadow:0 1px 3px #6543214d;color:var(--text-light);font-size:1.05em;font-weight:700;line-height:1.2;padding:2px 6px;white-space:nowrap}.research-name{color:var(--text-primary);font-family:var(--font-bold);font-size:1.35em;letter-spacing:.3px;line-height:1.1;margin:2px 0;text-align:center;text-shadow:1px 1px 2px #0000001a}.research-description{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#000c;display:-webkit-box;font-size:1.125em;line-height:1.2;margin:3px 0;overflow:hidden;padding:0 4px;text-align:center}.exclusive-choice-badge{animation:pulse-warning 2s ease-in-out infinite;background:linear-gradient(135deg,#ff9800,#f57c00);border-radius:4px;box-shadow:0 2px 6px #ff980066;color:#fff;font-size:.85em;font-weight:700;margin:6px 0;padding:4px 8px;text-align:center}@keyframes pulse-warning{0%,to{box-shadow:0 2px 6px #ff980066}50%{box-shadow:0 2px 10px #ff9800b3}}.blocked-message{background:linear-gradient(135deg,#8b000026,#8b000014);border:1px solid #8b00004d;border-radius:4px;color:#8b0000;font-size:.9em;font-weight:500;margin:6px 0;padding:6px 8px;text-align:center}.research-cost{align-items:center;display:flex;flex:1 1;gap:3px;justify-content:center}.research-cost strong{display:none}.cost-item{align-items:center;background:#daa52026;border:1px solid #daa5204d;border-radius:8px;color:var(--text-primary);display:inline-flex;font-size:1.05em;font-weight:700;gap:2px;padding:2px 5px;white-space:nowrap}.research-button{border:none;border-radius:12px;box-shadow:0 2px 4px #0003;cursor:pointer;font-family:var(--font-bold);font-size:1.125em;font-weight:700;letter-spacing:.5px;margin-top:3px;overflow:hidden;padding:5px;position:relative;text-transform:uppercase;transition:all var(--transition-medium);width:100%}.research-button:before{background:#ffffff4d;border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .6s,height .6s;width:0}.research-button:hover:before{height:300px;width:300px}.research-button.available{background:linear-gradient(135deg,var(--roman-green) 0,#1b5e20 100%);border:2px solid #ffffff4d;color:var(--text-light)}.research-button.available:hover{background:linear-gradient(135deg,#2e7d32 0,var(--roman-green) 100%);box-shadow:0 6px 12px #228b2266;transform:translateY(-2px) scale(1.02)}.research-button.available:active{transform:translateY(0) scale(.98)}.research-button.completed{background:linear-gradient(135deg,var(--roman-gold) 0,#b8860b 100%);border:2px solid #ffffff4d;color:var(--text-light);cursor:default}.research-button.disabled{background:linear-gradient(135deg,var(--marble-grey) 0,#757575 100%);border:2px solid #ffffff1a;color:#fff9;cursor:not-allowed;opacity:.7}@media (max-width:768px){.research-page{padding:var(--spacing-xs)}.research-header-bar{flex-direction:column;gap:var(--spacing-xs);padding:var(--spacing-sm);text-align:center}.research-header-left{justify-content:space-between;order:1;width:100%}.research-header-bar h2{font-size:1.2em;margin:0;margin-bottom:var(--spacing-xs);order:0;position:static;text-align:center;transform:none;width:100%}.research-status-bar{order:2}.current-research-info,.research-status-bar{align-items:center;width:100%}.current-research-points{font-size:.9em;padding:var(--spacing-xs) var(--spacing-sm)}.mini-progress-bar{width:120px}.research-categories{gap:var(--spacing-xs);justify-content:center;margin-bottom:var(--spacing-md);padding:0 var(--spacing-xs)}.category-button{flex-shrink:0;min-width:70px;padding:var(--spacing-xs) var(--spacing-sm)}.category-icon{font-size:1.3em}.category-title{font-size:.75em}.research-content{padding:var(--spacing-sm)}.research-branch-title{font-size:1.1em;margin-bottom:var(--spacing-sm);padding-bottom:var(--spacing-xs)}.research-tree{gap:var(--spacing-xs);grid-template-columns:1fr}.research-item{padding:var(--spacing-sm)}.research-header{margin-bottom:var(--spacing-xs)}.research-name{font-size:1em;margin:var(--spacing-xs) 0}.research-description{font-size:.85em;line-height:1.3;margin-bottom:var(--spacing-sm)}.research-cost{font-size:.8em;margin-bottom:var(--spacing-xs);padding:var(--spacing-xs)}.cost-item{font-size:.75em;margin-right:var(--spacing-xs)}.research-button{font-size:.8em;margin-top:var(--spacing-xs);padding:var(--spacing-xs)}.back-button{font-size:13px;min-height:40px;min-width:40px;padding:var(--spacing-xs)}}@media (max-width:480px){.research-page{padding:4px}.research-header-bar{margin-bottom:var(--spacing-sm);padding:var(--spacing-xs)}.research-header-bar h2{font-size:1.1em}.current-research-points{font-size:.8em;padding:2px var(--spacing-xs)}.current-research-name{font-size:.8em}.mini-progress-bar{height:3px;width:100px}.research-categories{gap:4px;padding:0 4px}.category-button{min-width:60px;padding:4px var(--spacing-xs)}.category-icon{font-size:1.1em}.category-title{font-size:.7em}.research-content{padding:var(--spacing-xs)}.research-branch-title{font-size:1em;margin-bottom:var(--spacing-xs)}.research-item{margin-bottom:var(--spacing-xs);padding:var(--spacing-xs)}.research-age,.research-level{font-size:.7em;padding:1px 4px}.research-name{font-size:.9em}.research-description{font-size:.8em;line-height:1.2}.research-cost{font-size:.75em;padding:2px}.cost-item{font-size:.7em;margin-right:4px}.research-button{font-size:.75em;min-height:28px;padding:4px}.back-button{font-size:12px;min-height:36px;min-width:36px;padding:4px}}@media (max-width:360px){.research-categories{gap:2px}.category-button{min-width:50px;padding:2px 4px}.category-icon{font-size:1em}.category-title{font-size:.6em}.research-item{padding:4px}.cost-item{display:block;margin:1px 0}}.hero-selection-overlay{align-items:center;background:#000c;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}.hero-selection-popup{background:linear-gradient(135deg,#2c3e50,#34495e);border-radius:15px;box-shadow:0 20px 60px #00000080;color:#ecf0f1;max-height:90vh;max-width:1200px;overflow-y:auto;width:90vw}.hero-selection-header{align-items:center;background:linear-gradient(90deg,#8e44ad,#3498db);border-bottom:2px solid #34495e;display:flex;justify-content:space-between;padding:20px 30px}.hero-selection-header h2{color:#fff;font-size:1.8em;font-weight:700;margin:0}.close-button{background:#fff3;border:none;color:#fff;font-size:1.5em;height:40px;padding:10px;transition:background .3s ease;width:40px}.close-button:hover{background:#ffffff4d}.hero-selection-content{padding:30px}.selection-instruction{color:#bdc3c7;font-size:1.1em;line-height:1.5;margin-bottom:30px;text-align:center}.loading{color:#3498db;font-size:1.2em;padding:50px;text-align:center}.heroes-grid{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));margin-bottom:30px}.hero-card{background:linear-gradient(145deg,#34495e,#2c3e50);border:3px solid #34495e;border-radius:15px;box-shadow:0 5px 15px #0000004d;cursor:pointer;padding:20px;transition:all .3s ease}.hero-card:hover{box-shadow:0 15px 30px #0006;transform:translateY(-5px)}.hero-card.selected{border-width:4px;box-shadow:0 10px 25px #00000080;transform:translateY(-3px)}.hero-card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px}.hero-name{color:#fff;font-size:1.3em;font-weight:700}.hero-rarity{font-size:.9em;font-weight:700;letter-spacing:1px;text-transform:uppercase}.hero-specialty{align-items:center;background:#0003;border-radius:8px;display:flex;gap:8px;margin-bottom:15px;padding:8px 12px}.specialty-icon{font-size:1.2em}.specialty-name{color:#ecf0f1;font-weight:700}.hero-description{color:#bdc3c7;font-style:italic;line-height:1.4;margin-bottom:20px}.hero-stats{display:flex;flex-direction:column;gap:15px}.bonuses-section h4,.stats-section h4{align-items:center;color:#3498db;display:flex;font-size:1em;gap:5px;margin:0 0 10px}.bonuses-grid,.stats-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(2,1fr)}.bonus,.stat{background:#0003;border-radius:5px;display:flex;font-size:.9em;justify-content:space-between;padding:5px 10px}.bonus span:first-child,.stat span:first-child{color:#95a5a6}.bonus span:last-child,.stat span:last-child{color:#fff;font-weight:700}.hero-selection-footer{background:#0003;border-top:2px solid #34495e;display:flex;justify-content:space-between;padding:20px 30px}.cancel-button,.confirm-button{border:none;border-radius:8px;cursor:pointer;font-size:1.1em;font-weight:700;padding:12px 25px;transition:all .3s ease}.cancel-button{background:#7f8c8d;color:#fff}.cancel-button:hover{background:#95a5a6}.confirm-button{background:#27ae60;color:#fff;min-width:200px}.confirm-button:hover:not(:disabled){box-shadow:0 5px 15px #0000004d;transform:translateY(-2px)}.confirm-button:disabled{background:#95a5a6;cursor:not-allowed;opacity:.6}@media (max-width:768px){.hero-selection-popup{margin:20px;width:95vw}.heroes-grid{grid-template-columns:1fr}.hero-selection-header{padding:15px 20px}.hero-selection-content{padding:20px}.hero-selection-footer{flex-direction:column;gap:15px}.confirm-button{min-width:auto}}.leaderboard-page{background:linear-gradient(135deg,beige,#e8dcc4);font-family:Trajan Pro,serif;margin:0 auto;max-width:1200px;min-height:100vh;padding:20px}.leaderboard-header{background:linear-gradient(135deg,#8b4513,sienna);border-radius:10px;box-shadow:0 4px 8px #0003;margin-bottom:30px;padding:20px;text-align:center}.leaderboard-header h1{color:gold;font-size:32px;margin:0 0 10px;text-shadow:2px 2px 4px #00000080}.leaderboard-subtitle{color:wheat;font-size:16px;margin:0}.category-filters{background:#ffffff4d;border-radius:10px;display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-bottom:20px;padding:15px}.category-btn{background:linear-gradient(135deg,tan,#c19a6b);border:2px solid #8b4513;border-radius:8px;box-shadow:0 2px 4px #0003;color:#4a3728;cursor:pointer;font-size:14px;font-weight:700;padding:10px 20px;transition:all .3s ease}.category-btn:hover{background:linear-gradient(135deg,#e6d5b8,tan);box-shadow:0 4px 8px #0000004d;transform:translateY(-2px)}.category-btn.active{background:linear-gradient(135deg,gold,orange);border-color:#ff8c00;box-shadow:0 4px 8px #ffd70080;color:#fff}.category-title{margin-bottom:20px;text-align:center}.category-title h2{color:#8b4513;font-size:28px;margin:0;text-shadow:1px 1px 2px #0000001a}.leaderboard-table-container{background:#fff;border-radius:10px;box-shadow:0 4px 12px #00000026;overflow:hidden}.leaderboard-table{border-collapse:collapse;width:100%}.leaderboard-table thead{background:linear-gradient(135deg,#8b4513,sienna)}.leaderboard-table thead th{color:gold;font-size:14px;font-weight:700;padding:15px;text-align:left;text-transform:uppercase}.leaderboard-table tbody tr{border-bottom:1px solid #e8e8e8;transition:background .2s ease}.leaderboard-table tbody tr:hover{background:#f9f9f9}.leaderboard-table tbody td{color:#4a3728;font-size:14px;padding:12px 15px}.col-rank{text-align:center;width:80px}.col-username{min-width:200px}.col-score{text-align:right;width:150px}.col-detail{color:#666;text-align:right;width:120px}.rank-badge{display:inline-block;font-size:24px;font-weight:700}.rank-gold{background:linear-gradient(90deg,#ffd70033,#ffd7001a)}.rank-silver{background:linear-gradient(90deg,#c0c0c033,#c0c0c01a)}.rank-bronze{background:linear-gradient(90deg,#cd7f3233,#cd7f321a)}.current-user{background:linear-gradient(90deg,#6495ed26,#6495ed0d)!important;border-left:4px solid #4169e1}.you-badge{background:#4169e1;border-radius:12px;color:#fff;display:inline-block;font-size:11px;font-weight:700;margin-left:10px;padding:2px 8px}.loading,.no-data{color:#666;font-size:16px;padding:40px;text-align:center}@media (max-width:768px){.leaderboard-page{padding:10px}.leaderboard-header h1{font-size:24px}.category-filters{gap:5px}.category-btn{font-size:12px;padding:8px 12px}.category-title h2{font-size:20px}.leaderboard-table{font-size:12px}.leaderboard-table tbody td,.leaderboard-table thead th{padding:8px 10px}.col-detail{display:none}.rank-badge{font-size:18px}}.quests-overlay{align-items:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000080;bottom:0;display:flex;justify-content:center;left:0;overflow-y:auto;padding:20px;position:fixed;right:0;top:0;z-index:999999}.quests-popup{background:linear-gradient(180deg,#f7f3e9,#e8dcc3);border:3px solid #8b7355;border-radius:12px;box-shadow:0 8px 32px #0006;display:flex;flex-direction:column;max-height:90vh;max-width:900px;position:relative;width:100%}.quests-popup-header{align-items:center;background:linear-gradient(180deg,#d4a574,#b8935f);border-bottom:2px solid #8b7355;border-radius:9px 9px 0 0;display:flex;justify-content:space-between;padding:20px 24px}.quests-popup-header h2{color:#2d1810;font-family:Georgia,serif;font-size:28px;font-weight:700;margin:0;text-shadow:1px 1px 2px #ffffff4d}.close-button{align-items:center;background:#8b451333;border:2px solid #8b7355;border-radius:50%;color:#2d1810;cursor:pointer;display:flex;font-size:28px;height:36px;justify-content:center;line-height:1;padding:0;transition:all .2s;width:36px}.close-button:hover{background:#8b451366;transform:rotate(90deg)}.quests-popup-content{flex:1 1;overflow-y:auto;padding:24px}.quest-section{margin-bottom:32px}.quest-section:last-child{margin-bottom:0}.section-header{align-items:center;display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between;margin-bottom:8px}.section-header h3{color:#2d1810;font-family:Georgia,serif;font-size:22px;font-weight:700;margin:0}.section-badge{background:linear-gradient(180deg,gold,#daa520);border:1px solid #b8860b;border-radius:12px;box-shadow:0 2px 4px #0003;color:#2d1810;font-size:12px;font-weight:700;padding:4px 12px}.section-description{color:#5d4e37;font-size:14px;font-style:italic;margin-bottom:16px}.quest-list{display:flex;flex-direction:column;gap:12px}.quest-card{align-items:center;background:linear-gradient(180deg,#fff9e6,#f5ecd7);border:2px solid #c4a878;border-radius:8px;box-shadow:0 2px 4px #0000001a;box-sizing:border-box;display:flex;gap:16px;max-width:100%;padding:16px;transition:all .2s;width:100%}.quest-card:hover{border-color:#8b7355;box-shadow:0 4px 8px #0003;transform:translateY(-2px)}.quest-card-main{background:linear-gradient(180deg,#fff4e6,bisque);border-color:#daa520}.quest-card-main:hover{border-color:#b8860b}.quest-completed{background:linear-gradient(180deg,#e8f5e9,#c8e6c9);border-color:#4caf50;opacity:.8}.quest-completed .progress-fill{background:linear-gradient(90deg,#66bb6a,#4caf50)}.quest-icon{flex-shrink:0;font-size:36px;text-shadow:2px 2px 4px #0003}.quest-details{flex:1 1;min-width:0}.quest-details h4{color:#2d1810;font-size:16px;font-weight:700;margin:0 0 4px}.quest-objective{color:#5d4e37;font-size:13px;margin:0 0 8px}.quest-progress{align-items:center;display:flex;gap:8px}.progress-bar{background:#8b451333;border:1px solid #8b7355;border-radius:8px;flex:1 1;height:16px;overflow:hidden}.progress-fill{background:linear-gradient(90deg,#4caf50,#45a049);box-shadow:inset 0 2px 4px #ffffff4d;height:100%;transition:width .3s ease}.progress-text{color:#5d4e37;font-size:12px;font-weight:700;white-space:nowrap}.quest-reward{align-items:center;background:#ffd70033;border:1px solid #daa520;border-radius:8px;display:flex;flex-direction:column;gap:4px;padding:8px}.reward-icon{font-size:24px}.reward-text{color:#b8860b;font-size:12px;font-weight:700;white-space:nowrap}@media (max-width:768px){.quests-overlay{align-items:flex-start;padding:0}.quests-popup{border-left:none;border-radius:0;border-right:none;max-height:100vh;max-width:100%}.quests-popup-header{border-radius:0;padding:16px}.quests-popup-header h2{font-size:22px}.quests-popup-content{padding:16px}.section-header h3{font-size:18px}.quest-card{align-items:flex-start;flex-direction:column;padding:12px}.quest-icon{font-size:32px}.quest-reward{align-self:stretch;flex-direction:row;justify-content:center}.reward-icon{font-size:20px}}@media (max-width:480px){.quests-popup-header h2{font-size:18px}.close-button{font-size:24px;height:32px;width:32px}.section-header{align-items:flex-start;flex-direction:column}.quest-details h4{font-size:14px}.quest-objective{font-size:12px}}@keyframes shimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.settings-page{background:linear-gradient(135deg,#2c1810,#1a0f0a);color:#e8d7c3;min-height:100vh;padding:20px}.settings-header{margin:0 auto 30px;max-width:800px}.back-button{background:linear-gradient(135deg,#8b7355,#6d5a44);border:2px solid #8b7355;border-radius:8px;box-shadow:0 4px 8px #0000004d;color:#e8d7c3;cursor:pointer;font-size:14px;font-weight:600;margin-bottom:15px;padding:10px 20px;transition:all .3s ease}.back-button:hover{background:linear-gradient(135deg,#a08866,#8b7355);box-shadow:0 6px 12px #0006;transform:translateY(-2px)}.settings-header h1{color:gold;font-size:32px;margin:0;text-align:center;text-shadow:2px 2px 4px #000c}.settings-content{margin:0 auto;max-width:800px}.error-message{background:#8b2e2e4d;border:2px solid #a03434;border-radius:8px;color:#f99}.error-message,.success-message{box-shadow:0 4px 8px #0000004d;margin-bottom:20px;padding:15px;text-align:center}.success-message{background:#65894b4d;border:2px solid #7a9c5f;border-radius:8px;color:#b8e994}.settings-section{background:linear-gradient(135deg,#8b735526,#6d5a4426);border:2px solid #8b7355;border-radius:12px;box-shadow:0 4px 8px #0000004d,inset 0 1px 0 #8b73554d;margin-bottom:20px;padding:25px}.settings-section h2{color:gold;font-size:20px;margin:0 0 15px;text-shadow:1px 1px 2px #000c}.input-group{display:flex;gap:10px;margin-bottom:10px}.input-group input{background:#2c181080;border:2px solid #8b7355;border-radius:8px;box-shadow:inset 0 2px 4px #0000004d;color:#e8d7c3;flex:1 1;font-size:14px;padding:12px}.input-group input::placeholder{color:#e8d7c380}.input-group input:focus{background:#2c1810b3;border-color:gold;box-shadow:0 0 8px #ffd7004d,inset 0 2px 4px #0000004d;outline:none}.input-group input:disabled{cursor:not-allowed;opacity:.5}.input-group button{background:linear-gradient(135deg,#8b7355,#6d5a44);border:2px solid #8b7355;border-radius:8px;box-shadow:0 4px 8px #0000004d;color:#e8d7c3;cursor:pointer;font-size:14px;font-weight:700;padding:12px 24px;transition:all .3s ease;white-space:nowrap}.input-group button:hover:not(:disabled){background:linear-gradient(135deg,#a08866,#8b7355);box-shadow:0 6px 12px #0006;transform:translateY(-2px)}.input-group button:disabled{cursor:not-allowed;opacity:.5;transform:none}.hint{color:#e8d7c399;font-size:12px;margin:5px 0 0}.danger-zone{background:linear-gradient(135deg,#8b2e2e26,#6b1e1e26);border-color:#a0343480}.danger-zone h2{color:#f99}.delete-button{background:linear-gradient(135deg,#8b2e2e,#6b1e1e);border:2px solid #a03434;border-radius:8px;box-shadow:0 4px 8px #0000004d;color:#e8d7c3;cursor:pointer;font-size:16px;font-weight:700;padding:15px;transition:all .3s ease;width:100%}.delete-button:hover:not(:disabled){background:linear-gradient(135deg,#a83b3b,#8b2e2e);box-shadow:0 6px 12px #0006;transform:translateY(-2px)}.delete-button:disabled{cursor:not-allowed;opacity:.5}.modal-overlay{align-items:center;background:#000000d9;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:10000}.modal-content{background:linear-gradient(135deg,#2c1810,#1a0f0a);border:3px solid #a03434;border-radius:16px;box-shadow:0 10px 40px #000c,inset 0 1px 0 #a034344d;max-width:500px;padding:30px;width:100%}.modal-content h2{color:#f99;font-size:24px;margin:0 0 20px;text-align:center;text-shadow:2px 2px 4px #000c}.modal-content p{color:#e8d7c3;line-height:1.6;margin:0 0 15px}.modal-content ul{margin:0 0 20px;padding-left:25px}.modal-content li{color:#c9b89a;margin-bottom:8px}.warning-text{background:#8b2e2e4d;border:2px solid #a03434;border-radius:8px;box-shadow:0 4px 8px #0000004d;color:#f99;font-weight:700;padding:15px;text-align:center}.modal-buttons{display:flex;gap:15px;margin-top:25px}.modal-buttons button{border-radius:8px;box-shadow:0 4px 8px #0000004d;cursor:pointer;flex:1 1;font-size:14px;font-weight:700;padding:15px;transition:all .3s ease}.cancel-button{background:linear-gradient(135deg,#8b7355,#6d5a44);border:2px solid #8b7355;color:#e8d7c3}.cancel-button:hover{background:linear-gradient(135deg,#a08866,#8b7355);box-shadow:0 6px 12px #0006;transform:translateY(-2px)}.confirm-delete-button{background:linear-gradient(135deg,#8b2e2e,#6b1e1e);border:2px solid #a03434;color:#e8d7c3}.confirm-delete-button:hover:not(:disabled){background:linear-gradient(135deg,#a83b3b,#8b2e2e);box-shadow:0 6px 12px #0006;transform:translateY(-2px)}.confirm-delete-button:disabled{cursor:not-allowed;opacity:.5}@media (max-width:768px){.settings-page{padding:15px}.settings-header h1{font-size:24px}.input-group,.modal-buttons{flex-direction:column}}