@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800;900&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: #3b82f6;--neon-red: #ef4444;--neon-green: #10b981;--neon-yellow: #f59e0b;--neon-gold: #d97706;--oda-red: #ef4444;--tokugawa-gold: #f59e0b;--toyotomi-blue: #3b82f6;--glass-bg: rgba(13, 10, 10, .9);--glass-border: rgba(217, 119, 6, .25);--glow-shadow: 0 0 20px rgba(217, 119, 6, .3)}*{box-sizing:border-box;margin:0;padding:0}body{overflow:hidden;width:100vw;height:100vh;margin:0;background:radial-gradient(circle at center,#1b1212,#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:35px 35px;animation:sakuraFall 28s linear infinite;opacity:.18}.sakura-container:after{background-size:20px 20px;animation-duration:40s;animation-delay:-15s;opacity:.12}@keyframes sakuraFall{0%{background-position:0px -200px;transform:rotate(0) skew(0)}50%{transform:rotate(180deg) skew(12deg)}to{background-position:600px 1200px;transform:rotate(360deg) skew(-12deg)}}.glass-panel{background:var(--glass-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);border-radius:14px;box-shadow:0 10px 40px #000c,inset 0 0 15px #ffffff05;color:#f1f5f9}.app-header{height:72px;display:flex;justify-content:space-between;align-items:center;padding:0 24px;z-index:10;border-radius:0 0 16px 16px;border-top:none;background:#0d0a0af0;box-shadow:0 6px 30px #000000b3}.brand-section{display:flex;align-items:center;gap:12px;transition:transform .2s ease}.brand-section:hover{transform:scale(1.02)}.logo-icon{font-size:26px;animation:pulseGlow 2.5s infinite ease-in-out}.brand-title{font-weight:900;font-size:1.35rem;letter-spacing:1.5px;background:linear-gradient(135deg,#f59e0b,#ef4444,#3b82f6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 2px 4px rgba(0,0,0,.5))}.resources-display{display:flex;align-items:center;gap:22px;background:#ffffff06;padding:8px 22px;border-radius:40px;border:1px solid rgba(217,119,6,.15);box-shadow:inset 0 0 10px #00000080}.res-item{display:flex;align-items:center;gap:6px;font-family:Share Tech Mono,monospace;font-size:1.05rem}.res-item.warning{color:var(--neon-red);animation:alertPulse 1.2s infinite alternate}.res-label{font-size:.75rem;color:#94a3b8;font-weight:700}.res-val{font-weight:700}.header-utils{display:flex;align-items:center;gap:12px}.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;box-shadow:0 8px 32px #000c;transition:all .3s cubic-bezier(.16,1,.3,1)}.left-sidebar{top:20px;left:20px;bottom:120px;width:300px;padding:18px}.right-sidebar{top:20px;right:20px;bottom:120px;width:330px;padding:18px}.bottom-hud{left:340px;right:370px;bottom:20px;height:85px;padding:0 24px;display:flex;align-items:center;justify-content:space-between}.sidebar-header{font-size:1.05rem;font-weight:800;margin-bottom:14px;padding-bottom:10px;border-bottom:2px solid rgba(217,119,6,.2);display:flex;justify-content:space-between;align-items:center;color:var(--neon-yellow);letter-spacing:.5px}.village-list{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:10px;padding-right:4px}.village-item{background:#ffffff05;border:1px solid rgba(255,255,255,.05);border-radius:10px;padding:12px;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1)}.village-item:hover{background:#ffffff0f;border-color:#d977064d;transform:translateY(-2px)}.village-item.active{background:#d9770614;border-color:var(--neon-gold);box-shadow:0 0 15px #d9770640}.v-item-header{display:flex;justify-content:space-between;font-weight:700;font-size:.95rem;margin-bottom:6px;color:#fff}.v-item-owner{font-size:.8rem;color:#94a3b8}.v-item-coords{font-family:Share Tech Mono,monospace;font-size:.75rem;color:#64748b;margin-top:6px}.quests-container{scrollbar-width:thin}.movements-list{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:12px;padding-right:4px}.movement-card{background:#ffffff06;border-radius:10px;padding:14px;border-left:5px solid var(--neon-blue);box-shadow:0 4px 12px #00000080;transition:all .25s ease}.movement-card:hover{transform:scale(1.01)}.movement-card.attack{border-left-color:var(--neon-yellow)}.movement-card.incoming{border-left-color:var(--neon-red);background:#ef44440f;animation:threatPulse 1.8s infinite alternate}.movement-card.return{border-left-color:#64748b}.mov-header{display:flex;justify-content:space-between;font-size:.85rem;font-weight:800;margin-bottom:8px}.mov-header .critical{color:var(--neon-red);animation:alertPulse 1s infinite alternate}.mov-path{font-size:.8rem;color:#e2e8f0;line-height:1.5;margin-bottom:8px}.mov-troops{display:flex;flex-wrap:wrap;gap:8px;font-size:.75rem;color:#cbd5e1;margin-bottom:8px;background:#00000040;padding:6px 10px;border-radius:6px}.mov-countdown{display:flex;align-items:center;gap:6px;font-family:Share Tech Mono,monospace;font-size:.85rem;color:#38bdf8;font-weight:700}.bottom-summary{display:flex;flex-direction:column}.summary-title{font-weight:800;font-size:1.15rem;color:#fff}.summary-meta{font-size:.85rem;color:#94a3b8;margin-top:4px}.bottom-actions{display:flex;gap:12px}button,.btn-primary,.btn-secondary,.btn-danger,.btn-hero-primary,.btn-hero-secondary{font-family:inherit;font-weight:700;font-size:.9rem;padding:10px 20px;border-radius:8px;border:1px solid rgba(255,255,255,.08);background:linear-gradient(to bottom,#ffffff14,#ffffff05);color:#f1f5f9;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:all .25s cubic-bezier(.16,1,.3,1);box-shadow:0 4px 10px #0006}button:hover:not(:disabled){background:linear-gradient(to bottom,#ffffff29,#ffffff0f);border-color:#ffffff40;transform:translateY(-1px)}button:active:not(:disabled){transform:translateY(1px)}button:disabled,button.disabled{opacity:.35;cursor:not-allowed;transform:none!important;box-shadow:none!important}.btn-primary{background:linear-gradient(to bottom,#3b82f6,#1d4ed8);color:#fff;border-color:#3b82f666;box-shadow:0 4px 12px #3b82f659}.btn-primary:hover:not(:disabled){background:linear-gradient(to bottom,#60a5fa,#2563eb);box-shadow:0 6px 16px #3b82f68c}.btn-secondary{background:linear-gradient(to bottom,#ffffff0d,#ffffff03);border-color:#ffffff1a}.btn-secondary.active{border-color:var(--neon-gold);background:#d977061f;color:#fff;box-shadow:0 0 10px #d9770633}.btn-danger{background:linear-gradient(to bottom,#ef4444,#b91c1c);color:#fff;border-color:#ef444466;box-shadow:0 4px 12px #ef444459}.btn-danger:hover:not(:disabled){background:linear-gradient(to bottom,#f87171,#dc2626);box-shadow:0 6px 16px #ef44448c}.btn-small{padding:6px 12px;font-size:.8rem;border-radius:6px}.globe-tooltip{background:#0d0a0af5!important;border:1px solid var(--neon-gold)!important;border-radius:10px!important;padding:14px!important;box-shadow:0 10px 30px #000000e6!important;font-family:Outfit,sans-serif!important;color:#f1f5f9!important;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.globe-tooltip h3{font-size:1.05rem;margin-bottom:8px;color:var(--neon-gold);border-bottom:2px solid rgba(217,119,6,.25);padding-bottom:6px}.globe-tooltip p{font-size:.85rem;margin-bottom:6px}.globe-tooltip .active-tag{color:var(--neon-green);font-weight:800;margin-top:8px}.globe-tooltip .click-tag{color:#64748b;font-style:italic;margin-top:8px}.command-popup{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:520px;max-width:92%;z-index:15;background:#0d0a0af5;border:1px solid var(--neon-gold);border-radius:16px;box-shadow:0 0 40px #d9770659,0 20px 60px #000000e6;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);padding:24px;animation:modalFadeIn .3s cubic-bezier(.16,1,.3,1) forwards}@keyframes modalFadeIn{0%{opacity:0;transform:translate(-50%,-46%) scale(.96)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.popup-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px;border-bottom:2px solid rgba(217,119,6,.2);padding-bottom:12px}.popup-header h3{font-size:1.25rem;color:var(--neon-gold);font-weight:800}.close-btn{background:transparent!important;border:none!important;font-size:2rem!important;color:#64748b!important;cursor:pointer!important;padding:0!important;box-shadow:none!important;line-height:1}.close-btn:hover{color:#fff!important}.target-summary{background:#ffffff05;border:1px solid rgba(255,255,255,.04);padding:14px;border-radius:10px;margin-bottom:18px;font-size:.95rem;box-shadow:inset 0 0 10px #00000080}.target-summary p{margin-bottom:6px}.distance-row{display:flex;justify-content:space-between;margin-top:10px;font-size:.85rem;color:#cbd5e1;border-top:1px solid rgba(255,255,255,.05);padding-top:10px}.own-village-alert{background:#ef444414;border:1px solid var(--neon-red);color:#fca5a5;border-radius:10px;padding:16px;text-align:center;font-size:.95rem}.troops-select-grid{display:flex;flex-direction:column;gap:10px}.troop-select-card{display:flex;align-items:center;justify-content:space-between;background:#ffffff04;border:1px solid rgba(255,255,255,.04);border-radius:10px;padding:10px 14px;transition:border-color .2s ease}.troop-select-card:hover{border-color:#d9770633}.t-icon{font-size:1.65rem}.t-meta{flex:1;margin-left:14px;display:flex;flex-direction:column}.t-name{font-size:.9rem;font-weight:700;color:#fff}.t-avail{font-size:.8rem;color:#94a3b8;margin-top:2px}.t-inputs{display:flex;align-items:center;gap:10px}.t-inputs input{width:80px;background:#0006;border:1px solid rgba(255,255,255,.1);color:#fff;border-radius:6px;padding:6px;text-align:center;font-family:Share Tech Mono,monospace;font-size:.95rem;outline:none}.t-inputs input:focus{border-color:var(--neon-gold)}.btn-max{font-size:.75rem;padding:6px 10px;border-radius:6px;background:#ffffff0d;border-color:#ffffff1a}.command-actions{display:flex;gap:12px;margin-top:18px}.command-actions button{flex:1;padding:12px}.btn-attack{background:linear-gradient(to bottom,var(--neon-yellow) 0%,var(--neon-gold) 100%);color:#0b0909;border-color:#d9770666;box-shadow:0 4px 12px #d9770640}.btn-attack:hover{background:linear-gradient(to bottom,#fbbf24,#f59e0b);box-shadow:0 6px 16px #d9770673}.btn-support{background:linear-gradient(to bottom,#10b981,#047857);color:#fff;border-color:#10b98166;box-shadow:0 4px 12px #10b98140}.btn-support:hover{background:linear-gradient(to bottom,#34d399,#059669);box-shadow:0 6px 16px #10b98173}.panel-overlay{position:absolute;top:20px;bottom:20px;left:20px;right:20px;z-index:12;background:#0a0808f7;border:1px solid var(--glass-border);box-shadow:0 0 40px #d9770633,0 20px 80px #000000e6;border-radius:16px;-webkit-backdrop-filter:blur(28px);backdrop-filter:blur(28px);padding:26px;display:flex;flex-direction:column;animation:modalFadeIn .3s cubic-bezier(.16,1,.3,1) forwards}.panel-header h2{font-size:1.5rem;font-weight:900;color:var(--neon-yellow);letter-spacing:.5px}.reports-container{flex:1;overflow-y:auto;padding-right:6px}.reports-list{display:flex;flex-direction:column;gap:12px}.report-list-item{background:#ffffff04;border:1px solid rgba(255,255,255,.04);border-radius:10px;padding:16px;display:flex;justify-content:space-between;align-items:center;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1)}.report-list-item:hover{background:#ffffff0d;border-color:#d9770640;transform:translate(2px)}.report-list-item.win-border{border-left:5px solid var(--neon-green)}.report-list-item.loss-border{border-left:5px solid var(--neon-red)}.report-brief{display:flex;align-items:center;gap:14px}.report-icon{font-size:1.7rem}.brief-title{font-weight:700;font-size:1rem;color:#fff}.brief-outcome{font-size:.85rem;color:#94a3b8;margin-top:3px}.report-actions{display:flex;align-items:center;gap:20px}.report-time{font-size:.85rem;color:#64748b;display:flex;align-items:center;gap:4px}.delete-report-btn{background:#ef444414!important;border:1px solid rgba(239,68,68,.2)!important;color:#fca5a5!important;padding:8px!important;border-radius:6px!important;cursor:pointer!important;box-shadow:none!important}.delete-report-btn:hover{background:var(--neon-red)!important;border-color:var(--neon-red)!important;color:#fff!important}.report-detail{display:flex;flex-direction:column;gap:20px}.report-card{background:#ffffff04;border:1px solid rgba(255,255,255,.04);border-radius:14px;padding:24px;margin-top:10px;box-shadow:inset 0 0 20px #00000080}.report-card-header{display:flex;justify-content:space-between;align-items:center;border-bottom:2px solid rgba(255,255,255,.06);padding-bottom:14px;margin-bottom:20px}.report-card-header h3{font-size:1.25rem;font-weight:800;color:#fff}.report-date{font-size:.85rem;color:#94a3b8;display:flex;align-items:center;gap:6px}.winner-banner{padding:14px;border-radius:10px;text-align:center;font-size:1.15rem;margin-bottom:24px;display:flex;align-items:center;justify-content:center;gap:10px;font-weight:700}.winner-banner.player-win{background:#10b9811f;border:1px solid var(--neon-green);color:#a7f3d0;box-shadow:0 0 15px #10b98126}.winner-banner.player-loss{background:#ef44441f;border:1px solid var(--neon-red);color:#fca5a5;box-shadow:0 0 15px #ef444426}.combat-forces{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:24px}.force-box{background:#0000004d;border:1px solid rgba(255,255,255,.04);border-radius:10px;padding:18px}.force-box h4{font-size:1.05rem;margin-bottom:12px;padding-bottom:8px;border-bottom:2px solid rgba(255,255,255,.06);color:#fff;font-weight:800}.force-table{width:100%;border-collapse:collapse;font-size:.9rem}.force-table th,.force-table td{padding:8px 10px;text-align:left}.force-table th{color:#64748b;font-size:.75rem;text-transform:uppercase;font-weight:700}.force-table tr:not(:last-child){border-bottom:1px solid rgba(255,255,255,.03)}.extra-combat-info{display:grid;grid-template-columns:1fr 1fr;gap:24px}.plunder-box,.loyalty-box{background:#0000004d;border:1px solid rgba(255,255,255,.04);border-radius:10px;padding:18px}.plunder-box h4,.loyalty-box h4{font-size:1.05rem;margin-bottom:12px;color:var(--neon-gold);font-weight:800;border-bottom:1px solid rgba(255,255,255,.05);padding-bottom:6px}.resource-plunder{display:flex;gap:20px;font-family:Share Tech Mono,monospace;font-size:1.1rem;font-weight:700}.conquest-alert{background:#10b98114;border:1px solid var(--neon-green);border-radius:8px;padding:12px;margin-top:14px;color:#34d399;font-weight:700;text-align:center;font-size:.95rem;box-shadow:0 0 15px #10b9811a}.ranking-body{flex:1;overflow-y:auto;padding-right:6px}.trophy-lead{display:flex;flex-direction:column;align-items:center;gap:12px;margin-bottom:26px;text-align:center;padding:24px;background:#d9770608;border-radius:12px;border:1px solid rgba(217,119,6,.15);box-shadow:inset 0 0 15px #00000080}.trophy-gold{color:var(--neon-yellow);filter:drop-shadow(0 0 15px rgba(245,158,11,.5))}.ranking-table{width:100%;border-collapse:collapse}.ranking-table th,.ranking-table td{padding:14px 20px;text-align:left;font-size:.95rem}.ranking-table th{border-bottom:2px solid rgba(217,119,6,.2);color:#94a3b8;text-transform:uppercase;font-size:.8rem;font-weight:800}.ranking-table tr{border-bottom:1px solid rgba(255,255,255,.03)}.ranking-table tr:hover{background:#ffffff04}.ranking-table tr.player-row{background:#d977060f;border-left:4px solid var(--neon-gold)}.owner-name-cell{font-weight:700;color:#fff}.you-tag{color:var(--neon-yellow);font-size:.75rem;margin-left:8px;font-weight:800;background:#f59e0b26;padding:1px 6px;border-radius:4px;border:1px solid rgba(245,158,11,.25)}.help-body{flex:1;overflow-y:auto;font-size:1rem;line-height:1.7;padding-right:6px}.help-body h3{margin-bottom:14px;color:var(--neon-yellow);font-weight:800}.help-body h4{margin-top:24px;margin-bottom:10px;border-bottom:2px solid rgba(217,119,6,.15);padding-bottom:6px;color:#fff;font-weight:800}.help-body ul{padding-left:24px;margin-bottom:18px;list-style-type:square}.help-body li{margin-bottom:8px}.help-footer-glow{margin-top:35px;padding:18px;border-radius:10px;background:linear-gradient(135deg,#d977061a,#0d0a0a00);border:1px solid rgba(217,119,6,.2);display:flex;align-items:center;justify-content:center;gap:12px;font-weight:700;color:var(--neon-gold)}.village-view-overlay{position:absolute;top:15px;bottom:15px;left:15px;right:15px;background:#0a0808fa;border:2px solid var(--neon-gold);box-shadow:0 0 50px #d9770640,0 20px 80px #000000e6;border-radius:16px;z-index:12;display:flex;flex-direction:column;padding:20px;animation:modalFadeIn .3s cubic-bezier(.16,1,.3,1) forwards}.village-header h2{font-size:1.45rem;font-weight:900;color:var(--neon-yellow);letter-spacing:.5px}.village-body{flex:1;display:grid;grid-template-columns:1.35fr 1fr;gap:20px;min-height:0}@media (max-width: 960px){.village-body{grid-template-columns:1fr;overflow-y:auto}}.village-map-grid{background:linear-gradient(#0d0a0ac2,#0d0a0ac2),url(/japanese_village.jpg) no-repeat center center / cover;border:1px solid rgba(217,119,6,.25);box-shadow:inset 0 0 30px #000000f2;border-radius:12px;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(4,1fr);gap:12px;padding:16px}.building-cell{background:#0d0a0a66;border:1px solid rgba(255,255,255,.05);border-radius:8px;display:flex;flex-direction:column;justify-content:center;align-items:center;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);-webkit-user-select:none;user-select:none;position:relative;overflow:hidden;box-shadow:0 4px 10px #0006}.building-cell:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at center,var(--glow-color) 0%,transparent 80%);opacity:.05;transition:opacity .25s ease;pointer-events:none}.building-cell:hover{background:#0d0a0aa6;border-color:var(--glow-color);box-shadow:0 0 15px var(--glow-color)}.building-cell:hover:before{opacity:.18}.building-cell.selected{background:#0d0a0ad9;border-color:var(--glow-color);box-shadow:0 0 25px var(--glow-color)}.building-cell.selected:before{opacity:.3}.building-cell.not-built{opacity:.28}.building-icon{font-size:2.5rem;margin-bottom:6px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.6))}.building-name{font-size:.85rem;font-weight:800;text-align:center;color:#fff;letter-spacing:.3px}.building-lvl{font-family:Share Tech Mono,monospace;font-size:.8rem;color:#94a3b8;margin-top:3px;background:#0006;padding:0 6px;border-radius:4px}.building-details-panel{background:#00000059;border:1px solid rgba(255,255,255,.04);border-radius:12px;padding:20px;display:flex;flex-direction:column;overflow-y:auto;box-shadow:inset 0 0 20px #0009}.building-panel-content{display:flex;flex-direction:column;gap:14px}.b-icon{font-size:2.8rem;filter:drop-shadow(0 2px 8px rgba(0,0,0,.5))}.b-subtitle{font-size:.85rem;color:var(--neon-gold);font-family:Share Tech Mono,monospace;font-weight:700}.b-desc{font-size:.9rem;color:#cbd5e1;line-height:1.6}.b-info-box{background:#d9770614;border:1px solid rgba(217,119,6,.2);border-radius:8px;padding:10px 14px;font-size:.9rem;color:var(--neon-gold);font-weight:600}.max-level-alert{display:flex;align-items:center;gap:8px;color:var(--neon-green);font-weight:800;font-size:.95rem}.upgrade-section{display:flex;flex-direction:column;gap:10px;background:#ffffff04;padding:14px;border-radius:10px;border:1px solid rgba(255,255,255,.03)}.upgrade-section h4{font-size:.9rem;color:#94a3b8;font-weight:700}.cost-row{display:flex;gap:14px;font-family:Share Tech Mono,monospace;font-size:.95rem;font-weight:700}.cost-item{display:flex;align-items:center;gap:4px}.cost-item.insufficient{color:var(--neon-red);animation:alertPulse 1s infinite alternate}.time-row{display:flex;align-items:center;gap:6px;font-size:.85rem;color:#64748b;font-weight:700}.upgrade-btn{margin-top:6px;width:100%;padding:12px}.recruitment-section{display:flex;flex-direction:column;gap:10px;margin-top:12px}.recruitment-section h4{font-size:.95rem;color:#fff;border-bottom:2px solid rgba(217,119,6,.2);padding-bottom:6px;margin-bottom:8px;font-weight:800}.unit-recruit-row{display:flex;justify-content:space-between;align-items:center;background:#ffffff04;border:1px solid rgba(255,255,255,.03);border-radius:8px;padding:10px 14px}.unit-info{display:flex;align-items:center;gap:12px}.u-icon{font-size:1.85rem}.u-name{font-size:.9rem;font-weight:700;color:#fff}.u-desc{font-size:.75rem;color:#64748b;margin-top:2px}.u-cost{font-family:Share Tech Mono,monospace;font-size:.8rem;color:#94a3b8;margin-top:4px}.unit-action{display:flex;align-items:center;gap:8px}.unit-action input{width:60px;background:#0006;border:1px solid rgba(255,255,255,.1);color:#fff;border-radius:6px;padding:6px;text-align:center;font-family:Share Tech Mono,monospace;font-size:.95rem;outline:none}.unit-action input:focus{border-color:var(--neon-gold)}.coin-minting{background:#ffffff03;border:1px solid rgba(255,255,255,.04);border-radius:10px;padding:14px;box-shadow:inset 0 0 10px #00000080}.coin-info{font-size:.95rem;margin-bottom:10px;color:#fff}.coin-desc{font-size:.8rem;color:#64748b;margin-top:4px;line-height:1.4}.coin-cost{font-size:.8rem;border-top:1px solid rgba(255,255,255,.05);padding-top:10px;margin-top:10px}.btn-mint{width:100%;margin-top:10px;padding:12px;background:linear-gradient(to bottom,var(--neon-yellow) 0%,var(--neon-gold) 100%);color:#0b0909}.noble-requirements{font-size:.8rem;color:var(--neon-yellow);margin-top:6px;font-weight:700}.empty-panel-prompt{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#475569;text-align:center;padding:40px;gap:16px}.empty-panel-prompt p{font-size:.95rem;color:#64748b}.village-queues{margin-top:16px;display:grid;grid-template-columns:1fr 1fr;gap:16px}.queue-box{background:#ffffff04;border:1px solid rgba(255,255,255,.04);border-radius:10px;padding:12px 16px;box-shadow:0 4px 12px #00000080}.queue-box h4{font-size:.85rem;color:#94a3b8;margin-bottom:8px;display:flex;align-items:center;gap:6px;text-transform:uppercase;letter-spacing:.5px}.queue-items{display:flex;flex-direction:column;gap:6px}.queue-item{display:flex;justify-content:space-between;font-size:.85rem;color:#cbd5e1}.queue-time{font-family:Share Tech Mono,monospace;color:#38bdf8;display:flex;align-items:center;gap:4px;font-weight:700}.screen-threat-overlay{position:absolute;top:0;left:0;width:100vw;height:100vh;box-shadow:inset 0 0 50px #ef444400;z-index:100;pointer-events:none;transition:box-shadow .5s ease}.screen-threat-active{animation:screenRedPulse 1.5s infinite alternate}@keyframes screenRedPulse{0%{box-shadow:inset 0 0 15px #ef444433}to{box-shadow:inset 0 0 45px #ef444499}}@keyframes pulseGlow{0%{transform:scale(1);filter:drop-shadow(0 0 4px rgba(245,158,11,.3))}50%{transform:scale(1.06);filter:drop-shadow(0 0 14px rgba(245,158,11,.75))}to{transform:scale(1);filter:drop-shadow(0 0 4px rgba(245,158,11,.3))}}@keyframes threatPulse{0%{box-shadow:inset 0 0 6px #ef444426}50%{box-shadow:inset 0 0 20px #ef444466}to{box-shadow:inset 0 0 6px #ef444426}}@keyframes alertPulse{0%{color:#fca5a5}to{color:#ef4444}}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#00000026}::-webkit-scrollbar-thumb{background:#d9770626;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#d9770659}.badge{background:var(--neon-red);color:#fff;border-radius:12px;padding:2px 8px;font-size:.75rem;font-family:Share Tech Mono,monospace;font-weight:700;box-shadow:0 0 8px #ef444480}.notifications-container{position:absolute;top:90px;right:20px;z-index:100;display:flex;flex-direction:column;gap:12px;pointer-events:none}.notification{pointer-events:auto;background:#0d0a0af2;border:1px solid var(--neon-blue);box-shadow:0 6px 20px #0009,inset 0 0 8px #3b82f626;color:#f1f5f9;border-radius:10px;padding:14px 20px;font-size:.9rem;font-weight:700;max-width:340px;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);animation:slideIn .3s cubic-bezier(.16,1,.3,1) forwards}.notification.success{border-color:var(--neon-green);box-shadow:0 6px 20px #0009,inset 0 0 8px #10b98126}.notification.danger{border-color:var(--neon-red);box-shadow:0 6px 20px #0009,inset 0 0 8px #ef444426;animation:shake .5s ease forwards,slideIn .3s cubic-bezier(.16,1,.3,1) forwards}@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:#030408f5;display:flex;align-items:center;justify-content:center}.game-over-box{background:#0d0a0af2;border:2px solid var(--neon-red);box-shadow:0 0 60px #ef444473;border-radius:20px;padding:45px;max-width:520px;width:90%;text-align:center;display:flex;flex-direction:column;align-items:center;gap:24px;-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px)}.game-over-overlay:has(.trophy-gold) .game-over-box{border-color:var(--neon-yellow);box-shadow:0 0 60px #f59e0b73}.game-over-box h2{font-size:2.2rem;font-weight:900;letter-spacing:1.5px;color:#fff}.game-over-box p{color:#cbd5e1;font-size:1rem;line-height:1.7}.landing-wrapper{min-height:100vh;width:100vw;overflow-x:hidden;overflow-y:auto;position:relative;background:radial-gradient(circle at center,#1e1313,#060505);display:flex;flex-direction:column;color:#f3f4f6;z-index:1}.landing-nav{position:sticky;top:15px;margin:15px 30px 0;height:68px;display:flex;justify-content:space-between;align-items:center;padding:0 30px;z-index:100;border-radius:14px;background:#0d0a0ae0;box-shadow:0 6px 30px #00000080}.landing-brand{display:flex;align-items:center;gap:12px}.landing-brand .brand-name{font-weight:900;font-size:1.45rem;letter-spacing:1px;background:linear-gradient(135deg,#f59e0b,#fca5a5);-webkit-background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 2px 4px rgba(0,0,0,.5))}.landing-brand .brand-icon{font-size:1.7rem;animation:pulseGlow 3s infinite ease-in-out}.nav-links{display:flex;align-items:center;gap:30px}.nav-links a{color:#cbd5e1;font-weight:700;font-size:1rem;transition:color .2s ease;text-decoration:none}.nav-links a:hover{color:var(--neon-gold)}.nav-play-btn{background:linear-gradient(to bottom,var(--neon-red) 0%,#b91c1c 100%)!important;color:#fff!important;border-color:#ef44444d!important;box-shadow:0 4px 15px #dc262659!important;font-weight:800}.nav-play-btn:hover{background:linear-gradient(to bottom,#f87171,#dc2626)!important;box-shadow:0 6px 20px #dc26268c!important}.landing-hero{padding:80px 30px;display:grid;grid-template-columns:1.2fr .8fr;gap:50px;align-items:center;max-width:1200px;margin:0 auto;min-height:calc(85vh - 85px)}@media (max-width: 900px){.landing-hero{grid-template-columns:1fr;padding:50px 20px;text-align:center}}.hero-content{padding:40px;display:flex;flex-direction:column;align-items:flex-start;gap:24px}@media (max-width: 900px){.hero-content{align-items:center}}.hero-subtitle{font-weight:800;font-size:.95rem;color:var(--neon-yellow);letter-spacing:3px;text-shadow:0 0 10px rgba(245,158,11,.2)}.hero-content h1{font-size:4.8rem;font-weight:900;line-height:1.05;background:linear-gradient(135deg,#fff 30%,#f59e0b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 4px 12px rgba(0,0,0,.6))}.hero-content p{color:#cbd5e1;font-size:1.15rem;line-height:1.7}.hero-actions{display:flex;gap:20px;width:100%}@media (max-width: 600px){.hero-actions{flex-direction:column}}.btn-hero-primary{background:linear-gradient(to bottom,var(--neon-gold) 0%,#b45309 100%);color:#0b0909;padding:16px 32px;border-radius:10px;font-weight:800;font-size:1.1rem;border-color:#d9770666;box-shadow:0 6px 20px #d9770659}.btn-hero-primary:hover{background:linear-gradient(to bottom,#f59e0b,#d97706);box-shadow:0 8px 30px #d977068c;transform:translateY(-2px)}.btn-hero-secondary{border:1px solid rgba(255,255,255,.15);background:#ffffff0a;color:#fff;padding:16px 32px;border-radius:10px;font-weight:700;font-size:1.1rem}.btn-hero-secondary:hover{background:#ffffff14;border-color:#ffffff4d;transform:translateY(-2px)}.hero-preview{padding:12px;border-radius:20px;overflow:hidden;box-shadow:0 20px 50px #000000d9}.preview-image{height:420px;border-radius:14px;background-size:cover;background-position:center;position:relative;border:1px solid rgba(217,119,6,.2)}.preview-overlay{position:absolute;bottom:0;left:0;width:100%;background:linear-gradient(to top,rgba(0,0,0,.9) 0%,transparent 100%);padding:24px;display:flex;align-items:flex-end}.preview-tag{font-family:Share Tech Mono,monospace;font-size:.85rem;color:var(--neon-gold);background:#0d0a0ae6;padding:6px 12px;border-radius:6px;border:1px solid rgba(217,119,6,.3)}.landing-features{padding:100px 30px;max-width:1200px;margin:0 auto;width:100%}.section-title{text-align:center;font-size:2.5rem;font-weight:900;margin-bottom:60px;background:linear-gradient(to right,#fff,#f59e0b);-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:80px;height:4px;background:var(--neon-red);box-shadow:0 0 15px #ef4444cc;border-radius:2px}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:28px}.feature-card{padding:35px;display:flex;flex-direction:column;gap:18px;transition:all .35s cubic-bezier(.16,1,.3,1)}.feature-card:hover{transform:translateY(-8px);border-color:var(--neon-gold);box-shadow:0 12px 35px #d9770638}.f-icon-box{width:54px;height:54px;border-radius:12px;background:#d9770614;border:1px solid rgba(217,119,6,.3);display:flex;align-items:center;justify-content:center;color:var(--neon-yellow);font-size:1.5rem}.feature-card h3{font-size:1.35rem;font-weight:800;color:#fff}.feature-card p{color:#94a3b8;font-size:.95rem;line-height:1.7}.landing-factions{padding:60px;max-width:1000px;margin:40px auto 100px;width:calc(100% - 60px)}@media (max-width: 600px){.landing-factions{padding:40px 20px}}.factions-intro{text-align:center;max-width:640px;margin:-25px auto 45px;color:#cbd5e1;font-size:1.1rem;line-height:1.7}.factions-list{display:flex;flex-direction:column;gap:24px}.faction-item{display:flex;gap:24px;align-items:center;background:#ffffff04;padding:20px 28px;border-radius:12px;border:1px solid rgba(255,255,255,.03);transition:all .25s ease}.faction-item:hover{background:#ffffff0a;border-color:#d9770633;transform:scale(1.01)}.faction-badge{padding:8px 16px;border-radius:8px;font-weight:900;font-size:.95rem;text-transform:uppercase;min-width:110px;text-align:center}.red-badge{background:#ef44441f;color:#fca5a5;border:1px solid var(--neon-red);box-shadow:0 0 10px #ef444440}.gold-badge{background:#f59e0b1f;color:#fcd34d;border:1px solid var(--neon-yellow);box-shadow:0 0 10px #f59e0b40}.blue-badge{background:#3b82f61f;color:#93c5fd;border:1px solid var(--neon-blue);box-shadow:0 0 10px #3b82f640}.faction-item h4{font-size:1.15rem;font-weight:800;color:#fff;margin-bottom:6px}.faction-item p{color:#94a3b8;font-size:.95rem;line-height:1.6}.landing-footer{text-align:center;padding:50px 20px;background:#0a0808fa;border-top:1px solid rgba(217,119,6,.15);margin-top:auto;color:#64748b;font-size:.95rem}