:root{--bg-primary: #0b0f14;--bg-secondary: #111922;--bg-card: #161f2d;--bg-hover: #1c2838;--border: #1e3048;--border-light: #2a4060;--text-primary: #e6edf3;--text-secondary: #9eaab8;--text-muted: #5d6d7e;--gold: #f0b232;--gold-dark: #c8941e;--gold-light: #fcd34d;--red: #dc2626;--red-light: #f87171;--green: #10b981;--green-light: #34d399;--blue: #3b82f6;--blue-light: #60a5fa;--purple: #a855f7;--cyan: #22d3ee;--glow-gold: rgba(240,178,50,.15);--glow-blue: rgba(59,130,246,.1)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,Segoe UI,system-ui,-apple-system,sans-serif;background:var(--bg-primary);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:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--border-light);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--gold-dark)}h1{display:flex;align-items:center;gap:.5rem;color:var(--gold);margin-bottom:1rem;font-size:1.5rem;font-weight:700;letter-spacing:-.01em}.auth-page{display:flex;align-items:center;justify-content:center;min-height:100vh;position:relative;background:radial-gradient(ellipse at 50% 0%,#162032,#0b0f14 70%)}.auth-card{background:linear-gradient(145deg,#131d2b,#0f1720);border:1px solid var(--border);border-radius:16px;padding:2.5rem;width:100%;max-width:420px;box-shadow:0 20px 60px #00000080,0 0 40px var(--glow-gold)}.auth-header{text-align:center;margin-bottom:2rem}.auth-header h1{color:var(--gold);font-size:1.8rem;margin:.5rem auto .25rem;justify-content:center}.auth-header p{color:var(--text-secondary);font-size:.95rem}.auth-icon{color:var(--gold);filter:drop-shadow(0 0 8px rgba(240,178,50,.4))}.auth-footer{text-align:center;margin-top:1.5rem;color:var(--text-secondary);font-size:.9rem}.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:var(--bg-primary);border:1px solid var(--border);border-radius:8px;color:var(--text-primary);font-size:.95rem;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)}.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:#0b0f14;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,var(--gold-dark),var(--gold));color:#0b0f14;padding:.45rem .9rem;font-size:.85rem;box-shadow:0 2px 8px #f0b23233}.btn-upgrade:hover:not(:disabled){box-shadow:0 4px 16px #f0b23259;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,#131d2b,#0f1720);border-right:1px solid var(--border);width:200px;min-height:100vh;display:flex;flex-direction:column;position:fixed;top:0;left:0;z-index:100;box-shadow:2px 0 20px #0000004d;flex-shrink:0;overflow-y:auto;overflow-x:hidden}.sidebar-brand{padding:.8rem .7rem;border-bottom:1px solid var(--border)}.sidebar-logo{display:flex;align-items:center;gap:.5rem;color:var(--gold);font-weight:700;font-size:1rem;text-shadow:0 0 20px rgba(240,178,50,.3)}.sidebar-logo-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-village-selector{padding:.5rem .7rem;border-bottom:1px solid var(--border)}.sidebar-village-selector select{width:100%;background:var(--bg-primary);border:1px solid var(--border);color:var(--text-primary);padding:.35rem .4rem;border-radius:6px;font-size:.8rem;transition:border-color .2s}.sidebar-village-selector select:focus{border-color:var(--gold);outline:none}.sidebar-nav{flex:1;display:flex;flex-direction:column;padding:.4rem .5rem;gap:.1rem}.sidebar-link{display:flex;align-items:center;gap:.5rem;padding:.5rem .6rem;color:var(--text-secondary);border-radius:8px;font-size:.85rem;font-weight:500;transition:all .2s;white-space:nowrap;text-decoration:none;cursor:pointer;border:none;background:none;width:100%;text-align:left;position:relative}.sidebar-link:hover{color:var(--text-primary);background:var(--bg-hover)}.sidebar-link.active{color:var(--gold);background:var(--glow-gold);border-left:3px solid var(--gold)}.sidebar-link-icon{flex-shrink:0}.sidebar-link-text{overflow:hidden;text-overflow:ellipsis}.sidebar-badge{background:var(--red);color:#fff;font-size:.65rem;padding:.1rem .35rem;border-radius:10px;font-weight:700;margin-left:auto;min-width:16px;text-align:center}.sidebar-footer{border-top:1px solid var(--border);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(--text-secondary);font-size:.8rem;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-logout{color:var(--text-muted)!important}.sidebar-logout:hover{color:var(--red-light)!important}.sidebar-lang-btn{font-family:inherit}.admin-link{color:var(--purple)!important}.admin-link:hover{color:var(--purple)!important;background:#a855f71a!important}@media(max-width:900px){.sidebar{width:52px}.sidebar-logo-text,.sidebar-link-text,.sidebar-username,.version-tag,.sidebar-village-selector{display:none}.sidebar-link{justify-content:center;padding:.6rem}.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}}.resource-bar{background:linear-gradient(180deg,var(--bg-secondary),#0e141c);border-bottom:1px solid var(--border);display:flex;justify-content:center;gap:1.5rem;padding:.5rem 1rem;flex-wrap:wrap;position:sticky;top:0;z-index:99}.resource-item{display:flex;align-items:center;gap:.35rem;font-size:.8rem;padding:.15rem .5rem;border-radius:6px;background:#ffffff08}.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}}.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),#121a26);border:1px solid var(--border);border-radius:12px;padding:1.2rem;box-shadow:0 2px 16px #0003}.card h3{color:var(--gold);margin-bottom:.8rem;display:flex;align-items:center;gap:.4rem}.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}.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}.mini-item.upgrading{background:var(--glow-gold)}.level{color:var(--gold);font-weight:700}.buildings-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1rem;margin-top:1rem}.card-graphic-showcase{display:flex;align-items:center;justify-content:center;padding:.75rem 0 .5rem;background:radial-gradient(ellipse at center,rgba(240,178,50,.06) 0%,transparent 70%);border-radius:10px 10px 0 0;margin:-1rem -1rem .75rem;border-bottom:1px solid var(--border)}.card-graphic-showcase .game-graphic{filter:drop-shadow(0 2px 6px rgba(0,0,0,.3));transition:transform .3s ease}.building-card:hover .card-graphic-showcase .game-graphic,.unit-card:hover .card-graphic-showcase .game-graphic{transform:scale(1.08)}.building-card{background:linear-gradient(145deg,var(--bg-card),#121a26);border:1px solid var(--border);border-radius:12px;padding:1rem;transition:all .25s ease;box-shadow:0 2px 8px #00000026}.building-card:hover{border-color:var(--border-light);box-shadow:0 4px 20px #00000040;transform:translateY(-1px)}.building-card.is-upgrading{border-color:var(--gold-dark);background:linear-gradient(145deg,#1a1e14,#161f2d);box-shadow:0 0 20px var(--glow-gold)}.building-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.building-header h3{color:var(--text-primary);font-size:1rem;margin:0}.building-level{background:linear-gradient(135deg,var(--gold-dark),var(--gold));color:#0b0f14;padding:.15rem .55rem;border-radius:6px;font-size:.75rem;font-weight:800;letter-spacing:.02em}.upgrade-timer{display:flex;align-items:center;gap:.4rem;color:var(--gold);font-size:.85rem;padding:.5rem 0;font-weight:500}.upgrade-info{margin-top:.5rem}.upgrade-cost{margin-bottom:.5rem}.cost-title{color:var(--text-secondary);font-size:.75rem;margin-bottom:.3rem;text-transform:uppercase;letter-spacing:.5px;font-weight:600}.cost-items{display:flex;flex-wrap:wrap;gap:.4rem;font-size:.8rem;color:var(--text-muted)}.cost-items>span{padding:.15rem .45rem;border-radius:4px;background:#ffffff0a;font-weight:500}.cost-time{display:flex;align-items:center;gap:.3rem;color:var(--text-muted);font-size:.8rem;margin-top:.3rem}.max-level{color:var(--green-light);font-size:.85rem;padding:.5rem 0;display:flex;align-items:center;gap:.3rem;font-weight:500}.research-desc{color:var(--text-muted);font-size:.85rem;margin-bottom:.5rem}.cost-ok{color:var(--green-light)!important}.cost-lack{color:var(--red-light)!important;background:#dc262614!important}.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:.75rem;font-weight:600}.req-met{background:#10b9811a;color:var(--green-light);border:1px solid rgba(16,185,129,.2)}.req-unmet{background:#dc262614;color:var(--red-light);border:1px solid rgba(220,38,38,.2)}.item-name-with-icon{display:flex;align-items:center;gap:.4rem}.item-icon{color:var(--gold);flex-shrink:0;filter:drop-shadow(0 0 4px rgba(240,178,50,.3))}.mini-timer{color:var(--gold);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(260px,1fr));gap:.8rem;margin-top:1rem}.unit-card{background:linear-gradient(145deg,var(--bg-card),#121a26);border:1px solid var(--border);border-radius:12px;padding:.8rem;transition:all .2s}.unit-card:hover{border-color:var(--border-light)}.unit-card.is-upgrading{border-color:var(--gold-dark);box-shadow:0 0 16px var(--glow-gold)}.unit-stats{display:flex;gap:.6rem;font-size:.8rem;color:var(--text-muted);flex-wrap:wrap;margin-top:.3rem}.unit-stats span{padding:.1rem .4rem;border-radius:4px;background:#ffffff08;font-weight:500}.section-title{color:var(--gold);margin:1.2rem 0 .6rem;font-weight:700}.attack-card{background:var(--bg-card);border:1px solid var(--border);border-radius:8px;padding:.8rem;margin-bottom:.5rem;transition:border-color .2s}.attack-card.incoming{border-left:3px solid var(--red);background:#dc262608}.attack-card.outgoing{border-left:3px solid var(--blue);background:#3b82f608}.attack-route{display:flex;align-items:center;flex-wrap:wrap;gap:.3rem}.route-arrow{color:var(--text-muted);flex-shrink:0}.coord-link{color:var(--blue);text-decoration:none;font-size:.85rem;font-weight:500}.coord-link:hover{text-decoration:underline;color:var(--blue-light)}.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:#3b82f614;border:1px solid rgba(59,130,246,.2);border-radius:6px;font-size:.85rem;color:var(--blue)}.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:var(--text-secondary);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:var(--gold)}.member-count{color:var(--text-muted);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 var(--border);transition:background .15s}.member-row:hover{background:#ffffff05}.member-name{font-weight:600;min-width:120px}.member-date{color:var(--text-muted);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:var(--text-muted)}.create-alliance{margin-top:1rem;max-width:500px}.alliance-chat{margin-top:.5rem}.alliance-chat h3{display:flex;align-items:center;gap:.4rem;color:var(--gold);margin-bottom:.5rem}.chat-messages{max-height:400px;overflow-y:auto;padding:.5rem;background:var(--bg-primary);border:1px solid var(--border);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:#ffffff05}.chat-msg-own{background:#f0b2320a}.chat-msg-user{font-weight:700;color:var(--gold);font-size:.85rem;white-space:nowrap}.chat-msg-text{color:var(--text-primary);font-size:.9rem;word-break:break-word;flex:1}.chat-msg-time{color:var(--text-muted);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:var(--bg-primary);border:1px solid var(--border);border-radius:8px;color:var(--text-primary);font-size:.9rem}.chat-input-bar input:focus{outline:none;border-color:var(--gold);box-shadow:0 0 0 3px var(--glow-gold)}.food-cost-tag{display:inline-flex;align-items:center;gap:.3rem;padding:.15rem .5rem;border-radius:6px;font-size:.8rem;font-weight:600;background:#f59e0b1a;color:#f59e0b;border:1px solid rgba(245,158,11,.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}.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-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}.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{background:var(--bg-card);border:1px solid var(--border);border-left:4px solid;border-radius:12px;padding:1.2rem;display:flex;align-items:center;gap:1rem}.stat-value{font-size:1.8rem;font-weight:800;color:var(--text-primary)}.stat-label{color:var(--text-muted);font-size:.85rem}.admin-table-container{overflow-x:auto;margin-top:1rem}.admin-table{width:100%;border-collapse:collapse;background:var(--bg-card);border:1px solid var(--border);border-radius:12px}.admin-table th{text-align:left;padding:.7rem .8rem;background:var(--bg-secondary);color:var(--text-secondary);font-size:.75rem;text-transform:uppercase;letter-spacing:.5px;font-weight:700;border-bottom:1px solid var(--border)}.admin-table td{padding:.6rem .8rem;border-bottom:1px solid var(--border);font-size:.9rem}.admin-table tr:hover td{background:var(--bg-hover)}.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)}.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),#0f1720);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:1px solid var(--border);border-radius:12px;background:var(--bg-card)}.lb-table{width:100%;border-collapse:collapse}.lb-table th{text-align:left;padding:.7rem 1rem;background:var(--bg-secondary);color:var(--text-secondary);font-size:.75rem;text-transform:uppercase;letter-spacing:.5px;font-weight:700;border-bottom:1px solid var(--border)}.lb-table td{padding:.6rem 1rem;border-bottom:1px solid var(--border);font-size:.9rem}.lb-table tbody tr{transition:background .15s}.lb-table tbody tr:hover td{background:var(--bg-hover)}.lb-table tbody tr:last-child td{border-bottom:none}.lb-rank{font-weight:700;color:var(--text-muted);width:50px}.lb-name{font-weight:600;color:var(--text-primary)}.lb-alliance{color:var(--cyan);font-weight:600;font-size:.85rem}.lb-score{font-weight:700;color:var(--gold);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))}.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;pointer-events:none;filter:grayscale(.4)}.lock-icon{color:var(--text-muted)}.locked-notice{display:flex;align-items:center;gap:.6rem;color:var(--text-secondary);font-size:.95rem;font-weight:500;padding:1.2rem;margin-bottom:1rem;background:#dc26260d;border:1px dashed var(--border-light)}.locked-notice svg{color:var(--red-light)}.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}.friend-card:hover{border-color:var(--border-light)}.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:var(--text-primary)}.friend-alliance{color:var(--cyan);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:#ffffff0a;font-size:.8rem;color:var(--text-secondary);cursor:pointer;transition:all .2s}.friend-village:hover{color:var(--gold);background:var(--glow-gold)}.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:.35rem .6rem;margin-bottom:.5rem;background:#a855f70f;border:1px solid rgba(168,85,247,.15);border-radius:6px;font-size:.8rem}.effect-current{display:flex;align-items:center;gap:.3rem;color:var(--purple);font-weight:600}.effect-next{color:var(--gold);font-weight:600;padding-left:.3rem}.unit-train-section{margin-top:.5rem;padding-top:.5rem;border-top:1px solid var(--border)}.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:65px;background:var(--bg-primary);border:1px solid var(--border);color:var(--text-primary);padding:.35rem .5rem;border-radius:6px;text-align:center;font-size:.85rem;transition:border-color .2s}.unit-train-controls input:focus{border-color:var(--gold);outline:none;box-shadow:0 0 0 3px var(--glow-gold)}.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}.res-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}.res-tooltip-time{color:var(--gold);font-weight:700}.res-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:var(--gold);background:#f59e0b1a;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:var(--bg-secondary);border-radius:3px;overflow:hidden;min-width:60px}.countdown-progress-fill{height:100%;border-radius:3px;transition:width 1s linear;background:linear-gradient(90deg,var(--gold-dark),var(--gold));box-shadow:0 0 6px #f0b2324d}.countdown-progress-pct{font-size:.7rem;color:var(--text-muted);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{background:var(--bg-secondary);border:1px solid var(--border);border-radius:8px;padding:1rem}.admin-card h3{margin-bottom:.75rem;display:flex;align-items:center;gap:.4rem;font-size:.95rem}.admin-card .form-row{display:flex;gap:.5rem;align-items:center;margin-bottom:.5rem;flex-wrap:wrap}.admin-card label{font-size:.8rem;color:var(--text-secondary);min-width:50px}.admin-card input,.admin-card select{background:var(--bg-primary);border:1px solid var(--border);color:var(--text-primary);padding:.35rem .5rem;border-radius:6px;font-size:.85rem;flex:1;min-width:70px}.admin-card input:focus,.admin-card select:focus{border-color:var(--gold);outline:none}.admin-card .btn{margin-top:.5rem}.admin-success{color:var(--green-light);font-size:.8rem;margin-top:.3rem}.admin-error{color:var(--danger);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}.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),#0f1720);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}.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:#ffffff0d;padding:.1rem .4rem;border-radius:4px;font-size:.75rem;color:var(--text-secondary);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:var(--gold);font-weight:700;font-size:.8rem;margin-left:auto}.btn-cancel{display:inline-flex;align-items:center;gap:.2rem;background:#dc26261a;border:1px solid var(--red);color:var(--red);border-radius:4px;padding:.2rem .5rem;font-size:.7rem;cursor:pointer;transition:all .2s;margin-left:.5rem}.btn-cancel:hover{background:#dc262640;color:var(--red-light)}.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:var(--text-secondary)}.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:#f0b23233;color:var(--gold-light);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:3px solid var(--blue)}.badge-info{background:var(--blue);color:#fff;font-size:.7rem;padding:.1rem .4rem;border-radius:4px;margin-left:.5rem}.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-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:#ef444433;color:#ef4444;font-size:.7rem;padding:.15rem .5rem;border-radius:4px;display:inline-flex;align-items:center;gap:.2rem}.badge-espionage{background:#a855f733;color:#a855f7;font-size:.7rem;padding:.15rem .5rem;border-radius:4px;display:inline-flex;align-items:center;gap:.2rem}.badge-colonization{background:#22c55e33;color:#22c55e;font-size:.7rem;padding:.15rem .5rem;border-radius:4px;display:inline-flex;align-items:center;gap:.2rem}.badge-battle{background:#ef444426;color:#ef4444;font-size:.7rem;padding:.1rem .4rem;border-radius:4px;display:inline-flex;align-items:center;gap:.2rem}.attack-coords{font-size:.75rem;color:var(--text-secondary)}.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}.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:var(--gold)}.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 var(--border)}.settings-row:last-child{border-bottom:none}.settings-label{color:var(--text-secondary);font-size:.9rem}.settings-value{color:var(--text-primary);font-weight:600}.settings-lang-btns{display:flex;gap:.4rem}.patch-notes-list{display:flex;flex-direction:column;gap:.3rem}.patch-note{border:1px solid var(--border);border-radius:8px;overflow:hidden;background:var(--bg-secondary);transition:border-color .2s}.patch-note:hover{border-color:var(--border-light)}.patch-note-latest{border-color:var(--gold-dark)}.patch-note-header{width:100%;display:flex;align-items:center;padding:.6rem .75rem;background:none;border:none;color:var(--text-primary);cursor:pointer;font-size:.9rem;text-align:left}.patch-note-header:hover{background:var(--bg-hover)}.patch-note-title{display:flex;align-items:center;gap:.5rem}.patch-note-version{font-weight:700;color:var(--gold)}.patch-note-date{color:var(--text-muted);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:var(--text-secondary);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:#111922cc;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%,#1a2840,#0b0f14 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(59,130,246,.2),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:#0b0f14;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:#0b0f14;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:2.5rem;justify-content:center;flex-wrap:wrap}.hero-stat{display:flex;flex-direction:column;align-items:center;gap:.3rem}.hero-stat-icon{font-size:2rem;filter:grayscale(.3)}.hero-stat-label{font-size:.85rem;color:var(--text-secondary);font-weight:600}.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{background:linear-gradient(145deg,#131d2b,#0f1720);border:1px solid var(--border);border-radius:16px;padding:2rem;text-align:center;transition:all .3s ease}.feature-card:hover{border-color:var(--border-light);transform:translateY(-4px);box-shadow:0 12px 40px #0000004d}.feature-icon{font-size:2.5rem;margin-bottom:1rem;width:64px;height:64px;display:flex;align-items:center;justify-content:center;margin:0 auto 1rem;border-radius:16px}.feature-icon-build{background:#22c55e1f}.feature-icon-army{background:#ef44441f}.feature-icon-trade{background:#f0b2321f}.feature-icon-spy{background:#a855f71f}.feature-icon-alliance{background:#3b82f61f}.feature-icon-map{background:#22d3ee1f}.feature-card h3{color:var(--text-primary);font-size:1.15rem;margin-bottom:.5rem}.feature-card p{color:var(--text-secondary);font-size:.9rem;line-height:1.6}.landing-cta{text-align:center;padding:5rem 2rem;background:radial-gradient(ellipse at 50% 50%,#162032,#0b0f14 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}}.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}.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(135deg,#22c55e26,#22c55e0d);border:1px solid rgba(34,197,94,.2)}.gfx-military{background:linear-gradient(135deg,#ef444426,#ef44440d);border:1px solid rgba(239,68,68,.2)}.gfx-research{background:linear-gradient(135deg,#3b82f626,#3b82f60d);border:1px solid rgba(59,130,246,.2)}.gfx-resource{background:linear-gradient(135deg,#f0b23226,#f0b2320d);border:1px solid rgba(240,178,50,.2)}.gfx-defense{background:linear-gradient(135deg,#3b82f626,#3b82f60d);border:1px solid rgba(59,130,246,.2)}.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,#161f2df2,#0b0f14fa);border:1px solid var(--border-light);border-radius:16px;padding:0;overflow:hidden;box-shadow:0 8px 32px #0006,inset 0 1px #ffffff0a;-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,#1e304899,#161f2d4d);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-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-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-route{display:flex;align-items:center;justify-content:center;gap:1rem;padding:1rem 1.5rem;background:#0b0f1466;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-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-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-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-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-armies{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--border)}.report-army-column{background:#161f2d99;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(30,48,72,.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:#1e304880}.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-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,#1e304880,#161f2dcc);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,#1e304866);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,#1e304866);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:#1e304859;border:1px solid var(--border);border-radius:8px;transition:all .2s}.report-intel-card:hover{border-color:var(--border-light);background:#1e30488c}.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{background:linear-gradient(145deg,var(--bg-card),#121a26);border:1px solid var(--border);border-radius:12px;padding:1rem;transition:all .25s ease;box-shadow:0 2px 8px #00000026}.mission-card:hover{border-color:var(--border-light);box-shadow:0 4px 20px #00000040;transform:translateY(-1px)}.mission-complete{border-color:var(--green);background:linear-gradient(145deg,#0f1f18,#121a26)}.mission-complete:hover{border-color:var(--green-light)}.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:var(--text-primary);font-size:.95rem;margin:0 0 .15rem}.mission-info p{color:var(--text-muted);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:#10b98126;color:var(--green-light)}.mission-badge.pending{background:#5d6d7e26;color:var(--text-muted)}.mission-claim-btn{display:inline-flex;align-items:center;gap:.3rem;background:linear-gradient(135deg,var(--green),var(--green-light))!important;color:#0b0f14!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 var(--border);font-size:.8rem;color:var(--text-secondary)}.mission-reward-label{font-weight:600;color:var(--text-muted);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:#ffffff0a;font-weight:500}.btn-success{background:linear-gradient(135deg,var(--green),var(--green-light));color:#0b0f14;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-map-grid{display:grid;gap:0px}.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;transition:all .12s ease;position:relative;border:.5px solid rgba(255,255,255,.06)}.trav-cell:hover{background:#5a9a48;z-index:2;box-shadow:inset 0 0 12px #ffffff1f}.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-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-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(42,90,36,.5);box-shadow:0 6px 30px #00000059,inset 0 0 20px #0000001a;background:#2d5a24}.village-svg{width:100%;height:auto;display:block;max-height:420px}.village-svg g[style*="cursor: pointer"]:hover{filter:brightness(1.15)}.vb-upgrading{filter:drop-shadow(0 0 6px rgba(240,178,50,.6))}.vb-pulse{animation:vbPulse 1.5s ease-in-out infinite}@keyframes vbPulse{0%,to{opacity:.3;stroke-width:1.5}50%{opacity:.9;stroke-width:2}}.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-3d-wrap{width:100%;height:420px;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:#0a0f14d9;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:#e0ecf8;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:#0a0f14e6;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:#0a0f14e6;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,#1a2436,#131d2b);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:#e0ecf8;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:#0b0f14}.building-3d-popup-btn:hover{box-shadow:0 2px 8px #f0b2324d}.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}