@import"https://fonts.googleapis.com/css2?family=MedievalSharp&family=Crimson+Text:ital,wght@0,400;0,600;0,700;1,400&display=swap";:root{--bg-primary: #1a120a;--bg-secondary: #231810;--bg-card: #2a1e14;--bg-hover: #342618;--border: #4a3622;--border-light: #6a5238;--text-primary: #f0e6d2;--text-secondary: #c8b89a;--text-muted: #8a7a62;--gold: #f0b232;--gold-dark: #c8941e;--gold-light: #fcd34d;--red: #b83030;--red-light: #e05050;--green: #3a8a50;--green-light: #5ab870;--blue: #4a7ab8;--blue-light: #6a9ad8;--purple: #8a5ab8;--cyan: #4a9aaa;--glow-gold: rgba(240,178,50,.15);--glow-blue: rgba(74,122,184,.1);--wood-dark: #2a1a0e;--wood-mid: #4a3220;--wood-light: #6a5238;--parchment: #f5e6c8;--parchment-dark: #d4bf8e}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Crimson Text,Georgia,Times New Roman,serif;background:var(--bg-primary);background-image:radial-gradient(ellipse at 50% 0%,rgba(74,50,32,.4) 0%,transparent 60%),url("data:image/svg+xml,%3Csvg width='60' height='60' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M30 0L60 30L30 60L0 30Z' fill='none' stroke='%23281c10' stroke-width='0.5' opacity='0.3'/%3E%3C/svg%3E");color:var(--text-primary);line-height:1.6;min-height:100vh}#root{min-height:100vh}a{color:var(--gold);text-decoration:none;transition:color .2s}a:hover{color:var(--gold-light)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--wood-dark)}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#6a5238,#4a3622);border-radius:4px;border:1px solid #3a2816}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#8a6a48,#6a5238)}h1{display:flex;align-items:center;gap:.5rem;color:var(--gold);margin-bottom:1rem;font-size:1.5rem;font-weight:700;letter-spacing:.02em;font-family:MedievalSharp,Crimson Text,serif}.auth-page{display:flex;align-items:center;justify-content:center;min-height:100vh;position:relative;background:radial-gradient(ellipse at 50% 0%,rgba(74,50,32,.6) 0%,transparent 60%),radial-gradient(ellipse at 50% 100%,rgba(42,26,14,.8) 0%,transparent 60%),linear-gradient(180deg,#1a120a,#231810,#1a120a)}.auth-card{width:100%;max-width:420px;border-radius:8px}.auth-card>.card-inner{padding:2.5rem}.auth-header{text-align:center;margin-bottom:2rem}.auth-header h1{color:#5a3a1a;font-size:1.8rem;margin:.5rem auto .25rem;justify-content:center}.auth-header p{color:#6b5438;font-size:.95rem}.auth-icon{color:#c8941e;filter:drop-shadow(0 0 8px rgba(200,148,30,.4))}.auth-footer{text-align:center;margin-top:1.5rem;color:#6b5438;font-size:.9rem}.auth-footer a{color:#8a5a2a;font-weight:600}.auth-footer a:hover{color:#c8941e}.form-group{margin-bottom:1rem}.form-group label{display:block;margin-bottom:.4rem;color:var(--text-secondary);font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.form-group input,.form-group textarea,.form-group select{width:100%;padding:.7rem .9rem;background:#2a1e14cc;border:1px solid var(--border);border-radius:4px;color:var(--text-primary);font-size:.95rem;font-family:Crimson Text,serif;transition:all .2s}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:var(--gold);box-shadow:0 0 0 3px var(--glow-gold),inset 0 1px 4px #0003}.error-msg{background:#dc26261a;border:1px solid rgba(220,38,38,.3);color:var(--red-light);padding:.7rem 1rem;border-radius:8px;margin-bottom:1rem;font-size:.9rem;font-weight:500}.btn{display:inline-flex;align-items:center;gap:.4rem;padding:.6rem 1.2rem;border:none;border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s ease;letter-spacing:.01em}.btn:disabled{opacity:.4;cursor:not-allowed;transform:none!important}.btn-primary{background:linear-gradient(135deg,var(--gold-dark),var(--gold));color:#1a120a;box-shadow:0 2px 12px #f0b23240}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,var(--gold),var(--gold-light));box-shadow:0 4px 20px #f0b23266;transform:translateY(-1px)}.btn-danger{background:linear-gradient(135deg,#b91c1c,var(--red));color:#fff;box-shadow:0 2px 12px #dc262640}.btn-danger:hover:not(:disabled){background:linear-gradient(135deg,var(--red),var(--red-light));box-shadow:0 4px 20px #dc262666;transform:translateY(-1px)}.btn-secondary{background:var(--bg-hover);color:var(--text-primary);border:1px solid var(--border)}.btn-secondary:hover:not(:disabled){background:var(--border);border-color:var(--border-light)}.btn-upgrade{background:linear-gradient(135deg,#5c4230,#8b6914,#c8941e);color:#fff;padding:.4rem .8rem;font-size:.82rem;border:2px solid #8b6914;box-shadow:0 3px 10px #8c69144d,inset 0 1px #ffdc9633;text-shadow:0 1px 2px rgba(0,0,0,.5);font-weight:700;letter-spacing:.03em}.btn-upgrade:hover:not(:disabled){background:linear-gradient(135deg,#8b6914,#c8941e,#f0b232);box-shadow:0 4px 16px #f0b23266,0 0 24px #f0b23226,inset 0 1px #ffdc964d;transform:translateY(-1px)}.btn-sm{padding:.3rem .6rem;font-size:.8rem}.btn-back{background:none;border:none;color:var(--gold);cursor:pointer;display:flex;align-items:center;gap:.3rem;margin-bottom:1rem;font-size:.9rem;transition:color .2s}.btn-back:hover{color:var(--gold-light)}button.btn-sm{display:inline-flex;align-items:center;justify-content:center;padding:.35rem;border:1px solid var(--border);border-radius:6px;background:var(--bg-secondary);color:var(--text-secondary);cursor:pointer;transition:all .2s}button.btn-sm:hover{border-color:var(--gold);color:var(--gold);background:var(--glow-gold)}button.btn-sm.btn-danger{border-color:var(--red);color:var(--red)}button.btn-sm.btn-danger:hover{background:#dc26261a}button.btn-sm.btn-success{border-color:var(--green);color:var(--green)}.sidebar{background:linear-gradient(180deg,#2a1e14,#231810 40%,#1e140c);border-right:3px solid #4a3622;width:200px;min-height:100vh;display:flex;flex-direction:column;position:fixed;top:0;left:0;z-index:100;box-shadow:4px 0 24px #00000080,inset -1px 0 #c8941e14;flex-shrink:0;overflow-y:auto;overflow-x:hidden;background-image:repeating-linear-gradient(0deg,transparent 0px,transparent 38px,rgba(74,54,34,.15) 38px,rgba(74,54,34,.15) 40px)}.sidebar-brand{padding:.8rem .7rem;background:linear-gradient(180deg,rgba(200,148,30,.1) 0%,transparent 100%)}.sidebar-logo{display:flex;align-items:center;gap:.5rem;color:var(--gold);font-weight:700;font-size:1.1rem;font-family:MedievalSharp,serif;text-shadow:0 1px 3px rgba(0,0,0,.5),0 0 20px rgba(240,178,50,.2)}.sidebar-logo-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-village-selector{padding:.5rem .7rem;background:#00000026}.sidebar-village-selector select{width:100%;background:#1a120acc;border:1px solid #4a3622;color:var(--parchment);padding:.35rem .4rem;border-radius:4px;font-size:.8rem;font-family:Crimson Text,serif;transition:border-color .2s}.sidebar-village-selector select:focus{border-color:var(--gold);outline:none}.sidebar-village-selector-mobile{display:none;position:relative;justify-content:center;align-items:center;padding:.5rem 0}.sidebar-village-mobile-icon{color:var(--gold);flex-shrink:0;pointer-events:none}.sidebar-village-selector-mobile select{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.sidebar-nav{flex:1;display:flex;flex-direction:column;padding:.4rem .5rem;gap:.15rem}.sidebar-link{display:flex;align-items:center;gap:.5rem;padding:.5rem .6rem;color:var(--text-secondary);border-radius:4px;font-size:.85rem;font-weight:600;font-family:Crimson Text,serif;transition:all .2s;white-space:nowrap;text-decoration:none;cursor:pointer;border:none;background:none;width:100%;text-align:left;position:relative;border-left:3px solid transparent}.sidebar-link:hover{color:var(--parchment);background:#c8941e14;border-left-color:#c8941e4d}.sidebar-link.active{color:var(--gold);background:#c8941e1f;border-left:3px solid var(--gold);text-shadow:0 0 8px rgba(240,178,50,.3)}.sidebar-link-icon{flex-shrink:0}.sidebar-link-text{overflow:hidden;text-overflow:ellipsis;min-width:0;flex:1}.sidebar-badge{background:linear-gradient(135deg,#8a2020,#b83030);color:#fff;font-size:.65rem;padding:.1rem .35rem;border-radius:10px;font-weight:700;margin-left:auto;min-width:16px;text-align:center;border:1px solid #6a1818;box-shadow:0 1px 4px #0000004d}.sidebar-divider{height:1px;background:linear-gradient(90deg,transparent,rgba(74,54,34,.4),transparent);margin:.3rem .7rem}.sidebar-group{margin-top:.1rem}.sidebar-group-header{display:flex;align-items:center;gap:.5rem;padding:.35rem .6rem;color:var(--parchment-dark);font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;cursor:pointer;border:none;background:none;width:100%;font-family:Crimson Text,serif;transition:color .2s;opacity:.6;border-radius:4px}.sidebar-group-header:hover{opacity:1;background:#c8941e0a}.sidebar-group-icon{flex-shrink:0}.sidebar-group-label{flex:1;text-align:left}.sidebar-group-chevron{margin-left:auto;flex-shrink:0;transition:transform .2s}.sidebar-group.open .sidebar-group-chevron{transform:rotate(180deg)}.sidebar-group-items{display:flex;flex-direction:column;gap:.1rem;padding-left:.15rem}.sidebar-footer-nav{padding:0 .5rem;display:flex;flex-direction:column;gap:.1rem}.sidebar-footer-nav .sidebar-link{opacity:.7;font-size:.8rem;padding:.4rem .6rem}.sidebar-footer-nav .sidebar-link:hover,.sidebar-footer-nav .sidebar-link.active{opacity:1}.sidebar-footer{padding:.4rem .5rem;display:flex;flex-direction:column;gap:.1rem}.sidebar-user{display:flex;align-items:center;justify-content:space-between;padding:.3rem .6rem;gap:.3rem}.sidebar-username{color:var(--parchment-dark);font-size:.8rem;font-weight:600;font-family:Crimson Text,serif;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-logout{color:var(--text-muted)!important}.sidebar-logout:hover{color:var(--red-light)!important;background:#b830301a!important}.sidebar-lang-btn{font-family:Crimson Text,serif;display:flex;align-items:center;gap:.5rem}.sidebar-lang-select{background:#1a120a99;border:1px solid #4a3622;border-radius:4px;color:var(--text-primary);font-size:.8rem;padding:.15rem .3rem;font-family:Crimson Text,serif;cursor:pointer;flex:1;min-width:0}.sidebar-lang-select option{background:#2a1e14;color:var(--text-primary)}.admin-link{color:var(--purple)!important}.admin-link:hover{color:var(--purple)!important;background:#8a5ab81a!important}@media(max-width:900px){.sidebar{width:52px}.sidebar-logo-text,.sidebar-link-text,.sidebar-username,.version-tag,.sidebar-village-selector{display:none}.sidebar-village-selector-mobile{display:flex}.sidebar-link{justify-content:center;padding:.6rem;border-left-width:0}.sidebar-link.active{border-left:none;border-bottom:2px solid var(--gold)}.sidebar-badge{position:absolute;top:2px;right:2px;margin-left:0;font-size:.55rem;padding:.05rem .25rem}.sidebar-user{justify-content:center}.sidebar-brand{padding:.6rem 0;justify-content:center}.sidebar-logo{justify-content:center}.sidebar-footer{align-items:center}.sidebar-group-label,.sidebar-group-chevron{display:none}.sidebar-group-header{justify-content:center;padding:.4rem}.sidebar-group-items{padding-left:0}.sidebar-group-items .sidebar-link{justify-content:center;padding:.6rem;border-left-width:0}.sidebar-divider{margin:.2rem .3rem}.sidebar-footer-nav{padding:0 .2rem}.sidebar-footer-nav .sidebar-link{justify-content:center;padding:.5rem}}.resource-bar{background:linear-gradient(180deg,#2a1e14,#231810,#1e140c);border-bottom:2px solid #4a3622;display:flex;align-items:center;justify-content:center;gap:1.5rem;padding:.5rem 1rem;flex-wrap:wrap;position:sticky;top:0;z-index:99;box-shadow:0 3px 12px #0006}.topbar-actions{display:flex;align-items:center;gap:.25rem;margin-left:auto;border-left:1px solid var(--border);padding-left:.75rem;flex-shrink:0}.topbar-action-btn{position:relative;display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:6px;color:var(--text-muted);transition:all .2s;text-decoration:none}.topbar-action-btn:hover{color:var(--parchment);background:#c8941e1a}.topbar-action-btn.active{color:var(--gold);background:#c8941e26}.topbar-badge{position:absolute;top:1px;right:1px;background:linear-gradient(135deg,#8a2020,#b83030);color:#fff;font-size:.55rem;font-weight:700;min-width:14px;height:14px;display:flex;align-items:center;justify-content:center;border-radius:10px;padding:0 .2rem;border:1px solid #6a1818;box-shadow:0 1px 4px #0000004d;line-height:1}.resource-item{display:flex;align-items:center;gap:.35rem;font-size:.8rem;padding:.15rem .5rem;border-radius:4px;background:#c8941e0d;border:1px solid rgba(74,54,34,.3)}.resource-value{color:var(--text-primary);font-weight:700}.resource-cap{color:var(--text-muted);font-size:.7rem;font-weight:500}.resource-value.res-full{color:var(--red-light)}.resource-rate{color:var(--text-muted);font-size:.7rem}.resource-item{transition:background .5s,box-shadow .5s,color .5s}.res-flash{animation:resFlash 2.5s ease-out}.res-flash .resource-value{color:var(--green-light)!important;text-shadow:0 0 6px rgba(16,185,129,.6);transition:color 2.5s ease-out,text-shadow 2.5s ease-out}@keyframes resFlash{0%{background:#10b98159;box-shadow:0 0 12px #10b98180}40%{background:#10b98133;box-shadow:0 0 8px #10b9814d}to{background:#ffffff08;box-shadow:none}}.resource-item{position:relative}.loyalty-item{border-left:1px solid var(--border);margin-left:.25rem;padding-left:.75rem!important}.loyalty-icon{color:var(--red-light)}.loyalty-reduced .loyalty-icon{color:var(--gold)}.loyalty-low{color:var(--red-light)!important}.loyalty-penalty{color:var(--red-light);font-size:.7rem;font-weight:600}.res-tooltip{position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%);min-width:230px;max-width:300px;z-index:200;background:#2a1e14;border:2px solid #6a5238;border-radius:6px;padding:0;box-shadow:0 8px 24px #0009,0 0 0 1px #1a120a;animation:resTooltipIn .15s ease-out;pointer-events:auto}.res-tooltip:before{content:"";position:absolute;top:-6px;left:50%;transform:translate(-50%);border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid #6a5238}.res-tooltip:after{content:"";position:absolute;top:-5px;left:50%;transform:translate(-50%);border-left:5px solid transparent;border-right:5px solid transparent;border-bottom:5px solid #2a1e14}@keyframes resTooltipIn{0%{transform:translate(-50%) translateY(-4px)}to{transform:translate(-50%) translateY(0)}}.res-tooltip-header{display:flex;align-items:center;gap:.5rem;padding:.6rem .75rem;border-bottom:1px solid #4a3622;background:#342618;border-radius:10px 10px 0 0}.res-tooltip-title{font-weight:700;font-size:.85rem;color:var(--gold)}.res-tooltip-row{display:flex;align-items:center;justify-content:space-between;padding:.3rem .75rem;font-size:.78rem}.res-tooltip-storage{gap:.4rem;padding:.5rem .75rem;color:var(--text-muted)}.res-tooltip-bar{flex:1;height:4px;background:#ffffff14;border-radius:2px;margin-left:.5rem;overflow:hidden}.res-tooltip-bar-fill{height:100%;background:linear-gradient(90deg,var(--gold),var(--green-light));border-radius:2px;transition:width .3s}.res-tooltip-divider{height:1px;background:#4a3622;margin:.15rem 0}.res-tooltip-section-title{display:flex;align-items:center;gap:.35rem;padding:.35rem .75rem;font-size:.72rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em}.res-tooltip-label{color:var(--text-secondary)}.res-tooltip-value{color:var(--green-light);font-weight:600;white-space:nowrap}.res-tooltip-boost{color:var(--gold)}.res-tooltip-empty{color:var(--text-muted);justify-content:center}.res-tooltip-total{padding:.5rem .75rem;font-weight:700;font-size:.82rem;background:#342618;border-radius:0 0 10px 10px}.res-tooltip-pct{color:var(--text-muted);font-size:.72rem}.res-tooltip-total .res-tooltip-value{color:var(--text-primary);font-size:.85rem}.game-layout{min-height:100vh;display:flex;flex-direction:row}.game-main{flex:1;display:flex;flex-direction:column;margin-left:200px;min-height:100vh}.game-content{flex:1;padding:1.5rem;max-width:1400px;margin:0 auto;width:100%}@media(max-width:900px){.game-main{margin-left:52px}}.loading-screen{display:flex;align-items:center;justify-content:center;min-height:100vh;color:var(--text-muted)}.page-message{text-align:center;padding:3rem;color:var(--text-muted);font-size:1.1rem}.empty-text{color:var(--text-muted);font-style:italic;padding:.5rem 0}.card{background:linear-gradient(145deg,var(--bg-card),#1e140c);border:1px solid var(--border);border-radius:12px;padding:1.2rem;box-shadow:0 2px 16px #0000004d}.card h3{color:var(--gold);margin-bottom:.8rem;display:flex;align-items:center;gap:.4rem}.card-inner .form-group label{color:#5a4028}.card-inner .form-group input,.card-inner .form-group textarea,.card-inner .form-group select{background:#fffaebb3;border:1px solid #c8b898;color:#3a2614;border-radius:6px}.card-inner .form-group input:focus,.card-inner .form-group textarea:focus,.card-inner .form-group select:focus{border-color:#c8941e;box-shadow:0 0 0 3px #c8941e33}.card-inner .form-group input::placeholder,.card-inner .form-group textarea::placeholder{color:#a08a6a}.card-inner h2{color:#3a2614}.card-inner h3{color:#5a3a1a}.card-inner p{color:#6b5438}.card-inner .error-msg{background:#b428281a;border-color:#b428284d;color:#8a2020}.card-inner .success-msg{background:#288c501a;border-color:#288c504d;color:#1a6a3a}.card-inner select{background:#fffaebb3;border:1px solid #c8b898;color:#3a2614;padding:.4rem .6rem;border-radius:6px}.card-inner select:focus{border-color:#c8941e;outline:none}.card-inner input[type=number],.card-inner textarea{background:#fffaebb3;border:1px solid #c8b898;color:#3a2614;border-radius:6px}.card-inner .empty-text{color:#8a7355}.card-inner strong{color:#3a2614}.card-inner a{color:#8a5a2a}.card-inner a:hover{color:#c8941e}.page-header h1{display:flex;align-items:center;gap:.5rem;color:var(--gold);margin-bottom:.3rem}.coords{color:var(--text-muted);font-size:.9rem;margin-bottom:1.5rem}.dashboard-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1rem}.resource-list{display:flex;flex-direction:column;gap:.5rem}.resource-row{display:flex;align-items:center;gap:.5rem;padding:.4rem 0}.resource-row strong{margin-left:auto}.rate{color:var(--text-muted);font-size:.85rem}.card-inner .resource-row,.card-inner .resource-row strong{color:#3a2614}.card-inner .rate{color:#8a7355}.mini-list{display:flex;flex-direction:column;gap:.3rem}.mini-item{display:flex;justify-content:space-between;padding:.4rem .6rem;border-radius:6px;font-size:.9rem;transition:background .15s}.mini-item:hover{background:#ffffff05}.card-inner .mini-item{color:#3a2614}.card-inner .mini-item:hover{background:#c8941e0f}.mini-item.upgrading{background:var(--glow-gold)}.level{color:var(--gold);font-weight:700}.research-bonus-banner{display:flex;align-items:center;gap:.5rem;background:linear-gradient(90deg,#f0b2321f,#f0b2320a);border:1px solid rgba(240,178,50,.25);border-radius:8px;padding:.5rem 1rem;margin-bottom:.5rem;color:var(--gold);font-size:.85rem}.research-bonus-banner strong{color:#5cff5c}.buildings-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:1.2rem;margin-top:1rem}.building-card{position:relative;background:linear-gradient(135deg,#2a1a0e,#3d2816 5%,#4a3220 10% 90%,#3d2816 95%,#2a1a0e);border:5px solid #3d2816;border-radius:8px;padding:4px;box-shadow:0 6px 24px #00000080,inset 0 1px #c8941e1f,inset 0 -1px #0006;transition:all .25s ease}.building-card:hover{box-shadow:0 8px 32px #0009,inset 0 1px #c8941e33,0 0 16px #c8941e1a;transform:translateY(-2px)}.building-card:before,.building-card:after{content:"";position:absolute;width:22px;height:22px;z-index:3;pointer-events:none;border:3px solid #c8941e;filter:drop-shadow(0 0 3px rgba(200,148,30,.5))}.building-card:before{top:3px;left:3px;border-right:none;border-bottom:none;border-radius:5px 0 0}.building-card:after{top:3px;right:3px;border-left:none;border-bottom:none;border-radius:0 5px 0 0}.card-inner{position:relative;background:radial-gradient(ellipse at 25% 15%,rgba(255,252,240,.6) 0%,transparent 55%),linear-gradient(175deg,#f5e6c8,#e8d4a8,#dcc99a 70%,#d4bf8e);border-radius:4px;padding:1rem;overflow:hidden;box-shadow:inset 0 1px 4px #64461e26;color:#3a2614}.card-inner:before,.card-inner:after{content:"";position:absolute;width:22px;height:22px;z-index:3;pointer-events:none;border:3px solid #c8941e;filter:drop-shadow(0 0 3px rgba(200,148,30,.5))}.card-inner:before{bottom:3px;left:3px;border-right:none;border-top:none;border-radius:0 0 0 5px}.card-inner:after{bottom:3px;right:3px;border-left:none;border-top:none;border-radius:0 0 5px}.building-card.is-upgrading{border-color:#c8941e;box-shadow:0 0 24px #c8941e4d,0 6px 24px #00000080,inset 0 1px #c8941e33}.building-card.is-upgrading .card-inner{background:radial-gradient(ellipse at 50% 0%,rgba(245,200,100,.2) 0%,transparent 55%),linear-gradient(175deg,#f5e6c8,#e8d4a8,#dcc99a 70%,#d4bf8e)}.card-top-row{display:flex;gap:.8rem;align-items:flex-start;margin-bottom:.6rem}.card-graphic-showcase{flex-shrink:0;width:144px;height:144px;display:flex;align-items:center;justify-content:center;background:none;border:none;border-radius:6px;position:relative;overflow:visible;transition:filter .3s ease}.card-graphic-showcase:before{display:none}.card-graphic-showcase .game-graphic{filter:drop-shadow(0 2px 6px rgba(0,0,0,.3));transition:transform .35s ease,filter .35s ease;position:relative;z-index:1}.building-card:hover .card-graphic-showcase .game-graphic,.unit-card:hover .card-graphic-showcase .game-graphic{transform:scale(1.08);filter:drop-shadow(0 4px 10px rgba(0,0,0,.4))}.card-title-area{flex:1;min-width:0}.building-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.25rem}.building-header h3{color:#3a2614;font-size:.95rem;margin:0;text-transform:uppercase;letter-spacing:.05em;font-weight:800;min-width:0;overflow:hidden;text-overflow:ellipsis}.building-level{background:linear-gradient(135deg,#8b6914,#c8941e);color:#fff;padding:.15rem .55rem;border-radius:4px;font-size:.7rem;font-weight:800;letter-spacing:.03em;flex-shrink:0;white-space:nowrap;box-shadow:0 2px 4px #00000040;text-shadow:0 1px 2px rgba(0,0,0,.3)}.card-description{color:#6b5438;font-size:.78rem;line-height:1.4;margin-top:.15rem}.production-info{display:flex;align-items:center;gap:.4rem;font-size:.78rem;padding:.3rem .5rem;margin-bottom:.4rem;background:#10965a14;border:1px solid rgba(16,150,90,.2);border-radius:4px}.prod-current{display:flex;align-items:center;gap:.25rem;color:#166534;font-weight:600}.prod-next{color:#92400e;font-weight:700}.prod-next-only{display:flex;align-items:center;gap:.3rem;color:#6b5438}.req-list{display:flex;flex-wrap:wrap;gap:.3rem;margin:.4rem 0}.req-tag{display:inline-flex;align-items:center;gap:.25rem;padding:.15rem .5rem;border-radius:4px;font-size:.72rem;font-weight:600}.req-met{background:#10b9811f;color:#166534;border:1px solid rgba(16,185,129,.3)}.req-unmet{background:#dc26261a;color:#991b1b;border:1px solid rgba(220,38,38,.25)}.card-divider{height:2px;background:linear-gradient(90deg,transparent,#a0845a 20%,#c8941e 50%,#a0845a 80%,transparent);margin:.6rem 0}.upgrade-timer{display:flex;align-items:center;gap:.4rem;color:#92400e;font-size:.82rem;padding:.4rem .5rem;font-weight:500;background:#c8941e1f;border:1px solid rgba(200,148,30,.3);border-radius:4px;margin-top:.3rem}.upgrade-info{margin-top:.3rem}.upgrade-cost{margin-bottom:.4rem}.cost-title{color:#5a4530;font-size:.7rem;margin-bottom:.25rem;text-transform:uppercase;letter-spacing:.06em;font-weight:700}.cost-items{display:flex;flex-wrap:wrap;gap:.35rem;font-size:.78rem;color:#4a3520}.cost-items>span{padding:.15rem .45rem;border-radius:4px;background:#4a35201a;border:1px solid rgba(74,53,32,.2);font-weight:600}.cost-time{display:flex;align-items:center;gap:.3rem;color:#6b5438;font-size:.78rem;margin-top:.25rem;flex-wrap:wrap}.time-reduced{color:#166534;font-weight:600}.time-base-strike{text-decoration:line-through;opacity:.5;font-size:.72rem}.uni-bonus{color:#166534;font-size:.68rem;font-weight:600}.max-level{color:#92400e;font-size:.82rem;padding:.4rem 0;display:flex;align-items:center;gap:.3rem;font-weight:600}.research-desc{color:#6b5438;font-size:.78rem;margin-bottom:.4rem;line-height:1.4}.cost-ok{color:#166534!important}.cost-lack{color:#991b1b!important;background:#dc26261a!important}.item-name-with-icon{display:flex;align-items:center;gap:.4rem}.item-icon{color:#92400e;flex-shrink:0}.mini-timer{color:#92400e;font-size:.8rem;font-weight:400}.queue-notice{display:flex;align-items:center;gap:.4rem;color:var(--gold);font-size:.85rem;padding:.5rem .8rem;margin-bottom:.5rem;background:var(--glow-gold);border:1px solid rgba(240,178,50,.2);border-radius:8px;font-weight:500}.spin{animation:spin 1.5s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.tab-bar{display:flex;gap:.3rem;margin:1rem 0;padding-bottom:.3rem;border-bottom:1px solid var(--border);flex-wrap:wrap}.tab{display:flex;align-items:center;gap:.3rem;padding:.5rem 1rem;background:none;border:none;color:var(--text-secondary);cursor:pointer;font-size:.9rem;font-weight:500;border-radius:8px 8px 0 0;transition:all .2s}.tab:hover{color:var(--text-primary);background:var(--bg-hover)}.tab.active{color:var(--gold);background:var(--glow-gold);box-shadow:inset 0 -2px 0 var(--gold)}.train-form{margin-bottom:1rem}.train-controls{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap}.train-controls select,.train-controls input{background:var(--bg-primary);border:1px solid var(--border);color:var(--text-primary);padding:.5rem;border-radius:6px;transition:border-color .2s}.train-controls select:focus,.train-controls input:focus{border-color:var(--gold);outline:none;box-shadow:0 0 0 3px var(--glow-gold)}.train-controls select{flex:1;min-width:200px}.train-controls input[type=number]{width:80px}.unit-cost{color:var(--text-muted);font-size:.8rem;margin-top:.5rem}.units-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.2rem;margin-top:1rem}.unit-card{position:relative;background:linear-gradient(135deg,#2a1a0e,#3d2816 5%,#4a3220 10% 90%,#3d2816 95%,#2a1a0e);border:5px solid #3d2816;border-radius:8px;padding:4px;box-shadow:0 6px 24px #00000080,inset 0 1px #c8941e1f,inset 0 -1px #0006;transition:all .3s ease}.unit-card:hover{box-shadow:0 8px 32px #0009,inset 0 1px #c8941e33,0 0 20px #c8941e1f;transform:translateY(-2px)}.unit-card:before,.unit-card:after{content:"";position:absolute;width:22px;height:22px;z-index:3;pointer-events:none;border:3px solid #c8941e;filter:drop-shadow(0 0 3px rgba(200,148,30,.5));transition:filter .3s ease}.unit-card:hover:before,.unit-card:hover:after{filter:drop-shadow(0 0 5px rgba(200,148,30,.7))}.unit-card:before{top:3px;left:3px;border-right:none;border-bottom:none;border-radius:5px 0 0}.unit-card:after{top:3px;right:3px;border-left:none;border-bottom:none;border-radius:0 5px 0 0}.unit-card.is-upgrading{border-color:#c8941e;box-shadow:0 0 24px #c8941e4d,0 6px 24px #00000080,inset 0 1px #c8941e33}.unit-stats{display:flex;gap:.4rem;font-size:.75rem;color:#4a3520;flex-wrap:wrap;margin-top:.3rem}.unit-stats span{padding:.12rem .4rem;border-radius:4px;background:#4a35201a;border:1px solid rgba(74,53,32,.2);font-weight:600}.section-title{color:#8a5a2a;margin:1.2rem 0 .6rem;font-weight:700}.attack-card{border-radius:8px;margin-bottom:.5rem;transition:border-color .2s}.attack-card>.card-inner{padding:.8rem}.attack-card.incoming{border-color:#8a3030}.attack-card.outgoing{border-color:#3a5a8a}.attack-route{display:flex;align-items:center;flex-wrap:wrap;gap:.3rem}.route-arrow{color:#8a7355;flex-shrink:0}.coord-link{color:#1d4ed8;text-decoration:none;font-size:.85rem;font-weight:500}.coord-link:hover{text-decoration:underline;color:#2563eb}.cart-count{color:var(--text-muted);font-weight:500;display:inline-flex;align-items:center;gap:.2rem}.travel-time-estimate{display:flex;align-items:center;gap:.35rem;padding:.4rem .6rem;margin:.5rem 0;background:#1d4ed814;border:1px solid rgba(29,78,216,.2);border-radius:6px;font-size:.85rem;color:#1d4ed8}.report-card{background:var(--bg-card);border:1px solid var(--border);border-radius:8px;padding:.8rem;margin-bottom:.5rem}.report-card.victory{border-left:3px solid var(--green);background:#10b98108}.report-card.defeat{border-left:3px solid var(--red);background:#dc262608}.report-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.3rem}.report-details{font-size:.85rem;color:var(--text-muted)}.report-date{font-size:.8rem;color:var(--text-muted);margin-top:.3rem}.badge{display:inline-block;padding:.2rem .55rem;border-radius:6px;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.badge-success{background:#10b98126;color:var(--green-light)}.badge-danger{background:#dc262626;color:var(--red-light)}.badge-leader{background:#f0b23226;color:var(--gold)}.badge-officer{background:#3b82f626;color:var(--blue-light)}.badge-member{background:#5d6d7e26;color:var(--text-secondary)}.badge-admin{background:#a855f726;color:var(--purple)}.badge-player{background:#10b98126;color:var(--green-light)}.map-controls{display:flex;gap:1rem;align-items:center;flex-wrap:wrap;margin-bottom:1rem}.search-coords{display:flex;gap:.3rem;align-items:center}.search-coords input{width:70px;background:var(--bg-primary);border:1px solid var(--border);color:var(--text-primary);padding:.4rem;border-radius:6px;text-align:center;transition:border-color .2s}.search-coords input:focus{border-color:var(--gold);outline:none}.map-nav{display:flex;gap:.3rem}.map-nav button{background:var(--bg-card);border:1px solid var(--border);color:var(--text-secondary);padding:.35rem .8rem;border-radius:6px;cursor:pointer;font-size:.8rem;font-weight:500;transition:all .2s}.map-nav button:hover{border-color:var(--gold);color:var(--gold);background:var(--glow-gold)}.map-center{color:var(--text-muted);font-size:.85rem;font-weight:500}.map-container{border:1px solid var(--border);border-radius:12px;padding:4px;background:var(--bg-secondary);overflow:auto}.map-grid{display:grid;gap:1px}.map-cell{width:100%;aspect-ratio:1;background:var(--bg-primary);display:flex;align-items:center;justify-content:center;cursor:pointer;min-width:18px;min-height:18px;transition:background .15s}.map-cell:hover{background:var(--bg-hover)}.map-cell.own{background:#10b98126}.map-cell.enemy{background:#dc26261a}.map-cell.selected{background:#f0b23240;outline:2px solid var(--gold)}.cell-dot{width:6px;height:6px;border-radius:50%}.map-cell.own .cell-dot{background:var(--green)}.map-cell.enemy .cell-dot{background:var(--red)}.map-legend{display:flex;gap:1rem;margin-top:.5rem;font-size:.8rem;color:var(--text-muted);align-items:center}.legend-dot{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:.3rem;vertical-align:middle}.legend-dot.own{background:var(--green)}.legend-dot.enemy{background:var(--red)}.legend-dot.empty{background:var(--bg-primary);border:1px solid var(--border)}.map-movement-dot{position:absolute;width:8px;height:8px;border-radius:50%;z-index:10;pointer-events:auto;cursor:help;animation:movementPulse 1.5s infinite}.map-movement-dot.attack{background:#ef4444;box-shadow:0 0 6px #ef4444}.map-movement-dot.espionage{background:#8b5cf6;box-shadow:0 0 6px #8b5cf6}.map-movement-dot.transfer{background:#f59e0b;box-shadow:0 0 6px #f59e0b}@keyframes movementPulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.3);opacity:.7}}.watch-btn{display:inline-flex;align-items:center;gap:.3rem;background:var(--bg-secondary);border:1px solid var(--gold-dark);color:var(--gold);padding:.4rem .8rem;border-radius:8px;cursor:pointer;font-size:.85rem;transition:all .15s}.watch-btn:hover{background:var(--glow-gold);border-color:var(--gold)}.watch-btn:disabled{opacity:.5;cursor:not-allowed}.map-movement-tooltip{position:absolute;bottom:100%;left:50%;transform:translate(-50%);background:var(--bg-primary);border:1px solid var(--border);border-radius:6px;padding:.3rem .5rem;font-size:.7rem;white-space:nowrap;z-index:20;color:var(--text-primary);pointer-events:none}.attack-panel{margin-top:1rem}.attack-units{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:.5rem;margin:.5rem 0}.attack-unit-row{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.attack-unit-row label{font-size:.85rem;color:#5a4028;font-weight:500}.attack-unit-row input{width:70px;background:var(--bg-primary);border:1px solid var(--border);color:var(--text-primary);padding:.3rem;border-radius:6px;text-align:center}.attack-actions{display:flex;gap:.5rem;margin-top:.5rem}.alliance-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap}.alliance-header h2{color:#3a2614}.member-count{color:#8a7355;display:flex;align-items:center;gap:.3rem}.members-list{margin-top:.5rem}.member-row{display:flex;align-items:center;gap:.8rem;padding:.6rem .4rem;border-bottom:1px solid rgba(200,184,152,.5);transition:background .15s}.member-row:hover{background:#c8941e0f}.member-name{font-weight:600;min-width:120px;color:#3a2614}.member-date{color:#8a7355;font-size:.8rem;flex:1}.member-actions{display:flex;gap:.3rem}.alliances-list{display:grid;gap:.8rem;margin-top:1rem}.alliance-card .alliance-footer{display:flex;justify-content:space-between;align-items:center;margin-top:.5rem;font-size:.85rem;color:#8a7355}.create-alliance{margin-top:1rem;max-width:500px}.alliance-chat{margin-top:.5rem}.alliance-chat h3{display:flex;align-items:center;gap:.4rem;color:#5a3a1a;margin-bottom:.5rem}.chat-messages{max-height:400px;overflow-y:auto;padding:.5rem;background:#fffaeb80;border:1px solid #c8b898;border-radius:8px;margin-bottom:.5rem;min-height:200px}.chat-msg{display:flex;align-items:baseline;gap:.5rem;padding:.3rem .4rem;border-radius:6px;transition:background .15s;flex-wrap:wrap}.chat-msg:hover{background:#c8941e0f}.chat-msg-own{background:#c8941e14}.chat-msg-user{font-weight:700;color:#8a5a2a;font-size:.85rem;white-space:nowrap}.chat-msg-text{color:#3a2614;font-size:.9rem;word-break:break-word;flex:1}.chat-msg-time{color:#8a7355;font-size:.7rem;white-space:nowrap;margin-left:auto}.chat-input-bar{display:flex;gap:.4rem}.chat-input-bar input{flex:1;padding:.6rem .8rem;background:#fffaebb3;border:1px solid #c8b898;border-radius:8px;color:#3a2614;font-size:.9rem}.chat-input-bar input:focus{outline:none;border-color:#c8941e;box-shadow:0 0 0 3px #c8941e33}.food-cost-tag{display:inline-flex;align-items:center;gap:.3rem;padding:.15rem .5rem;border-radius:6px;font-size:.8rem;font-weight:600;background:#b453091a;color:#92400e;border:1px solid rgba(180,83,9,.2)}.message-list{margin-top:.5rem}.message-row{display:flex;gap:1rem;padding:.7rem .8rem;border-bottom:1px solid var(--border);cursor:pointer;transition:all .15s;border-radius:4px}.message-row:hover{background:var(--bg-hover)}.message-row.unread{background:#f0b2320a;border-left:2px solid var(--gold)}.message-row.unread .msg-subject{color:var(--gold);font-weight:600}.msg-sender{min-width:120px;color:var(--text-secondary);font-size:.9rem;font-weight:500}.msg-subject{flex:1;color:var(--text-primary);font-size:.9rem}.msg-date{color:var(--text-muted);font-size:.8rem;white-space:nowrap}.card-inner .message-row{border-bottom-color:#c8b89880}.card-inner .message-row:hover{background:#c8941e14}.card-inner .message-row.unread{background:#c8941e14;border-left:2px solid #c8941e}.card-inner .message-row.unread .msg-subject{color:#8a5a2a}.card-inner .msg-sender{color:#6b5438}.card-inner .msg-subject{color:#3a2614}.card-inner .msg-date{color:#8a7355}.msg-delete-btn{opacity:0;transition:opacity .15s;flex-shrink:0}.message-row:hover .msg-delete-btn{opacity:1}.compose-form{margin-top:.5rem;max-width:600px}.message-view{margin-top:.5rem}.message-view>.card-inner .message-meta{color:#8a7355;border-bottom:1px solid #c8b898}.message-meta{display:flex;justify-content:space-between;color:var(--text-muted);font-size:.85rem;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid var(--border)}.message-body{margin-bottom:1rem;line-height:1.7;color:#3a2614}.report-line{padding:.1rem 0}.report-line-header{color:var(--gold);font-weight:700;font-size:.95rem;padding:.3rem 0 .1rem;border-bottom:1px solid rgba(240,178,50,.2);margin-bottom:.2rem}.report-line-result{font-weight:700;font-size:1rem;padding:.2rem 0}.message-actions{display:flex;gap:.5rem}.admin-layout{display:flex;min-height:100vh}.admin-sidebar{width:220px;background:var(--bg-secondary);border-right:1px solid var(--border);padding:1.5rem 1rem;flex-shrink:0}.admin-sidebar h2{color:var(--gold);font-size:1.2rem;margin-bottom:1.5rem}.admin-sidebar nav{display:flex;flex-direction:column;gap:.3rem}.admin-back{display:flex;align-items:center;gap:.3rem;color:var(--text-muted);margin-bottom:1.5rem;font-size:.85rem}.admin-back:hover{color:var(--gold)}.admin-nav-link{display:flex;align-items:center;gap:.5rem;padding:.6rem .8rem;border-radius:8px;color:var(--text-secondary);font-size:.9rem;transition:all .2s}.admin-nav-link:hover{background:var(--bg-hover);color:var(--text-primary)}.admin-nav-link.active{background:var(--glow-gold);color:var(--gold)}.admin-content{flex:1;padding:1.5rem;overflow-x:auto}.stats-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1rem;margin-top:1.5rem}.stat-card{border-radius:8px}.stat-card>.card-inner{display:flex;align-items:center;gap:1rem}.stat-value{font-size:1.8rem;font-weight:800;color:#3a2614}.stat-label{color:#8a7355;font-size:.85rem}.admin-table-container{overflow-x:auto;margin-top:1rem}.admin-table{width:100%;border-collapse:collapse;background:transparent;border:none;border-radius:0}.admin-table th{text-align:left;padding:.7rem .8rem;background:#5a3a1a1a;color:#5a3a1a;font-size:.75rem;text-transform:uppercase;letter-spacing:.5px;font-weight:700;border-bottom:2px solid #c8b898}.admin-table td{padding:.6rem .8rem;border-bottom:1px solid rgba(200,184,152,.5);font-size:.9rem;color:#3a2614}.admin-table tr:hover td{background:#c8941e14}.admin-table tr.banned td{opacity:.5}.admin-table .actions{display:flex;gap:.3rem}.lang-toggle{display:inline-flex;align-items:center;gap:.3rem;background:var(--bg-primary);border:1px solid var(--border);color:var(--gold);padding:.25rem .6rem;border-radius:6px;cursor:pointer;font-size:.8rem;font-weight:700;transition:all .2s;letter-spacing:.02em}.lang-toggle:hover{border-color:var(--gold);background:var(--glow-gold)}.lang-toggle select{background:transparent;border:none;color:inherit;font-size:inherit;font-weight:inherit;cursor:pointer;padding:0}.lang-toggle select option{background:var(--bg-card);color:var(--text-primary)}.auth-lang{position:absolute;top:1.5rem;right:1.5rem}.map-container-v2{border:1px solid var(--border);border-radius:12px;padding:4px;background:var(--bg-secondary);overflow:auto}.map-axis-row{display:grid;gap:1px;margin-bottom:1px}.map-axis-corner{background:transparent}.map-axis-col{display:flex;align-items:center;justify-content:center;font-size:.55rem;color:var(--text-muted);background:transparent;padding:2px 0;overflow:hidden;text-overflow:ellipsis}.map-axis-row-label{display:flex;align-items:center;justify-content:center;font-size:.55rem;color:var(--text-muted);background:transparent;padding:0 2px;min-width:28px}.map-body{display:grid;gap:1px}.map-cell-v2{width:100%;aspect-ratio:1;background:var(--bg-primary);display:flex;align-items:center;justify-content:center;cursor:pointer;min-width:18px;min-height:18px;transition:all .15s;border-radius:2px}.map-cell-v2:hover{background:var(--bg-hover);box-shadow:inset 0 0 0 1px var(--border-light)}.map-cell-v2.own{background:#10b9811f}.map-cell-v2.enemy{background:#dc262614}.map-cell-v2.selected{background:#f0b23240;outline:2px solid var(--gold);outline-offset:-1px}.cell-village{display:flex;align-items:center;justify-content:center;border-radius:2px;padding:1px}.cell-village.own{color:var(--green-light);filter:drop-shadow(0 0 3px rgba(16,185,129,.5))}.cell-village.enemy{color:var(--red-light);filter:drop-shadow(0 0 3px rgba(220,38,38,.5))}.map-tooltip{position:fixed;z-index:200;background:linear-gradient(145deg,var(--bg-card),#1e140c);border:1px solid var(--gold-dark);border-radius:8px;padding:.6rem .8rem;box-shadow:0 8px 32px #0009,0 0 16px var(--glow-gold);pointer-events:none;font-size:.8rem;max-width:200px}.tooltip-name{color:var(--gold);font-weight:700;margin-bottom:.2rem}.tooltip-owner{color:var(--text-secondary)}.tooltip-coords{color:var(--text-muted);font-size:.75rem}.tooltip-alliance{color:var(--cyan);font-size:.75rem;margin-top:.15rem;font-weight:600}.legend-icon{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;border-radius:4px;margin-right:.3rem;vertical-align:middle}.legend-icon.own{color:var(--green-light);background:#10b98126}.legend-icon.enemy{color:var(--red-light);background:#dc262626}.attack-panel-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.attack-panel-header h3{margin-bottom:0}.leaderboard-page h1{margin-bottom:.5rem}.lb-table-wrap{overflow-x:auto;margin-top:.5rem;border:none;border-radius:0;background:transparent}.lb-table{width:100%;border-collapse:collapse}.lb-table th{text-align:left;padding:.7rem 1rem;background:#5a3a1a1a;color:#5a3a1a;font-size:.75rem;text-transform:uppercase;letter-spacing:.5px;font-weight:700;border-bottom:2px solid #c8b898}.lb-table td{padding:.6rem 1rem;border-bottom:1px solid rgba(200,184,152,.5);font-size:.9rem;color:#3a2614}.lb-table tbody tr{transition:background .15s}.lb-table tbody tr:hover td{background:#c8941e14}.lb-table tbody tr:last-child td{border-bottom:none}.lb-rank{font-weight:700;color:#8a7355;width:50px}.lb-name{font-weight:600;color:#3a2614}.lb-alliance{color:#5a7a3a;font-weight:600;font-size:.85rem}.lb-score{font-weight:700;color:#8a5a2a;text-align:right}.lb-top-1 td{background:#f0b23214}.lb-top-2 td{background:#c0c0c00f}.lb-top-3 td{background:#cd7f320f}.trophy-1{color:var(--gold);filter:drop-shadow(0 0 4px rgba(240,178,50,.5))}.trophy-2{color:silver;filter:drop-shadow(0 0 4px rgba(192,192,192,.4))}.trophy-3{color:#cd7f32;filter:drop-shadow(0 0 4px rgba(205,127,50,.4))}.lb-pagination{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-top:1rem;padding:.5rem 0}.lb-page-info{font-size:.85rem;color:var(--text-secondary);font-weight:600;min-width:100px;text-align:center}.pop-bar{display:flex;align-items:center;gap:.4rem;color:var(--text-secondary);font-size:.9rem;font-weight:600;padding:.4rem .8rem;margin-bottom:.8rem;background:#ffffff08;border:1px solid var(--border);border-radius:8px;width:fit-content}.pop-bar svg{color:var(--cyan)}.cost-pop{color:var(--cyan)!important}.success-msg{background:#10b9811a;border:1px solid rgba(16,185,129,.3);color:var(--green-light);padding:.7rem 1rem;border-radius:8px;margin-bottom:1rem;font-size:.9rem;font-weight:500}.unit-locked{opacity:.5;filter:grayscale(.4)}.unit-locked .card-graphic-showcase{opacity:.6}.lock-icon{color:#8b7355}.locked-notice{margin-bottom:1rem;border-radius:8px}.locked-notice>.card-inner{display:flex;align-items:center;gap:.6rem;color:#6b5438;font-size:.95rem;font-weight:500}.locked-notice svg{color:#8a3030}.friends-page h1{margin-bottom:1rem}.friend-add-form{margin-bottom:1.2rem;max-width:500px}.friend-add-form h3{margin-bottom:.5rem}.friends-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:.8rem}.friend-card{transition:border-color .2s;border-radius:8px}.friend-card:hover{border-color:#c8941e}.friend-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.4rem}.friend-info{display:flex;align-items:center;gap:.5rem}.friend-name{font-size:1rem;color:#3a2614}.friend-alliance{color:#5a7a3a;font-weight:600;font-size:.85rem}.friend-villages{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.3rem}.friend-village{display:inline-flex;align-items:center;gap:.25rem;padding:.15rem .5rem;border-radius:4px;background:#5a3a1a14;font-size:.8rem;color:#6b5438;cursor:pointer;transition:all .2s}.friend-village:hover{color:#c8941e;background:#c8941e1f}.online-dot{vertical-align:middle}.online-dot.online{color:var(--green)!important}.online-dot.offline{color:var(--text-muted)!important}.player-results{margin-bottom:1rem;max-width:600px}.player-result-row{display:flex;align-items:center;gap:.6rem;padding:.5rem 0;border-bottom:1px solid var(--border);font-size:.85rem}.player-result-row:last-child{border-bottom:none}.pr-name{font-weight:600;color:var(--text-primary);min-width:100px}.pr-village{color:var(--text-secondary);flex:1}.pr-alliance{color:var(--cyan);font-weight:600;font-size:.8rem}.pr-actions{display:flex;gap:.3rem;margin-left:auto}.friend-toast{margin-top:.5rem;padding:.4rem .8rem;background:#10b9811a;border:1px solid rgba(16,185,129,.3);color:var(--green-light);border-radius:6px;font-size:.8rem;font-weight:500}.production-info{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;padding:.35rem .6rem;margin-bottom:.5rem;background:#10b9810f;border:1px solid rgba(16,185,129,.15);border-radius:6px;font-size:.8rem;font-weight:600}.prod-current{display:flex;align-items:center;gap:.3rem;color:var(--green-light)}.prod-next{color:var(--gold);font-weight:700}.prod-next-only{display:flex;align-items:center;gap:.3rem;color:var(--text-secondary)}.research-effects{display:flex;flex-direction:column;gap:.2rem;padding:.3rem .5rem;margin-bottom:.4rem;background:#7c3aed0f;border:1px solid rgba(124,58,237,.15);border-radius:4px;font-size:.75rem}.effect-current{display:flex;align-items:center;gap:.3rem;color:#6d28d9;font-weight:600}.effect-next{color:#92400e;font-weight:600;padding-left:.3rem}.unit-train-section{margin-top:.4rem}.unit-train-section .cost-items{margin-bottom:.4rem}.unit-train-controls{display:flex;gap:.4rem;align-items:center}.unit-train-controls input[type=number]{width:60px;background:#fffaebb3;border:1px solid #a0845a;color:#3a2614;padding:.3rem .4rem;border-radius:4px;text-align:center;font-size:.82rem;transition:border-color .2s}.unit-train-controls input:focus{border-color:#c8941e;outline:none;box-shadow:0 0 0 2px #c8941e40}.unit-train-controls .btn-upgrade{flex:1;justify-content:center}.res-cost-item{position:relative;cursor:default;display:inline-flex;align-items:center;gap:.2rem}.cost-tooltip{position:absolute;bottom:100%;left:50%;transform:translate(-50%);background:var(--bg-secondary);border:1px solid var(--border);border-radius:6px;padding:.35rem .5rem;white-space:nowrap;font-size:.75rem;z-index:100;pointer-events:none;display:flex;flex-direction:column;gap:.15rem;align-items:center;box-shadow:0 4px 12px #0000004d;margin-bottom:4px}.cost-tooltip-time{color:var(--gold);font-weight:700}.cost-tooltip-never{color:var(--red-light)}.upgrade-timer{display:flex;align-items:center;gap:.4rem;flex-wrap:wrap}.timer-countdown{margin-left:auto;font-weight:700;font-size:.95rem;color:#92400e;background:#c8941e26;padding:.15rem .5rem;border-radius:4px}.countdown-with-progress{display:flex;align-items:center;gap:.5rem;width:100%}.countdown-progress-track{flex:1;height:6px;background:#4a352040;border-radius:3px;overflow:hidden;min-width:60px}.countdown-progress-fill{height:100%;border-radius:3px;transition:width 1s linear;background:linear-gradient(90deg,#8b6914,#c8941e);box-shadow:0 0 6px #c8941e4d}.countdown-progress-pct{font-size:.7rem;color:#6b5438;min-width:32px;text-align:right}.countdown-progress-reversed .countdown-progress-fill{margin-left:auto}.upgrade-timer .timer-countdown{flex-basis:100%}.version-tag{color:var(--text-muted);font-size:.7rem;font-weight:500;opacity:.6}.admin-manage{padding:1rem}.admin-manage h1{margin-bottom:1rem;display:flex;align-items:center;gap:.5rem}.admin-manage-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}@media(max-width:768px){.admin-manage-grid{grid-template-columns:1fr}}.admin-card{border-radius:8px}.admin-card h3{margin-bottom:.75rem;display:flex;align-items:center;gap:.4rem;font-size:.95rem;color:#5a3a1a}.admin-card .form-row{display:flex;gap:.5rem;align-items:center;margin-bottom:.5rem;flex-wrap:wrap}.admin-card label{font-size:.8rem;color:#5a4028;min-width:50px}.admin-card input,.admin-card select{background:#fffaebb3;border:1px solid #c8b898;color:#3a2614;padding:.35rem .5rem;border-radius:6px;font-size:.85rem;flex:1;min-width:70px}.admin-card input:focus,.admin-card select:focus{border-color:#c8941e;outline:none;box-shadow:0 0 0 2px #c8941e33}.admin-card .btn{margin-top:.5rem}.admin-success{color:#1a6a3a;font-size:.8rem;margin-top:.3rem}.admin-error{color:#8a2020;font-size:.8rem;margin-top:.3rem}.admin-village-select{margin-bottom:1rem;display:flex;gap:.5rem;align-items:center;flex-wrap:wrap}.admin-village-select select{background:var(--bg-primary);border:1px solid var(--border);color:var(--text-primary);padding:.4rem .6rem;border-radius:6px;font-size:.85rem}.admin-village-select select:focus{border-color:var(--gold);outline:none}.admin-bots{padding:1rem}.admin-bots h1{margin-bottom:1rem;display:flex;align-items:center;gap:.5rem}.bot-stats-row{display:grid;grid-template-columns:repeat(4,1fr);gap:.75rem;margin-bottom:1.5rem}.bot-stat-card{border-radius:8px}.bot-stat-card>.card-inner{display:flex;align-items:center;gap:.75rem}.bot-stat-card .bot-stat-value{font-size:1.5rem;font-weight:800;color:#3a2614}.bot-stat-card .bot-stat-label{color:#8a7355;font-size:.8rem}.bot-stat-weak{border-left-color:#22c55e;color:#22c55e}.bot-stat-medium{border-left-color:#f59e0b;color:#f59e0b}.bot-stat-strong{border-left-color:#ef4444;color:#ef4444}.bot-create-panel{border-radius:8px;margin-bottom:1.5rem}.bot-create-panel h3{margin-bottom:.75rem;display:flex;align-items:center;gap:.4rem;font-size:.95rem;color:#5a3a1a}.bot-create-form{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.bot-strength-selector{display:flex;gap:.4rem}.bot-strength-btn{display:flex;align-items:center;gap:.3rem;padding:.45rem .9rem;border-radius:6px;font-size:.85rem;font-weight:600;background:#fffaebb3;border:1px solid #c8b898;color:#6b5438;cursor:pointer;transition:all .15s}.bot-strength-btn:hover{border-color:#a08a6a;color:#3a2614}.bot-strength-btn.weak.active{background:#22c55e26;border-color:#22c55e;color:#22c55e}.bot-strength-btn.medium.active{background:#f59e0b26;border-color:#f59e0b;color:#f59e0b}.bot-strength-btn.strong.active{background:#ef444426;border-color:#ef4444;color:#ef4444}.bot-count-input{display:flex;align-items:center;gap:.4rem}.bot-count-input label{font-size:.85rem;color:#5a4028}.bot-count-input input{width:70px;background:#fffaebb3;border:1px solid #c8b898;color:#3a2614;padding:.4rem .5rem;border-radius:6px;font-size:.85rem;text-align:center}.bot-count-input input:focus{border-color:#c8941e;outline:none}.bot-strength-desc{width:100%;font-size:.8rem;color:#8a7355;margin-top:.5rem;padding:.4rem .6rem;background:#5a3a1a0d;border-radius:4px;font-style:italic}.bot-list-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.bot-list-header h3{margin:0;font-size:.95rem}.badge-bot-weak{background:#22c55e26;color:#22c55e;border:1px solid rgba(34,197,94,.3);display:inline-flex;align-items:center;gap:.3rem}.badge-bot-medium{background:#f59e0b26;color:#f59e0b;border:1px solid rgba(245,158,11,.3);display:inline-flex;align-items:center;gap:.3rem}.badge-bot-strong{background:#ef444426;color:#ef4444;border:1px solid rgba(239,68,68,.3);display:inline-flex;align-items:center;gap:.3rem}.strength-icon{flex-shrink:0}@media(max-width:768px){.bot-stats-row{grid-template-columns:repeat(2,1fr)}.bot-create-form{flex-direction:column;align-items:stretch}}.info-overlay{position:fixed;inset:0;z-index:300;background:#0009;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;animation:fadeIn .15s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.info-modal{background:linear-gradient(145deg,var(--bg-card),#1e140c);border:1px solid var(--gold-dark);border-radius:12px;padding:0;width:90%;max-width:440px;box-shadow:0 16px 48px #0009,0 0 24px var(--glow-gold);max-height:80vh;display:flex;flex-direction:column}.info-modal-header{display:flex;justify-content:space-between;align-items:center;padding:.8rem 1rem;border-bottom:1px solid var(--border)}.info-modal-header h3{display:flex;align-items:center;gap:.4rem;color:var(--gold);font-size:1rem;margin:0}.info-modal-body{padding:1rem;overflow-y:auto;font-size:.85rem;display:flex;flex-direction:column;gap:.6rem}.info-section{display:flex;flex-direction:column;gap:.3rem}.info-section-title{color:var(--gold);font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--border);padding-bottom:.2rem}.info-row{display:flex;justify-content:space-between;align-items:center;padding:.15rem 0;color:var(--text-secondary)}.info-row .info-label{color:var(--text-muted)}.info-row .info-value{color:var(--text-primary);font-weight:600}.info-row .info-value.gold{color:var(--gold)}.info-row .info-value.green{color:var(--green-light)}.info-row .info-value.red{color:var(--red-light)}.info-desc{color:var(--text-secondary);line-height:1.5;font-size:.83rem}.info-btn{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;background:#ffffff0d;border:1px solid var(--border);color:var(--text-muted);cursor:pointer;transition:all .2s;flex-shrink:0}.info-btn:hover{border-color:var(--gold);color:var(--gold);background:var(--glow-gold)}.attack-bar{background:linear-gradient(180deg,#1a1210,#140e0c);border-bottom:1px solid rgba(220,38,38,.3);font-size:.8rem;position:sticky;top:52px;z-index:98}.attack-bar-summary{display:flex;justify-content:space-between;align-items:center;padding:.35rem 1rem;cursor:pointer;transition:background .15s}.attack-bar-summary:hover{background:#ffffff08}.attack-bar-items{display:flex;gap:1rem;flex-wrap:wrap}.attack-bar-alert{display:flex;align-items:center;gap:.35rem;font-weight:600}.attack-bar-alert.incoming{color:var(--red-light)}.attack-bar-alert.outgoing{color:var(--blue-light)}.attack-bar-timer{color:var(--gold);font-weight:700;margin-left:.3rem}.attack-bar-actions{display:flex;align-items:center;gap:.3rem;color:var(--text-muted)}.attack-bar-details{border-top:1px solid var(--border);padding:.3rem 1rem;display:flex;flex-direction:column;gap:.25rem}.attack-bar-row{display:flex;flex-direction:column;gap:.2rem;padding:.3rem 0;font-size:.78rem}.attack-bar-row-header{display:flex;align-items:center;gap:.4rem;flex-wrap:wrap}.attack-bar-progress{width:100%}.attack-bar-progress .countdown-with-progress{font-size:.75rem}.attack-bar-progress .countdown-progress-track{height:4px}.attack-bar-row.incoming{color:var(--red-light)}.attack-bar-row.outgoing{color:var(--blue-light)}.attack-bar-units{display:flex;gap:.3rem;font-size:.7rem;color:var(--text-muted)}.attack-bar-units span{background:#ffffff0d;padding:.05rem .3rem;border-radius:3px}.attack-bar-recall{padding:.15rem .3rem!important;font-size:.7rem!important}.report-bar{background:linear-gradient(180deg,#1e140c,#1a120a);border-bottom:1px solid rgba(200,148,30,.25);font-size:.8rem;position:sticky;top:52px;z-index:97}.attack-bar+.report-bar{top:auto}.report-bar-summary{display:flex;justify-content:space-between;align-items:center;padding:.35rem 1rem;cursor:pointer;transition:background .15s}.report-bar-summary:hover{background:#ffffff08}.report-bar-items{display:flex;gap:1rem;flex-wrap:wrap}.report-bar-alert{display:flex;align-items:center;gap:.35rem;font-weight:600;color:var(--gold)}.report-bar-time{display:inline-flex;align-items:center;gap:.2rem;color:var(--text-muted);font-weight:400;font-size:.75rem;margin-left:.3rem}.report-bar-actions{display:flex;align-items:center;gap:.3rem;color:var(--text-muted)}.report-bar-details{border-top:1px solid var(--border);padding:.3rem .5rem;display:flex;flex-direction:column;gap:2px}.report-bar-row{display:flex;align-items:center;gap:.5rem;padding:.35rem .5rem;font-size:.78rem;border-radius:4px;text-decoration:none;color:var(--text-secondary);transition:background .12s;border-left:3px solid transparent}.report-bar-row:hover{background:#ffffff0a}.report-bar-unread{color:var(--text-primary);font-weight:600}.report-bar-row-icon{flex-shrink:0;width:22px;height:22px;display:flex;align-items:center;justify-content:center;border-radius:4px;background:#ffffff0f}.report-bar-row-content{flex:1;display:flex;justify-content:space-between;align-items:center;gap:.5rem;min-width:0}.report-bar-subject{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.report-bar-timestamp{flex-shrink:0;font-size:.7rem;color:var(--text-muted)}.report-bar-dot{flex-shrink:0;width:6px;height:6px;border-radius:50%;background:var(--gold)}.report-bar-victory{border-left-color:#22c55e}.report-bar-victory .report-bar-row-icon{color:#22c55e;background:#22c55e1f}.report-bar-defeat{border-left-color:#ef4444}.report-bar-defeat .report-bar-row-icon{color:#ef4444;background:#ef44441f}.report-bar-espionage{border-left-color:#8b5cf6}.report-bar-espionage .report-bar-row-icon{color:#8b5cf6;background:#8b5cf61f}.report-bar-support{border-left-color:#3b82f6}.report-bar-support .report-bar-row-icon{color:#3b82f6;background:#3b82f61f}.report-bar-neutral{border-left-color:#64748b}.report-bar-neutral .report-bar-row-icon{color:#64748b;background:#64748b1f}.report-bar-colonization{border-left-color:#f59e0b}.report-bar-colonization .report-bar-row-icon{color:#f59e0b;background:#f59e0b1f}.report-bar-battle{border-left-color:#ef4444}.report-bar-battle .report-bar-row-icon{color:#ef4444;background:#ef44441f}.report-bar-viewall{display:block;text-align:center;padding:.4rem;font-size:.75rem;color:var(--gold);text-decoration:none;border-top:1px solid var(--border);margin-top:2px;transition:color .12s}.report-bar-viewall:hover{color:var(--gold-light, #fbbf24)}.attack-card-header{display:flex;justify-content:space-between;align-items:center}.attack-units-preview{display:flex;flex-wrap:wrap;gap:.3rem;margin-top:.3rem}.attack-unit-tag{display:inline-flex;align-items:center;gap:.2rem;background:#5a40281a;padding:.1rem .4rem;border-radius:4px;font-size:.75rem;color:#5a4028;font-weight:500}.attack-select-actions{display:flex;align-items:center;gap:.4rem;margin:.5rem 0}.attack-select-actions .btn-sm{display:inline-flex;align-items:center;gap:.2rem;font-size:.75rem}.attack-total{color:#8a5a2a;font-weight:700;font-size:.8rem;margin-left:auto}.btn-cancel{display:inline-flex;align-items:center;gap:.2rem;background:#dc26261a;border:1px solid #dc2626;color:#991b1b;border-radius:4px;padding:.2rem .5rem;font-size:.7rem;cursor:pointer;transition:all .2s;margin-left:.5rem}.btn-cancel:hover{background:#dc262633;color:#dc2626}.btn-icon{background:none;border:1px solid var(--border);color:var(--text-secondary);border-radius:4px;padding:.2rem .4rem;cursor:pointer;transition:all .2s}.btn-icon:hover{border-color:var(--gold);color:var(--gold)}.attack-timing{display:flex;align-items:center;gap:.5rem;margin:.3rem 0;font-size:.85rem;color:#5a4028}.attack-timer{display:inline-flex;align-items:center;gap:.3rem}.attack-timer-label{display:inline-flex;align-items:center;gap:.3rem;white-space:nowrap;font-weight:600}.attack-card.recalled{border-left:3px solid var(--gold-dark);opacity:.8}.badge-warning{background:#b4530926;color:#92400e;font-size:.7rem;padding:.1rem .4rem;border-radius:3px;margin-left:.5rem}.lb-actions{display:flex;gap:.3rem}.map-cell-v2.empty-cell:hover{background:#10b9811a;cursor:pointer}.defense-notice{display:flex;align-items:center;gap:.5rem;padding:.75rem;background:#3b82f61a;border:1px solid rgba(59,130,246,.2);border-radius:8px;color:var(--blue-light);font-size:.85rem;margin-bottom:1rem}.unit-card.defense-unit{border-left:4px solid #3b82f6}.unit-card.defense-unit:hover{box-shadow:0 8px 32px #0009,inset 0 1px #6495ed26,0 0 20px #6495ed14}.badge-info{background:var(--blue);color:#fff;font-size:.7rem;padding:.1rem .4rem;border-radius:4px;margin-left:.5rem}.mil-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:.75rem;margin-top:.75rem}.mil-card{background:linear-gradient(175deg,#f5e6c8,#e8d4a8,#dcc99a 70%,#d4bf8e);border:2px solid #a08660;border-radius:8px;padding:.75rem;transition:all .2s ease;box-shadow:0 2px 8px #00000040}.mil-card:hover{border-color:#c8941e;box-shadow:0 4px 16px #0000004d,0 0 12px #c8941e1a;transform:translateY(-1px)}.mil-card-training{border-color:#c8941e;box-shadow:0 0 16px #c8941e33,0 2px 8px #00000040}.mil-card-defense{border-left:4px solid #3b82f6}.mil-card-locked{opacity:.55;filter:grayscale(.3)}.mil-card-header{display:flex;align-items:center;gap:.6rem}.mil-card-img{flex-shrink:0;width:56px;height:56px;display:flex;align-items:center;justify-content:center}.mil-card-img .game-graphic{filter:drop-shadow(0 2px 4px rgba(0,0,0,.25))}.mil-card-title{flex:1;min-width:0}.mil-card-title h3{font-size:.88rem;font-weight:800;color:#3a2614;margin:0;text-transform:uppercase;letter-spacing:.04em;display:flex;align-items:center;gap:.3rem;line-height:1.2}.mil-card-stats{display:flex;gap:.3rem;margin-top:.25rem;flex-wrap:wrap}.mil-card-stats span{font-size:.68rem;font-weight:600;color:#5a4430;padding:.08rem .35rem;border-radius:3px;background:#4a352014;border:1px solid rgba(74,53,32,.12);white-space:nowrap}.mil-card-count{flex-shrink:0;background:linear-gradient(135deg,#8b6914,#c8941e);color:#fff;font-size:.85rem;font-weight:800;min-width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:6px;box-shadow:0 2px 6px #00000040;text-shadow:0 1px 2px rgba(0,0,0,.3);padding:0 .4rem}.mil-card-lock{flex-shrink:0;color:#8a7355}.mil-card-timer{display:flex;align-items:center;gap:.4rem;flex-wrap:wrap;margin-top:.6rem;padding-top:.6rem;border-top:1px solid rgba(74,53,32,.15);font-size:.82rem;color:#5a4430;font-weight:600}.mil-card-timer .countdown-with-progress{flex:1}.mil-card-train{margin-top:.6rem;padding-top:.6rem;border-top:1px solid rgba(74,53,32,.15)}.mil-card-costs{display:flex;flex-wrap:wrap;gap:.35rem;font-size:.78rem;color:#4a3520;margin-bottom:.5rem}.mil-card-costs>span{padding:.15rem .45rem;border-radius:4px;background:#4a35200f;border:1px solid rgba(74,53,32,.12)}.mil-card-actions{display:flex;gap:.4rem;align-items:center}.mil-card-actions input[type=number]{width:60px;background:#fffaebb3;border:1px solid #a0845a;color:#3a2614;padding:.3rem .4rem;border-radius:4px;text-align:center;font-size:.82rem;transition:border-color .2s}.mil-card-actions input:focus{border-color:#c8941e;outline:none;box-shadow:0 0 0 2px #c8941e40}.mil-card-actions .btn-upgrade{flex:1;justify-content:center}.mil-card-req{display:flex;align-items:center;gap:.3rem;margin-top:.5rem;padding-top:.5rem;border-top:1px solid rgba(74,53,32,.1);font-size:.75rem;font-weight:600;color:#b83030}@media(max-width:600px){.mil-grid{grid-template-columns:1fr}}.map-mode-toggle{display:flex;gap:.5rem;margin:.75rem 0}.transfer-desc{font-size:.85rem;color:var(--text-secondary);margin:.5rem 0}.transfer-inputs{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;margin:.5rem 0}.transfer-inputs .form-row{display:flex;align-items:center;gap:.3rem}.transfer-inputs label{font-size:.8rem;display:flex;align-items:center;gap:.2rem;min-width:60px}.transfer-inputs input{width:80px;padding:.3rem;background:var(--bg-secondary);border:1px solid var(--border);border-radius:4px;color:var(--text-primary);font-size:.85rem}.transfer-resources{display:flex;gap:.5rem;flex-wrap:wrap;font-size:.8rem;color:var(--text-secondary);margin:.3rem 0}.movement-progress-wrap{display:flex;align-items:center;gap:.5rem;margin:.3rem 0}.movement-progress-track{flex:1;height:6px;background:var(--bg-secondary);border-radius:3px;overflow:hidden}.movement-progress-fill{height:100%;border-radius:3px;transition:width 1s linear}.movement-progress-pct{font-size:.7rem;color:var(--text-muted);min-width:32px;text-align:right}.badge-sm{font-size:.65rem;padding:.1rem .35rem;border-radius:3px;font-weight:600;display:inline-flex;align-items:center}.badge-sm.badge-attack{background:#ef444433;color:#ef4444}.badge-sm.badge-espionage{background:#a855f733;color:#a855f7}.badge-sm.badge-colonization{background:#22c55e33;color:#22c55e}.badge-sm.badge-support,.badge-sm.badge-defensivesupport{background:#3b82f633;color:#3b82f6}.badge-sm.badge-deployment{background:#8b5cf633;color:#a78bfa}.badge-sm.badge-transfer{background:#3b82f633;color:#60a5fa}.attack-bar-alert.transfer{color:var(--blue-light)}.attack-bar-row.transfer{border-left-color:var(--blue)}.badge-attack{background:#b91c1c26;color:#b91c1c;font-size:.7rem;padding:.15rem .5rem;border-radius:4px;display:inline-flex;align-items:center;gap:.2rem}.badge-espionage{background:#7c3aed26;color:#7c3aed;font-size:.7rem;padding:.15rem .5rem;border-radius:4px;display:inline-flex;align-items:center;gap:.2rem}.badge-colonization{background:#15803d26;color:#15803d;font-size:.7rem;padding:.15rem .5rem;border-radius:4px;display:inline-flex;align-items:center;gap:.2rem}.badge-support,.badge-defensivesupport{background:#1d4ed826;color:#1d4ed8;font-size:.7rem;padding:.15rem .5rem;border-radius:4px;display:inline-flex;align-items:center;gap:.2rem}.badge-deployment{background:#7c3aed26;color:#7c3aed;font-size:.7rem;padding:.15rem .5rem;border-radius:4px;display:inline-flex;align-items:center;gap:.2rem}.badge-exploration{background:#b4530926;color:#b45309;font-size:.7rem;padding:.15rem .5rem;border-radius:4px;display:inline-flex;align-items:center;gap:.2rem}.badge-battle{background:#b91c1c1f;color:#b91c1c;font-size:.7rem;padding:.1rem .4rem;border-radius:4px;display:inline-flex;align-items:center;gap:.2rem}.attack-coords{font-size:.75rem;color:#6b5438}.report-header-left{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.report-detail{margin:.75rem 0}.report-section{margin:.5rem 0}.report-section h5{font-size:.8rem;color:var(--text-secondary);margin-bottom:.3rem;display:flex;align-items:center;gap:.3rem}.report-grid{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.report-col h5{font-size:.8rem;font-weight:600;margin-bottom:.4rem}.attack-unit-tags{display:flex;flex-wrap:wrap;gap:.3rem}.attack-unit-tag{background:var(--bg-tertiary);padding:.15rem .5rem;border-radius:4px;font-size:.75rem;display:inline-flex;align-items:center;gap:.2rem}.attack-unit-tag.lost{color:#ef4444}.spy-result{padding:.5rem;border-radius:6px;margin:.5rem 0}.spy-result.success{background:#22c55e1a;border:1px solid rgba(34,197,94,.2)}.spy-result.failed{background:#ef44441a;border:1px solid rgba(239,68,68,.2)}.spy-result h5{margin-bottom:.3rem}.spy-resources{display:flex;flex-wrap:wrap;gap:.4rem;font-size:.8rem}.spy-resources span{display:inline-flex;align-items:center;gap:.2rem}.colonize-result{padding:.5rem;border-radius:6px;margin:.5rem 0}.colonize-result.success{background:#22c55e1a;border:1px solid rgba(34,197,94,.2);color:#22c55e}.colonize-result.failed{background:#ef44441a;border:1px solid rgba(239,68,68,.2);color:#ef4444}.btn-warning{background:linear-gradient(135deg,#a855f7,#7c3aed);color:#fff;border:none;cursor:pointer}.btn-warning:hover{background:linear-gradient(135deg,#9333ea,#6d28d9)}.btn-warning:disabled{opacity:.5;cursor:not-allowed}.support-page h1,.admin-support h1{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem}.support-page h2{margin:1.5rem 0 .75rem;font-size:1.1rem}.support-form-card{margin-bottom:1.5rem}.support-section-title{display:flex;align-items:center;gap:.4rem;margin-bottom:.75rem;color:#3a2614;font-size:.95rem;text-transform:uppercase;letter-spacing:.05em;font-weight:800}.support-form-card .form-group{margin-bottom:.75rem}.support-form-card .form-group label{display:block;font-size:.75rem;color:#6b5438;margin-bottom:.3rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.support-form-card input[type=text],.support-form-card textarea{width:100%;padding:.5rem;border-radius:4px;border:2px solid #c8b898;background:#fffcf080;color:#3a2614;font-family:inherit;font-size:.85rem;resize:vertical}.support-form-card input[type=text]:focus,.support-form-card textarea:focus{outline:none;border-color:#c8941e;background:#fffcf0cc}.support-tickets-list,.admin-tickets-list{display:flex;flex-direction:column;gap:1rem}.ticket-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.4rem}.ticket-subject{display:flex;align-items:center;gap:.4rem;font-size:.95rem;color:#3a2614;font-weight:800;text-transform:uppercase;letter-spacing:.03em}.ticket-message{color:#6b5438;font-size:.82rem;line-height:1.5;margin-bottom:.5rem;white-space:pre-wrap}.ticket-meta{display:flex;align-items:center;gap:.3rem;color:#8a7355;font-size:.72rem}.ticket-user-info{font-size:.8rem;color:#8a7355;margin-bottom:.4rem}.ticket-user-info strong{color:#3a2614}.ticket-reply{margin-top:.6rem;padding:.65rem;background:#10965a0f;border:1px solid rgba(16,150,90,.2);border-radius:4px}.reply-label{font-size:.72rem;font-weight:700;color:#166534;text-transform:uppercase;letter-spacing:.5px;margin-bottom:.3rem}.reply-content{color:#3a2614;font-size:.82rem;line-height:1.5;white-space:pre-wrap}.status-open{color:#c8941e}.status-answered{color:#166534}.status-closed{color:#8a7355}.badge-open{background:linear-gradient(135deg,#c8941e,#8b6914);color:#fff}.badge-answered{background:linear-gradient(135deg,#166534,#10b981);color:#fff}.badge-closed{background:linear-gradient(135deg,#6b5438,#8a7355);color:#fff}.ticket-closed{opacity:.65}.ticket-actions{margin-top:.6rem;padding-top:.6rem;border-top:1px solid rgba(200,185,152,.3)}.ticket-btn-row{display:flex;gap:.5rem}.reply-form textarea{width:100%;padding:.5rem;border-radius:4px;border:2px solid #c8b898;background:#fffcf080;color:#3a2614;font-family:inherit;font-size:.85rem;resize:vertical;margin-bottom:.5rem}.reply-form textarea:focus{outline:none;border-color:#c8941e;background:#fffcf0cc}.reply-buttons{display:flex;gap:.5rem}.support-filters{display:flex;gap:.5rem;margin-bottom:1rem;flex-wrap:wrap}.settings-page{max-width:700px}.settings-section{margin-bottom:1rem}.settings-section h3{display:flex;align-items:center;gap:.5rem;font-size:1rem;margin-bottom:.75rem;color:#5a3a1a}.settings-section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem}.settings-section-header h3{margin-bottom:0}.settings-section-actions{display:flex;gap:.3rem}.settings-row{display:flex;align-items:center;justify-content:space-between;padding:.5rem 0;border-bottom:1px solid rgba(200,184,152,.5)}.settings-row:last-child{border-bottom:none}.settings-label{color:#6b5438;font-size:.9rem}.settings-value{color:#3a2614;font-weight:600}.settings-lang-btns{display:flex;gap:.4rem}.settings-lang-grid{display:flex;flex-wrap:wrap;gap:.4rem;padding:.5rem 0}.settings-lang-grid .btn{font-size:.8rem;padding:.3rem .6rem}.patch-notes-list{display:flex;flex-direction:column;gap:.3rem}.patch-note{border:1px solid #c8b898;border-radius:8px;overflow:hidden;background:#5a3a1a0a;transition:border-color .2s}.patch-note:hover{border-color:#a08a6a}.patch-note-latest{border-color:#c8941e}.patch-note-header{width:100%;display:flex;align-items:center;padding:.6rem .75rem;background:none;border:none;color:#3a2614;cursor:pointer;font-size:.9rem;text-align:left}.patch-note-header:hover{background:#c8941e14}.patch-note-title{display:flex;align-items:center;gap:.5rem}.patch-note-version{font-weight:700;color:#8a5a2a}.patch-note-date{color:#8a7355;font-size:.8rem}.badge-new{background:linear-gradient(135deg,var(--gold),var(--gold-dark));color:#1a1a2e;font-size:.65rem;padding:.1rem .4rem;border-radius:3px;font-weight:700;text-transform:uppercase}.patch-note-changes{padding:0 .75rem .75rem 2.2rem;margin:0;list-style:disc;color:#6b5438;font-size:.85rem}.patch-note-changes li{padding:.15rem 0;line-height:1.4}.village-name-editable{display:inline-flex;align-items:center;gap:.4rem}.btn-icon-sm{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;background:none;border:1px solid transparent;color:var(--text-muted);cursor:pointer;transition:all .2s;flex-shrink:0;padding:0}.btn-icon-sm:hover{border-color:var(--gold);color:var(--gold);background:var(--glow-gold)}.village-rename-form{display:inline-flex;align-items:center;gap:.3rem}.village-rename-input{background:var(--bg-primary);border:1px solid var(--gold);color:var(--gold);padding:.3rem .6rem;border-radius:6px;font-size:1.2rem;font-weight:700;width:240px;outline:none;box-shadow:0 0 0 3px var(--glow-gold)}.terrain-icon{font-size:.5rem;color:#ffffff1f;line-height:1;-webkit-user-select:none;user-select:none;pointer-events:none}.map-cell-v2.terrain-forest{border-color:#228b2226}.map-cell-v2.terrain-mountains{border-color:#80808026}.map-cell-v2.terrain-desert{border-color:#d2b4641a}.map-cell-v2.terrain-swamp{border-color:#0080801a}.map-cell-v2.terrain-hills{border-color:#b48c501a}.map-cell-v2.terrain-meadow{border-color:#3cb43c1a}.map-cell-v2.terrain-plains{border-color:#3c783c14}.tooltip-terrain{color:var(--green-light);font-size:.7rem;margin-top:.15rem;font-style:italic}.tooltip-terrain-name{color:var(--text-primary);font-weight:600;font-size:.8rem}.legend-swatch{display:inline-block;width:12px;height:12px;border-radius:3px;margin-right:.3rem;vertical-align:middle;border:1px solid var(--border-light)}.landing-page{min-height:100vh;overflow-x:hidden;position:relative;background:var(--bg-primary)}.landing-lang{position:fixed;top:1rem;right:1rem;z-index:100;background:#1a120ad9;border:1px solid var(--border);border-radius:8px;padding:.4rem .8rem;color:var(--text-secondary);cursor:pointer;font-size:.8rem;display:flex;align-items:center;gap:.3rem;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.landing-hero{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;text-align:center;padding:2rem;background:radial-gradient(ellipse at 50% 30%,#2a1e14,#1a120a 70%);overflow:hidden}.hero-bg-effects{position:absolute;inset:0;pointer-events:none}.hero-glow{position:absolute;border-radius:50%;filter:blur(100px);opacity:.3}.hero-glow-1{width:600px;height:600px;top:-200px;left:50%;transform:translate(-50%);background:radial-gradient(circle,rgba(240,178,50,.25),transparent 70%);animation:heroFloat 8s ease-in-out infinite}.hero-glow-2{width:400px;height:400px;bottom:-100px;right:-100px;background:radial-gradient(circle,rgba(200,148,30,.15),transparent 70%);animation:heroFloat 10s ease-in-out infinite reverse}@keyframes heroFloat{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(-30px)}}.hero-content{position:relative;z-index:2;max-width:700px}.hero-badge{display:inline-block;padding:.35rem 1rem;border-radius:20px;background:#f0b2321f;border:1px solid rgba(240,178,50,.25);color:var(--gold);font-size:.8rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase;margin-bottom:1.5rem}.hero-title{display:flex;flex-direction:column;align-items:center;margin-bottom:1.5rem}.hero-title-main{font-size:4rem;font-weight:800;color:var(--gold);line-height:1.1;letter-spacing:-.02em;text-shadow:0 0 40px rgba(240,178,50,.3),0 2px 10px rgba(0,0,0,.5)}.hero-title-sub{font-size:1.8rem;font-weight:300;color:var(--text-secondary);letter-spacing:.15em;text-transform:uppercase;margin-top:.5rem}.hero-desc{font-size:1.1rem;color:var(--text-secondary);line-height:1.7;max-width:550px;margin:0 auto 2.5rem}.hero-cta{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;margin-bottom:3rem}.btn-hero-primary{padding:1rem 2.5rem;font-size:1.1rem;font-weight:700;background:linear-gradient(135deg,var(--gold-dark),var(--gold));color:#1a120a;border:none;border-radius:12px;cursor:pointer;box-shadow:0 4px 20px #f0b2324d,0 0 40px #f0b2321a;transition:all .3s ease;text-decoration:none;display:inline-flex;align-items:center}.btn-hero-primary:hover{transform:translateY(-2px);color:#1a120a;box-shadow:0 8px 30px #f0b23266,0 0 60px #f0b23226}.btn-hero-secondary{padding:1rem 2.5rem;font-size:1.1rem;font-weight:600;background:transparent;color:var(--text-primary);border:2px solid var(--border-light);border-radius:12px;cursor:pointer;transition:all .3s ease;text-decoration:none;display:inline-flex;align-items:center}.btn-hero-secondary:hover{border-color:var(--gold);color:var(--gold);transform:translateY(-2px)}.hero-stats{display:flex;gap:2rem;justify-content:center;flex-wrap:wrap}.hero-stat{display:flex;flex-direction:column;align-items:center;gap:.2rem;min-width:70px}.hero-stat-number{font-size:2.2rem;font-weight:800;color:var(--gold);line-height:1;font-family:MedievalSharp,serif;text-shadow:0 0 16px rgba(240,178,50,.4)}.hero-stat-label{font-size:.75rem;color:var(--text-secondary);font-weight:600;text-transform:uppercase;letter-spacing:.5px}.landing-showcase{padding:3rem 0;overflow:hidden;background:linear-gradient(180deg,#1a120a,#231810,#1a120a);border-top:1px solid rgba(200,148,30,.1);border-bottom:1px solid rgba(200,148,30,.1)}.showcase-row{margin-bottom:1.5rem}.showcase-row:last-child{margin-bottom:0}.showcase-label{text-align:center;color:var(--text-muted);font-size:.7rem;text-transform:uppercase;letter-spacing:1.5px;margin-bottom:.6rem;font-weight:600}.showcase-scroll{overflow:hidden;position:relative;mask-image:linear-gradient(90deg,transparent 0%,black 10%,black 90%,transparent 100%);-webkit-mask-image:linear-gradient(90deg,transparent 0%,black 10%,black 90%,transparent 100%)}.showcase-track{display:flex;gap:1.2rem;width:max-content}.showcase-track-left{animation:scrollLeft 30s linear infinite}.showcase-track-right{animation:scrollRight 30s linear infinite}@keyframes scrollLeft{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes scrollRight{0%{transform:translate(-50%)}to{transform:translate(0)}}.showcase-img{width:72px;height:72px;object-fit:contain;border-radius:12px;border:1px solid rgba(200,148,30,.15);background:#2a1e1499;padding:6px;flex-shrink:0;transition:transform .3s,border-color .3s}.showcase-img:hover{transform:scale(1.15);border-color:var(--gold)}.landing-features{padding:5rem 2rem;max-width:1100px;margin:0 auto}.landing-section-title{text-align:center;font-size:2rem;color:var(--gold);margin-bottom:3rem;font-weight:700}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}.feature-card{border-radius:8px;text-align:center;transition:all .3s ease}.feature-card>.card-inner{padding:2rem}.feature-card:hover{border-color:#c8941e;transform:translateY(-4px);box-shadow:0 12px 40px #0000004d}.feature-icon-img{width:72px;height:72px;object-fit:contain;margin:0 auto 1rem;display:block;filter:drop-shadow(0 4px 12px rgba(0,0,0,.3))}.feature-card h3{color:#3a2614;font-size:1.15rem;margin-bottom:.5rem}.feature-card p{color:#6b5438;font-size:.9rem;line-height:1.6}.landing-fair-play{padding:4rem 2rem;background:linear-gradient(180deg,#1a120a66,#2a1e1499,#1a120a66);border-top:1px solid rgba(200,148,30,.08);border-bottom:1px solid rgba(200,148,30,.08)}.fair-play-inner{max-width:800px;margin:0 auto}.fair-play-desc{text-align:center;color:var(--text-secondary);font-size:1.05rem;line-height:1.7;margin-bottom:2.5rem;margin-top:-1.5rem;max-width:600px;margin-left:auto;margin-right:auto}.fair-play-points{display:flex;flex-direction:column;gap:1.2rem}.fair-play-point{display:flex;align-items:flex-start;gap:1rem;padding:1.2rem 1.5rem;border-radius:10px;background:#2a1e1480;border:1px solid rgba(200,148,30,.1);transition:border-color .2s,transform .2s}.fair-play-point:hover{border-color:#c8941e40;transform:translate(4px)}.fair-play-icon{font-size:1.8rem;flex-shrink:0;margin-top:.1rem;filter:grayscale(.2)}.fair-play-point h3{color:var(--gold);font-size:1rem;margin-bottom:.3rem;font-weight:700}.fair-play-point p{color:var(--text-secondary);font-size:.9rem;line-height:1.6;margin:0}.landing-languages{padding:4rem 2rem;max-width:900px;margin:0 auto}.landing-lang-subtitle{text-align:center;color:var(--text-secondary);font-size:1rem;margin-bottom:2rem;margin-top:-1.5rem}.lang-grid{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center}.lang-chip{display:flex;flex-direction:column;align-items:center;padding:.5rem .8rem;border-radius:8px;background:#2a1e1499;border:1px solid rgba(200,148,30,.12);cursor:pointer;transition:all .2s;min-width:90px;color:var(--text-secondary)}.lang-chip:hover{border-color:#c8941e66;background:#2a1e14e6;transform:translateY(-2px)}.lang-chip-active{border-color:var(--gold);background:#f0b2321a;box-shadow:0 0 12px #f0b23226}.lang-chip-active .lang-chip-native{color:var(--gold)}.lang-chip-native{font-size:.85rem;font-weight:700;color:var(--text-primary);line-height:1.2}.lang-chip-en{font-size:.65rem;color:var(--text-muted);margin-top:.1rem}.landing-cta{text-align:center;padding:5rem 2rem;background:radial-gradient(ellipse at 50% 50%,#231810,#1a120a 70%)}.landing-cta h2{font-size:2.2rem;color:var(--gold);margin-bottom:1rem}.landing-cta p{color:var(--text-secondary);font-size:1.1rem;margin-bottom:2rem}.btn-cta-large{font-size:1.2rem;padding:1.1rem 3rem}.landing-footer{text-align:center;padding:2rem;border-top:1px solid var(--border);color:var(--text-muted);font-size:.85rem}@media(max-width:768px){.hero-title-main{font-size:2.5rem}.hero-title-sub{font-size:1.2rem}.features-grid{grid-template-columns:1fr}.hero-stats{gap:1.5rem}.showcase-img{width:56px;height:56px;padding:4px}.lang-chip{min-width:80px;padding:.4rem .6rem}.lang-chip-native{font-size:.75rem}}.game-graphic{width:40px;height:40px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:1.4rem;position:relative;transition:box-shadow .3s ease}.game-graphic-sm{width:24px;height:24px;font-size:1rem;border-radius:6px}.game-graphic-lg{width:56px;height:56px;font-size:2rem;border-radius:12px}.gfx-building{background:linear-gradient(145deg,#22c55e2e,#22c55e0a);border:1px solid rgba(34,197,94,.25);box-shadow:0 0 8px #22c55e14,inset 0 0 8px #22c55e0d}.gfx-military{background:linear-gradient(145deg,#ef44442e,#ef44440a);border:1px solid rgba(239,68,68,.25);box-shadow:0 0 8px #ef444414,inset 0 0 8px #ef44440d}.gfx-research{background:linear-gradient(145deg,#3b82f62e,#3b82f60a);border:1px solid rgba(59,130,246,.25);box-shadow:0 0 8px #3b82f614,inset 0 0 8px #3b82f60d}.gfx-resource{background:linear-gradient(145deg,#f0b2322e,#f0b2320a);border:1px solid rgba(240,178,50,.25);box-shadow:0 0 8px #f0b23214,inset 0 0 8px #f0b2320d}.gfx-defense{background:linear-gradient(145deg,#6495ed2e,#6495ed0a);border:1px solid rgba(100,149,237,.25);box-shadow:0 0 8px #6495ed14,inset 0 0 8px #6495ed0d}.sidebar-logo-img{width:28px;height:28px;flex-shrink:0;filter:drop-shadow(0 0 6px rgba(240,178,50,.4))}@media(max-width:900px){.sidebar-logo-img{width:24px;height:24px}}.hero-logo{width:120px;height:120px;margin:0 auto 1.5rem;filter:drop-shadow(0 0 30px rgba(240,178,50,.4));animation:heroLogoFloat 4s ease-in-out infinite}@keyframes heroLogoFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.message-row.report-victory{border-left:2px solid var(--green);background:#10b9810a}.message-row.report-defeat{border-left:2px solid var(--red);background:#dc26260a}.report-card{background:linear-gradient(145deg,#2a1e14f2,#1a120afa);border:1px solid var(--border-light);border-radius:16px;padding:0;overflow:hidden;box-shadow:0 8px 32px #0006,inset 0 1px #ffdc960a;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.report-header{display:flex;align-items:center;gap:1rem;padding:1.25rem 1.5rem;background:linear-gradient(135deg,#3a261699,#2a1e144d);border-bottom:1px solid var(--border)}.report-type-icon{width:52px;height:52px;display:flex;align-items:center;justify-content:center;border-radius:14px;flex-shrink:0}.report-type-battle{background:linear-gradient(135deg,#dc262633,#dc262614);color:var(--red-light);border:1px solid rgba(220,38,38,.25);box-shadow:0 0 20px #dc26261a}.report-type-espionage{background:linear-gradient(135deg,#a855f733,#a855f714);color:var(--purple);border:1px solid rgba(168,85,247,.25);box-shadow:0 0 20px #a855f71a}.report-type-counterintel{background:linear-gradient(135deg,#3b82f633,#3b82f614);color:var(--blue-light);border:1px solid rgba(59,130,246,.25);box-shadow:0 0 20px #3b82f61a}.report-type-colony-success{background:linear-gradient(135deg,#10b98133,#10b98114);color:var(--green-light);border:1px solid rgba(16,185,129,.25);box-shadow:0 0 20px #10b9811a}.report-type-support{background:linear-gradient(135deg,#3b82f633,#3b82f614);color:var(--blue-light);border:1px solid rgba(59,130,246,.25);box-shadow:0 0 20px #3b82f61a}.report-type-deployment{background:linear-gradient(135deg,#f0b23233,#f0b23214);color:var(--gold);border:1px solid rgba(240,178,50,.25);box-shadow:0 0 20px #f0b2321a}.report-type-colony-fail{background:linear-gradient(135deg,#dc262633,#dc262614);color:var(--red-light);border:1px solid rgba(220,38,38,.25);box-shadow:0 0 20px #dc26261a}.report-header-info{display:flex;flex-direction:column;gap:.4rem}.report-type-badge{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:1.2px;padding:.2rem .6rem;border-radius:4px;width:fit-content}.report-badge-battle{background:#dc262626;color:var(--red-light)}.report-badge-espionage{background:#a855f726;color:var(--purple)}.report-badge-counterintel{background:#3b82f626;color:var(--blue-light)}.report-badge-colony{background:#10b98126;color:var(--green-light)}.report-badge-support{background:#3b82f626;color:var(--blue-light)}.report-badge-deployment{background:#f0b23226;color:var(--gold)}.report-outcome-badge{display:inline-flex;align-items:center;gap:.35rem;font-size:.95rem;font-weight:700}.report-outcome-victory{color:var(--green-light)}.report-outcome-defeat{color:var(--red-light)}.report-outcome-neutral{color:var(--blue-light)}.report-route{display:flex;align-items:center;justify-content:center;gap:1rem;padding:1rem 1.5rem;background:#1a120a66;border-bottom:1px solid var(--border)}.report-route-single{flex-direction:column;gap:.4rem}.report-route-label{font-size:.75rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.8px;font-weight:600}.report-coord-link{display:inline-flex;align-items:center;gap:.4rem;padding:.4rem .8rem;background:#3b82f614;border:1px solid rgba(59,130,246,.2);border-radius:8px;color:var(--blue-light);font-size:.9rem;font-weight:500;transition:all .2s;text-decoration:none}.report-coord-link:hover{background:#3b82f626;border-color:#3b82f666;color:var(--blue-light);box-shadow:0 0 12px #3b82f626}.report-coord-name{font-weight:600;color:var(--text-primary)}.report-coord-xy{color:var(--blue);font-size:.85rem}.report-route-arrow{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background:#f0b2321a;border:1px solid rgba(240,178,50,.25);color:var(--gold);flex-shrink:0}.report-route-arrow-blocked{background:#dc26261a;border-color:#dc262640;color:var(--red-light)}.report-commander-banner{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;margin:.25rem 0;background:linear-gradient(90deg,#a855f714,#a855f726,#a855f714);border:1px solid rgba(168,85,247,.2);border-radius:6px;font-size:.82rem;color:#7c3aed}.report-result-banner{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:1rem 1.5rem;position:relative;overflow:hidden}.report-result-banner:before{content:"";position:absolute;inset:0;opacity:.15;z-index:0}.report-banner-victory{background:linear-gradient(90deg,#10b98114,#10b98133,#10b98114);border-top:1px solid rgba(16,185,129,.2);border-bottom:1px solid rgba(16,185,129,.2)}.report-banner-defeat{background:linear-gradient(90deg,#dc262614,#dc262633,#dc262614);border-top:1px solid rgba(220,38,38,.2);border-bottom:1px solid rgba(220,38,38,.2)}.report-banner-neutral{background:linear-gradient(90deg,#3b82f614,#3b82f633,#3b82f614);border-top:1px solid rgba(59,130,246,.2);border-bottom:1px solid rgba(59,130,246,.2)}.report-banner-icon{position:relative;z-index:1;display:flex;align-items:center}.report-banner-victory .report-banner-icon{color:var(--green-light);filter:drop-shadow(0 0 8px rgba(16,185,129,.5))}.report-banner-defeat .report-banner-icon{color:var(--red-light);filter:drop-shadow(0 0 8px rgba(220,38,38,.5))}.report-banner-neutral .report-banner-icon{color:var(--blue-light);filter:drop-shadow(0 0 8px rgba(59,130,246,.5))}.report-banner-text{position:relative;z-index:1;font-size:1.3rem;font-weight:800;letter-spacing:3px;text-transform:uppercase}.report-banner-victory .report-banner-text{color:var(--green-light);text-shadow:0 0 20px rgba(16,185,129,.4)}.report-banner-defeat .report-banner-text{color:var(--red-light);text-shadow:0 0 20px rgba(220,38,38,.4)}.report-banner-neutral .report-banner-text{color:var(--blue-light);text-shadow:0 0 20px rgba(59,130,246,.4)}.report-banner-sub{position:relative;z-index:1;font-size:.8rem;font-weight:600;opacity:.8}.report-banner-victory .report-banner-sub{color:var(--green)}.report-banner-defeat .report-banner-sub{color:var(--red)}.report-banner-neutral .report-banner-sub{color:var(--blue)}.report-armies{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--border)}.report-army-column{background:#2a1e1499;padding:1rem 1.25rem}.report-army-header{display:flex;align-items:center;gap:.5rem;font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.8px;padding-bottom:.6rem;margin-bottom:.5rem;border-bottom:1px solid var(--border)}.report-army-attacker{color:var(--red-light)}.report-army-defender{color:var(--blue-light)}.report-unit-list-header{display:flex;justify-content:space-between;font-size:.65rem;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);padding-bottom:.4rem;margin-bottom:.3rem;font-weight:600}.report-unit-row{display:flex;align-items:center;gap:.5rem;padding:.4rem 0;border-bottom:1px solid rgba(74,54,34,.4)}.report-unit-row:last-child{border-bottom:none}.report-unit-info{display:flex;align-items:center;gap:.4rem;flex:1;min-width:0}.report-unit-icon{display:flex;align-items:center;flex-shrink:0}.report-unit-name{font-size:.85rem;font-weight:500;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.report-unit-counts{display:flex;align-items:center;gap:.4rem;font-size:.8rem;flex-shrink:0}.report-unit-sent{color:var(--text-secondary);font-weight:600}.report-unit-lost{color:var(--red-light);font-weight:700;background:#dc26261a;padding:.05rem .3rem;border-radius:3px;font-size:.75rem}.report-unit-survived{color:var(--green);font-weight:600}.report-loss-bar{display:flex;width:40px;height:4px;border-radius:2px;overflow:hidden;flex-shrink:0;background:#2a1e1480}.report-loss-bar-fill{height:100%;background:linear-gradient(90deg,var(--red),var(--red-light));transition:width .4s ease}.report-loss-bar-safe{height:100%;background:linear-gradient(90deg,var(--green),var(--green-light));transition:width .4s ease}.report-no-units{color:var(--text-muted);font-size:.85rem;font-style:italic;padding:.75rem 0;text-align:center}.report-station-details{display:flex;flex-direction:column;gap:.5rem;padding:.75rem 0}.report-station-row{display:flex;justify-content:space-between;align-items:center;padding:.5rem .75rem;background:#1a120a4d;border-radius:6px;border:1px solid rgba(200,148,30,.06)}.report-station-label{font-size:.8rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.report-station-value{font-size:.9rem;font-weight:700;color:var(--text-primary);font-family:JetBrains Mono,monospace}.report-plunder{padding:1rem 1.5rem;border-top:1px solid var(--border)}.report-section-title{display:flex;align-items:center;gap:.5rem;font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.8px;color:var(--gold);margin-bottom:.75rem}.report-resource-grid{display:flex;gap:.5rem;flex-wrap:wrap}.report-resource-card{display:flex;flex-direction:column;align-items:center;gap:.25rem;padding:.6rem .9rem;background:linear-gradient(135deg,#3a261680,#2a1e14cc);border:1px solid var(--border);border-radius:10px;min-width:72px;transition:all .2s}.report-resource-card:hover{border-color:var(--gold-dark);box-shadow:0 0 12px #f0b2321a;transform:translateY(-1px)}.report-resource-amount{font-size:1rem;font-weight:700;color:var(--text-primary)}.report-resource-label{font-size:.65rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-weight:600}.report-spy-section{padding:1rem 1.5rem;border-top:1px solid var(--border)}.report-agent-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:.6rem}.report-agent-card{display:flex;flex-direction:column;align-items:center;gap:.3rem;padding:.8rem;background:linear-gradient(135deg,#a855f70f,#2a1e1466);border:1px solid rgba(168,85,247,.15);border-radius:10px;text-align:center}.report-agent-card:hover{border-color:#a855f74d;box-shadow:0 0 12px #a855f714}.report-agent-counter{background:linear-gradient(135deg,#dc26260f,#2a1e1466);border-color:#dc262626}.report-agent-counter:hover{border-color:#dc26264d;box-shadow:0 0 12px #dc262614}.report-agent-icon{display:flex;align-items:center}.report-agent-name{font-size:.8rem;font-weight:600;color:var(--text-secondary)}.report-agent-stats{display:flex;flex-direction:column;align-items:center;gap:.15rem;font-size:.75rem}.report-agent-sent{color:var(--text-primary);font-weight:500}.report-agent-lost{color:var(--red-light);font-weight:700}.report-agent-survived{color:var(--green);font-weight:600}.report-intel-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:.5rem}.report-intel-card{display:flex;align-items:center;gap:.4rem;padding:.5rem .7rem;background:#2a1e1459;border:1px solid var(--border);border-radius:8px;transition:all .2s}.report-intel-card:hover{border-color:var(--border-light);background:#3a26168c}.report-intel-name{flex:1;font-size:.8rem;color:var(--text-secondary);font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.report-intel-value{font-size:.85rem;font-weight:700;color:var(--text-primary);flex-shrink:0}.report-timestamp{display:flex;align-items:center;justify-content:flex-end;gap:.4rem;padding:.75rem 1.5rem;border-top:1px solid var(--border);color:var(--text-muted);font-size:.78rem;font-weight:500}@media(max-width:640px){.report-armies{grid-template-columns:1fr}.report-route{flex-direction:column;gap:.5rem}.report-banner-text{font-size:1rem;letter-spacing:2px}.report-resource-grid{justify-content:center}.report-intel-grid{grid-template-columns:repeat(auto-fill,minmax(110px,1fr))}.report-agent-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}}.missions-page h1{margin-bottom:.3rem}.missions-desc{color:var(--text-secondary);font-size:.95rem;margin-bottom:1rem}.missions-progress-bar{position:relative;height:28px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:14px;overflow:hidden;margin-bottom:1.5rem}.missions-progress-fill{height:100%;border-radius:14px;background:linear-gradient(90deg,var(--gold-dark),var(--gold));transition:width .6s ease;box-shadow:0 0 12px #f0b2324d}.missions-progress-text{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:700;color:var(--text-primary);text-shadow:0 1px 3px rgba(0,0,0,.5)}.missions-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:1rem}.mission-card{position:relative;border-radius:8px;transition:all .3s ease}.mission-complete{border-color:#2d5a3a;box-shadow:0 6px 24px #00000080,inset 0 1px #10b98126,0 0 12px #10b98114}.mission-complete:hover{border-color:#3a7a4a;box-shadow:0 8px 32px #0009,0 0 20px #10b9811f}.mission-claimed{opacity:.65}.mission-header{display:flex;align-items:center;gap:.8rem;margin-bottom:.6rem}.mission-graphic{flex-shrink:0}.mission-info{flex:1;min-width:0}.mission-info h3{color:#3a2614;font-size:.95rem;margin:0 0 .15rem}.mission-info p{color:#8a7355;font-size:.8rem;margin:0}.mission-status{flex-shrink:0}.mission-badge{display:inline-flex;align-items:center;gap:.3rem;padding:.2rem .6rem;border-radius:6px;font-size:.75rem;font-weight:600}.mission-badge.claimed{background:#108c5026;color:#1a6a3a}.mission-badge.pending{background:#5a3a1a1a;color:#8a7355}.mission-claim-btn{display:inline-flex;align-items:center;gap:.3rem;background:linear-gradient(135deg,var(--green),var(--green-light))!important;color:#1a120a!important;border:none!important;padding:.35rem .7rem!important;font-weight:700!important;box-shadow:0 2px 10px #10b9814d;animation:claimPulse 2s ease-in-out infinite}@keyframes claimPulse{0%,to{box-shadow:0 2px 10px #10b9814d}50%{box-shadow:0 4px 20px #10b98180}}.mission-reward{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;padding-top:.5rem;border-top:1px solid #c8b898;font-size:.8rem;color:#6b5438}.mission-reward-label{font-weight:600;color:#8a7355;font-size:.75rem;text-transform:uppercase;letter-spacing:.5px}.mission-reward span{display:inline-flex;align-items:center;gap:.2rem;padding:.1rem .35rem;border-radius:4px;background:#5a3a1a14;font-weight:500}.btn-success{background:linear-gradient(135deg,var(--green),var(--green-light));color:#1a120a;border:none;cursor:pointer}.btn-success:hover{box-shadow:0 4px 16px #10b98159;transform:translateY(-1px)}.trav-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;margin-bottom:.8rem;gap:.5rem}.trav-header h1{margin:0}.trav-stats{display:flex;gap:.6rem}.trav-stat{padding:.25rem .6rem;border-radius:6px;font-size:.75rem;font-weight:600}.trav-stat-own{background:#22c55e1f;color:#34d058;border:1px solid rgba(34,197,94,.2)}.trav-stat-enemy{background:#f851491a;color:#f85149;border:1px solid rgba(248,81,73,.15)}.trav-toolbar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.6rem;margin-bottom:.8rem;background:linear-gradient(135deg,#1a3a1499,#0f1f0c99);border:1px solid rgba(74,122,56,.3);border-radius:10px;padding:.5rem .7rem}.trav-toolbar-group{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.trav-search-box{display:flex;align-items:center;gap:.25rem;background:#00000040;border:1px solid rgba(74,122,56,.25);border-radius:8px;padding:.2rem .4rem}.trav-search-icon{color:#6a9a55;flex-shrink:0}.trav-coord-input{width:48px;background:transparent;border:none;color:var(--text-primary);padding:.3rem .2rem;text-align:center;font-size:.85rem;outline:none}.trav-coord-input::placeholder{color:#5a7a4a}.trav-coord-sep{color:#5a7a4a;font-size:.85rem}.trav-player-input{width:120px;background:transparent;border:none;color:var(--text-primary);padding:.3rem .2rem;font-size:.85rem;outline:none}.trav-player-input::placeholder{color:#5a7a4a}.trav-search-btn{display:flex;align-items:center;justify-content:center;background:#4a7a384d;border:1px solid rgba(74,122,56,.4);color:#a0c890;border-radius:5px;padding:.25rem .5rem;cursor:pointer;font-size:.75rem;font-weight:700;transition:all .15s}.trav-search-btn:hover{background:#4a7a3880;color:#c0e8b0}.trav-zoom{display:flex;gap:.2rem}.trav-tool-btn{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border:1px solid rgba(74,122,56,.35);border-radius:6px;background:#2a4a2280;color:#a0c890;cursor:pointer;transition:all .15s}.trav-tool-btn:hover{background:#3a5a30b3;border-color:#6a8a5080;color:#c0e8b0}.trav-home-btn{background:#4a7a3840}.trav-map-wrap{position:relative;border:3px solid #2a4a1e;border-radius:10px;background:linear-gradient(135deg,#1a3a14,#0f2a0c);padding:2px;overflow:auto;box-shadow:inset 0 0 30px #0006,0 6px 30px #00000080}.trav-grid-wrapper{position:relative}.trav-map-grid{display:grid;gap:0px}.movement-overlay{position:absolute;top:0;left:0;pointer-events:none;z-index:15;overflow:visible}.trav-arrow{position:absolute;z-index:10;border:none;cursor:pointer;background:#1a3a14cc;color:#8aaa70;border-radius:50%;width:28px;height:28px;display:flex;align-items:center;justify-content:center;font-size:.7rem;transition:all .2s;opacity:.7;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.trav-arrow:hover{opacity:1;background:#3a5a30e6;color:#c0e8b0;transform:scale(1.1)}.trav-arrow-n{top:6px;left:50%;transform:translate(-50%)}.trav-arrow-s{bottom:6px;left:50%;transform:translate(-50%)}.trav-arrow-w{left:6px;top:50%;transform:translateY(-50%)}.trav-arrow-e{right:6px;top:50%;transform:translateY(-50%)}.trav-arrow-n:hover,.trav-arrow-s:hover{transform:translate(-50%) scale(1.1)}.trav-arrow-w:hover,.trav-arrow-e:hover{transform:translateY(-50%) scale(1.1)}.trav-axis-corner{background:#0f2a0c;display:flex;align-items:center;justify-content:center;border-bottom:1px solid rgba(74,122,56,.2);border-right:1px solid rgba(74,122,56,.2)}.trav-axis-col{display:flex;align-items:center;justify-content:center;font-size:.55rem;color:#6a9a55;font-weight:700;background:#0f2a0c;padding:4px 0;-webkit-user-select:none;user-select:none;border-bottom:1px solid rgba(74,122,56,.2)}.trav-axis-row{display:flex;align-items:center;justify-content:center;font-size:.55rem;color:#6a9a55;font-weight:700;background:#0f2a0c;min-width:36px;-webkit-user-select:none;user-select:none;border-right:1px solid rgba(74,122,56,.2)}.trav-cell{aspect-ratio:1;display:flex;align-items:center;justify-content:center;cursor:pointer;min-width:32px;min-height:32px;background:#4a8a3a;position:relative;contain:layout style paint}.trav-cell:hover{background:#5a9a48;z-index:2}.trav-own{background:#34d0582e;box-shadow:inset 0 0 12px #34d05859}.trav-own:hover{background:#34d05840;box-shadow:inset 0 0 16px #34d05880,0 0 6px #34d05833}.trav-enemy{background:#f851491a;box-shadow:inset 0 0 8px #f8514933}.trav-enemy:hover{background:#f851492e;box-shadow:inset 0 0 14px #f8514966,0 0 6px #f8514926}.trav-cave{background:#8b5a2b33;box-shadow:inset 0 0 10px #8b5a2b59;cursor:pointer}.trav-cave:hover{background:#8b5a2b59;box-shadow:inset 0 0 14px #f59e0b66,0 0 6px #f59e0b33}.trav-selected{outline:2px solid #f0b232!important;outline-offset:-1px;box-shadow:0 0 14px #f0b23280,inset 0 0 10px #f0b23226!important;z-index:3}.trav-watch-range{box-shadow:inset 0 0 10px #38bdf840;border-color:#38bdf84d!important}.trav-watch-range:after{content:"";position:absolute;inset:0;background:#38bdf814;pointer-events:none}.trav-tooltip{position:fixed;z-index:200;background:linear-gradient(155deg,#1a2e14,#0d1a0a);border:1px solid rgba(74,122,56,.5);border-radius:10px;padding:.6rem .8rem;box-shadow:0 8px 32px #000000b3,0 0 16px #4a7a3826;pointer-events:none;font-size:.8rem;max-width:220px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.trav-tt-header{display:flex;align-items:center;gap:.3rem;margin-bottom:.3rem;border-bottom:1px solid rgba(74,122,56,.2);padding-bottom:.3rem}.trav-tt-name{color:#f0b232;font-weight:700;font-size:.85rem}.trav-tt-row{color:#b0c8a0;font-size:.75rem;line-height:1.5}.trav-tt-label{color:#7a9a65}.trav-tt-coords{color:#7a9a65;font-size:.75rem}.trav-tt-alliance{color:var(--cyan);font-weight:600}.trav-tt-points{color:#f0b232;font-weight:600}.trav-tt-terrain{color:#5a8a45;font-size:.7rem;font-style:italic;margin-top:.2rem;padding-top:.2rem;border-top:1px solid rgba(74,122,56,.15)}.trav-tt-terrain-name{color:#b0c8a0;font-weight:600;font-size:.8rem}.trav-legend{display:flex;gap:.8rem;margin-top:.7rem;font-size:.78rem;color:var(--text-muted);align-items:center;flex-wrap:wrap;padding:.5rem .7rem;border-radius:8px;background:#0f1f0c66;border:1px solid rgba(74,122,56,.15)}.trav-legend-item{display:flex;align-items:center;gap:.3rem}.trav-legend-icon{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:4px}.trav-legend-own{background:#22c55e1f}.trav-legend-enemy{background:#ef44441a}.trav-legend-swatch{display:inline-block;width:14px;height:14px;border-radius:3px;border:1px solid rgba(255,255,255,.12)}.trav-legend-sep{width:1px;height:16px;background:#4a7a3840}.village-svg-wrap{margin-bottom:1.5rem;border-radius:14px;overflow:hidden;border:2px solid rgba(40,70,30,.7);box-shadow:0 6px 30px #0006,inset 0 0 20px #00000026;background:#3a7a2a;width:100%;aspect-ratio:16 / 9}.village-svg{width:100%;height:100%;display:block}.village-svg g[style*="cursor: pointer"]:hover{filter:brightness(1.15)}.vb-upgrading{filter:drop-shadow(0 0 6px rgba(184,160,96,.6))}.vb-upgrade-arrow{animation:vbUpArrow 1.2s ease-in-out infinite}@keyframes vbUpArrow{0%{opacity:.3;transform:translateY(0)}50%{opacity:1;transform:translateY(-6px)}to{opacity:.3;transform:translateY(-12px)}}.vb-smoke{animation:vbSmoke 3s ease-in-out infinite}.vb-smoke2{animation:vbSmoke 3s ease-in-out infinite 1s}@keyframes vbSmoke{0%{opacity:.1;transform:translateY(0)}50%{opacity:.4;transform:translateY(-4px)}to{opacity:.1;transform:translateY(-8px)}}.vb-flag{animation:vbFlag 2s ease-in-out infinite;transform-origin:left center}@keyframes vbFlag{0%,to{transform:skewY(0)}25%{transform:skewY(2deg)}75%{transform:skewY(-2deg)}}.vb-gear{animation:vbGear 4s linear infinite;transform-origin:center}@keyframes vbGear{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.vb-spark{animation:vbSpark 1.5s ease-in-out infinite}.vb-spark2{animation:vbSpark 1.5s ease-in-out infinite .5s}@keyframes vbSpark{0%,to{opacity:.3;r:1}50%{opacity:1;r:2}}.vb-cloud1{animation:vbCloud 20s linear infinite}.vb-cloud2{animation:vbCloud 25s linear infinite reverse}@keyframes vbCloud{0%{transform:translate(0)}to{transform:translate(80px)}}.vb-sway{animation:vbSway 3s ease-in-out infinite;transform-origin:bottom center}@keyframes vbSway{0%,to{transform:rotate(0)}50%{transform:rotate(3deg)}}.vb-ripple{animation:vbRipple 3s ease-in-out infinite}@keyframes vbRipple{0%,to{rx:4;opacity:.1}50%{rx:7;opacity:.2}}.movement-progress-reversed .movement-progress-fill{transition:width 1s linear}.village-popup-overlay{position:absolute;inset:0;z-index:10}.village-svg-wrap{position:relative}.village-popup{position:absolute;transform:translate(-50%,-100%);background:linear-gradient(145deg,#2a1e14,#1e140c);border:1px solid #5a4420;border-radius:10px;padding:.6rem .75rem;min-width:180px;max-width:250px;box-shadow:0 8px 30px #000000b3,0 0 0 1px #f0b23214;z-index:11;pointer-events:auto}.village-popup-header{display:flex;align-items:center;gap:.4rem;margin-bottom:.4rem;padding-bottom:.35rem;border-bottom:1px solid rgba(240,178,50,.15)}.village-popup-header strong{color:var(--text-primary);font-size:.85rem}.village-popup-lv{color:var(--gold);font-size:.7rem;font-weight:700;background:#f0b2321a;padding:.1rem .35rem;border-radius:4px;margin-left:auto}.village-popup-close{background:none;border:none;color:var(--text-muted);font-size:1.1rem;cursor:pointer;padding:0 .2rem;line-height:1;transition:color .2s}.village-popup-close:hover{color:var(--red-light)}.village-popup-upgrade{display:flex;flex-direction:column;gap:.35rem}.village-popup-costs{display:flex;flex-wrap:wrap;gap:.25rem .5rem;font-size:.75rem;color:var(--text-secondary)}.village-popup-costs span{display:inline-flex;align-items:center;gap:2px}.village-popup-costs .cost-lack{color:var(--red-light)}.village-popup-time{display:flex;align-items:center;gap:.3rem;font-size:.72rem;color:var(--text-muted)}.village-popup-time .time-reduced{color:var(--green);font-weight:600}.village-popup-time .time-base-strike{text-decoration:line-through;opacity:.5;font-size:.65rem}.village-popup-time .uni-bonus{color:var(--green);font-size:.6rem;font-weight:700}.village-popup-reqs{display:flex;flex-wrap:wrap;gap:.2rem}.village-popup-req{display:inline-flex;align-items:center;gap:2px;font-size:.65rem;color:var(--red-light);background:#dc262614;padding:.1rem .3rem;border-radius:3px}.village-popup-btn{padding:.35rem .7rem!important;font-size:.78rem!important;width:100%}.village-popup-upgrading{display:flex;align-items:center;gap:.35rem;flex-wrap:wrap;font-size:.75rem;color:var(--gold);background:#f0b2320f;padding:.35rem .45rem;border-radius:6px}.village-popup-cancel{display:inline-flex;align-items:center;gap:2px;background:#dc262626;border:1px solid rgba(220,38,38,.3);color:var(--red-light);padding:.15rem .4rem;border-radius:4px;font-size:.65rem;cursor:pointer;transition:all .2s;margin-left:auto}.village-popup-cancel:hover{background:#dc262640}.village-popup-max{font-size:.75rem;color:var(--text-muted);text-align:center;padding:.3rem;background:#ffffff08;border-radius:4px}.village-popup-action{display:flex;align-items:center;justify-content:center;gap:.3rem;width:100%;margin-top:.4rem;padding:.35rem .7rem;font-size:.78rem;background:#f0b2321f;border:1px solid rgba(240,178,50,.3);color:var(--gold);border-radius:6px;cursor:pointer;transition:background .2s,border-color .2s}.village-popup-action:hover{background:#f0b23238;border-color:#f0b23280}.village-3d-wrap{width:100%;aspect-ratio:16 / 9;border-radius:12px;overflow:hidden;border:1px solid var(--border);margin-bottom:1.5rem;position:relative}.village-3d-wrap canvas{border-radius:12px}.building-3d-label{display:flex;align-items:center;gap:.25rem;background:#1a120ad9;padding:.15rem .4rem;border-radius:4px;white-space:nowrap;pointer-events:none;box-shadow:0 1px 4px #0006}.building-3d-name{font-size:.6rem;color:var(--text-primary);font-weight:600}.building-3d-level{font-size:.55rem;color:#f0b232;font-weight:800}.building-3d-progress{display:flex;flex-direction:column;align-items:center;gap:2px;background:#1a120ae6;padding:3px 6px;border-radius:4px;white-space:nowrap;pointer-events:none;box-shadow:0 1px 6px #00000080;min-width:60px}.building-3d-progress-time{font-size:.55rem;color:#f0b232;font-weight:700}.building-3d-progress-track{width:100%;height:3px;background:#ffffff26;border-radius:2px;overflow:hidden}.building-3d-progress-fill{height:100%;border-radius:2px;background:linear-gradient(90deg,#b8860b,#f0b232);transition:width 1s linear}.building-3d-upgrade-progress{display:flex;flex-direction:column;align-items:center;gap:2px;background:#1a120ae6;padding:3px 8px;border-radius:4px;white-space:nowrap;pointer-events:none;box-shadow:0 1px 6px #00000080,0 0 8px #f0b23226;border:1px solid rgba(240,178,50,.25);min-width:70px}.building-3d-upgrade-track{width:100%;height:4px;background:#ffffff1f;border-radius:2px;overflow:hidden}.building-3d-upgrade-fill{height:100%;border-radius:2px;background:linear-gradient(90deg,#b8860b,#f0b232,gold);box-shadow:0 0 4px #f0b23266;transition:width 1s linear}.building-3d-upgrade-time{font-size:.55rem;color:#f0b232;font-weight:700;text-shadow:0 0 4px rgba(240,178,50,.3)}.building-3d-popup{background:linear-gradient(145deg,#2a1e14,#1e140c);border:1px solid rgba(240,178,50,.3);border-radius:8px;padding:.4rem;min-width:120px;box-shadow:0 4px 16px #00000080,0 0 12px #f0b2321a}.building-3d-popup-header{display:flex;align-items:center;gap:.3rem;margin-bottom:.3rem;color:var(--text-primary);font-size:.7rem}.building-3d-popup-header strong{color:var(--gold)}.building-3d-popup-header span{color:var(--text-muted);font-size:.6rem}.building-3d-popup-close{margin-left:auto;background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:.9rem;line-height:1;padding:0}.building-3d-popup-close:hover{color:var(--red-light)}.building-3d-popup-actions{display:flex;gap:.25rem}.building-3d-popup-btn{flex:1;padding:.25rem .5rem;border:none;border-radius:4px;font-size:.65rem;font-weight:700;cursor:pointer;background:linear-gradient(135deg,var(--gold-dark),var(--gold));color:#1a120a}.building-3d-popup-btn:hover:not(:disabled){box-shadow:0 2px 8px #f0b2324d}.building-3d-popup-btn:disabled{opacity:.5;cursor:not-allowed;background:linear-gradient(135deg,#555,#666);color:#aaa}.building-3d-upgrade-indicator{background:#16b981;color:#fff;width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:800;line-height:1;box-shadow:0 0 8px #16b98199,0 0 16px #16b9814d;animation:upgrade-bounce 1.5s ease-in-out infinite;pointer-events:none}@keyframes upgrade-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.building-3d-popup-upgrade{display:flex;flex-direction:column;gap:3px;margin-top:2px}.building-3d-popup-costs{display:flex;flex-wrap:wrap;gap:2px 6px;font-size:.55rem;font-weight:600}.building-3d-popup-costs .cost-ok{color:#8bc98b}.building-3d-popup-costs .cost-lack{color:#f87171}.building-3d-popup-time{font-size:.55rem;color:var(--text-muted);font-weight:600}.building-3d-popup-reqs{display:flex;flex-direction:column;gap:1px}.building-3d-popup-req{font-size:.5rem;color:#f0b232;font-weight:600}.building-3d-popup-max{font-size:.6rem;color:var(--gold);font-weight:700;text-align:center;padding:2px 0}.building-3d-popup-upgrading{display:flex;align-items:center;gap:4px;margin-top:2px}.building-3d-popup-upgrading-text{font-size:.6rem;color:#f0b232;font-weight:700}.building-3d-popup-cancel-btn{padding:2px 6px;border:none;border-radius:3px;font-size:.55rem;font-weight:700;cursor:pointer;background:#ef4444cc;color:#fff;margin-left:auto}.building-3d-popup-cancel-btn:hover{background:#ef4444}.map-3d-wrap{width:100%;height:500px;border-radius:12px;overflow:hidden;border:1px solid var(--border);position:relative}.map-3d-wrap canvas{border-radius:12px}.village-view-toggle{display:flex;gap:.3rem;margin-bottom:.5rem}.trav-view-toggle{display:flex;gap:.15rem;background:var(--bg-secondary);border-radius:6px;padding:2px;border:1px solid var(--border)}.trav-tool-active{background:var(--gold)!important;color:#000!important}.espionage-report{background:linear-gradient(145deg,#2a1e14,#1a120a);border:1px solid rgba(168,85,247,.25);border-radius:12px;overflow:hidden;box-shadow:0 8px 32px #00000080,0 0 24px #a855f714;font-family:Courier New,Courier,monospace}.espionage-report .report-header{background:linear-gradient(135deg,#a855f71f,#2a1e1499);border-bottom:1px solid rgba(168,85,247,.2);position:relative}.espionage-classification{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.classification-stamp{display:inline-block;padding:.2rem .8rem;border:2px solid;font-size:.65rem;font-weight:900;letter-spacing:2px;text-transform:uppercase;transform:rotate(-2deg);font-family:Courier New,monospace}.classification-top-secret{border-color:#ef4444;color:#ef4444;background:#ef444414}.classification-secret{border-color:#f59e0b;color:#f59e0b;background:#f59e0b14}.classification-confidential{border-color:#3b82f6;color:#3b82f6;background:#3b82f614}.espionage-ref{font-size:.7rem;color:var(--text-muted);font-family:Courier New,monospace;letter-spacing:1px}.espionage-report-title{font-size:.85rem;font-weight:700;color:#a855f7;letter-spacing:1.5px;text-transform:uppercase;font-family:Courier New,monospace}.espionage-divider{border:none;border-top:1px dashed rgba(168,85,247,.25);margin:.75rem 0}.espionage-section-label{font-size:.7rem;color:#a855f7b3;text-transform:uppercase;letter-spacing:2px;font-weight:700;margin-bottom:.4rem;font-family:Courier New,monospace;padding-bottom:.2rem;border-bottom:1px solid rgba(168,85,247,.15)}.espionage-report .report-route{background:#a855f70a;border-bottom:1px dashed rgba(168,85,247,.15)}.espionage-report .report-result-banner{position:relative}.espionage-report .report-result-banner:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(45deg,transparent,transparent 10px,rgba(168,85,247,.03) 10px,rgba(168,85,247,.03) 20px);pointer-events:none}.espionage-report .report-armies{border:1px solid rgba(168,85,247,.1);margin:.75rem;border-radius:8px;overflow:hidden}.espionage-report .report-army-header{font-family:Courier New,monospace;letter-spacing:1px;text-transform:uppercase;font-size:.75rem}.espionage-report .report-plunder{border:1px dashed rgba(168,85,247,.2);margin:.75rem;border-radius:8px;padding:.75rem;background:#a855f708}.espionage-report .report-section-title{font-family:Courier New,monospace;letter-spacing:1.5px;text-transform:uppercase;color:#a855f7;font-size:.75rem}.espionage-report .report-timestamp{font-family:Courier New,monospace;border-top:1px dashed rgba(168,85,247,.15);color:var(--text-muted);letter-spacing:.5px}.espionage-footer-note{text-align:center;font-size:.6rem;color:#a855f766;font-family:Courier New,monospace;letter-spacing:2px;text-transform:uppercase;padding:.5rem 1rem .75rem}.old-transfer-card{border-radius:8px;margin-bottom:.8rem;position:relative;overflow:hidden}.old-transfer-card>.card-inner{padding:0}.old-transfer-header{text-align:center;padding:.6rem 1rem .4rem;border-bottom:1px solid #c8b898;position:relative}.old-transfer-header-text{font-size:.85rem;font-weight:700;color:#8a5a2a;letter-spacing:3px;text-transform:uppercase;font-family:Georgia,Times New Roman,serif}.old-transfer-header-ornament{display:block;font-size:.7rem;color:#c8a87066;letter-spacing:4px;margin-top:.15rem}.old-transfer-route{padding:.6rem 1rem;display:flex;flex-direction:column;gap:.3rem;font-size:.85rem;border-bottom:1px solid #c8b898;color:#3a2614}.old-transfer-route-line{display:flex;align-items:center;gap:.4rem;color:#6b5438;font-family:Georgia,Times New Roman,serif;font-style:italic}.old-transfer-route-label{color:#8a7355;font-size:.75rem;min-width:100px;font-style:normal;text-transform:uppercase;letter-spacing:1px}.old-transfer-route-value{color:#3a2614;font-weight:600;font-style:normal}.old-transfer-manifest{padding:.5rem 1rem;border-bottom:1px solid #c8b898}.old-transfer-manifest-title{font-size:.7rem;color:#8a5a2a;text-transform:uppercase;letter-spacing:2px;font-family:Georgia,Times New Roman,serif;margin-bottom:.4rem;text-align:center;font-weight:700}.old-transfer-row{display:flex;align-items:center;gap:.4rem;padding:.15rem .3rem;font-size:.85rem;color:#6b5438}.old-transfer-row-label{display:flex;align-items:center;gap:.3rem;min-width:80px}.old-transfer-row-dots{flex:1;border-bottom:1px dotted rgba(90,58,26,.3);min-width:20px;margin:0 .3rem;height:.8em}.old-transfer-row-value{font-weight:700;color:#3a2614;font-family:Georgia,Times New Roman,serif}.old-transfer-convoy{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.4rem 1rem;font-size:.8rem;color:#6b5438;font-family:Georgia,Times New Roman,serif;border-bottom:1px solid #c8b898}.old-transfer-timing{padding:.5rem 1rem}.old-transfer-seal{position:absolute;top:8px;right:10px;width:28px;height:28px;border-radius:50%;background:radial-gradient(circle,#8b3a3a,#5a2020);border:2px solid #a04040;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #0006,inset 0 1px 2px #ffffff1a}.old-transfer-seal-text{color:#d4a0a0;font-size:.55rem;font-weight:900;font-family:Georgia,serif;text-transform:uppercase}.old-transfer-food-cost{display:flex;align-items:center;justify-content:center;gap:.3rem;padding:.3rem 1rem;font-size:.75rem;color:#a08060;font-style:italic}.building-panel{border-radius:8px;margin-top:.75rem;animation:panelSlideIn .2s ease}.building-panel>.card-inner{padding:1rem 1.2rem}@keyframes panelSlideIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.building-panel-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.building-panel-header h3{display:flex;align-items:center;gap:.5rem;color:#5a3a1a;font-size:1rem;margin:0}.building-panel-level{color:var(--text-secondary);font-size:.85rem;font-weight:600}.building-panel-close{background:none;border:1px solid var(--border);color:var(--text-muted);border-radius:50%;width:28px;height:28px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.building-panel-close:hover{border-color:var(--red);color:var(--red);background:#dc26261a}.building-panel-body{display:flex;flex-direction:column;gap:.5rem}.building-panel-upgrade{display:flex;align-items:center;justify-content:space-between;gap:.75rem;flex-wrap:wrap}.building-panel-cost{display:flex;flex-direction:column;gap:.3rem}.building-panel-cost .cost-items{display:flex;flex-wrap:wrap;gap:.4rem}.building-panel-cost .cost-time{display:flex;align-items:center;gap:.3rem;font-size:.8rem;color:var(--text-muted)}.building-panel-reqs{display:flex;flex-wrap:wrap;gap:.3rem;margin-top:.3rem}.explore-card{border-radius:8px;margin-bottom:.5rem;border-color:#92400e;border-left:3px solid #b45309}.explore-card>.card-inner{padding:.8rem}.explore-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.4rem}.explore-commander{display:flex;align-items:center;gap:.5rem;font-size:.78rem;color:#8a7355;margin-bottom:.4rem}.commander-boost{background:#b453091f;color:#b45309;padding:.1rem .4rem;border-radius:3px;font-size:.7rem;font-weight:600}.explore-phases{display:flex;flex-direction:column;gap:.15rem;margin:.5rem 0;padding:.5rem;background:#b453090a;border:1px solid rgba(180,83,9,.12);border-radius:6px;position:relative}.explore-phases:before{content:"";position:absolute;left:1.15rem;top:1.3rem;bottom:1.3rem;width:2px;background:#b4530926;border-radius:1px}.explore-phase{padding:.35rem .4rem;border-radius:5px;position:relative;z-index:1}.phase-header{display:flex;align-items:center;gap:.4rem;font-size:.82rem;font-weight:600}.phase-icon{display:inline-flex;align-items:center;flex-shrink:0;width:18px;height:18px;justify-content:center}.phase-label{flex:1}.phase-duration{font-size:.75rem;font-weight:500;color:#8a7355;white-space:nowrap}.phase-timer{margin:.2rem 0 .1rem 1.65rem}.phase-active{background:#b4530914}.phase-active .phase-icon{color:#b45309}.phase-active .phase-label{color:#92400e}.phase-complete .phase-icon{color:#16a34a}.phase-complete .phase-label{color:#6b7280;text-decoration:line-through;text-decoration-color:#6b728066}.phase-pending .phase-icon,.phase-pending .phase-label{color:#9ca3af}.phase-processing{color:#22c55e;font-weight:600;font-size:.8rem;animation:phase-processing-pulse 1.5s ease-in-out infinite}@keyframes phase-processing-pulse{0%,to{opacity:1}50%{opacity:.5}}.explore-report{margin-top:.4rem;padding:.4rem .5rem;background:#f59e0b0f;border:1px solid rgba(245,158,11,.18);border-radius:5px;font-size:.78rem}.explore-report-status{display:flex;align-items:center;gap:.3rem;font-weight:600;margin-bottom:.3rem}.explore-report-status.success{color:#16a34a}.explore-report-status.failure{color:#ef4444}.explore-report-resources{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:.2rem}.explore-report-resources span{display:inline-flex;align-items:center;gap:.15rem}.explore-report-units{color:#16a34a;margin-bottom:.2rem}.explore-report-units span{margin-right:.4rem}.explore-report-casualties{color:#ef4444;font-size:.72rem}.explore-report-casualties span{margin-right:.4rem}.explore-report-link{color:#d97706;font-size:.72rem;text-decoration:none;display:inline-flex;align-items:center;gap:.2rem;margin-top:.2rem}.explore-report-link:hover{text-decoration:underline;color:#f59e0b}