@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&family=Share+Tech+Mono&display=swap";:root{font-family:Outfit,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;color:#f3f4f6;background-color:#0b0909;--neon-blue: #2563eb;--neon-red: #dc2626;--neon-green: #16a34a;--neon-yellow: #d97706;--neon-gold: #d97706;--glass-bg: rgba(18, 14, 14, .82);--glass-border: rgba(217, 119, 6, .16);--glow-shadow: 0 0 15px rgba(217, 119, 6, .25)}*{box-sizing:border-box;margin:0;padding:0}body{overflow:hidden;width:100vw;height:100vh;margin:0;background:radial-gradient(circle at center,#1e1313,#060505);background-attachment:fixed}#root{width:100%;height:100%;display:flex;flex-direction:column}.sakura-container{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none;overflow:hidden}.sakura-container:before,.sakura-container:after{content:"";position:absolute;width:100%;height:100%;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='%23fda4af' d='M10 2c1-1 4-1 5 1s0 5-2 6c-2 1-4 0-5-2s1-4 2-5z'/%3E%3C/svg%3E");background-size:40px 40px;animation:sakuraFall 25s linear infinite;opacity:.22}.sakura-container:after{background-size:25px 25px;animation-duration:38s;animation-delay:-12s;opacity:.15}@keyframes sakuraFall{0%{background-position:0px -200px;transform:rotate(0) skew(0)}50%{transform:rotate(180deg) skew(10deg)}to{background-position:500px 1000px;transform:rotate(360deg) skew(-10deg)}}.glass-panel{background:var(--glass-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:12px;box-shadow:0 8px 32px #0009;color:#f1f5f9}.app-header{height:70px;display:flex;justify-content:space-between;align-items:center;padding:0 24px;z-index:10;border-radius:0 0 12px 12px;border-top:none;background:#120e0ee6}.brand-section{display:flex;align-items:center;gap:12px}.logo-icon{font-size:24px;animation:pulseGlow 2s infinite ease-in-out}.brand-title{font-weight:800;font-size:1.25rem;letter-spacing:1px;background:linear-gradient(to right,#3b82f6,#60a5fa);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.resources-display{display:flex;align-items:center;gap:20px;background:#ffffff08;padding:6px 16px;border-radius:30px;border:1px solid rgba(255,255,255,.05)}.res-item{display:flex;align-items:center;gap:6px;font-family:Share Tech Mono,monospace;font-size:1rem}.res-item.warning{color:var(--neon-red);animation:alertPulse 1s infinite alternate}.res-label{font-size:.75rem;color:#94a3b8;text-transform:uppercase}.res-val{font-weight:700}.header-utils{display:flex;align-items:center;gap:16px}.speed-control{display:flex;align-items:center;gap:6px;font-size:.85rem;background:#ffffff0d;padding:4px 8px;border-radius:6px;border:1px solid rgba(255,255,255,.05)}.speed-btn{background:transparent;border:none;padding:2px 6px;font-weight:600;font-size:.8rem;border-radius:4px;color:#64748b;cursor:pointer}.speed-btn.active{color:#fff;background:var(--neon-blue);box-shadow:0 0 8px #3b82f680}.app-content{flex:1;display:flex;position:relative;overflow:hidden;z-index:1}.globe-container-wrapper{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.globe-container{width:100%;height:100%}.hud-panel{position:absolute;z-index:5;pointer-events:auto;display:flex;flex-direction:column}.left-sidebar{top:20px;left:20px;bottom:120px;width:280px;padding:16px}.right-sidebar{top:20px;right:20px;bottom:120px;width:320px;padding:16px}.bottom-hud{left:320px;right:360px;bottom:20px;height:80px;padding:0 20px;display:flex;align-items:center;justify-content:space-between}.sidebar-header{font-size:1rem;font-weight:700;margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid rgba(255,255,255,.1);display:flex;justify-content:space-between;align-items:center}.village-list{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:8px;padding-right:4px}.village-item{background:#ffffff08;border:1px solid rgba(255,255,255,.05);border-radius:8px;padding:10px;cursor:pointer;transition:all .2s ease}.village-item:hover{background:#ffffff14;border-color:#ffffff26}.village-item.active{background:#3b82f61f;border-color:var(--neon-blue);box-shadow:0 0 10px #3b82f633}.v-item-header{display:flex;justify-content:space-between;font-weight:600;font-size:.9rem;margin-bottom:4px}.v-item-owner{font-size:.75rem;color:#94a3b8}.v-item-coords{font-family:Share Tech Mono,monospace;font-size:.75rem;color:#64748b;margin-top:4px}.movements-list{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:10px}.movement-card{background:#ffffff08;border-radius:8px;padding:12px;border-left:4px solid var(--neon-blue)}.movement-card.attack{border-left-color:var(--neon-yellow)}.movement-card.incoming{border-left-color:var(--neon-red);background:#ef44440d;animation:threatPulse 2s infinite alternate}.movement-card.return{border-left-color:#64748b}.mov-header{display:flex;justify-content:space-between;font-size:.85rem;font-weight:700;margin-bottom:6px}.mov-header.critical{color:var(--neon-red)}.mov-path{font-size:.8rem;color:#cbd5e1;margin-bottom:6px}.mov-troops{display:flex;flex-wrap:wrap;gap:6px;font-size:.75rem;color:#94a3b8;margin-bottom:6px}.mov-countdown{display:flex;align-items:center;gap:4px;font-family:Share Tech Mono,monospace;font-size:.8rem;color:#38bdf8}.bottom-summary{display:flex;flex-direction:column}.summary-title{font-weight:700;font-size:1.05rem}.summary-meta{font-size:.8rem;color:#94a3b8;margin-top:2px}.bottom-actions{display:flex;gap:12px}button{font-family:inherit;font-weight:600;font-size:.9rem;padding:8px 16px;border-radius:8px;border:1px solid rgba(255,255,255,.1);background:#ffffff0d;color:#f1f5f9;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px;transition:all .2s ease}button:hover:not(:disabled){background:#ffffff1f;border-color:#ffffff40}button:disabled,button.disabled{opacity:.4;cursor:not-allowed}.btn-primary{background:var(--neon-blue);color:#fff;border-color:transparent;box-shadow:0 0 10px #3b82f64d}.btn-primary:hover:not(:disabled){background:#2563eb;box-shadow:0 0 15px #3b82f680}.btn-secondary{background:#ffffff0d;border-color:#ffffff1a}.btn-danger{background:var(--neon-red);color:#fff;border-color:transparent;box-shadow:0 0 10px #ef44444d}.btn-danger:hover:not(:disabled){background:#dc2626;box-shadow:0 0 15px #ef444480}.globe-tooltip{background:#0a0f1ef2!important;border:1px solid var(--neon-blue)!important;border-radius:8px!important;padding:12px!important;box-shadow:0 4px 20px #000c!important;font-family:Outfit,sans-serif!important;color:#f1f5f9!important}.globe-tooltip h3{font-size:1rem;margin-bottom:6px;color:var(--neon-blue);border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:4px}.globe-tooltip p{font-size:.8rem;margin-bottom:4px}.globe-tooltip .active-tag{color:var(--neon-green);font-weight:700;margin-top:6px}.globe-tooltip .click-tag{color:#64748b;font-style:italic;margin-top:6px}.command-popup{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:480px;max-width:90%;z-index:15;background:#0a0f1ef2;border:1px solid var(--neon-blue);border-radius:12px;box-shadow:0 0 30px #3b82f666;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:20px}.popup-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:8px}.popup-header h3{font-size:1.15rem;color:var(--neon-blue)}.close-btn{background:transparent;border:none;font-size:1.5rem;color:#64748b;cursor:pointer}.close-btn:hover{color:#fff}.target-summary{background:#ffffff08;padding:12px;border-radius:8px;margin-bottom:16px;font-size:.9rem}.target-summary p{margin-bottom:4px}.distance-row{display:flex;justify-content:space-between;margin-top:8px;font-size:.8rem;color:#94a3b8}.own-village-alert{background:#ef44441a;border:1px solid var(--neon-red);color:#fca5a5;border-radius:8px;padding:12px;text-align:center;font-size:.9rem}.troops-select-grid{display:flex;flex-direction:column;gap:8px}.troop-select-card{display:flex;align-items:center;justify-content:space-between;background:#ffffff05;border:1px solid rgba(255,255,255,.05);border-radius:8px;padding:8px 12px}.t-icon{font-size:1.5rem}.t-meta{flex:1;margin-left:12px;display:flex;flex-direction:column}.t-name{font-size:.85rem;font-weight:600}.t-avail{font-size:.75rem;color:#64748b}.t-inputs{display:flex;align-items:center;gap:8px}.t-inputs input{width:70px;background:#0000004d;border:1px solid rgba(255,255,255,.1);color:#fff;border-radius:4px;padding:4px;text-align:center;font-family:Share Tech Mono,monospace}.btn-max{font-size:.7rem;padding:4px 8px;border-radius:4px}.command-actions{display:flex;gap:12px;margin-top:16px}.command-actions button{flex:1;padding:10px}.btn-attack{background:var(--neon-yellow);color:#030712;border-color:transparent;box-shadow:0 0 10px #f59e0b33}.btn-attack:hover{background:#d97706;box-shadow:0 0 15px #f59e0b66}.btn-support{background:var(--neon-green);color:#fff;border-color:transparent;box-shadow:0 0 10px #10b98133}.btn-support:hover{background:#059669;box-shadow:0 0 15px #10b98166}.panel-overlay{position:absolute;top:20px;bottom:20px;left:20px;right:20px;z-index:12;background:#0a0f1ef2;border:1px solid var(--neon-blue);box-shadow:0 0 35px #3b82f659;border-radius:12px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:24px;display:flex;flex-direction:column}.panel-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:12px;margin-bottom:16px}.panel-header h2{font-size:1.4rem;font-weight:800;color:var(--neon-blue)}.reports-container{flex:1;overflow-y:auto}.reports-list{display:flex;flex-direction:column;gap:10px}.report-list-item{background:#ffffff05;border:1px solid rgba(255,255,255,.05);border-radius:8px;padding:14px;display:flex;justify-content:space-between;align-items:center;cursor:pointer;transition:all .2s ease}.report-list-item:hover{background:#ffffff0f;border-color:#ffffff26}.report-list-item.win-border{border-left:4px solid var(--neon-green)}.report-list-item.loss-border{border-left:4px solid var(--neon-red)}.report-brief{display:flex;align-items:center;gap:12px}.report-icon{font-size:1.5rem}.brief-title{font-weight:600;font-size:.95rem}.brief-outcome{font-size:.8rem;color:#64748b;margin-top:2px}.report-actions{display:flex;align-items:center;gap:16px}.report-time{font-size:.8rem;color:#64748b}.delete-report-btn{background:#ef44441a;border:none;color:#fca5a5;padding:6px;border-radius:4px;cursor:pointer}.delete-report-btn:hover{background:var(--neon-red);color:#fff}.report-detail{display:flex;flex-direction:column;gap:16px}.report-card{background:#ffffff05;border:1px solid rgba(255,255,255,.05);border-radius:12px;padding:20px;margin-top:10px}.report-card-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(255,255,255,.08);padding-bottom:12px;margin-bottom:16px}.report-date{font-size:.85rem;color:#94a3b8;display:flex;align-items:center;gap:4px}.winner-banner{padding:12px;border-radius:8px;text-align:center;font-size:1.1rem;margin-bottom:20px;display:flex;align-items:center;justify-content:center;gap:8px}.winner-banner.player-win{background:#10b98126;border:1px solid var(--neon-green);color:#a7f3d0}.winner-banner.player-loss{background:#ef444426;border:1px solid var(--neon-red);color:#fca5a5}.combat-forces{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px}@media (max-width: 768px){.combat-forces{grid-template-columns:1fr}}.force-box{background:#0003;border:1px solid rgba(255,255,255,.05);border-radius:8px;padding:14px}.force-box h4{font-size:.95rem;margin-bottom:10px;padding-bottom:6px;border-bottom:1px solid rgba(255,255,255,.05)}.force-table{width:100%;border-collapse:collapse;font-size:.85rem}.force-table th,.force-table td{padding:6px 8px;text-align:left}.force-table th{color:#64748b;font-size:.75rem;text-transform:uppercase}.force-table tr:not(:last-child){border-bottom:1px solid rgba(255,255,255,.03)}.lost-count{color:var(--neon-red)}.extra-combat-info{display:grid;grid-template-columns:1fr 1fr;gap:20px}@media (max-width: 768px){.extra-combat-info{grid-template-columns:1fr}}.plunder-box,.loyalty-box{background:#0003;border:1px solid rgba(255,255,255,.05);border-radius:8px;padding:14px}.plunder-box h4,.loyalty-box h4{font-size:.95rem;margin-bottom:8px;color:#38bdf8}.resource-plunder{display:flex;gap:16px;font-family:Share Tech Mono,monospace;font-size:1rem}.conquest-alert{background:#10b9811a;border:1px solid var(--neon-green);border-radius:6px;padding:8px;margin-top:10px;color:#34d399;font-weight:600;text-align:center;font-size:.85rem}.ranking-body{flex:1;overflow-y:auto}.trophy-lead{display:flex;flex-direction:column;align-items:center;gap:10px;margin-bottom:24px;text-align:center;padding:20px;background:#ffffff05;border-radius:8px;border:1px solid rgba(255,255,255,.05)}.trophy-gold{color:var(--neon-yellow);filter:drop-shadow(0 0 10px rgba(245,158,11,.4))}.ranking-table{width:100%;border-collapse:collapse}.ranking-table th,.ranking-table td{padding:12px 16px;text-align:left}.ranking-table th{border-bottom:2px solid rgba(255,255,255,.1);color:#64748b;text-transform:uppercase;font-size:.8rem}.ranking-table tr{border-bottom:1px solid rgba(255,255,255,.05)}.ranking-table tr:hover{background:#ffffff05}.ranking-table tr.player-row{background:#3b82f614;border-left:3px solid var(--neon-blue)}.owner-name-cell{font-weight:600}.you-tag{color:var(--neon-blue);font-size:.75rem;margin-left:6px}.help-body{flex:1;overflow-y:auto;font-size:.95rem;line-height:1.6}.help-body h3{margin-bottom:12px;color:var(--neon-blue)}.help-body h4{margin-top:20px;margin-bottom:8px;border-bottom:1px solid rgba(255,255,255,.05);padding-bottom:4px}.help-body ul{padding-left:20px;margin-bottom:16px}.help-body li{margin-bottom:6px}.help-footer-glow{margin-top:30px;padding:16px;border-radius:8px;background:linear-gradient(135deg,#3b82f61a,#0a0f1e00);border:1px solid rgba(59,130,246,.15);display:flex;align-items:center;gap:12px;justify-content:center;font-weight:700;color:#38bdf8}.village-view-overlay{position:absolute;top:15px;bottom:15px;left:15px;right:15px;background:#070a14fa;border:1px solid var(--neon-blue);box-shadow:0 0 40px #3b82f666;border-radius:12px;z-index:12;display:flex;flex-direction:column;padding:16px}.village-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;border-bottom:1px solid rgba(255,255,255,.08);padding-bottom:8px}.village-header h2{font-size:1.3rem;font-weight:800;color:var(--neon-blue)}.village-body{flex:1;display:grid;grid-template-columns:1.2fr 1fr;gap:16px;min-height:0}@media (max-width: 900px){.village-body{grid-template-columns:1fr;overflow-y:auto}}.village-map-grid{background:linear-gradient(#120e0eb8,#120e0eb8),url(/japanese_village.jpg) no-repeat center center / cover;border:1px solid var(--neon-gold);box-shadow:inset 0 0 20px #000c;border-radius:8px;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(4,1fr);gap:10px;padding:12px}.building-cell{background:#ffffff04;border:1px solid rgba(255,255,255,.05);border-radius:6px;display:flex;flex-direction:column;justify-content:center;align-items:center;cursor:pointer;transition:all .25s ease;-webkit-user-select:none;user-select:none;position:relative;overflow:hidden}.building-cell:hover{background:#ffffff0a;border-color:var(--glow-color);box-shadow:0 0 10px var(--glow-color)}.building-cell.selected{background:#ffffff0f;border-color:var(--glow-color);box-shadow:0 0 15px var(--glow-color)}.building-cell.not-built{opacity:.35}.building-icon{font-size:2.2rem;margin-bottom:4px}.building-name{font-size:.8rem;font-weight:700;text-align:center}.building-lvl{font-family:Share Tech Mono,monospace;font-size:.75rem;color:#94a3b8;margin-top:2px}.building-details-panel{background:#ffffff03;border:1px solid rgba(255,255,255,.05);border-radius:8px;padding:16px;display:flex;flex-direction:column;overflow-y:auto}.building-panel-content{display:flex;flex-direction:column;gap:12px}.panel-header{display:flex;align-items:center;gap:12px;border-bottom:1px solid rgba(255,255,255,.05);padding-bottom:8px}.b-icon{font-size:2.5rem}.b-subtitle{font-size:.85rem;color:#64748b;font-family:Share Tech Mono,monospace}.b-desc{font-size:.85rem;color:#94a3b8}.b-info-box{background:#3b82f614;border:1px solid rgba(59,130,246,.15);border-radius:6px;padding:8px 12px;font-size:.85rem;color:#60a5fa}.max-level-alert{display:flex;align-items:center;gap:6px;color:var(--neon-green);font-weight:600;font-size:.9rem}.upgrade-section{display:flex;flex-direction:column;gap:8px;background:#ffffff05;padding:12px;border-radius:8px;border:1px solid rgba(255,255,255,.03)}.upgrade-section h4{font-size:.85rem;color:#94a3b8}.cost-row{display:flex;gap:12px;font-family:Share Tech Mono,monospace;font-size:.9rem}.cost-item{display:flex;align-items:center;gap:4px}.cost-item.insufficient{color:var(--neon-red)}.time-row{display:flex;align-items:center;gap:4px;font-size:.8rem;color:#64748b}.upgrade-btn{margin-top:4px;width:100%;padding:10px;background:var(--neon-blue)}.recruitment-section{display:flex;flex-direction:column;gap:8px;margin-top:10px}.recruitment-section h4{font-size:.9rem;border-bottom:1px solid rgba(255,255,255,.05);padding-bottom:4px;margin-bottom:6px}.unit-recruit-row{display:flex;justify-content:space-between;align-items:center;background:#ffffff05;border:1px solid rgba(255,255,255,.03);border-radius:6px;padding:8px 10px}.unit-info{display:flex;align-items:center;gap:10px}.u-icon{font-size:1.5rem}.u-name{font-size:.85rem;font-weight:600}.u-desc{font-size:.7rem;color:#64748b}.u-cost{font-family:Share Tech Mono,monospace;font-size:.75rem;color:#94a3b8;margin-top:2px}.unit-action{display:flex;align-items:center;gap:6px}.unit-action input{width:50px;background:#0000004d;border:1px solid rgba(255,255,255,.1);color:#fff;border-radius:4px;padding:4px;text-align:center;font-family:Share Tech Mono,monospace}.btn-small{padding:5px 8px;font-size:.75rem}.coin-minting{background:#ffffff05;border:1px solid rgba(255,255,255,.05);border-radius:8px;padding:12px}.coin-info{font-size:.85rem;margin-bottom:8px}.coin-desc{font-size:.75rem;color:#64748b;margin-top:2px}.coin-cost{font-size:.75rem;border-top:1px solid rgba(255,255,255,.05);padding-top:8px}.btn-mint{width:100%;margin-top:8px;background:var(--neon-yellow);color:#030712}.noble-requirements{font-size:.75rem;color:var(--neon-yellow);margin-top:4px}.empty-panel-prompt{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#475569;text-align:center;padding:40px;gap:12px}.village-queues{margin-top:12px;display:grid;grid-template-columns:1fr 1fr;gap:12px}@media (max-width: 600px){.village-queues{grid-template-columns:1fr}}.queue-box{background:#ffffff05;border:1px solid rgba(255,255,255,.05);border-radius:8px;padding:8px 12px}.queue-box h4{font-size:.8rem;color:#64748b;margin-bottom:4px;display:flex;align-items:center;gap:4px}.queue-items{display:flex;flex-direction:column;gap:4px}.queue-item{display:flex;justify-content:space-between;font-size:.8rem}.queue-time{font-family:Share Tech Mono,monospace;color:#38bdf8;display:flex;align-items:center;gap:2px}@keyframes pulseGlow{0%{transform:scale(1);filter:drop-shadow(0 0 2px rgba(59,130,246,.4))}50%{transform:scale(1.1);filter:drop-shadow(0 0 10px rgba(59,130,246,.8))}to{transform:scale(1);filter:drop-shadow(0 0 2px rgba(59,130,246,.4))}}@keyframes threatPulse{0%{box-shadow:inset 0 0 4px #ef44441a}50%{box-shadow:inset 0 0 15px #ef44444d}to{box-shadow:inset 0 0 4px #ef44441a}}@keyframes alertPulse{0%{color:#f87171}to{color:#dc2626}}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#0000001a}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#ffffff40}.badge{background:var(--neon-red);color:#fff;border-radius:10px;padding:1px 6px;font-size:.7rem;font-family:Share Tech Mono,monospace;font-weight:700}.notifications-container{position:absolute;top:90px;right:20px;z-index:100;display:flex;flex-direction:column;gap:10px;pointer-events:none}.notification{pointer-events:auto;background:#0a0f1ef2;border:1px solid var(--neon-blue);box-shadow:0 4px 15px #3b82f640;color:#f1f5f9;border-radius:8px;padding:12px 18px;font-size:.85rem;font-weight:600;max-width:320px;animation:slideIn .3s cubic-bezier(.16,1,.3,1) forwards;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.notification.success{border-color:var(--neon-green);box-shadow:0 4px 15px #10b98140}.notification.danger{border-color:var(--neon-red);box-shadow:0 4px 15px #ef444440;animation:shake .5s ease forwards,slideIn .3s cubic-bezier(.16,1,.3,1) forwards}.notification.info{border-color:var(--neon-blue)}@keyframes slideIn{0%{transform:translate(120%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes shake{0%,to{transform:translate(0)}20%,60%{transform:translate(-6px)}40%,80%{transform:translate(6px)}}.game-over-overlay{position:absolute;top:0;left:0;width:100%;height:100%;z-index:200;background:#030712eb;display:flex;align-items:center;justify-content:center}.game-over-box{background:#0a0f1ed9;border:2px solid var(--neon-red);box-shadow:0 0 50px #ef444466;border-radius:16px;padding:40px;max-width:480px;width:90%;text-align:center;display:flex;flex-direction:column;align-items:center;gap:20px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.game-over-overlay:has(.trophy-gold) .game-over-box{border-color:var(--neon-yellow);box-shadow:0 0 50px #f59e0b66}.game-over-box h2{font-size:2rem;font-weight:800;letter-spacing:1px}.game-over-box p{color:#94a3b8;font-size:.95rem;line-height:1.6}.empty-prompt{font-size:.9rem;color:#64748b;text-align:center;padding:30px;border:1px dashed rgba(255,255,255,.05);border-radius:8px;background:#ffffff03}.landing-wrapper{min-height:100vh;width:100vw;overflow-x:hidden;overflow-y:auto;position:relative;background:radial-gradient(circle at center,#1b1212,#080606);display:flex;flex-direction:column;color:#f3f4f6;z-index:1}.landing-nav{position:sticky;top:15px;margin:15px 30px 0;height:65px;display:flex;justify-content:space-between;align-items:center;padding:0 30px;z-index:100;border-radius:12px;background:#120e0ed9;box-shadow:0 4px 20px #0006}.landing-brand{display:flex;align-items:center;gap:10px}.landing-brand .brand-name{font-weight:800;font-size:1.3rem;letter-spacing:1px;background:linear-gradient(to right,#d97706,#fca5a5);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.landing-brand .brand-icon{font-size:1.5rem;animation:pulseGlow 3s infinite ease-in-out}.nav-links{display:flex;align-items:center;gap:25px}.nav-links a{color:#94a3b8;font-weight:600;font-size:.95rem;transition:color .2s ease;text-decoration:none}.nav-links a:hover{color:var(--neon-gold)}.nav-play-btn{background:var(--neon-red);color:#fff;padding:8px 16px;border-radius:8px;font-weight:700;font-size:.9rem;text-decoration:none;display:flex;align-items:center;gap:4px;box-shadow:0 0 15px #dc262659;transition:all .2s ease}.nav-play-btn:hover{background:#b91c1c;box-shadow:0 0 20px #dc26268c}.landing-hero{padding:60px 30px;display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:center;max-width:1200px;margin:0 auto;min-height:calc(80vh - 80px)}@media (max-width: 900px){.landing-hero{grid-template-columns:1fr;padding:40px 20px;text-align:center}}.hero-content{padding:40px;display:flex;flex-direction:column;align-items:flex-start;gap:20px}@media (max-width: 900px){.hero-content{align-items:center}}.hero-subtitle{font-weight:700;font-size:.85rem;color:var(--neon-gold);letter-spacing:2px}.hero-content h1{font-size:4rem;font-weight:900;line-height:1;background:linear-gradient(135deg,#fff 30%,#d97706);-webkit-background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 2px 8px rgba(0,0,0,.5))}.hero-content p{color:#cbd5e1;font-size:1.1rem;line-height:1.6}.hero-actions{display:flex;gap:16px;width:100%}@media (max-width: 600px){.hero-actions{flex-direction:column}}.btn-hero-primary{background:var(--neon-gold);color:#0b0909;padding:14px 28px;border-radius:8px;font-weight:800;font-size:1.05rem;text-decoration:none;display:flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 0 20px #d9770659;transition:all .25s ease}.btn-hero-primary:hover{background:#f59e0b;box-shadow:0 0 30px #d977068c;transform:translateY(-2px)}.btn-hero-secondary{border:1px solid rgba(255,255,255,.15);background:#ffffff0d;color:#fff;padding:14px 28px;border-radius:8px;font-weight:700;font-size:1.05rem;text-decoration:none;text-align:center;transition:all .25s ease}.btn-hero-secondary:hover{background:#ffffff1a;border-color:#ffffff40;transform:translateY(-2px)}.hero-preview{padding:10px;border-radius:16px;overflow:hidden;box-shadow:0 15px 40px #000c}.preview-image{height:380px;border-radius:12px;background-size:cover;background-position:center;position:relative;border:1px solid rgba(217,119,6,.1)}.preview-overlay{position:absolute;bottom:0;left:0;width:100%;background:linear-gradient(to top,rgba(0,0,0,.85) 0%,transparent 100%);padding:20px;display:flex;align-items:flex-end}.preview-tag{font-family:Share Tech Mono,monospace;font-size:.8rem;color:var(--neon-gold);background:#120e0ecc;padding:4px 10px;border-radius:4px;border:1px solid rgba(217,119,6,.2)}.landing-features{padding:80px 30px;max-width:1200px;margin:0 auto;width:100%}.section-title{text-align:center;font-size:2.2rem;font-weight:800;margin-bottom:50px;background:linear-gradient(to right,#fff,#d97706);-webkit-background-clip:text;-webkit-text-fill-color:transparent;position:relative}.section-title:after{content:"";position:absolute;bottom:-15px;left:50%;transform:translate(-50%);width:60px;height:3px;background:var(--neon-red);box-shadow:0 0 10px #dc2626cc}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:24px}.feature-card{padding:30px;display:flex;flex-direction:column;gap:16px;transition:all .3s ease}.feature-card:hover{transform:translateY(-5px);border-color:var(--neon-gold);box-shadow:0 8px 30px #d9770626}.f-icon-box{width:48px;height:48px;border-radius:10px;background:#d977061a;border:1px solid rgba(217,119,6,.25);display:flex;align-items:center;justify-content:center;color:var(--neon-gold)}.f-icon-box.gold-glow{box-shadow:0 0 15px #d9770626}.feature-card h3{font-size:1.25rem;font-weight:700;color:#fff}.feature-card p{color:#94a3b8;font-size:.95rem;line-height:1.6}.landing-factions{padding:50px;max-width:1000px;margin:40px auto 80px;width:calc(100% - 60px)}@media (max-width: 600px){.landing-factions{padding:30px 20px}}.factions-intro{text-align:center;max-width:600px;margin:-30px auto 40px;color:#94a3b8;font-size:1.05rem;line-height:1.6}.factions-list{display:flex;flex-direction:column;gap:20px}.faction-item{display:flex;gap:20px;align-items:center;background:#ffffff05;padding:16px 24px;border-radius:8px;border:1px solid rgba(255,255,255,.03);transition:background .2s ease}.faction-item:hover{background:#ffffff0d}.faction-badge{padding:6px 12px;border-radius:6px;font-weight:800;font-size:.85rem;text-transform:uppercase;min-width:90px;text-align:center}.red-badge{background:#dc262626;color:#fca5a5;border:1px solid var(--neon-red)}.gold-badge{background:#d9770626;color:#fcd34d;border:1px solid var(--neon-gold)}.blue-badge{background:#2563eb26;color:#93c5fd;border:1px solid var(--neon-blue)}.faction-item h4{font-size:1.05rem;font-weight:700;color:#fff;margin-bottom:4px}.faction-item p{color:#94a3b8;font-size:.9rem;line-height:1.5}.landing-footer{text-align:center;padding:40px 20px;background:#0a0808f2;border-top:1px solid rgba(217,119,6,.1);margin-top:auto;color:#64748b;font-size:.9rem}.footer-sub{font-size:.75rem;margin-top:6px;color:#475569}.registration-hud{width:320px;display:flex;flex-direction:column;gap:15px;z-index:10;background:#0a0808e6!important;border:1px solid rgba(217,119,6,.3)!important;box-shadow:0 4px 30px #000000b3!important}.registration-form{display:flex;flex-direction:column;gap:15px}.form-group{display:flex;flex-direction:column;gap:6px}.form-group label{font-size:.85rem;font-weight:600;color:#94a3b8;display:flex;align-items:center;gap:4px}.form-group input,.form-group select{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:6px;padding:8px 12px;color:#fff;font-size:.9rem;outline:none;transition:all .2s ease}.form-group input:focus,.form-group select:focus{border-color:var(--neon-gold);box-shadow:0 0 8px #d977064d;background:#ffffff14}.marker-status{margin-top:5px}.coordinates-display{font-size:.8rem;padding:10px;border-radius:6px;line-height:1.4;border:1px dashed;display:flex;flex-direction:column;gap:2px}.coordinates-display.success-text{background:#10b9810d;border-color:#10b9814d;color:#a7f3d0}.coordinates-display.warning-text{background:#ef44440d;border-color:#ef44444d;color:#fca5a5;font-style:italic}.start-campaign-btn{margin-top:10px;padding:12px!important;font-size:.95rem!important;font-weight:800!important;letter-spacing:.5px;transition:all .3s ease!important}.start-campaign-btn:disabled{background:#ffffff0d!important;border-color:#ffffff0d!important;color:#4b5563!important;cursor:not-allowed!important;box-shadow:none!important}.start-campaign-btn:not(:disabled){background:var(--neon-red)!important;border:1px solid var(--neon-red)!important;color:#fff!important;box-shadow:0 0 15px #dc262666!important;cursor:pointer}.start-campaign-btn:not(:disabled):hover{background:#b91c1c!important;box-shadow:0 0 22px #dc262699!important;transform:translateY(-1px)}.movement-card.own{border-left:3px solid var(--neon-gold)!important}.own-tag{background:#d9770633;color:var(--neon-gold);font-size:.7rem;padding:1px 4px;border-radius:4px;border:1px solid rgba(217,119,6,.4);font-weight:800;text-transform:uppercase}.tactical-map-container{border-radius:12px;border:1px solid rgba(217,119,6,.15);background:#080606;box-shadow:inset 0 0 50px #000000e6}.map-village-marker{width:32px;height:32px;display:flex;justify-content:center;align-items:center;position:relative;transition:transform .2s ease}.map-village-marker:hover{transform:translate(-50%,-50%) scale(1.2)!important}.marker-castle{font-size:1.5rem;z-index:2;filter:drop-shadow(0 2px 4px rgba(0,0,0,.8))}.marker-level{position:absolute;bottom:-4px;right:-4px;background:#120e0ee6;border:1px solid var(--neon-gold);border-radius:4px;padding:0 4px;font-size:.65rem;font-weight:800;color:#fff;z-index:3}.marker-ring{position:absolute;width:44px;height:44px;border-radius:50%;border:2px solid transparent;z-index:1;opacity:.7}.map-village-marker.player .marker-ring{border-color:var(--neon-gold);animation:mapPulseGold 2s infinite ease-in-out}.map-village-marker.ai .marker-ring{border-color:var(--neon-red);animation:mapPulseRed 2s infinite ease-in-out}.map-village-marker.other-player .marker-ring{border-color:var(--neon-blue);animation:mapPulseBlue 2s infinite ease-in-out}.map-village-marker.barbarian .marker-ring{border-color:#7c2d12;animation:mapPulseBrown 2s infinite ease-in-out}.map-village-marker.planned-base .marker-ring{border-color:#fff;animation:mapPulseWhite 2s infinite ease-in-out}@keyframes mapPulseGold{0%{transform:scale(.8);opacity:.8;box-shadow:0 0 #d9770666}70%{transform:scale(1.1);opacity:.2;box-shadow:0 0 0 8px #d9770600}to{transform:scale(.8);opacity:0}}@keyframes mapPulseRed{0%{transform:scale(.8);opacity:.8;box-shadow:0 0 #dc262666}70%{transform:scale(1.1);opacity:.2;box-shadow:0 0 0 8px #dc262600}to{transform:scale(.8);opacity:0}}@keyframes mapPulseBlue{0%{transform:scale(.8);opacity:.8;box-shadow:0 0 #2563eb66}70%{transform:scale(1.1);opacity:.2;box-shadow:0 0 0 8px #2563eb00}to{transform:scale(.8);opacity:0}}@keyframes mapPulseBrown{0%{transform:scale(.8);opacity:.6}70%{transform:scale(1.1);opacity:.1}to{transform:scale(.8);opacity:0}}@keyframes mapPulseWhite{0%{transform:scale(.8);opacity:.8;box-shadow:0 0 #fff6}70%{transform:scale(1.15);opacity:.2;box-shadow:0 0 0 8px #fff0}to{transform:scale(.8);opacity:0}}.marker-tooltip{visibility:hidden;position:absolute;bottom:40px;left:50%;transform:translate(-50%) translateY(10px);background:#120e0ef2;border:1px solid var(--neon-gold);border-radius:6px;padding:8px 12px;color:#f3f4f6;font-size:.75rem;line-height:1.4;white-space:nowrap;box-shadow:0 4px 15px #000c;opacity:0;transition:opacity .2s ease,transform .2s ease;z-index:100;pointer-events:none}.map-village-marker:hover .marker-tooltip{visibility:visible;opacity:1;transform:translate(-50%) translateY(0)}.map-village-marker.selected{transform:translate(-50%,-50%) scale(1.15)!important}.map-village-marker.selected .marker-ring{border-width:3px;border-style:double;animation:spinMarker 6s linear infinite;opacity:1}@keyframes spinMarker{0%{transform:scale(1.1) rotate(0)}to{transform:scale(1.1) rotate(360deg)}}.map-hud-controls{position:absolute;bottom:20px;right:20px;display:flex;flex-direction:column;gap:8px;padding:10px;border-radius:8px;z-index:40;background:#120e0ed9;border:1px solid rgba(217,119,6,.2);box-shadow:0 4px 20px #00000080}.map-hud-controls button{padding:6px 12px;font-size:.8rem;font-weight:700;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:4px;color:#e2e8f0;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:4px;transition:all .2s ease}.map-hud-controls button:hover{background:var(--neon-gold);border-color:var(--neon-gold);color:#120e0e}.zoom-display{text-align:center;font-size:.75rem;font-weight:800;color:var(--neon-gold);margin-top:2px}