:root{--font-heading: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;--font-body: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;--color-parchment: #e8dcc4;--color-parchment-dark: #d4c4a8;--color-parchment-light: #f5efe6;--color-wood: #8b7355;--color-wood-dark: #6b5344;--color-gold: #b8860b;--color-gold-light: #d4a84b;--color-text: #2c1810;--color-text-muted: #5c4033;--color-text-faint: #7d6b5a;--color-success-bg: #e8ebe0;--color-success-border: #6b7d5a;--color-success-text: #2d5a27;--color-danger-bg: #f5e8e4;--color-danger-border: #8b4a3a;--color-danger-text: #8b2500;--color-info-bg: #e4e8ed;--color-info-border: #5a6d7d;--color-info-text: #3d4f5c;--color-warning-bg: #f5ebe0;--color-warning-border: #b8860b;--color-warning-text: #7a5500;--color-accent: var(--color-gold);--color-accent-hover: var(--color-wood-dark);--radius: 8px;--radius-sm: 6px;--shadow: 0 2px 6px rgba(43, 24, 16, .12);--shadow-sm: 0 1px 3px rgba(43, 24, 16, .08)}*{margin:0;padding:0;box-sizing:border-box}html,body{font-family:var(--font-body);font-size:16px;line-height:1.5;color:var(--color-text);-webkit-font-smoothing:antialiased;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none}html::-webkit-scrollbar,body::-webkit-scrollbar{display:none}#root{min-height:100vh}.app-page{position:relative;width:100%;max-width:480px;margin:0 auto;padding:16px 20px 80px 16px;background:var(--color-parchment);min-height:100vh}@media (min-width: 768px){.app-page{padding:24px 24px 32px}}h1,h2,h3,h4{font-family:var(--font-heading);color:var(--color-text)}h1{font-size:1.5rem;margin-bottom:8px}h2{font-size:1.25rem}h3{font-size:1.1rem}h4{font-size:.95rem}button,.btn{min-height:44px;min-width:44px;display:inline-flex;align-items:center;justify-content:center;padding:10px 16px;font-family:var(--font-body);font-size:15px;border-radius:var(--radius);cursor:pointer;border:1px solid var(--color-wood);background:var(--color-parchment-light);color:var(--color-text);text-decoration:none;transition:background .2s,border-color .2s,color .2s}button:disabled{opacity:.6;cursor:not-allowed}button:not(:disabled):active,.btn:not(:disabled):active{background:var(--color-parchment-dark)}.btn-primary{background:var(--color-wood-dark);color:var(--color-parchment-light);border-color:var(--color-wood-dark)}.btn-primary:hover:not(:disabled){background:var(--color-wood)}.btn-danger{background:var(--color-danger-text);color:var(--color-parchment-light);border-color:var(--color-danger-text)}.btn-danger:hover:not(:disabled){background:var(--color-danger-border)}.btn-success{background:var(--color-success-text);color:var(--color-parchment-light);border-color:var(--color-success-text)}.btn-success:hover:not(:disabled){background:var(--color-success-border)}input,select,textarea{font-family:var(--font-body);border-radius:var(--radius);border:1px solid var(--color-wood);background:var(--color-parchment-light);color:var(--color-text)}input,select{min-height:44px;padding:8px 12px;font-size:16px}textarea{padding:8px 12px;font-size:16px}.app-page__header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}.app-page__header-title{min-width:0;flex:1 1 auto}.app-page__header-title>*{margin-bottom:0}.lang-switcher{flex-shrink:0;display:flex;gap:8px}.lang-switcher__flag{width:32px;height:22px;min-width:32px;min-height:22px;padding:2px;border:1px solid var(--color-wood);background:var(--color-parchment-light);cursor:pointer;border-radius:4px;transition:border-color .2s,box-shadow .2s,background .2s;overflow:hidden;box-shadow:var(--shadow-sm),inset 0 1px #fff6}.lang-switcher__flag img{display:block;width:100%;height:100%;object-fit:cover;border-radius:2px;filter:sepia(.12) saturate(1.05) brightness(.98)}.lang-switcher__flag:focus-visible{outline:2px solid var(--color-gold);outline-offset:2px}.lang-switcher__flag--active{border-color:var(--color-gold);background:var(--color-parchment-dark);box-shadow:var(--shadow),inset 0 1px #ffffff4d}.lang-switcher__flag--active img{filter:sepia(.08) saturate(1.1)}.lang-switcher__flag:not(.lang-switcher__flag--active){opacity:.7}.lang-switcher__flag:not(.lang-switcher__flag--active):hover{opacity:1;border-color:var(--color-wood-dark)}.nav-menu-wrap{margin:8px 0 12px}.app-page .nav-menu-wrap+*{margin-top:0}.nav-menu__bottom-row{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:4px}.nav-menu{display:flex;align-items:center;gap:4px;padding:6px 8px;background:var(--color-parchment-light);border-radius:10px;box-shadow:var(--shadow-sm);border:1px solid var(--color-wood)}.nav-menu__leaderboard-link{display:inline-block;text-align:left;padding:6px 8px;font-size:13px;color:var(--color-text-muted);text-decoration:none;border-radius:var(--radius);transition:background .2s,color .2s;width:fit-content}.nav-menu__leaderboard-link:hover{background:var(--color-parchment-light);color:var(--color-text)}.nav-menu__messages-link{display:inline-flex;align-items:center;gap:6px;text-align:left;padding:6px 8px;font-size:13px;line-height:18px;color:var(--color-text-muted);text-decoration:none;border-radius:var(--radius)}.nav-menu__messages-link:hover{background:var(--color-parchment-light);color:var(--color-text)}.nav-menu__messages-link .tab-badge{flex-shrink:0;margin-left:0}.nav-menu__link{flex:1;display:flex;flex-direction:column;align-items:center;gap:1px;padding:6px 4px;border-radius:var(--radius);color:var(--color-text-muted);text-decoration:none;font-size:11px;font-weight:500;transition:background .2s,color .2s;min-width:0}.nav-menu__link:hover{background:var(--color-parchment-dark);color:var(--color-text)}.nav-menu__link--active{background:var(--color-parchment-dark);color:var(--color-text);font-weight:600}.nav-menu__link--active:hover{background:var(--color-parchment-dark);color:var(--color-text)}.nav-menu__icon{font-size:16px;line-height:1}.nav-menu__label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.user-bar{display:flex;align-items:center;justify-content:space-between;width:100%;margin-top:12px;margin-bottom:16px;padding:6px 14px;background:var(--color-parchment-light);border-radius:10px;font-size:14px;color:var(--color-text);box-shadow:var(--shadow-sm);border:1px solid var(--color-wood)}.user-bar__left{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1 1 auto}.user-bar__main{display:flex;align-items:center;gap:8px;min-width:0}.user-bar__tag{font-weight:700;color:var(--color-text);flex-shrink:0}.user-bar__name{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-bar__race{font-size:11px;color:var(--color-text-faint)}.user-bar__right{display:flex;align-items:center;gap:8px;flex-shrink:0;margin-left:auto}.user-bar__gold,.user-bar__messages{display:inline-flex;align-items:center;justify-content:center;gap:4px;min-height:28px;padding:0 8px;flex-shrink:0;font-size:14px;line-height:1;color:var(--color-text);background:var(--color-parchment);border:1px solid var(--color-wood);border-radius:6px;box-shadow:0 1px 2px #00000014}.user-bar__messages{position:relative;text-decoration:none;min-width:32px}.user-bar__messages:hover{background:var(--color-wood);color:var(--color-parchment-light);border-color:var(--color-wood-dark)}.user-bar__messages-icon{width:16px;height:16px;flex-shrink:0;stroke:currentColor}.user-bar__pm-badge{position:absolute;top:-6px;right:-6px}.card{padding:14px 16px;background:var(--color-parchment-light);border:1px solid var(--color-wood);border-radius:10px;box-shadow:var(--shadow-sm)}.card-header{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:12px}.card-header__actions{flex-shrink:0}.card-header__title-wrap{min-width:0;flex:1 1 auto}.card-header__title-wrap h2{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.section{margin-top:24px;padding:20px;background:var(--color-parchment-light);border-radius:var(--radius);border:1px solid var(--color-wood);box-shadow:var(--shadow-sm)}.tab-group-slider{display:flex;gap:0;margin-bottom:16px;padding:4px;background:var(--color-parchment-dark);border-radius:var(--radius);border:1px solid var(--color-wood);box-shadow:inset 0 1px 2px #0000000f}.tab-group-slider .tab{flex:1;min-width:0;padding:10px 12px;font-size:14px;font-weight:500;text-align:center;border:none;border-radius:var(--radius-sm);background:transparent;color:var(--color-text-muted);transition:background .2s,color .2s}.tab-group-slider .tab:hover{color:var(--color-text)}.tab-group-slider .tab--active{background:var(--color-parchment-light);color:var(--color-text);box-shadow:var(--shadow-sm)}.leaderboard-table{width:100%;max-width:100%;table-layout:fixed;border-collapse:collapse;font-size:14px}.leaderboard-table th,.leaderboard-table td{padding:10px 12px;text-align:left;border-bottom:1px solid var(--color-parchment-dark);vertical-align:middle}.leaderboard-table th{font-weight:600;color:var(--color-text-muted);background:#00000008}.leaderboard-table th:last-child{text-align:right}.leaderboard-table td:last-child{text-align:right;font-variant-numeric:tabular-nums}.leaderboard-table tbody tr:hover{background:#0000000a}.leaderboard-table .leaderboard-table__rank{width:2.5em;text-align:center;font-variant-numeric:tabular-nums}.leaderboard-table .leaderboard-table__rating{min-width:5.5em;width:5.5em;white-space:nowrap;text-align:right}.leaderboard-player-meta{display:flex;align-items:center;gap:6px;margin-top:4px;font-size:12px;color:var(--color-text-muted)}.leaderboard-player-meta .map-owner-flag{flex-shrink:0}.leaderboard-table td:nth-child(2){max-width:0;overflow:hidden}.leaderboard-table td:nth-child(2)>div:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.leaderboard-me{margin-top:24px;padding:16px 20px;background:var(--color-parchment-light);border:1px solid var(--color-wood);border-radius:var(--radius);box-shadow:var(--shadow-sm)}.leaderboard-me__title{margin:0 0 12px;font-size:1.1rem;color:var(--color-text);padding-bottom:8px;border-bottom:1px solid var(--color-parchment-dark)}.leaderboard-me .leaderboard-table{margin:0}.leaderboard-me .leaderboard-table th,.leaderboard-me .leaderboard-table td{border-bottom:none;padding:6px 0}.leaderboard-me .leaderboard-table tbody tr:hover{background:transparent}.tab-group{display:flex;justify-content:space-between;flex-wrap:wrap;margin-top:16px;margin-bottom:12px;gap:8px}.alliance-section>.tab-group:first-child{margin-top:0}.tab{flex:1 1 auto;min-width:0;padding:10px;font-size:14px;text-align:center;box-sizing:border-box}.tab--active{background:var(--color-parchment-dark);border-color:var(--color-wood-dark)}.tab-badge{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;margin-left:6px;font-size:11px;font-weight:600;color:var(--color-parchment-light);background:var(--color-danger-text);border-radius:9px}.pm-layout{display:flex;flex-direction:column;gap:0;margin-top:16px;min-height:0}.pm-layout.pm-layout--has-selected .pm-sidebar{display:none}.pm-layout:not(.pm-layout--has-selected) .pm-chat-wrap{display:none}.pm-page.pm-page--chat-open.app-page{padding-top:8px;padding-bottom:16px}.pm-page.pm-page--chat-open .pm-layout{flex:1;min-height:0;margin-top:0}.pm-sidebar{width:100%;flex:1;min-width:0;min-height:0;display:flex;flex-direction:column;gap:12px;padding:14px 16px;overflow-x:hidden;background:var(--color-parchment-light);border:1px solid var(--color-wood);border-radius:10px;box-shadow:var(--shadow-sm)}.pm-sidebar .tab-group-slider{margin-bottom:8px}.pm-sidebar-count{flex-shrink:0;margin:0;padding:8px 0 0;font-size:12px;color:var(--color-text-muted);text-align:center}.pm-search{display:flex;align-items:center;gap:8px;flex-shrink:0}.pm-search__input-wrap{display:flex;align-items:stretch;flex:1;min-width:0;min-height:44px;border:1px solid var(--color-wood);border-radius:var(--radius);background:var(--color-parchment-light);box-sizing:border-box;overflow:hidden}.pm-search__input{flex:1;min-width:0;margin:0;border:none;background:transparent;border-radius:0}.pm-search__input:focus{outline:none}.pm-search__clear-zone{width:44px;flex-shrink:0;display:flex;align-items:center;justify-content:center;border-left:1px solid var(--color-wood)}.pm-search__clear{width:28px;height:28px;padding:0;margin:0;border:none;border-radius:0;background:transparent;cursor:pointer;color:var(--color-text-muted);display:flex;align-items:center;justify-content:center;outline:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.pm-search__clear:hover,.pm-search__clear:focus{color:var(--color-text);outline:none}.pm-search__clear-icon{width:16px;height:16px;display:block;pointer-events:none}.pm-search__btn{min-height:44px;padding:0 14px;font-size:13px;font-family:inherit;border-radius:var(--radius);background:var(--color-wood-dark);color:var(--color-parchment-light);border:1px solid var(--color-wood-dark);cursor:pointer;box-sizing:border-box}.pm-search__btn:hover:not(:disabled){background:var(--color-wood)}.pm-conv-list,.pm-blocked-list{flex:1;min-width:0;min-height:0;overflow-x:hidden;overflow-y:auto}.pm-conv-list .leaderboard-table,.pm-blocked-list .leaderboard-table{margin:0;table-layout:fixed}.pm-conv-table th.pm-conv-table__time,.pm-conv-table td.pm-conv-table__time{width:4em;min-width:4em;text-align:right;font-variant-numeric:tabular-nums;font-size:12px;color:var(--color-text-muted)}.pm-conv-table td:first-child{max-width:0;overflow:hidden}.pm-conv-table__name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600}.pm-conv-table__meta{margin-top:2px}.pm-conv-table tbody tr{cursor:pointer}.pm-conv-table.pm-blocked-table tbody tr{cursor:default}.pm-conv-table tbody tr.pm-conv-row--active{background:#0000000f}.pm-conv-table tbody tr.pm-conv-row--blocked{opacity:.7}.pm-conv-table tbody tr.pm-conv-row--blocked .pm-conv-table__name,.pm-conv-table tbody tr.pm-conv-row--blocked .pm-conv-table__meta,.pm-conv-table tbody tr.pm-conv-row--blocked .pm-conv-table__time{color:var(--color-text-muted)}.pm-blocked-table td.pm-blocked-table__action{width:140px;max-width:none;overflow:visible;white-space:nowrap;text-align:right;vertical-align:middle}.pm-search-results{display:flex;flex-direction:column;align-items:stretch;text-align:left;margin-bottom:12px;border:1px solid var(--color-wood);border-radius:var(--radius);background:var(--color-parchment);overflow:hidden}.pm-search-result-item{display:flex;align-items:center;justify-content:flex-start;gap:10px;width:100%;text-align:left;padding:10px 12px;border:none;border-radius:0;border-bottom:1px solid var(--color-parchment-dark);background:transparent;cursor:pointer;font-size:14px;font-family:inherit;color:inherit;transition:background .15s ease}.pm-search-result-item:last-child{border-bottom:none}.pm-search-result-item:hover{background:var(--color-parchment-dark)}.pm-search-result-flag{width:20px;height:14px;object-fit:cover;border-radius:2px;flex-shrink:0}.pm-search-result-tag{font-size:12px;font-weight:600;color:var(--color-text-muted);flex-shrink:0}.pm-search-result-name{font-weight:600;color:var(--color-text);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pm-blocked-item__unblock{flex-shrink:0;height:28px;min-height:28px;padding:0 8px;font-size:12px;line-height:26px;border-radius:var(--radius-sm);border:1px solid var(--color-success-border);background:var(--color-success-bg);color:var(--color-success-text);cursor:pointer;box-sizing:border-box}.pm-blocked-item__unblock:hover{background:var(--color-success-border);color:var(--color-parchment-light);border-color:var(--color-success-border)}.pm-empty{padding:24px 16px;font-size:14px;color:var(--color-text-faint);text-align:center}.pm-chat-wrap{flex:1;min-width:0;min-height:0;width:100%;display:flex;flex-direction:column;padding:0;background:var(--color-parchment-light);border:1px solid var(--color-wood);border-radius:10px;box-shadow:var(--shadow-sm);overflow:hidden}.pm-chat-placeholder{flex:1;display:flex;align-items:center;justify-content:center;color:var(--color-text-faint);font-size:14px;padding:24px}.pm-chat-header{display:flex;align-items:center;gap:10px;padding:12px 16px;border-bottom:1px solid var(--color-parchment-dark);background:var(--color-parchment-light)}.pm-chat-header__back{flex-shrink:0;height:28px;min-height:28px;padding:0 8px;font-size:12px;line-height:26px;border-radius:var(--radius-sm);border:1px solid var(--color-wood);background:var(--color-parchment);color:var(--color-text);cursor:pointer;box-sizing:border-box}.pm-chat-header__back:hover{background:var(--color-parchment-dark)}.pm-chat-header__title{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.pm-chat-header__name{font-weight:600;font-size:15px;color:var(--color-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pm-chat-header__tag{font-size:12px;color:var(--color-text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pm-chat-header__block{height:28px;min-height:28px;padding:0 8px;font-size:12px;line-height:26px;border-radius:var(--radius-sm);border:1px solid var(--color-danger-border);background:var(--color-danger-bg);color:var(--color-danger-text);cursor:pointer;box-sizing:border-box}.pm-chat-header__block:hover{background:var(--color-danger-text);color:var(--color-parchment-light);border-color:var(--color-danger-text)}.pm-chat-cannot-send{flex-shrink:0;padding:12px 16px;border-top:1px solid var(--color-parchment-dark);background:var(--color-parchment-light);font-size:14px;color:var(--color-text-muted);text-align:center}.alert{margin-top:12px;padding:12px;border-radius:var(--radius);font-size:13px}.alert-success{background:var(--color-success-bg);border:1px solid var(--color-success-border)}.alert-success h4{color:var(--color-success-text)}.alert-danger{background:var(--color-danger-bg);border:1px solid var(--color-danger-border)}.alert-danger h4{color:var(--color-danger-text)}.alert-info{background:var(--color-info-bg);border:1px solid var(--color-info-border)}.alert-info h4{color:var(--color-info-text)}.alert-warning{background:var(--color-warning-bg);border:1px solid var(--color-warning-border)}.alert-warning h4{color:var(--color-warning-text)}.alert ul{list-style:none;padding:0;margin:0}.alert li{margin-bottom:8px}.alert li:last-child{margin-bottom:0}.collapse-header{display:flex;align-items:center;justify-content:space-between;cursor:pointer;-webkit-user-select:none;user-select:none;margin-bottom:12px}.collapse-header h3{margin:0}.collapse-toggle{color:var(--color-text-muted);font-size:12px}@keyframes toastIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.page-loader{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:200px;gap:16px}.page-loader__spinner{width:40px;height:40px;border:3px solid var(--color-parchment-dark);border-top-color:var(--color-gold);border-radius:50%;animation:pageLoaderSpin .8s linear infinite}.page-loader__text{color:var(--color-text-muted);font-size:14px}.page-loader__skeleton{display:flex;flex-direction:column;gap:10px;width:100%;max-width:280px}.page-loader__line{height:12px;background:linear-gradient(90deg,var(--color-parchment-dark) 25%,var(--color-parchment) 50%,var(--color-parchment-dark) 75%);background-size:200% 100%;border-radius:var(--radius-sm);animation:pageLoaderShimmer 1.2s ease-in-out infinite}@keyframes pageLoaderSpin{to{transform:rotate(360deg)}}@keyframes pageLoaderShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.text-muted{color:var(--color-text-muted);font-size:14px}.text-faint{color:var(--color-text-faint);font-size:12px}.badge{padding:2px 8px;background:var(--color-parchment-dark);color:var(--color-text);border-radius:var(--radius-sm);font-size:11px;font-weight:500;border:1px solid var(--color-wood)}.resources-bar{margin-top:12px}.resources-bar h3{margin-bottom:8px;font-size:14px}.resources-bar__list{display:flex;flex-wrap:wrap;gap:12px 20px;align-items:center}.resources-bar__capacity{margin-top:4px;font-size:11px;color:var(--color-text-muted)}.resources-bar__progress{margin-top:8px;height:6px;background:var(--color-parchment-dark);border-radius:3px;overflow:hidden}.resources-bar__fill{height:100%;border-radius:3px;transition:width .2s}.resources-bar__fill--ok{background:var(--color-success-text)}.resources-bar__fill--warn{background:var(--color-warning-text)}.resources-bar__fill--full{background:var(--color-danger-text)}.building-card{padding:10px;margin-bottom:8px;min-height:185px;background:var(--color-parchment-light);border:1px solid var(--color-wood);border-radius:var(--radius);display:flex;flex-direction:column;gap:6px}.building-card--building{background:var(--color-warning-bg);border-color:var(--color-warning-border)}.building-card--unbuilt{background:var(--color-parchment);border:2px dashed var(--color-wood);opacity:.95}.building-card__row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.building-card__title{font-size:14px}.building-card__status{padding:2px 8px;background:var(--color-parchment-dark);color:var(--color-text);border-radius:var(--radius-sm);font-size:11px;font-weight:500;border:1px solid var(--color-wood)}.building-card__status--building{background:var(--color-warning-bg);color:var(--color-warning-text)}.building-card__status--unbuilt{background:var(--color-parchment-dark);color:var(--color-text-faint)}.building-card__desc{font-size:11px;color:var(--color-text-muted);line-height:1.5}.building-card__timer{flex:1;min-height:90px;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:10px 12px;background:var(--color-warning-bg);border-radius:var(--radius);border:1px solid var(--color-warning-border);text-align:center}.building-card__timer-label{font-size:10px;color:var(--color-warning-text);margin-bottom:4px;text-transform:uppercase;letter-spacing:.05em}.building-card__timer-value{font-size:18px;font-weight:700;color:var(--color-warning-text);font-variant-numeric:tabular-nums}.building-card__cost{font-size:11px;color:var(--color-text-muted)}.building-card__cost-label{color:var(--color-text-faint)}.building-card__benefit{margin-top:4px;color:var(--color-success-text);font-weight:500}.building-card__hint{flex:1;display:flex;align-items:center;justify-content:center;min-height:60px;padding:8px 10px;background:var(--color-parchment);border-radius:var(--radius-sm);font-size:11px;color:var(--color-text-muted);text-align:center;line-height:1.4}.building-card__actions{margin-top:auto;padding-top:6px;display:flex;flex-direction:column;gap:6px}.research-card{padding:10px;background:var(--color-parchment-light);border:1px solid var(--color-wood);border-radius:var(--radius);display:flex;flex-direction:column;gap:6px}.research-card--researching{background:var(--color-warning-bg);border-color:var(--color-warning-border)}.research-card__row{display:flex;align-items:flex-start;gap:8px;min-width:0}.research-card__title{font-size:13px;line-height:1.3;overflow-wrap:break-word;flex:1 1 0;min-width:0}.research-card__level{padding:2px 6px;background:var(--color-parchment-dark);color:var(--color-text);border-radius:var(--radius-sm);font-size:11px;font-weight:500;flex-shrink:0;border:1px solid var(--color-wood)}.research-card__desc{font-size:11px;color:var(--color-text-faint)}.research-card__cost{font-size:11px;color:var(--color-text-muted)}.research-card__cost-label{color:var(--color-text-faint)}.research-card__timer{margin-top:4px;font-size:12px;color:var(--color-warning-text)}.research-section{margin-top:16px}.research-section h3{margin-bottom:12px}.toast-container{position:fixed;bottom:16px;left:16px;right:16px;max-width:400px;margin:0 auto;z-index:9999;display:flex;flex-direction:column;gap:8px;pointer-events:none}.toast{padding:12px 16px;border-radius:var(--radius);font-size:14px;line-height:1.4;box-shadow:0 4px 12px #2b181033;pointer-events:auto;animation:toastIn .2s ease-out}.toast--error{background:var(--color-danger-bg);color:var(--color-danger-text);border:1px solid var(--color-danger-border)}.toast--success{background:var(--color-success-bg);color:var(--color-success-text);border:1px solid var(--color-success-border)}.toast--info{background:var(--color-info-bg);color:var(--color-info-text);border:1px solid var(--color-info-border)}.login-page{text-align:center;color:var(--color-text)}.telegram-stub{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.telegram-stub .app-page__header{flex-direction:column;align-items:center;margin-bottom:16px}.telegram-stub .app-page__header-title{text-align:center;font-size:1.5rem;font-weight:700;color:var(--color-gold);text-shadow:0 1px 0 rgba(0,0,0,.1)}.telegram-stub__body{max-width:320px;margin:0 auto}.telegram-stub__text{margin:0 0 20px;color:var(--color-text-muted);font-size:16px;line-height:1.5}.telegram-stub__btn{display:inline-block;text-decoration:none}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#2b181080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:16px}.modal{background:var(--color-parchment-light);border-radius:12px;padding:24px;max-width:320px;width:90%;border:1px solid var(--color-wood);box-shadow:0 4px 20px #2b18104d}.modal h3{margin:0 0 8px}.modal p{margin:0 0 16px;color:var(--color-text-muted);font-size:15px}.modal-actions{display:flex;gap:12px;justify-content:stretch}.modal-actions button{flex:1}.settings-section{margin-top:24px;padding:20px;background:var(--color-parchment-light);border-radius:12px;border:1px solid var(--color-wood)}.settings-section h2{margin-top:0;margin-bottom:16px;font-size:16px}.settings-section-header{display:flex;align-items:center;justify-content:space-between;cursor:pointer;-webkit-user-select:none;user-select:none;padding:4px 0;gap:8px}.settings-section-header:hover{opacity:.9}.settings-section-toggle{font-size:12px;color:var(--color-text-muted);flex-shrink:0}.help-section{display:flex;flex-direction:column;gap:4px}.help-item{padding:10px 14px;background:var(--color-parchment);border:1px solid var(--color-wood);border-radius:8px}.help-item summary{cursor:pointer;font-weight:600;font-size:14px;-webkit-user-select:none;user-select:none;list-style:none}.help-item summary::-webkit-details-marker{display:none}.help-item summary:before{content:"▶";font-size:10px;display:inline-block;margin-right:6px;transition:transform .2s}.help-item[open] summary:before{transform:rotate(90deg)}.help-item p{margin:10px 0 0;padding-top:10px;border-top:1px solid var(--color-wood);font-size:13px;color:var(--color-text-muted);line-height:1.5}.ban-list{display:flex;flex-direction:column;gap:8px}.ban-card{padding:14px 16px;background:var(--color-parchment);border:1px solid var(--color-wood);border-radius:8px;display:flex;align-items:flex-start;justify-content:space-between;gap:12px;flex-wrap:wrap}.ban-card--expired{opacity:.75;background:var(--color-parchment-light)}.ban-card__main{flex:1;min-width:0}.ban-card__name{font-weight:600;font-size:15px;display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:6px}.ban-card__meta{font-size:13px;color:var(--color-text-muted);display:flex;flex-direction:column;gap:2px;line-height:1.4}.ban-card__meta span{display:block}.ban-card__badge{font-size:11px;padding:2px 8px;border-radius:4px;font-weight:500}.ban-card__badge--active{background:var(--color-danger-bg);color:var(--color-danger-text)}.ban-card__badge--expired{background:var(--color-parchment-dark);color:var(--color-text-muted)}.ban-tabs{display:flex;gap:4px;margin-bottom:16px;background:var(--color-parchment-dark);padding:4px;border-radius:8px;border:1px solid var(--color-wood)}.ban-tabs__tab{flex:1;padding:10px 12px;font-size:14px;border:none;border-radius:6px;cursor:pointer;background:transparent;color:var(--color-text);font-family:inherit}.ban-tabs__tab--active{background:var(--color-parchment-light);font-weight:600;box-shadow:var(--shadow-sm)}.ban-search{display:flex;gap:8px;margin-bottom:12px;flex-wrap:wrap}.ban-search input{flex:1 1 180px;padding:10px 12px;border:1px solid var(--color-wood);border-radius:8px;font-size:14px;box-sizing:border-box}.map-section{margin-top:16px}.map-section-header{display:flex;align-items:center;justify-content:space-between;cursor:pointer;-webkit-user-select:none;user-select:none;margin-bottom:12px}.map-section-header h3{margin:0}.map-toggle{color:var(--color-text-muted);font-size:12px}.map-card{padding:14px 16px;background:var(--color-parchment-light);border:1px solid var(--color-wood);border-radius:10px;box-shadow:var(--shadow-sm);margin-top:12px}.map-card--info{background:var(--color-info-bg);border-color:var(--color-info-border)}.map-card--target{background:var(--color-warning-bg);border-color:var(--color-warning-border)}.map-card--victory{background:var(--color-success-bg);border-color:var(--color-success-border)}.map-card--defeat{background:var(--color-danger-bg);border-color:var(--color-danger-border)}.map-card--garrisons{background:var(--color-parchment);border-color:var(--color-wood)}.map-card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:12px;min-width:0}.map-village-header{min-width:0;flex:1}.map-village-name{font-weight:600;font-size:17px;color:var(--color-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.map-village-meta{display:flex;flex-wrap:wrap;gap:10px 16px;font-size:13px;color:var(--color-text-muted);min-width:0}.map-meta-item{padding:3px 10px;border-radius:var(--radius-sm)}.map-meta-coords{background:var(--color-info-bg);color:var(--color-info-text)}.map-meta-owner{background:var(--color-parchment-dark);color:var(--color-text);display:inline-flex;align-items:center;gap:6px;max-width:100%;min-width:0;overflow:hidden}.map-meta-owner .map-owner-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.map-owner-flag{display:inline-block;width:18px;height:12px;margin-right:6px;vertical-align:middle;border:1px solid var(--color-wood);border-radius:2px;object-fit:cover;background:var(--color-parchment-light);box-shadow:0 1px 1px #2b181014;filter:sepia(.1) saturate(1.05) brightness(.98)}.map-owner-cell{display:inline-flex;align-items:center;gap:6px;max-width:100%;min-width:0;overflow:hidden}.map-owner-cell .map-owner-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.map-meta-dist{background:var(--color-success-bg);color:var(--color-success-text)}.map-target-tabs{display:flex;gap:4px;margin-bottom:10px}.map-target-tabs button{flex:1;padding:8px 12px;font-size:13px;border:1px solid var(--color-wood);background:var(--color-parchment);border-radius:var(--radius);cursor:pointer}.map-target-tabs .map-tab-active{background:var(--color-parchment-light);border-color:var(--color-warning-border);font-weight:600}.map-units-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}@media (max-width: 420px){.map-units-grid{grid-template-columns:1fr}}.map-unit-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:6px 8px;background:#2b18100a;border-radius:4px}.map-unit-left{display:flex;flex-direction:column;gap:2px}.map-unit-name{font-size:13px;color:var(--color-text)}.map-unit-available{font-size:12px;color:var(--color-text-faint);white-space:nowrap}.map-unit-row input{min-width:72px;width:6em;flex-shrink:0;padding:3px 8px;text-align:right;font-size:13px}.map-tab-actions{display:flex;gap:8px;align-items:center;margin-top:12px;flex-wrap:wrap}.map-btn-attack{background:var(--color-danger-text);color:var(--color-parchment-light);border-color:var(--color-danger-text)}.map-btn-attack:hover:not(:disabled){background:var(--color-danger-border)}.map-btn-reinforce{background:var(--color-success-text);color:var(--color-parchment-light);border-color:var(--color-success-text)}.map-btn-reinforce:hover:not(:disabled){background:var(--color-success-border)}.map-target-time{padding:4px 10px;background:var(--color-info-bg);border:1px solid var(--color-info-border);border-radius:var(--radius-sm);font-size:13px;color:var(--color-info-text)}.map-target-time-reinforce{background:var(--color-success-bg);border-color:var(--color-success-border);color:var(--color-success-text)}.map-controls-row{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:12px}.map-controls-row:last-child{margin-bottom:0}.map-controls-row input{flex:1;min-width:70px}.map-btn-active{background:var(--color-parchment-dark)}.map-grid-card{margin-top:16px;padding:16px;background:var(--color-parchment-light);border:1px solid var(--color-wood);border-radius:12px;box-shadow:var(--shadow)}.map-card-with-loading{position:relative}.map-loading-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;background:#e8dcc4d9;border-radius:inherit;z-index:10}.map-loading-overlay__spinner{width:36px;height:36px;border:3px solid var(--color-parchment-dark);border-top-color:var(--color-gold);border-radius:50%;animation:pageLoaderSpin .8s linear infinite}.map-loading-overlay__text{font-size:13px;color:var(--color-text-muted)}.map-grid-inner{width:100%;max-width:min(100%,96vmin);margin:0 auto;overflow:hidden;touch-action:none;border-radius:var(--radius);background:var(--color-parchment-dark);padding:2px;border:1px solid var(--color-wood)}.map-grid-cells{aspect-ratio:1;gap:1px;overflow:hidden}.map-grid-legend{margin-top:10px;font-size:12px;color:var(--color-text-muted);text-align:center;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:12px 16px}.map-grid-legend-item{display:inline-flex;align-items:center;gap:6px}.map-grid-legend-swatch{display:inline-block;width:14px;height:14px;border-radius:2px;flex-shrink:0}.map-grid-legend-swatch.map-cell-mine{background:var(--color-success-text)}.map-grid-legend-swatch.map-cell-other{background:var(--color-info-border)}.map-grid-legend-swatch.map-cell-target{background:var(--color-warning-text);border:2px solid var(--color-wood-dark);box-sizing:border-box}.map-grid-cell-wrap{position:relative;display:flex;flex-direction:column;align-items:stretch;min-width:0;min-height:0;overflow:visible}.map-grid-cell-label{position:absolute;left:50%;transform:translate(-50%);bottom:100%;margin-bottom:2px;font-size:11px;line-height:1.2;text-align:center;white-space:nowrap;max-width:300%;overflow:hidden;text-overflow:ellipsis;color:var(--color-text);background:var(--color-parchment-dark);border:1px solid var(--color-wood);padding:2px 5px;border-radius:2px;z-index:2;pointer-events:none}.map-grid-cells .map-grid-cell-square{flex:1;min-height:0;min-width:0;touch-action:manipulation;display:flex;align-items:center;justify-content:center;border-radius:2px}.map-grid-cells .map-grid-cell-square.map-cell-mine{background:var(--color-success-text);cursor:pointer}.map-grid-cells .map-grid-cell-square.map-cell-target{background:var(--color-warning-text);cursor:pointer;border:2px solid var(--color-wood-dark)}.map-grid-cells .map-grid-cell-square.map-cell-other{background:var(--color-info-border);cursor:pointer}.map-grid-cells .map-grid-cell-square.map-cell-empty{background:var(--color-parchment);cursor:default}.map-table-wrap{margin-top:16px;border-radius:10px;overflow:hidden;border:1px solid var(--color-wood);box-shadow:var(--shadow-sm);position:relative}.map-table-wrap--loading{min-height:120px}.map-table-wrap--empty{min-height:0}.map-table tbody tr.map-table-empty-row{cursor:default}.map-table tbody tr.map-table-empty-row td{padding:28px 20px;text-align:center;color:var(--color-text-muted);font-size:14px;line-height:1.4;border-bottom:none;background:var(--color-parchment)}.map-table{width:100%;table-layout:fixed;border-collapse:collapse;background:var(--color-parchment-light);font-family:var(--font-body)}.map-table td{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.map-table-village-cell{display:flex;align-items:center;gap:6px;min-width:0;width:100%;overflow:hidden}.map-village-tag{font-size:12px;color:var(--color-text-muted);flex-shrink:0}.map-village-table-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.map-table thead th{padding:12px 14px;text-align:left;background:var(--color-parchment-dark);font-family:var(--font-heading);font-size:13px;font-weight:600;color:var(--color-text);border-bottom:1px solid var(--color-wood)}.map-table tbody tr{cursor:pointer;-webkit-tap-highlight-color:transparent}.map-table tbody td{padding:0;vertical-align:middle;border-bottom:1px solid var(--color-wood);-webkit-tap-highlight-color:transparent}.map-table-row-btn{display:flex;align-items:center;width:100%;min-height:100%;padding:12px 14px;margin:0;border:none;background:transparent;font-size:14px;color:var(--color-text);cursor:pointer;text-align:left;font-family:inherit;outline:none;-webkit-tap-highlight-color:transparent}.map-table tbody tr:not(.map-table-row-selected) .map-table-row-btn:hover,.map-table tbody tr:not(.map-table-row-selected) .map-table-row-btn:active,.map-table tbody tr:not(.map-table-row-selected) .map-table-row-btn:focus,.map-table tbody tr:not(.map-table-row-selected) .map-table-row-btn:focus-visible{background:transparent!important;outline:none}.map-table-row-selected .map-table-row-btn,.map-table-row-selected .map-table-row-btn:hover,.map-table-row-selected .map-table-row-btn:active,.map-table-row-selected .map-table-row-btn:focus,.map-table-row-selected .map-table-row-btn:focus-visible{background:var(--color-parchment-dark)!important}.map-table tbody tr:last-child td{border-bottom:none}.map-table-row-selected{background:var(--color-parchment-dark)!important}.map-bounds-info{margin-top:8px;padding:4px 0;font-size:12px;color:var(--color-text-faint);display:flex;flex-wrap:wrap;gap:12px 16px}.map-garrison-card{display:flex;flex-direction:column;gap:10px;padding:10px 12px;border-radius:var(--radius);border:1px solid var(--color-wood)}.map-garrison-card__row{display:flex;align-items:center;justify-content:space-between;gap:10px;min-width:0}.map-garrison-out{background:#2b18100a}.map-garrison-in{background:var(--color-warning-bg);border-color:var(--color-warning-border)}.map-garrison-info{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.map-garrison-name{font-weight:600;font-size:14px;color:var(--color-text);display:inline-flex;align-items:center;gap:6px;min-width:0;overflow:hidden}.map-garrison-name .map-owner-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.map-garrison-meta{font-size:12px;color:var(--color-text-muted)}.map-garrison-units{display:flex;flex-wrap:wrap;gap:6px 10px;font-size:13px;color:var(--color-text-muted)}.map-garrison-unit{padding:3px 6px;background:#2b18100f;border-radius:4px;border:1px solid var(--color-parchment-dark);font-size:12px;color:var(--color-text-muted);white-space:nowrap}.map-garrisons-section-title{margin:0 0 8px;font-size:14px;font-weight:600;color:var(--color-text)}.map-garrison-list{display:flex;flex-direction:column;gap:8px}.map-btn-recall{flex-shrink:0;font-size:13px;font-weight:600;background:var(--color-wood-dark);color:var(--color-parchment-light);border-color:var(--color-wood-dark);min-height:36px;padding:6px 14px}.map-btn-recall:hover:not(:disabled){background:var(--color-wood)}.map-btn-cancel-inline{flex-shrink:0;width:28px;height:28px;padding:0;font-size:18px;line-height:1;border-radius:var(--radius-sm)}.map-card-actions{display:flex;gap:8px;margin-top:12px;flex-wrap:wrap}.map-controls{margin-top:0}.map-village-header{display:flex;flex-direction:column;gap:4px}.map-btn-primary{background:var(--color-wood-dark);color:var(--color-parchment-light);border-color:var(--color-wood-dark)}.map-btn-primary:hover:not(:disabled){background:var(--color-wood)}.map-table-header{display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:8px 16px;margin-top:16px;margin-bottom:12px}.map-table-title{margin:0}.map-table-header .map-bounds-info{margin:0;padding:0}.map-garrisons-content{display:flex;flex-direction:column;gap:16px}.alliance-header,.alliance-tabs,.alliance-content{background:var(--color-parchment-light);border:1px solid var(--color-wood)}.alliance-header{padding:14px 16px;margin-bottom:12px;border-radius:10px}.alliance-tabs{display:flex;gap:4px;margin-bottom:12px;padding:4px;border-radius:10px}.alliance-tab{flex:1;padding:10px 8px;font-size:13px;border:none;background:transparent;border-radius:var(--radius);cursor:pointer;color:var(--color-text-muted)}.alliance-tab--active{background:var(--color-wood-dark);color:var(--color-parchment-light)}.alliance-content{flex:1;overflow-y:auto;min-height:0;border-radius:10px}.alliance-card,.alliance-member-card{background:var(--color-parchment-light);border:1px solid var(--color-wood);border-radius:10px;box-shadow:var(--shadow-sm)}.alliance-card-tag,.alliance-header-tag{font-weight:700;color:var(--color-text)}.alliance-btn-join,.alliance-chat-send{background:var(--color-wood-dark);color:var(--color-parchment-light);border-color:var(--color-wood-dark)}.alliance-btn-join:hover:not(:disabled),.alliance-chat-send:hover:not(:disabled){background:var(--color-wood)}.alliance-btn-leave{background:var(--color-danger-text);color:var(--color-parchment-light);border-color:var(--color-danger-text)}.alliance-chat-msg{background:var(--color-parchment);border-radius:var(--radius)}.alliance-chat{display:flex;flex-direction:column;height:100%;min-height:120px;position:relative}.alliance-chat-messages{flex:1;overflow-y:auto;padding:12px;min-height:80px;display:flex;flex-direction:column;gap:8px}.alliance-chat-empty{text-align:center;padding:32px 16px;color:var(--color-text-faint);font-size:14px}.alliance-chat-msg{margin-bottom:12px;padding:8px 10px;background:var(--color-parchment);border-radius:var(--radius);border:1px solid var(--color-wood)}.alliance-chat-msg-header{display:flex;justify-content:space-between;font-size:12px;color:var(--color-text-muted);margin-bottom:4px;gap:8px;min-width:0}.alliance-chat-msg-header strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.alliance-chat-msg-meta{display:flex;align-items:center;gap:6px;flex-shrink:0;white-space:nowrap}.alliance-chat-msg-text{font-size:14px;word-break:break-word}.alliance-chat-form{display:flex;align-items:center;gap:8px;padding:12px;border-top:1px solid var(--color-parchment-dark);background:var(--color-parchment-light);flex-shrink:0}.alliance-chat-input{flex:1;min-width:0;min-height:40px;padding:8px 12px;font-size:15px;box-sizing:border-box;border:1px solid var(--color-wood);border-radius:var(--radius);background:var(--color-parchment-light)}.alliance-chat-send{min-height:40px;padding:8px 14px;font-size:14px;flex-shrink:0;border-radius:var(--radius);border:1px solid var(--color-wood-dark);cursor:pointer}.alliance-chat-msg--own{align-self:flex-end;max-width:85%;background:var(--color-wood);color:var(--color-parchment-light);border-color:var(--color-wood-dark)}.alliance-chat-msg--theirs{align-self:flex-start;max-width:85%}.pm-chat-wrap .alliance-chat-messages{padding:16px;gap:10px}.pm-chat-wrap .alliance-chat-msg{margin-bottom:0;padding:10px 12px;border-radius:14px;max-width:80%}.pm-chat-wrap .alliance-chat-msg-header{margin-bottom:4px;font-size:12px}.pm-chat-wrap .alliance-chat-msg--theirs{align-self:flex-start;background:#ebe6df;border:1px solid #d9d2c8;color:var(--color-text)}.pm-chat-wrap .alliance-chat-msg--theirs .alliance-chat-msg-header{color:var(--color-text-muted)}.pm-chat-wrap .alliance-chat-msg--own{align-self:flex-end;background:var(--color-parchment);color:var(--color-text);border:1px solid var(--color-parchment-dark)}.pm-chat-wrap .alliance-chat-msg--own .alliance-chat-msg-header{color:var(--color-text-muted)}.market-sell-card,.market-offer-card{background:var(--color-parchment-light);border:1px solid var(--color-wood);border-radius:10px;box-shadow:var(--shadow-sm)}.market-offer-own{background:var(--color-success-bg);border-color:var(--color-success-border)}.market-btn-submit,.market-btn-buy{background:var(--color-wood-dark);color:var(--color-parchment-light);border-color:var(--color-wood-dark)}.market-btn-submit:hover:not(:disabled),.market-btn-buy:hover:not(:disabled){background:var(--color-wood)}.market-btn-cancel{background:var(--color-success-text);color:var(--color-parchment-light);border-color:var(--color-success-text)}.market-btn-cancel:hover:not(:disabled){background:var(--color-success-border)}.units-section{margin-top:16px;display:flex;flex-direction:column;gap:24px}.units-card,.units-training-card,.units-train-unit-card{background:var(--color-parchment-light);border:1px solid var(--color-wood);border-radius:var(--radius)}.units-train-unit-card--selected{border-color:var(--color-gold);background:var(--color-parchment);box-shadow:0 2px 6px #b8860b33}.units-train-btn{background:var(--color-wood-dark);color:var(--color-parchment-light);border-color:var(--color-wood-dark)}.units-train-btn:hover:not(:disabled){background:var(--color-wood)}.error-boundary{padding:24px;max-width:480px;margin:0 auto;font-family:var(--font-body);color:var(--color-text);background:var(--color-parchment-light);min-height:100vh;border:1px solid var(--color-wood)}.error-boundary h2{color:var(--color-danger-text)}.error-boundary pre{background:var(--color-parchment);border-radius:var(--radius)}