:root{--gold: #e8c04d;--food: #6ecf7a;--wood: #c49a6c;--era: #7eb6ff;--diamond: #7cdbff;--danger: #ff5c5c;--accent: #c9a227;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.35;--bg: #0c0f14;--panel: #141a24;--panel2: #1c2433;--border: #2a3548;--text: #e8edf5;--muted: #8b98ad;--nav-bg: #0e1218;--btn-grad: linear-gradient(180deg, #3d4f6f, #2a3850);--tile-grad: linear-gradient(145deg, #1a2230, #121820);--msg-mine: #243044;--msg-mine-border: #3d4f6f;--header-grad: linear-gradient(180deg, #151b26, #10151d);--status-victory: #22c55e;--status-victory-bg: rgba(34, 197, 94, .15);--status-defeat: #ef4444;--status-defeat-bg: rgba(239, 68, 68, .15);--status-info: #3b82f6;--status-info-bg: rgba(59, 130, 246, .15);--status-warning: #f59e0b;--status-warning-bg: rgba(245, 158, 11, .15)}body.light-theme{--bg: #f8f9fa;--panel: #ffffff;--panel2: #f1f3f5;--border: #dee2e6;--text: #1a1d23;--muted: #5e6771;--nav-bg: #ffffff;--btn-grad: linear-gradient(180deg, #e9ecef, #dee2e6);--tile-grad: linear-gradient(145deg, #ffffff, #f1f3f5);--msg-mine: #e7f5ff;--msg-mine-border: #a5d8ff;--header-grad: linear-gradient(180deg, #ffffff, #f8f9fa);--card-bg: rgba(0, 0, 0, .04);--card-border: rgba(0, 0, 0, .08);--text-secondary: rgba(0, 0, 0, .65);--text-muted-alpha: rgba(0, 0, 0, .45);--panel-glass: rgba(255, 255, 255, .95);--accent: #b07d35;--gold: #c8941e;--era: #4a7fc1;--status-victory: #16a34a;--status-victory-bg: rgba(22, 163, 74, .1);--status-defeat: #dc2626;--status-defeat-bg: rgba(220, 38, 38, .1);--status-info: #2563eb;--status-info-bg: rgba(37, 99, 235, .1);--status-warning: #d97706;--status-warning-bg: rgba(217, 119, 6, .1)}body.dark-theme{color-scheme:dark;--bg: #0c0f14;--panel: #141a24;--panel2: #1c2433;--border: #2a3548;--text: #e8edf5;--muted: #8b98ad;--nav-bg: #0e1218;--btn-grad: linear-gradient(180deg, #3d4f6f, #2a3850);--tile-grad: linear-gradient(145deg, #1a2230, #121820);--msg-mine: #243044;--msg-mine-border: #3d4f6f;--header-grad: linear-gradient(180deg, #151b26, #10151d);--status-victory: #22c55e;--status-victory-bg: rgba(34, 197, 94, .15);--status-defeat: #ef4444;--status-defeat-bg: rgba(239, 68, 68, .15);--status-info: #3b82f6;--status-info-bg: rgba(59, 130, 246, .15);--status-warning: #f59e0b;--status-warning-bg: rgba(245, 158, 11, .15)}body.modern-theme{color-scheme:dark;--bg: #0b1220;--panel: rgba(30, 41, 59, .72);--panel2: rgba(51, 65, 85, .55);--border: rgba(148, 163, 184, .22);--text: #f1f5f9;--muted: #94a3b8;--nav-bg: rgba(15, 23, 42, .92);--btn-grad: linear-gradient(160deg, #0ea5e9, #6366f1);--tile-grad: linear-gradient(155deg, rgba(51, 65, 85, .65), rgba(15, 23, 42, .85));--msg-mine: rgba(14, 165, 233, .12);--msg-mine-border: rgba(56, 189, 248, .35);--header-grad: linear-gradient(180deg, rgba(30, 41, 59, .95), rgba(15, 23, 42, .98));--accent: #38bdf8;--gold: #fbbf24;--food: #4ade80;--wood: #d4a574;--era: #7dd3fc;--diamond: #a5f3fc;--status-victory: #4ade80;--status-victory-bg: rgba(74, 222, 128, .15);--status-defeat: #f87171;--status-defeat-bg: rgba(248, 113, 113, .15);--status-info: #38bdf8;--status-info-bg: rgba(56, 189, 248, .15);--status-warning: #fbbf24;--status-warning-bg: rgba(251, 191, 36, .15)}body.dream-theme{color-scheme:dark;--bg: #170f22;--panel: rgba(50, 27, 69, .78);--panel2: rgba(80, 45, 112, .62);--border: rgba(244, 180, 255, .28);--text: #fdf2ff;--muted: #d9b8ea;--nav-bg: rgba(32, 17, 47, .94);--btn-grad: linear-gradient(160deg, #ff6ec7, #a855f7);--tile-grad: linear-gradient(155deg, rgba(126, 34, 206, .45), rgba(49, 16, 72, .9));--msg-mine: rgba(255, 110, 199, .14);--msg-mine-border: rgba(244, 114, 182, .45);--header-grad: linear-gradient(180deg, rgba(88, 28, 135, .9), rgba(39, 14, 58, .96));--accent: #f472b6;--gold: #ffd166;--food: #86efac;--wood: #f5c9a8;--era: #c4b5fd;--diamond: #f0abfc;--status-victory: #86efac;--status-victory-bg: rgba(134, 239, 172, .15);--status-defeat: #f472b6;--status-defeat-bg: rgba(244, 114, 182, .15);--status-info: #c4b5fd;--status-info-bg: rgba(196, 181, 253, .15);--status-warning: #ffd166;--status-warning-bg: rgba(255, 209, 102, .15)}@keyframes borderRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.home-icon-glimmer{position:relative;overflow:hidden;z-index:0;transition:transform .2s ease,box-shadow .2s ease}.home-icon-glimmer:before{content:"";position:absolute;z-index:-1;top:-50%;left:-50%;width:200%;height:200%;background:conic-gradient(transparent,rgba(232,192,77,.6),transparent 20%);animation:borderRotate 2.5s linear infinite}.home-icon-glimmer:after{content:"";position:absolute;z-index:-1;top:2px;right:2px;bottom:2px;left:2px;background:var(--panel2);border-radius:inherit}.home-icon-glimmer:hover{transform:scale(1.05);box-shadow:0 0 15px #e8c04d4d}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%;margin:0;background:var(--bg);color:var(--text);-webkit-tap-highlight-color:transparent}#root{display:flex;flex-direction:column;max-width:480px;margin:0 auto}button{font:inherit;cursor:pointer;border:none;border-radius:10px;color:var(--text);background:var(--panel2);padding:.55rem .85rem}@keyframes spin-roman{0%{transform:rotate(0);border-top-color:#fc0}50%{transform:rotate(180deg);border-top-color:gold;box-shadow:0 0 15px #fc0}to{transform:rotate(360deg);border-top-color:#fc0}}@keyframes pulse-gold{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.05);text-shadow:0 0 10px #ffcc00}}@keyframes float-eagle{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.loading-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at center,#1a1a1a,#0a0a0a);z-index:9999;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fc0;font-family:Outfit,sans-serif}.loader-spqr{width:120px;height:120px;border:4px solid rgba(255,204,0,.1);border-top-color:#fc0;border-radius:50%;animation:spin-roman 2s linear infinite;display:flex;align-items:center;justify-content:center;position:relative}.loader-inner-eagle{font-size:3rem;animation:float-eagle 3s ease-in-out infinite}.loading-text{margin-top:30px;font-size:1.5rem;letter-spacing:4px;text-transform:uppercase;font-weight:700;animation:pulse-gold 2s infinite}.loading-tip{margin-top:15px;max-width:350px;text-align:center;font-size:.9rem;color:#aaa;font-style:italic;padding:15px 20px 0;border-top:1px solid rgba(255,204,0,.2)}.loading-bar-container{width:250px;height:4px;background:#ffffff0d;border-radius:2px;margin-top:25px;overflow:hidden;position:relative}.loading-bar-progress{position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,#ffcc00,transparent);animation:loading-bar-move 1.5s infinite}@keyframes loading-bar-move{0%{left:-100%}to{left:100%}}button:active{transform:scale(.98)}button.primary{background:var(--btn-grad);border:1px solid var(--border)}button.ghost{background:transparent;border:1px solid var(--border)}.app-shell{flex:1;display:flex;flex-direction:column;min-height:0;padding-top:var(--safe-top)}.scroll-main{flex:1;overflow:auto;padding:0 .75rem .5rem;-webkit-overflow-scrolling:touch}.row{display:flex;align-items:center;gap:.5rem}.badge{min-width:1.1rem;height:1.1rem;padding:0 4px;border-radius:999px;background:var(--danger);color:#fff;font-size:.65rem;font-weight:700;display:inline-flex;align-items:center;justify-content:center}.badge--success{background:var(--food)}.card{background:var(--panel);border:1px solid var(--border);border-radius:14px;padding:.75rem .85rem;margin-bottom:.65rem}.muted{color:var(--muted);font-size:.82rem}.h1{font-size:1.15rem;font-weight:700;margin:0 0 .35rem}.grid-buildings{display:grid;grid-template-columns:repeat(2,1fr);gap:.55rem}.tile-btn{min-height:4.25rem;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;text-align:left;padding:.65rem .75rem;background:var(--tile-grad);border:1px solid var(--border);border-radius:14px;font-weight:600}.tile-btn span.icon{font-size:1.35rem;margin-bottom:.15rem}.tile-btn span.fallback-icon{display:none}.building-image{width:3rem;height:3rem;object-fit:contain;margin-bottom:.25rem;border-radius:8px;background:var(--panel2);padding:4px}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;display:flex;align-items:flex-end;justify-content:center;z-index:50;padding:.5rem;padding-bottom:max(.5rem,var(--safe-bottom))}.sheet{width:100%;max-width:480px;max-height:85vh;overflow:auto;background:var(--panel);border:1px solid var(--border);border-radius:18px 18px 12px 12px;padding:1rem}.field{display:flex;flex-direction:column;gap:.25rem;margin-bottom:.75rem}.field input,.field select,.field textarea{font:inherit;color:var(--text);background:var(--bg);border:1px solid var(--border);border-radius:10px;padding:.5rem .6rem}.field textarea{resize:vertical;min-height:3.5rem}.nav-bar{display:flex;border-top:1px solid var(--border);background:var(--nav-bg);padding-bottom:var(--safe-bottom)}.nav-item{flex:1;display:flex;flex-direction:column;align-items:center;gap:.15rem;padding:.45rem .2rem;font-size:.68rem;color:var(--muted);background:transparent;border-radius:0}.nav-item.active{color:var(--accent)}.news-strip{font-size:.72rem;color:var(--muted);padding:.35rem .75rem;border-top:1px solid var(--border);background:var(--nav-bg);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.res-bar{display:grid;grid-template-columns:repeat(4,1fr);gap:.25rem;padding:.25rem .5rem;background:var(--nav-bg);border-bottom:1px solid var(--border)}.res-pill{display:flex;align-items:center;justify-content:center;gap:.25rem;font-size:.65rem;padding:.2rem .4rem;border-radius:8px;background:var(--panel2);border:1px solid var(--border)}.res-icon{width:1.45rem;height:1.45rem;object-fit:contain}.res-pill b{font-size:.75rem;font-weight:700}.res-pill.gold b{color:var(--gold)}.res-pill.food b{color:var(--food)}.res-pill.wood b{color:var(--wood)}.res-pill.era b{color:var(--era)}.header-bar-v2{display:flex;align-items:center;justify-content:space-between;width:100%;padding:.2rem .6rem;background:var(--header-grad);border-bottom:1px solid var(--border);box-shadow:0 2px 8px #0000002e;box-sizing:border-box}.ops-btn{margin-left:-.75rem}.diamond-pill{display:flex;align-items:center;gap:.2rem;background:#7cdbff14;border:1px solid rgba(124,219,255,.2);border-radius:999px;padding:.15rem .45rem .15rem .35rem;cursor:default;color:var(--diamond);font-size:.82rem;font-weight:700}.diamond-pill .diamond-count{font-weight:700;font-size:.85rem;color:var(--diamond);text-shadow:0 0 5px rgba(124,219,255,.4)}.diamond-pill .diamond-plus{font-size:.75rem;font-weight:700;color:#7cdbff73;margin-left:.1rem;line-height:1}.header-action-btn{position:relative;display:flex;align-items:center;gap:.2rem;background:transparent;border:none;border-radius:8px;padding:.2rem .35rem;font-size:.85rem;color:var(--text);transition:background .15s}.header-action-btn:hover{background:#ffffff0f}.header-action-label{font-size:.68rem;font-weight:600;color:var(--muted);white-space:nowrap}.header-action-btn .badge{position:absolute;top:-2px;right:-2px;font-size:.55rem;min-width:.9rem;height:.9rem}.header-settings-btn{background:transparent;border:none;border-radius:50%;padding:.4rem;margin-right:.2rem;font-size:1.1rem;aspect-ratio:1;display:flex;align-items:center;justify-content:center;transition:transform .3s ease,background .2s;color:var(--muted);cursor:pointer}.header-settings-btn:hover{transform:rotate(45deg)}.map-scroll{max-height:55vh;overflow:auto;border:1px solid var(--border);border-radius:12px;padding:.5rem;font-size:.72rem}.map-city{padding:.35rem .45rem;border-radius:8px;margin-bottom:.25rem;background:var(--panel2)}.map-city-btn{width:100%;text-align:left;border:1px solid var(--border)}.map-city.hub{outline:1px solid var(--accent)}.map-system-card{position:relative}.map-canvas-wrap{position:relative;width:100%;display:flex;justify-content:center}.main-map-canvas{width:100%;max-width:430px;height:auto;border-radius:12px;border:1px solid var(--border);background:var(--bg)}.minimap-canvas{position:absolute;right:.5rem;bottom:.5rem;width:130px;height:130px;border-radius:8px;border:1px solid #3a4d6a}.login-wrap{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1.5rem;text-align:center;gap:1rem}.login-wrap h1{margin:0;font-size:1.6rem}.login-wrap .muted{max-width:280px}.login-oauth{display:flex;flex-direction:column;gap:.65rem;width:min(100%,300px)}.btn-oauth{width:100%;padding:.75rem 1rem;border-radius:12px;font-weight:600;display:flex;align-items:center;justify-content:center;gap:.5rem;border:1px solid var(--border)}.btn-oauth:disabled{opacity:.6;cursor:wait}.btn-google{background:#fff;color:#1f1f1f}.btn-apple{background:#000;color:#fff;border-color:#333}.login-config-hint{max-width:320px;text-align:center;font-size:.78rem}.login-error{color:var(--danger);font-size:.78rem;max-width:300px;text-align:center;margin:0}.messages-sheet{display:flex;flex-direction:column;max-height:min(88vh,640px)}.messages-list{flex:1;min-height:120px;max-height:42vh;overflow:auto;display:flex;flex-direction:column;gap:.35rem}.messages-thread{text-align:left;width:100%;padding:.65rem .75rem;border-radius:12px;background:var(--panel2);border:1px solid var(--border);display:flex;flex-direction:column;gap:.2rem}.messages-thread-name{font-weight:600}.messages-thread-preview{font-size:.75rem;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.messages-peer-title{font-weight:700;margin-bottom:.35rem;padding-bottom:.35rem;border-bottom:1px solid var(--border)}.messages-bubble-wrap{flex:1;min-height:160px;max-height:38vh;overflow:auto;display:flex;flex-direction:column;gap:.45rem;padding:.35rem 0}.msg-bubble{align-self:flex-start;max-width:88%;padding:.45rem .65rem;border-radius:12px 12px 12px 4px;background:var(--panel2);border:1px solid var(--border)}.msg-bubble.mine{align-self:flex-end;border-radius:12px 12px 4px;background:var(--msg-mine);border-color:var(--msg-mine-border)}.msg-text{font-size:.88rem;white-space:pre-wrap;word-break:break-word}.msg-time{font-size:.65rem;margin-top:.2rem}.messages-input{flex:1;font:inherit;color:var(--text);background:var(--bg);border:1px solid var(--border);border-radius:10px;padding:.5rem .6rem}.messages-compose{flex-shrink:0}.ranking-players{display:flex;flex-direction:column;gap:.4rem;max-height:52vh;overflow:auto}.ranking-row{display:flex;align-items:center;gap:.45rem;padding:.5rem .55rem;border-radius:10px;background:var(--panel2);border:1px solid var(--border);flex-wrap:wrap}.ranking-row.self{outline:1px solid var(--accent)}.ranking-rank{font-size:.75rem;font-weight:700;color:var(--muted);min-width:2rem}.ranking-info{flex:1;min-width:0}.ranking-name{font-weight:600;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ranking-ep{display:flex;align-items:baseline;gap:.2rem;flex-shrink:0;font-variant-numeric:tabular-nums}.ranking-ep-value{font-weight:700;color:var(--era);font-size:.85rem}.ranking-ep-abbr{font-size:.68rem;font-weight:700;color:var(--muted);letter-spacing:.02em}.ranking-msg-btn{flex-shrink:0;padding:.4rem .65rem;font-size:.78rem}.ranking-msg-placeholder{flex-shrink:0;min-width:2.5rem;text-align:center;font-size:.72rem}.ranking-pagination{display:flex;align-items:center;justify-content:space-between;margin-top:1rem;padding:.5rem 0;gap:.5rem}.ranking-pagination-btn{flex:1;max-width:120px;padding:.4rem .6rem;font-size:.8rem}.ranking-pagination-btn:disabled{opacity:.4;cursor:not-allowed}.ranking-page-info{color:var(--muted);font-size:.8rem;font-weight:600;min-width:3rem;text-align:center}.player-search{position:relative}.player-search-input{width:100%;padding:.55rem .85rem;border:1px solid var(--border);border-radius:10px;background:var(--panel2);color:var(--text);font:inherit;font-size:.9rem}.player-search-input:focus{outline:none;border-color:var(--accent)}.player-search-results{position:absolute;top:100%;left:0;right:0;background:var(--panel2);border:1px solid var(--border);border-radius:10px;margin-top:.25rem;max-height:200px;overflow-y:auto;z-index:100;box-shadow:0 4px 12px #0000004d}.player-search-result{width:100%;padding:.5rem .85rem;border:none;background:transparent;color:var(--text);text-align:left;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border)}.player-search-result:last-child{border-bottom:none}.player-search-result:hover{background:var(--panel)}.player-search-name{font-weight:600}.player-search-points{color:var(--era);font-size:.8rem;font-weight:600}.player-search-more{padding:.5rem .85rem;color:var(--muted);font-size:.8rem;text-align:center;border-bottom:1px solid var(--border)}.player-search-empty{padding:.5rem .85rem;color:var(--muted);font-size:.8rem;text-align:center}.sheet-header{display:flex;align-items:center;justify-content:space-between;padding:1rem;border-bottom:1px solid var(--border)}.sheet-icon{font-size:1.2rem}.player-info{padding:1rem;display:flex;gap:1rem;align-items:flex-start}.player-avatar{width:3rem;height:3rem;border-radius:50%;background:var(--panel2);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;font-size:1.5rem;flex-shrink:0}.player-stats{flex:1;display:flex;flex-direction:column;gap:.5rem}.stat-row{display:flex;align-items:center;gap:.5rem;padding:.25rem 0}.stat-label{font-weight:600;color:var(--muted);min-width:3rem;font-size:.9rem}.stat-value{flex:1;font-weight:600;color:var(--text)}.stat-rank{color:var(--gold);font-weight:700;font-size:.8rem}.stat-arrow{color:#9b59b6;font-weight:700;font-size:.8rem}.stat-icon{font-size:.9rem}.stat-age{background:linear-gradient(135deg,#8b4513,sienna);color:#fff;padding:.1rem .3rem;border-radius:4px;font-size:.7rem;font-weight:700}.player-places{padding:0 1rem 1rem}.places-title{font-size:1rem;font-weight:600;margin:0 0 .5rem;color:var(--text)}.places-list{display:flex;flex-direction:column;gap:.25rem}.place-item{display:flex;align-items:center;gap:.5rem;padding:.5rem;background:var(--panel2);border:1px solid var(--border);border-radius:8px;text-align:left;transition:background .2s}.place-item:hover{background:var(--panel)}.place-icon{font-size:1rem;flex-shrink:0}.place-name{flex:1;font-weight:600;color:var(--text);font-size:.9rem}.place-arrow{color:#9b59b6;font-weight:700;font-size:.8rem;flex-shrink:0}.player-menu{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem;padding:1rem;border-top:1px solid var(--border)}.war-headlines{padding:1rem;border-bottom:1px solid var(--border)}.war-title{font-size:1.1rem;font-weight:700;margin:0 0 .75rem;color:var(--text)}.war-list{display:flex;flex-direction:column;gap:.5rem}.war-item{padding:.75rem;background:#e74c3c1a;border:1px solid rgba(231,76,60,.3);border-radius:8px;font-size:.9rem;line-height:1.4}.war-location{font-weight:700;color:var(--text)}.war-casualties{color:#e74c3c;font-weight:600}.war-target{color:var(--muted);font-style:italic}.embassy-news{padding:1rem}.news-title{font-size:1rem;font-weight:600;margin:0 0 .75rem;color:var(--text)}.news-list{display:flex;flex-direction:column;gap:.25rem}.news-item{padding:.5rem;background:var(--panel2);border:1px solid var(--border);border-radius:6px;font-size:.85rem;line-height:1.3}.news-location{font-weight:600;color:var(--text)}.news-action{color:var(--muted)}.attack-info{padding:1rem}.attack-target{font-size:1.2rem;font-weight:700;color:var(--text);margin:0 0 .25rem}.attack-owner{color:var(--muted);margin:0 0 1rem}.troop-selection h4{font-size:1rem;font-weight:600;margin:0 0 .5rem;color:var(--text)}.troop-list{display:flex;flex-direction:column;gap:.5rem}.troop-item{display:flex;align-items:center;gap:.5rem;padding:.5rem;background:var(--panel2);border:1px solid var(--border);border-radius:6px}.troop-name{font-weight:600;color:var(--text);flex:1}.troop-count{color:var(--muted);font-size:.9rem;min-width:3rem;text-align:right}.troop-item input{width:4rem;padding:.25rem;border:1px solid var(--border);border-radius:4px;background:var(--panel);color:var(--text);text-align:center}.attack-warning{margin-top:1rem;padding:.75rem;background:#e74c3c1a;border:1px solid rgba(231,76,60,.3);border-radius:6px}.attack-warning p{margin:0;color:#e74c3c;font-size:.85rem;font-weight:600}.attack-actions{display:flex;gap:.5rem;padding:1rem;border-top:1px solid var(--border)}.attack-actions button{flex:1}.movements-content{padding:1rem;max-height:60vh;overflow-y:auto}.movements-section{margin-bottom:1.5rem}.movements-section:last-child{margin-bottom:0}.movements-title{font-size:1rem;font-weight:600;margin:0 0 .75rem;color:var(--text)}.movements-list{display:flex;flex-direction:column;gap:.5rem}.movement-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem;background:var(--panel2);border:1px solid var(--border);border-radius:8px;transition:background .2s}.movement-item:hover{background:var(--panel)}.movement-item.attack{border-left:3px solid #e74c3c}.movement-item.own{border-left:3px solid #3498db}.movement-item.trade{border-left:3px solid #f39c12}.movement-info{display:flex;flex-direction:column;gap:.25rem}.movement-type{font-weight:600;font-size:.9rem}.movement-target{color:var(--muted);font-size:.8rem}.movement-timer{display:flex;flex-direction:column;align-items:flex-end;gap:.25rem}.movement-time{font-weight:700;color:var(--text);font-size:.9rem}.movement-status{font-size:.75rem;padding:.15rem .4rem;border-radius:4px;font-weight:600}.movement-item.attack .movement-status{background:#e74c3c33;color:#e74c3c}.movement-item.own .movement-status{background:#3498db33;color:#3498db}.movement-item.trade .movement-status{background:#f39c1233;color:#f39c12}.movements-empty{color:var(--muted);font-style:italic;text-align:center;padding:1rem}.grid-treasure{display:grid;grid-template-columns:repeat(3,1fr);gap:.65rem;margin-bottom:1rem}.treasure-chest-btn{aspect-ratio:1;background:linear-gradient(145deg,#2a1f10,#1c140a);border:1px solid #d4af37;border-radius:12px;display:flex;align-items:center;justify-content:center;transition:all .2s;box-shadow:0 4px 6px #0000004d}.treasure-chest-btn:hover:not(:disabled){transform:scale(1.05);box-shadow:0 6px 12px #d4af3766}.treasure-chest-btn:active:not(:disabled){transform:scale(.95)}.chest-icon{font-size:2.5rem}.bonus-treasure-fab{z-index:40;border-radius:50px;padding:.45rem 1rem;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.25rem;box-shadow:0 4px 12px #00000080;border:1px solid var(--border);transition:all .2s}.bonus-treasure-fab.ready{background:linear-gradient(45deg,#c9a227,#f3d052);color:#1a1a1a;border-color:#fff;animation:pulse-gold 2s infinite}@keyframes pulse-gold{0%{box-shadow:0 0 #d4af37b3}70%{box-shadow:0 0 0 10px #d4af3700}to{box-shadow:0 0 #d4af3700}}.bonus-treasure-fab.cooldown{background:#141a24;opacity:.85;pointer-events:none}.fab-icon{font-size:1.5rem;line-height:1}.fab-text{font-weight:700;font-size:.8rem}.fab-time{font-family:monospace;font-size:.75rem;color:var(--muted)}.village-panel{max-width:22.5rem;margin:0 auto}.village-panel-header{display:flex;flex-direction:column;align-items:stretch;gap:.2rem;margin-bottom:.45rem}.village-panel-header>.ghost{margin-bottom:0!important;align-self:flex-start}.village-panel-title{text-align:center;margin:0;line-height:1.2;padding:0;background:linear-gradient(180deg,#7ef0ff,#3ac8ee,#2080a8);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 0 10px rgba(94,231,255,.22))}.village-banner{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1rem 1.1rem;margin-bottom:.65rem;border-radius:12px;border:1px solid rgba(94,231,255,.2);background:linear-gradient(160deg,rgba(30,42,58,.9),var(--panel));box-shadow:0 4px 20px #0003}.village-banner-art{font-size:2rem;line-height:1;letter-spacing:.15em}.village-banner p{margin:0;font-size:.8125rem;line-height:1.45;color:var(--muted);text-align:center}.village-stats{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.75rem}.village-stat-pill{display:inline-flex;align-items:center;gap:.5rem;padding:.4rem .75rem;border-radius:999px;background:var(--panel2);border:1px solid var(--border);font-size:.8125rem}.village-stat-pill--queue{border-color:#5ee7ff59;background:#5ee7ff0f}.village-stat-label{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;font-size:.65rem;font-weight:600}.village-stat-value{font-weight:700;font-variant-numeric:tabular-nums;color:var(--text)}.village-stat-max{color:var(--muted);font-weight:500}.village-queue-card{margin-bottom:.85rem;padding:.9rem 1rem 1rem;border-radius:12px;background:var(--panel);border:1px solid rgba(94,231,255,.18);box-shadow:inset 0 1px #ffffff0a}.village-queue-card__head{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:.35rem}.village-queue-card__title{margin:0;font-size:.9375rem;font-weight:700;letter-spacing:.02em;color:var(--text)}.village-queue-card__badge{min-width:1.5rem;height:1.5rem;padding:0 .4rem;display:inline-flex;align-items:center;justify-content:center;border-radius:8px;font-size:.75rem;font-weight:800;font-variant-numeric:tabular-nums;background:linear-gradient(180deg,#5ee7ff40,#5ee7ff14);border:1px solid rgba(94,231,255,.35);color:#aeefff}.village-queue-card__hint{margin:0 0 .75rem;font-size:.75rem;line-height:1.4;color:var(--muted)}.village-queue-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.5rem}.village-queue-item{display:flex;align-items:center;justify-content:space-between;gap:.65rem;padding:.55rem .65rem;border-radius:10px;background:var(--panel2);border:1px solid var(--border)}.village-queue-item__role{display:flex;align-items:center;gap:.5rem;min-width:0}.village-queue-item__icon{font-size:1.25rem;line-height:1;flex-shrink:0}.village-queue-item__name{font-size:.875rem;font-weight:600;color:var(--text)}.village-queue-item__actions{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.village-queue-item__timer{font-size:.8125rem;font-weight:600;font-variant-numeric:tabular-nums;color:#9fdcff;min-width:3.25rem;text-align:right}.village-queue-item__cancel{margin:0;padding:.35rem .65rem;font-size:.72rem;font-weight:600;letter-spacing:.03em;text-transform:uppercase;border-radius:8px;border:1px solid rgba(255,92,92,.45);background:#ff5c5c14;color:#ff9a9a;cursor:pointer;transition:background .15s,border-color .15s}.village-queue-item__cancel:hover{background:#ff5c5c26;border-color:#ff5c5ca6}.village-queue-item__cancel:active{transform:scale(.98)}.village-section{margin-bottom:.85rem}.village-hire-card{padding:.85rem 1rem .25rem;border-radius:12px}.village-section-title{margin:0 0 .65rem;font-size:.8125rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);padding-bottom:.35rem;border-bottom:1px solid var(--border)}.village-section-title--warn{color:#e8a090;border-bottom-color:#ff5c5c33}.village-role-block{padding:.75rem 0;border-bottom:1px solid var(--border)}.village-role-block:last-child{border-bottom:none}.village-dismiss{padding:.85rem 1rem .25rem;border-radius:12px;border:1px solid rgba(255,92,92,.12);background:linear-gradient(180deg,rgba(255,92,92,.04),transparent)}.village-role-head{display:flex;align-items:center;gap:.5rem;margin-bottom:.55rem}.village-role-icon{font-size:1.35rem;line-height:1}.village-role-title{display:flex;align-items:baseline;gap:.35rem;flex-wrap:wrap}.village-dismiss-name{font-weight:600;font-size:.9375rem;color:var(--text)}.village-count{color:var(--gold);font-weight:700;font-variant-numeric:tabular-nums;margin-left:.1rem}.village-role-body{display:grid;grid-template-columns:1fr;gap:.75rem}@media(min-width:380px){.village-role-body{grid-template-columns:minmax(0,1fr) minmax(9.5rem,auto);align-items:start}}.village-control-strip{display:flex;flex-wrap:wrap;align-items:flex-end;gap:.45rem .55rem;padding:.55rem .65rem;border-radius:10px;background:var(--panel2);border:1px solid var(--border)}.village-control-strip--dismiss{margin-bottom:.15rem}.village-control-strip__field{display:flex;flex-direction:column;gap:.2rem}.village-control-label{font-size:.65rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.village-num-input{width:3.5rem;height:2.25rem;text-align:center;border-radius:8px;border:1px solid var(--border);background:var(--bg);color:var(--text);font-size:.9375rem;font-weight:600;font-variant-numeric:tabular-nums}.village-num-input:focus{outline:none;border-color:#5ee7ff80;box-shadow:0 0 0 2px #5ee7ff1f}.village-num-input:disabled{opacity:.45}.village-max-hint{font-size:.7rem;color:var(--muted);align-self:center;flex:1;min-width:4rem}.village-btn-hire{margin-left:auto;width:2.5rem;height:2.5rem;padding:0;display:inline-flex;align-items:center;justify-content:center;border:none;border-radius:10px;font-size:1.35rem;font-weight:700;line-height:1;color:#0a1218;cursor:pointer;background:linear-gradient(180deg,#6ecf7a,#3d9e52);box-shadow:0 2px 8px #3e9e5259;transition:transform .12s,filter .12s}.village-btn-hire:hover:not(:disabled){filter:brightness(1.08)}.village-btn-hire:active:not(:disabled){transform:scale(.96)}.village-btn-hire:disabled{opacity:.4;cursor:not-allowed;box-shadow:none}.village-btn-dismiss{margin-left:auto;width:2.5rem;height:2.5rem;padding:0;display:inline-flex;align-items:center;justify-content:center;border-radius:10px;font-size:1.35rem;font-weight:700;line-height:1;cursor:pointer;color:#ffb4b4;background:#ff5c5c1a;border:1px solid rgba(255,92,92,.45);transition:background .15s,transform .12s}.village-btn-dismiss:hover:not(:disabled){background:#ff5c5c2e}.village-btn-dismiss:active:not(:disabled){transform:scale(.96)}.village-btn-dismiss:disabled{opacity:.35;cursor:not-allowed}.village-level-panel{padding:.5rem .6rem;border-radius:10px;border:1px solid var(--border);background:#0000001f}body.light-theme .village-level-panel{background:#00000008}body.modern-theme .village-level-panel{background:#ffffff0d;border-color:#94a3b847}body.dream-theme .village-level-panel{background:#ffffff0f;border-color:#f4b4ff59}body.modern-theme .card,body.modern-theme .tile-btn,body.dream-theme .card,body.dream-theme .tile-btn{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}body.modern-theme .card{box-shadow:0 4px 28px #02061759}body.dream-theme .card{box-shadow:0 6px 28px #4c1d9566}.village-level-line{display:flex;align-items:baseline;justify-content:space-between;gap:.5rem;margin-bottom:.25rem}.village-level-label{font-size:.65rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.village-level-nums{font-size:.9375rem;font-weight:800;font-variant-numeric:tabular-nums;color:var(--accent)}.village-level-sep{font-weight:500;color:var(--muted);margin:0 .1rem}.village-one-task-hint{margin:.5rem 0 0;font-size:.78rem;line-height:1.35;color:var(--muted)}.village-task-blocked-hint{margin:0;font-size:.72rem;line-height:1.35;color:var(--muted);font-style:italic}.village-rate-line{margin:0 0 .45rem;font-size:.72rem;line-height:1.35;color:var(--muted)}.village-upgrade-status-wrap{display:flex;flex-direction:column;gap:.25rem;width:100%}.village-upgrade-era-hint{margin:0;font-size:.68rem;line-height:1.35;color:var(--era);font-variant-numeric:tabular-nums}.village-upgrade-status{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem .6rem;font-size:.75rem;color:var(--muted)}.village-upgrade-status__text{flex:1;min-width:0;font-variant-numeric:tabular-nums}.village-btn-cancel-sm{padding:.25rem .55rem;font-size:.68rem;font-weight:600;border-radius:6px;border:1px solid rgba(255,92,92,.4);background:transparent;color:#ff9a9a;cursor:pointer}.village-btn-cancel-sm:hover{background:#ff5c5c1a}.village-btn-upgrade{display:flex;flex-direction:column;align-items:stretch;gap:.2rem;width:100%;margin:0;padding:.5rem .65rem;text-align:left;border-radius:10px;border:1px solid rgba(201,162,39,.45);background:linear-gradient(165deg,#c9a2271f,#c9a22708);cursor:pointer;transition:border-color .15s,background .15s}.village-btn-upgrade:hover{border-color:#c9a227b3;background:linear-gradient(165deg,#c9a2272e,#c9a2270f)}.village-btn-upgrade__icon{font-size:.85rem;color:var(--accent);font-weight:800}.village-btn-upgrade__main{font-size:.8125rem;font-weight:700;color:var(--text)}.village-btn-upgrade__sub{font-size:.68rem;line-height:1.35;color:var(--muted);font-variant-numeric:tabular-nums}.village-btn-upgrade__era{font-size:.65rem;line-height:1.35;color:var(--era);font-weight:600;font-variant-numeric:tabular-nums}.village-max-tier{margin:0;font-size:.75rem;font-weight:600;color:var(--muted)}.village-level-placeholder{margin:0;font-size:.75rem;color:var(--muted);text-align:center}.village-footnote{margin:.5rem 0 0;font-size:.72rem;line-height:1.4;color:var(--muted);text-align:center;padding:0 .25rem}.main-menu-map-container{padding-bottom:.5rem}.main-menu-map{position:relative;width:100%;border-radius:12px;overflow:hidden;border:1px solid var(--border);box-shadow:0 4px 12px #0000004d;margin-top:0;background:var(--bg)}.main-menu-map>img{width:100%;display:block;-webkit-user-select:none;user-select:none;pointer-events:none}.map-area{position:absolute;background:transparent;border:none;border-radius:12px;cursor:pointer;transition:background .2s,box-shadow .2s;display:flex;align-items:center;justify-content:center;padding:0;z-index:10}.map-area:hover,.map-area:active{background:#fff3;box-shadow:0 0 15px #fff6 inset}.map-area-castle{top:6%;left:52%;width:45%;height:25%}.map-area-village{top:11%;left:3%;width:45%;height:20%}.map-area-workshop{top:35%;left:54%;width:40%;height:18%}.map-area-market{top:32%;left:12%;width:38%;height:16%}.map-area-barracks{top:56%;left:42%;width:52%;height:18%}.map-area-academy{top:48%;left:4%;width:40%;height:19%}.map-area-wall{top:74%;left:0%;width:100%;height:15%}.nav-bar,.news-strip,.header-bar-v2,.res-bar{background-image:linear-gradient(#000000d1,#000000d9),url(/main-menu-bg.png)!important;background-size:cover!important;background-position:center!important;background-attachment:fixed!important;background-color:transparent!important;border-color:#ffffff1a!important}body.light-theme .nav-bar,body.light-theme .news-strip,body.light-theme .header-bar-v2,body.light-theme .res-bar{background-image:linear-gradient(#ffffffd9,#ffffffe0),url(/main-menu-bg.png)!important;border-color:#0000001a!important}.kingdom-info-page{position:fixed;top:var(--safe-top);left:0;right:0;bottom:var(--safe-bottom);background:var(--bg);display:flex;flex-direction:column;z-index:1000;overflow:hidden}.kinfo-header{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;background:var(--header-grad);border-bottom:1px solid var(--border)}.kinfo-back-btn{background:transparent;border:none;padding:.5rem;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s}.kinfo-back-btn:hover{background:#ffffff1a}.kinfo-back-btn img{width:1.5rem;height:1.5rem;object-fit:contain;filter:invert(.8)}body.light-theme .kinfo-back-btn img{filter:invert(0)}.kinfo-title{margin:0;font-size:1.25rem;font-weight:700;color:var(--text);flex:1;text-align:center}.kinfo-castle-icon{font-size:1.5rem}.kinfo-body{flex:1;overflow-y:auto;padding:1rem;display:flex;flex-direction:column;gap:1rem}.kinfo-section{background:var(--panel);border:1px solid var(--border);border-radius:14px;padding:1rem;display:flex;flex-direction:column;gap:.75rem}.section-title{font-size:.85rem;font-weight:800;color:var(--muted);letter-spacing:.05em;text-transform:uppercase;margin-bottom:.25rem;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border);padding-bottom:.5rem}.era-banner{display:flex;align-items:center;gap:.85rem;background:var(--panel2);padding:.65rem;border-radius:12px;border:1px solid var(--border)}.era-badge-icon{width:3rem;height:3rem;background:linear-gradient(135deg,#4b5a77,#1e293b);border:2px solid #6b7a99;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 3px 8px #0006}.era-numeral{font-size:1.5rem;font-weight:900;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.5);font-family:Times New Roman,serif}.era-details{flex:1}.era-name{margin:0 0 .25rem;font-size:1.15rem;font-weight:800;color:var(--text)}.era-pts{font-size:.9rem;font-weight:600;color:var(--muted)}.era-progress-text{font-size:.7rem;font-weight:700;text-align:center;color:var(--muted);letter-spacing:.02em;padding:.5rem;background:var(--panel2);border-radius:8px;border:1px solid var(--border);margin-top:.5rem}.kinfo-grid{display:grid;grid-template-columns:1fr;gap:1rem}@media(min-width:400px){.kinfo-grid{grid-template-columns:1fr 1fr}}.kinfo-stat-card{background:var(--panel2);border:1px solid var(--border);border-radius:10px;padding:.75rem;font-size:.85rem}.stat-head{display:flex;align-items:center;gap:.5rem;font-weight:700;font-size:.9rem;margin-bottom:.5rem;padding-bottom:.4rem;border-bottom:1px dotted var(--border)}.stat-head-center{text-align:center;font-weight:800;font-size:1rem;padding-bottom:.5rem;margin-bottom:.5rem;border-bottom:1px dotted var(--border)}.kinfo-stat-card .s-icon{width:1.1rem;height:1.1rem;object-fit:contain}.kinfo-stat-card .stat-row{display:flex;justify-content:space-between;margin-bottom:.35rem;font-weight:600}.kinfo-stat-card .stat-row:last-child{margin-bottom:0}.text-green{color:#4ade80}.text-green-light{color:#86efac}.text-red{color:#f87171}.text-brown{color:#d4a574}.text-gold{color:#fbbf24}.text-blue{color:#38bdf8}.text-orange{color:#fb923c}.text-purple{color:#c084fc}.storage-table{width:100%;border-collapse:collapse;font-size:.85rem}.storage-table th,.storage-table td{padding:.65rem .5rem;text-align:center;border-bottom:1px solid var(--border)}.storage-table th{font-weight:700;color:var(--muted);border-bottom:2px solid var(--border)}.storage-table tr:last-child td{border-bottom:none}.st-label{font-weight:700;text-align:left}.clickable{cursor:pointer;transition:filter .2s}.clickable:hover{filter:brightness(1.15)}.clickable:active{filter:brightness(.9)}@media(max-width:480px){.kinfo-header{padding:.5rem .75rem}.kinfo-title{font-size:1.1rem}.kinfo-back-btn img{width:1.25rem;height:1.25rem}.kinfo-body{padding:.5rem;gap:.65rem}.kinfo-section{padding:.75rem;gap:.5rem}.section-title{font-size:.75rem;padding-bottom:.35rem}.era-banner{padding:.5rem;gap:.65rem}.era-badge-icon{width:2.5rem;height:2.5rem;border-width:2px}.era-numeral{font-size:1.2rem}.era-name{font-size:1rem;margin-bottom:.15rem}.era-pts{font-size:.75rem}.era-progress-text{font-size:.65rem;padding:.35rem;margin-top:.25rem}.kinfo-grid{grid-template-columns:repeat(2,1fr)!important;gap:.5rem}.kinfo-stat-card{padding:.5rem;font-size:.75rem}.stat-head{font-size:.8rem;margin-bottom:.35rem;padding-bottom:.25rem}.stat-head-center{font-size:.85rem;padding-bottom:.35rem;margin-bottom:.35rem}.kinfo-stat-card .stat-row{font-size:.7rem;margin-bottom:.2rem}.storage-table{font-size:.7rem}.storage-table th,.storage-table td{padding:.4rem .25rem}}.modern-panel{display:flex;flex-direction:column;animation:fadeIn .4s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.modern-banner{box-shadow:0 8px 32px #0000004d;border:1px solid rgba(255,255,255,.1)}.modern-card{background:var(--panel);border:1px solid var(--border);border-radius:16px;padding:1.25rem;box-shadow:0 4px 20px #0003;transition:transform .2s ease,box-shadow .2s ease;position:relative;overflow:hidden}body.modern-theme .modern-card{background:#1e293bb3;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-color:#ffffff1a}.primary-gradient{background:linear-gradient(135deg,#3498db,#2980b9);color:#fff;border:none;font-weight:700;letter-spacing:.02em;box-shadow:0 4px 15px #3498db4d;transition:all .2s}.primary-gradient:hover{filter:brightness(1.1);transform:translateY(-1px);box-shadow:0 6px 20px #3498db66}.primary-gradient:active{transform:translateY(0)}.progress-bg{width:100%;background:#0000004d;border-radius:99px;overflow:hidden;border:1px solid rgba(255,255,255,.05)}.progress-fill{height:100%;background:linear-gradient(90deg,#2ecc71,#27ae60);border-radius:99px;box-shadow:0 0 10px #2ecc7166;transition:width .3s cubic-bezier(.4,0,.2,1)}.progress-fill-loading{animation:shimmer 2s infinite linear;background:linear-gradient(90deg,#2ecc71,#a8e063,#2ecc71);background-size:200% 100%}@keyframes shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}