:root{font-family:Space Grotesk,Segoe UI,sans-serif;color:#f4f8ff;background:#060b12}*{box-sizing:border-box}html,body,#root{margin:0;width:100%;height:100%}body{overflow:hidden}.app-shell{position:relative;width:100%;height:100%;background:radial-gradient(circle at 20% 15%,rgba(58,114,176,.3),transparent 35%),radial-gradient(circle at 80% 90%,rgba(36,88,53,.35),transparent 40%),#060b12}.mobile-desktop-notice{position:absolute;top:14px;left:14px;right:14px;z-index:45;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px;border-radius:12px;border:1px solid rgba(255,196,129,.45);background:#381f08eb;box-shadow:0 16px 30px #00000059}.mobile-desktop-notice strong,.mobile-desktop-notice p{margin:0}.mobile-desktop-notice p{font-size:.84rem;color:#ffead3eb}.mobile-desktop-notice button{width:auto;margin-top:0;padding:7px 10px;font-size:.8rem}canvas{width:100%;height:100%;display:block;cursor:grab}canvas:active{cursor:grabbing}.seasonal-world-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:40;pointer-events:none;display:flex;align-items:center;justify-content:center;padding:24px}.seasonal-world-overlay-card{max-width:520px;text-align:center;border-radius:14px;border:1px solid rgba(255,196,129,.52);background:#2c1906d6;box-shadow:0 24px 42px #00000073;padding:18px 20px}.seasonal-world-overlay-card h2{margin:0;font-size:1.3rem;color:#ffdca1}.seasonal-world-overlay-card p{margin:8px 0 0;color:#ffe8c9eb}.hud{position:absolute;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#080d16bd;border:1px solid rgba(177,200,231,.24);border-radius:12px;padding:12px;box-shadow:0 16px 32px #00000040}.hud h1,.hud h2,.hud p{margin:0}.hud-top-left{top:14px;left:14px;width:320px;z-index:60}.hud-top-right{top:14px;right:14px;min-width:250px;max-width:340px;z-index:120}.hud-title-group p{color:#e8f1ffbf;margin-top:4px}.world-switcher{position:relative;margin-top:6px}.world-switcher-button{width:auto;margin-top:0;padding:6px 10px;border-radius:8px;border:1px solid rgba(177,200,231,.35);background:#0a192ccc;color:#d8eaff;font-size:.86rem;font-weight:700}.world-switcher-button:hover{background:#112640eb}.world-switcher-menu{position:absolute;top:calc(100% + 6px);left:0;z-index:80;min-width:180px;padding:6px;border-radius:10px;border:1px solid rgba(177,200,231,.25);background:#080d16f5;box-shadow:0 14px 28px #00000059;display:grid;gap:6px}.world-switcher-item{width:100%;margin-top:0;padding:7px 9px;border-radius:8px;border:1px solid transparent;background:#10233aeb;color:#e7f2ff;font-size:.83rem;text-align:left}.world-switcher-item:hover{background:#173453fa}.world-switcher-item.is-active{border-color:#f6bf3bbf;background:#2d4317e6}.hud-auth{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:3px;font-size:.85rem;color:#e6f2ffc7}.hud-auth-toprow{width:100%;display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:4px}.battle-notification-bell{position:relative;width:auto;margin-top:0;padding:4px 8px;border-radius:10px;border:1px solid rgba(177,200,231,.38);background:#0a192cd1;color:#eaf3ff;font-size:1.02rem;line-height:1}.battle-notification-bell:hover{background:#112640eb}.battle-notification-badge{position:absolute;top:-7px;right:-8px;min-width:18px;height:18px;padding:0 4px;border-radius:999px;background:#ff5b70;color:#fff;font-size:.7rem;font-weight:800;display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.45)}.battle-notification-panel{position:absolute;top:calc(100% + 6px);right:0;width:min(360px,72vw);max-height:380px;overflow:auto;border-radius:10px;border:1px solid rgba(177,200,231,.3);background:#080d16f7;box-shadow:0 16px 30px #00000059;padding:8px;z-index:85}.battle-notification-title{margin:0 0 6px;font-size:.84rem;color:#e9f4ffdb;font-weight:700}.battle-notification-empty{margin:0;color:#dce8f7bd;font-size:.79rem}.battle-notification-list{display:grid;gap:6px}.battle-notification-item{position:relative;border-radius:8px;border:1px solid rgba(177,200,231,.22);background:#0e1624cc;padding:7px 28px 7px 8px}.battle-notification-item.is-unread{border-color:#66e0ab94;background:#11231dd1}.battle-notification-item strong{display:block;font-size:.79rem;color:#eff7ff}.battle-notification-item p{margin-top:4px;font-size:.76rem;color:#d8e7f8d6}.battle-notification-item span{display:block;margin-top:4px;font-size:.68rem;color:#b8c9dcb8}.battle-notification-delete{position:absolute;top:5px;right:5px;width:18px;height:18px;padding:0;margin:0;border-radius:6px;border:1px solid rgba(177,200,231,.4);background:#0a182adb;color:#e9f3ffeb;font-size:.82rem;line-height:1}.battle-notification-delete:hover:not(:disabled){background:#263e5beb}.auth-action{margin-top:6px;width:auto;min-width:150px;padding:7px 12px;font-size:.82rem}.auth-help-action{min-width:100px}.hud-left{top:168px;left:14px;width:220px}.hud-left.is-hidden-for-tile-view,.hud-top-left.is-hidden-for-tile-view,.hud-top-right.is-hidden-for-tile-view{display:none}.stockpile-trade-button{margin-top:0;margin-bottom:8px;width:100%}.hud-right{top:244px;right:14px;width:280px}.hud-bottom{left:14px;right:14px;bottom:14px;font-size:.9rem}.hud ul{list-style:none;margin:10px 0;padding:0;display:grid;gap:7px}.hud li{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:.9rem}.stock-full-value{color:#ff6f6f}button{width:100%;margin-top:8px;border:0;border-radius:10px;padding:9px 11px;font-weight:700;background:#f6bf3b;color:#1c1100;cursor:pointer}button:hover{background:#ffd86c}@media(max-width:920px){.hud-top-left,.hud-top-right{left:14px;right:14px;width:auto;max-width:none;min-width:0}.hud-top-right{top:92px}.hud-left,.hud-right{width:calc(50% - 20px);top:auto;bottom:66px}.hud-left{left:14px}.hud-right{right:14px}.hud-bottom{font-size:.8rem}}.tile-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#02050af7;display:flex;align-items:stretch;justify-content:stretch;padding:0;z-index:20;overflow:hidden}.tile-scene{width:100%;height:100vh;min-height:0;max-height:100vh;border-radius:0;border:none;box-shadow:none;padding:0;display:flex;flex-direction:column;gap:0;overflow:hidden;position:relative}.tile-scene-head{display:flex;align-items:center;gap:16px;padding:10px 20px;background:#040810eb;border-bottom:1px solid rgba(255,255,255,.08);flex-shrink:0;min-height:52px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.tile-scene-head-info{display:flex;flex-direction:column;gap:1px;min-width:0}.tile-scene-head-info h2{margin:0;font-size:1rem;font-weight:700;letter-spacing:.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tile-scene-head-info p{margin:0;font-size:.75rem;color:#b4d2ffa6}.tile-scene-rule-inline{margin:0;font-size:.76rem;color:#b4d2ff80;flex:1;text-align:center}.tile-head-close-btn{width:32px;height:32px;margin:0;padding:0;border-radius:8px;border:1px solid rgba(255,255,255,.14);background:#ffffff0f;color:#dcebffcc;font-size:1rem;line-height:1;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .15s,border-color .15s}.tile-head-close-btn:hover{background:#ff50502e;border-color:#ff646461;color:#faa}.tile-scene-head-actions{margin-left:auto;display:flex;align-items:center;gap:8px}.tile-scene-head-button{width:auto;height:32px;margin:0;padding:0 9px;border-radius:8px;border:1px solid rgba(255,255,255,.12);background:#0a121e99;color:#c8e1ffbd;font-size:.72rem;font-weight:500;letter-spacing:0;line-height:1;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:background .15s,color .15s,border-color .15s;white-space:nowrap;flex:0 0 auto}.tile-scene-head-button:hover{background:#16263cc7;border-color:#78b4ff33;color:#d6e8ffe6}.tile-scene-nav{width:36px;height:32px;margin:0;padding:0;border-radius:8px;border:1px solid rgba(255,255,255,.12);background:#0a121ec7;color:#c8e1ffbf;font-size:1.2rem;line-height:1;display:flex;align-items:center;justify-content:center;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:background .15s,color .15s,border-color .15s}.tile-scene-nav:disabled{opacity:.22;cursor:default}.tile-scene-nav:not(:disabled):hover{background:#1e3c64d9;border-color:#78b4ff59;color:#b4dcfff2}.tile-scene-nav-prev{left:auto}.tile-scene-nav-next{right:auto}.tile-scene-head h2,.tile-scene-head p,.tile-scene h3{margin:0}.tile-scene-flavor{margin:0;color:#f5faffdb}.tile-scene-rule{margin:0;font-size:.9rem;color:#e6f0ffcc;padding:0 20px}.tile-under-attack-banner{margin:0;border-radius:0;border:none;border-bottom:1px solid rgba(248,113,113,.4);background:#441414e6;color:#ffe5e5;padding:6px 20px;font-size:.82rem;flex-shrink:0;text-align:center}.tile-workspace{--tile-side-rail-width: 260px;position:relative;display:grid;gap:0;flex:1;min-height:0;grid-template-columns:var(--tile-side-rail-width) minmax(0,1fr) var(--tile-side-rail-width);align-items:stretch;overflow:hidden}.tile-workspace.is-readonly{grid-template-columns:var(--tile-side-rail-width) minmax(0,1fr) var(--tile-side-rail-width)}.tile-under-attack-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:25;background:#04080ea8;border-radius:14px;display:flex;align-items:center;justify-content:center;padding:18px}.tile-under-attack-card{max-width:460px;border-radius:12px;border:1px solid rgba(248,113,113,.56);background:#341010eb;box-shadow:0 14px 24px #00000059;padding:12px 14px;text-align:center}.tile-under-attack-card strong{display:block;font-size:.95rem;color:#ffd1d1}.tile-under-attack-card p{margin-top:6px;color:#ffe7e7eb;font-size:.84rem}.tile-left-rail{display:grid;gap:10px;align-content:start;padding:14px 12px;overflow-y:auto;border-right:1px solid rgba(255,255,255,.07);background:#04081099;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.tile-city-summary{border-radius:12px;border:1px solid rgba(255,255,255,.2);background:#070e168a;padding:12px;display:grid;gap:12px}.tile-city-summary div{display:grid;gap:2px}.tile-city-summary-head{padding-bottom:10px;border-bottom:1px solid rgba(255,255,255,.08)}.tile-city-summary-section{gap:8px}.tile-city-summary strong{font-size:.82rem;color:#f2f9fff0}.tile-city-summary span{font-size:.78rem;color:#e5f1ffd1}.tile-intel-actions{display:grid;gap:10px}.tile-intel-actions-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.tile-intel-grid{width:100%;display:grid;grid-template-columns:minmax(0,1fr);gap:10px}.tile-intel-column{display:grid;align-content:start;gap:8px;padding:10px;border-radius:10px;border:1px solid rgba(255,255,255,.08);background:#ffffff08}.tile-intel-card-head{display:flex;align-items:baseline;justify-content:space-between;gap:10px}.tile-intel-card-head strong{font-size:.8rem;letter-spacing:.03em}.tile-intel-card-head span{font-size:.72rem;text-transform:uppercase;letter-spacing:.06em;color:#7ee684cc}.tile-intel-card-copy{color:#dde9f4bd!important;line-height:1.35}.tile-intel-attack-button{width:auto;border-radius:999px;padding:6px 12px;font-size:.74rem;line-height:1.1;font-weight:800;background:#d74646;color:#fff4f4;border:1px solid rgba(255,203,203,.92);box-shadow:0 0 0 2px #d7464647 inset}.tile-intel-attack-button:hover{background:#e25757}.tile-intel-result{display:grid;align-content:start;gap:4px;padding:10px;border-radius:8px;border:1px solid rgba(103,216,111,.3);background:#67d86f14;font-size:.82rem;width:100%;height:100%}.tile-intel-result strong{font-size:.78rem;text-transform:uppercase;letter-spacing:.04em;color:#67d86fe6}.tile-intel-result span{color:#d2e6d2e6}.tile-intel-map-note{font-style:italic;color:#67d86f99!important;font-size:.75rem}.tile-intel-action-button{width:100%;justify-self:stretch;border-radius:999px;padding:8px 12px;font-size:.74rem;line-height:1.1;font-weight:800;background:#67d86f;color:#07280b;border:1px solid rgba(103,216,111,.95);box-shadow:0 0 0 2px #67d86f47 inset}.tile-intel-action-button:hover{background:#75e27d}.tile-intel-action-button:disabled{background:#222730b8;border-color:#919dae4d;color:#c4cddab8}.tile-intel-message{width:100%;font-size:.76rem;color:#ecc897eb;line-height:1.35}@media(max-width:900px){.tile-intel-actions-head{align-items:stretch;flex-direction:column}.tile-intel-attack-button{width:100%}}@media(max-width:1100px){.tile-workspace{--tile-side-rail-width: 200px}.tile-scene-rule-inline{display:none}}@media(max-width:860px){.tile-workspace{grid-template-columns:minmax(0,1fr);overflow-y:auto}.tile-workspace.is-readonly{grid-template-columns:minmax(0,1fr)}.tile-left-rail,.tile-right-panel{border:none;border-bottom:1px solid rgba(255,255,255,.07)}.tile-mini-map-grid-wrap{width:min(100%,calc(100vw - 32px))}}.tile-worker-mode-row{display:flex;flex-wrap:wrap;gap:6px}.tile-worker-mode-option{display:inline-flex;align-items:center;gap:4px;justify-self:start;width:fit-content;max-width:max-content;flex:0 0 auto;font-size:.72rem;color:#e5f1ffdb;padding:1px 4px;border:1px solid rgba(255,255,255,.22);border-radius:10px;background:#0c141f59;cursor:pointer}.tile-worker-mode-option input{margin:0;width:11px;height:11px}.tile-worker-mode-option.is-active{border-color:#a5d9ffa6;background:#76b5e42e}.tile-right-panel{display:flex;flex-direction:column;gap:10px;align-items:stretch;padding:14px 12px;overflow-y:auto;border-left:1px solid rgba(255,255,255,.07);background:#04081099;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.tile-top-info-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.tile-top-info-card{border-radius:12px;border:1px solid rgba(255,255,255,.2);background:#070e1694;padding:10px;display:grid;gap:7px;align-content:start}.tile-top-info-card>strong{font-size:.82rem;color:#f2f9fff2;letter-spacing:.02em}.tile-top-info-list{display:grid;gap:4px}.tile-top-info-list span{display:flex;justify-content:space-between;gap:10px;font-size:.78rem;color:#e5f1ffd6}.tile-top-info-list strong{color:#f4fafff7}.tile-top-info-foot{font-size:.72rem;color:#cdddefc7}.tile-stock-rail{border-radius:12px;border:1px solid rgba(255,255,255,.22);background:#00000047;padding:12px;align-content:start}.tile-stock-rail ul{list-style:none;margin:10px 0;padding:0;display:grid;gap:7px}.tile-stock-rail li{display:flex;justify-content:space-between;gap:12px;font-size:.9rem}.tile-stock-rail p{margin:0;font-size:.82rem;color:#e6f1ffd1}.tile-stock-rates{margin-top:6px;border-top:1px solid rgba(255,255,255,.16);padding-top:8px;display:grid;gap:8px}.tile-stock-rates ul{list-style:none;margin:0;padding:0;display:grid;gap:6px}.tile-stock-rates li{display:flex;justify-content:space-between;gap:12px;font-size:.86rem}.tile-stock-rates li.tile-stock-rate-subitem span{padding-left:12px}.tile-build-menu{border-radius:12px;border:1px solid rgba(255,255,255,.22);background:#00000047;padding:12px;display:grid;gap:10px;align-content:start}.tile-build-menu-title{margin:0;font-size:.85rem;text-transform:uppercase;letter-spacing:.08em;color:#f4fbffd6}.tile-mode-switch{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.tile-mode-switch button{margin-top:0;width:auto;padding:8px 10px;font-size:.8rem;background:#0b1623b3;color:#ecf5fff5;border:1px solid rgba(170,200,236,.24)}.tile-mode-switch button.is-active{background:#67d86fe6;color:#07280b;border-color:#67d86f}.tile-mode-switch button.inspect-tool{background:#61b1e7e0;border-color:#b4dffbb3;color:#061a29}.tile-mode-switch button.erase-tool{background:#d65f5fe6;border-color:#ffa2a2b3;color:#fff7f7}.tile-build-catalog{display:grid;grid-template-columns:1fr;gap:8px;overflow-y:auto;padding-right:2px}.tile-build-catalog.is-hidden{display:none}.tile-build-card{margin-top:0;width:100%;border-radius:10px;padding:9px;background:#091320bd;border:1px solid rgba(170,200,236,.28);display:grid;gap:2px;text-align:left}.tile-build-card strong{font-size:.84rem;color:#f2f8fffa}.tile-build-card span{font-size:.75rem;color:#ddebfcd1}.tile-build-card.is-selected{border-color:#ffe694eb;box-shadow:0 0 0 1px #ffe69475 inset}.tile-build-card.is-affordable{background:linear-gradient(135deg,#0a1e12c7,#091320bd)}.tile-build-card.is-unaffordable{background:linear-gradient(135deg,#24272dcc,#161a21d1);border-color:#a4adbd57}.tile-build-card.is-unaffordable strong,.tile-build-card.is-unaffordable span{color:#d3dce9bd}.tile-build-tool-hint{margin:0;font-size:.82rem;color:#e4eefcdb}.tile-build-tool-hint span{display:block}.tile-build-readonly{margin:0;font-size:.82rem;color:#ffd8b4f2}.tile-sync-warning{border-radius:10px;border:1px solid rgba(255,186,121,.52);background:#402c1385;padding:8px;display:grid;gap:7px}.tile-sync-warning span{font-size:.8rem;color:#ffe1c0f2}.tile-sync-warning button{margin-top:0;width:auto;justify-self:start;padding:6px 9px;font-size:.78rem;background:#ffd88deb;color:#1f1405}.tile-mini-map-frame{border-radius:12px;border:1px solid rgba(255,255,255,.15);padding:8px;position:relative;overflow:hidden;background-color:#050b1275}.tile-map-panel{--tile-map-content-width: min(100%, calc(100vh - 96px) );display:flex;flex-direction:column;gap:10px;align-items:center;padding:14px;overflow-y:auto;min-height:0}.tile-map-panel>.tile-mini-map-frame,.tile-map-panel>.tile-map-stats-block{width:var(--tile-map-content-width)}.tile-map-stats-block{border-radius:12px;border:1px solid rgba(255,255,255,.2);background:#070e168f;padding:10px;display:grid;gap:10px}.tile-map-stats-card{display:grid;gap:4px}.tile-map-stats-card strong{font-size:.82rem;color:#f2f9fff2}.tile-map-stats-card span{font-size:.8rem;color:#e5f1ffd6}.tile-mini-map-grid-wrap{position:relative;z-index:1;width:min(100%,calc(100vh - 96px));margin:0 auto}.tile-mini-map-frame:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-size:cover;background-position:center;background-repeat:no-repeat;opacity:.88}.tile-mini-map-frame:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(#080c1033,#080c1033);pointer-events:none}.tile-mini-map-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-template-rows:repeat(12,minmax(0,1fr));grid-auto-rows:minmax(0,1fr);gap:0;aspect-ratio:1 / 1;width:100%}.tile-mini-cell{border:1px solid transparent;border-radius:0;margin-top:0;padding:0;width:100%;height:100%;min-height:0;aspect-ratio:1 / 1;background:#0a131c14;position:relative;overflow:hidden}.tile-mini-cell:hover{border-color:#a5d9ffbf;box-shadow:0 0 0 1px #a5d9ff52 inset,0 0 0 1px #a5d9ff52}.tile-mini-cell.has-placement{border-color:#ffffff6b;box-shadow:0 0 0 1px #050a0f59 inset}.tile-mini-cell.is-wall-placement,.tile-mini-cell.is-wall-placement:hover{border-color:transparent;box-shadow:none}.tile-mini-cell.is-selected{border-color:#ffe694eb;box-shadow:0 0 0 1px #ffe694b3,0 0 0 2px #151a23bf inset}.tile-mini-cell.is-move-source{border-color:#71d6fff2;box-shadow:0 0 0 1px #71d6ffdb,0 0 0 2px #111d29cc inset}.tile-mini-cell-label{position:absolute;left:3px;bottom:2px;font-size:.58rem;color:#f3fafffa;text-shadow:0 1px 2px rgba(0,0,0,.64);pointer-events:none}.tile-mini-alert-badge{position:absolute;left:2px;top:2px;min-width:14px;height:14px;border-radius:999px;background:#d74040f5;border:1px solid rgba(255,196,196,.95);color:#fff;font-size:.64rem;line-height:12px;text-align:center;font-weight:800;padding:0 2px;pointer-events:none;box-shadow:0 0 0 1px #3a0b0bbd,0 0 8px #d7404080}.tile-mini-alert-badge.has-upgrade{top:18px}.tile-mini-upgrade-badge{position:absolute;left:2px;top:2px;min-width:14px;height:14px;border-radius:999px;background:#44b65cf5;border:1px solid rgba(220,255,227,.95);color:#fff;font-size:.66rem;line-height:12px;text-align:center;font-weight:800;padding:0 2px;pointer-events:none;box-shadow:0 0 0 1px #103116bd,0 0 8px #48c35e8c}.tile-mini-worker-badge{position:absolute;right:2px;top:2px;min-width:14px;height:14px;border-radius:999px;background:#111a27d6;border:1px solid rgba(235,244,255,.7);color:#f4fbfffa;font-size:.62rem;line-height:12px;text-align:center;font-weight:700;padding:0 2px;pointer-events:none}.tile-mini-troop-sprite{position:absolute;left:18px;top:2px;width:11px;height:11px;border-radius:999px;border:1px solid rgba(238,246,255,.92);box-shadow:0 0 0 1px #141c27c7,0 0 10px #41afff9e;pointer-events:none}.tile-mini-troop-sprite.is-melee{background:#50c45cf2}.tile-mini-troop-sprite.is-ranged{background:#4c9cfff5}.tile-mini-troop-sprite.is-heavy{background:#12181ffa}.tile-mini-map-grid.show-grid .tile-mini-cell{border-color:#f8fdff2e}.tile-worker-layer,.tile-troop-layer{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.tile-worker-dot{position:absolute;width:7px;height:7px;margin-left:-3.5px;margin-top:-3.5px;border-radius:50%;background:#fff49cf5;box-shadow:0 0 0 1px #283140cc,0 0 10px #fff49cad;animation:tile-worker-route var(--route-duration, 3.2s) ease-in-out infinite alternate;animation-delay:var(--route-delay, 0s)}.tile-worker-dot.is-starving{background:#ff6868f5;box-shadow:0 0 0 1px #3d0e0ee0,0 0 10px #ff6868bf}.tile-troop-dot{position:absolute;width:8px;height:8px;margin-left:-4px;margin-top:-4px;border-radius:999px;border:1px solid rgba(237,245,255,.9);box-shadow:0 0 0 1px #131c29bf;animation:tile-worker-route var(--route-duration, 5s) ease-in-out infinite alternate;animation-delay:var(--route-delay, 0s);opacity:.92}.tile-troop-dot.is-melee{background:#50c45cf2;box-shadow:0 0 0 1px #152d16d1,0 0 10px #50c45c99}.tile-troop-dot.is-ranged{background:#4c9cfff5;box-shadow:0 0 0 1px #132437d1,0 0 10px #4c9cff9e}.tile-troop-dot.is-heavy{background:#10141afa;box-shadow:0 0 0 1px #dbe6f48c,0 0 9px #95a6be7a}@keyframes tile-worker-route{0%{left:var(--route-start-x, 50%);top:var(--route-start-y, 50%)}to{left:var(--route-end-x, 50%);top:var(--route-end-y, 50%)}}.tile-mini-map-frame.tile-scene-forest:before{background-image:url(/assets/maps/tile-scenes/Forest.png)}.tile-mini-map-frame.tile-scene-oil:before{background-image:url(/assets/maps/tile-scenes/Oil.png)}.tile-mini-map-frame.tile-scene-gold:before{background-image:url(/assets/maps/tile-scenes/Gold.png)}.tile-mini-map-frame.tile-scene-stone:before{background-image:url(/assets/maps/tile-scenes/Stone.png)}.tile-mini-map-frame.tile-scene-farmland:before{background-image:url(/assets/maps/tile-scenes/Farm.png)}.tile-mini-map-frame.tile-scene-water:before{background-image:url(/assets/maps/tile-scenes/Water.png)}.tile-scene-grid{margin-top:4px;display:grid;grid-template-columns:1fr 1fr;gap:12px}.tile-scene-card{border-radius:12px;background:#00000047;border:1px solid rgba(255,255,255,.18);padding:12px;display:grid;gap:8px}.tile-detail-card{gap:10px}.tile-inline-inspector{border-radius:10px;border:1px solid rgba(159,190,226,.28);background:#08111c8f;padding:10px;display:grid;gap:8px}.tile-detail-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.tile-detail-head h3,.tile-detail-head span{margin:0}.tile-detail-head span{font-size:.8rem;color:#e6f1ffd6}.tile-detail-description{margin:0;font-size:.86rem;color:#e6f0ffe0}.tile-detail-grid{display:grid;gap:4px;font-size:.84rem;color:#e6f1ffe0}.tile-detail-emphasis{font-weight:700;color:#f4f8fffa}.tile-detail-danger{color:#ff8f8f;font-weight:600}.tile-city-summary span.tile-detail-danger{color:#ff8f8f}.tile-worker-adjust-row{display:grid;grid-template-columns:1fr auto auto;gap:6px;align-items:center}.tile-worker-adjust-row button{margin-top:0;min-width:30px;padding:3px 8px}.tile-detail-actions{display:flex;flex-wrap:wrap;gap:8px}.tile-detail-actions button{width:auto;margin-top:0;padding:7px 10px;font-size:.8rem}.tile-detail-action-cost{width:100%;font-size:.8rem;color:#e6ebf5eb}.barracks-action-stack{display:grid;gap:8px;width:100%}.barracks-action-stack>button{width:100%}.barracks-action-row{display:grid;grid-template-columns:1fr 1fr;gap:8px}.barracks-unit-grid{display:grid;grid-template-columns:1fr;gap:8px}.barracks-unit-card{display:grid;gap:6px;padding:8px;border:1px solid rgba(255,255,255,.16);border-radius:10px;background:#0c141f59}.barracks-unit-meta{font-size:.74rem;color:#e0ecfdd1}.tile-collapsible-card{align-content:start}.tile-card-toggle{margin-top:0;width:100%;border-radius:10px;border:1px solid rgba(255,255,255,.24);background:#0e1824b8;color:#f1f8fff2;padding:8px 10px;display:flex;align-items:center;justify-content:space-between;font-size:.86rem}.tile-card-content{display:grid;gap:8px}.tile-collapsed-note{margin:0;font-size:.82rem;color:#e6f1ffb8}.tile-slot-row{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:.9rem}.tile-slot-meta{display:grid;gap:2px}.tile-slot-meta span{font-size:.82rem;color:#e4eefcc7}.tile-slot-meta .tile-slot-req{color:#f6d170f2}.tile-slot-row button{width:auto;margin-top:0;padding:6px 10px;font-size:.82rem;background:#ffffff29;color:#e7f1ff}.tile-slot-row button.build-button-affordable,.tile-slot-row button.build-button-affordable:hover,.tile-slot-row button.build-button-affordable:focus,.tile-slot-row button.build-button-affordable:active{background:#67d86f;color:#07280b;box-shadow:0 0 0 2px #67d86f47 inset}button.build-button-affordable,button.build-button-affordable:hover,button.build-button-affordable:focus,button.build-button-affordable:active{background:#67d86f;color:#07280b;box-shadow:0 0 0 2px #67d86f47 inset}button.action-button-unavailable,button.action-button-unavailable:hover,button.action-button-unavailable:focus,button.action-button-unavailable:active{background:#7a849280;color:#e7eff9eb;border-color:#b1bed17a;box-shadow:none}.tile-slot-row button:disabled{opacity:.9;cursor:not-allowed}.commander-picker{margin-top:6px;display:grid;gap:6px}.commander-picker p{margin:0;font-size:.82rem;color:#e4eefcc7}.commander-picker button{display:grid;gap:2px;text-align:left;margin-top:0;padding:7px 9px;font-size:.82rem}.commander-picker button span{color:#e4eefcc2;font-size:.76rem}.commander-option{border:1px solid rgba(168,189,225,.22);border-radius:8px;padding:6px;background:#0a122042}.commander-option.is-selected{border-color:#67d86fbf;box-shadow:0 0 0 1px #67d86f40 inset}.commander-option-details{margin-top:6px;display:grid;gap:4px;font-size:.78rem}.commander-option-details p{margin:0;color:#e4eefcd6}.commander-profile{margin-top:8px;display:grid;gap:4px;font-size:.8rem}.commander-profile-name{margin:0;color:#f4f9ff;font-weight:700}.commander-profile-bio{margin:0;color:#e4eefcdb}.commander-profile-troop{margin:0;color:#e4eefcc7}.tile-commander-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:#050a10ad;display:flex;align-items:center;justify-content:center;padding:14px}.tile-commander-modal{width:min(560px,92vw);max-height:82vh;overflow-y:auto;border-radius:14px;border:1px solid rgba(181,210,241,.32);background:#09111df7;box-shadow:0 24px 44px #00000073;padding:14px;display:grid;gap:10px}.tile-commander-modal h3,.tile-commander-modal p{margin:0}.tile-commander-actions{display:flex;justify-content:flex-end;gap:8px}.tile-commander-actions button{width:auto;margin-top:0;padding:7px 10px;font-size:.82rem}.troop-panel{margin-top:10px;display:grid;gap:8px}.barracks-economy{margin:6px 0 2px;display:grid;gap:2px}.barracks-economy span{font-size:.8rem;color:#e4eefcd6}.troop-panel-title{margin:0;font-weight:700}.troop-panel-rule{margin:0;font-size:.78rem;color:#e4eefcc7}.troop-row{display:flex;align-items:center;justify-content:space-between;gap:10px}.troop-row div{display:grid;gap:2px}.troop-row span{font-size:.78rem;color:#e4eefcc7}.troop-row button{margin-top:0;padding:6px 10px;font-size:.8rem}.username-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:40;background:#04080ecc;display:flex;align-items:center;justify-content:center;padding:16px}.username-card{width:min(460px,94vw);border-radius:14px;border:1px solid rgba(180,212,243,.3);background:#09111df2;box-shadow:0 18px 36px #00000059;padding:16px;display:grid;gap:10px}.username-card h2,.username-card p{margin:0}.username-card input{width:100%;border-radius:10px;border:1px solid rgba(169,199,232,.34);background:#050b12cc;color:#eff7ff;padding:10px;font-size:.95rem}.username-card input:focus{outline:2px solid rgba(120,206,255,.6);outline-offset:1px}.username-status{font-size:.84rem;color:#e2f0ffe6;min-height:1.1rem}.help-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:120;background:#04080ed6;display:flex;align-items:center;justify-content:center;padding:18px}.help-card{width:min(900px,96vw);max-height:90vh;overflow-y:auto;border-radius:14px;border:1px solid rgba(180,212,243,.3);background:#09111df5;box-shadow:0 18px 36px #00000059;padding:16px;display:grid;gap:12px}.help-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.help-head h2{margin:0}.help-close{margin-top:0;width:auto;padding:7px 12px;font-size:.82rem}.help-intro{margin:0;color:#e4f0ffe0;font-size:.9rem}.help-section{border:1px solid rgba(166,197,233,.2);border-radius:10px;background:#050b1273;padding:10px;display:grid;gap:6px}.help-section h3,.help-section p{margin:0}.help-section h3{font-size:.95rem;color:#f3fafff5}.help-section p{font-size:.85rem;color:#e4effdd6}.trade-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:120;background:#04080ed6;display:flex;align-items:center;justify-content:center;padding:18px}.trade-card{width:min(980px,96vw);max-height:90vh;overflow-y:auto;border-radius:14px;border:1px solid rgba(180,212,243,.3);background:#09111df5;box-shadow:0 18px 36px #00000059;padding:16px;display:grid;gap:12px}.trade-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.trade-head h2{margin:0}.trade-close{margin-top:0;width:auto;padding:7px 12px;font-size:.82rem}.trade-intro{margin:0;color:#e4f0ffe0;font-size:.9rem}.trade-stockpile{margin-top:8px;border:1px solid rgba(177,200,231,.25);border-radius:10px;background:#09111db3;padding:8px}.trade-stockpile-toggle{margin-top:0;width:auto;padding:6px 10px;border-radius:8px;border:1px solid rgba(177,200,231,.35);background:#0d1f34d6;color:#deebff;font-size:.82rem}.trade-stockpile ul{margin:8px 0 0;padding:0;list-style:none;display:grid;gap:5px}.trade-stockpile li{display:flex;align-items:center;justify-content:space-between;font-size:.82rem}.trade-stockpile p{margin:8px 0 0;font-size:.78rem;color:#d4e4fad9}.trade-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.trade-tabs{display:flex;gap:8px;flex-wrap:wrap}.trade-tabs button{margin-top:0;width:auto;padding:7px 12px;font-size:.82rem}.trade-tabs button.is-active{background:#67d86fe6;color:#07280b;border-color:#67d86f}.trade-create-button{margin-top:0;width:auto;padding:7px 12px;font-size:.82rem}.trade-create-form{border:1px solid rgba(166,197,233,.2);border-radius:10px;background:#050b1273;padding:12px;display:grid;gap:10px}.trade-create-form h3{margin:0;font-size:.92rem;color:#f3fafff5}.trade-create-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.trade-create-grid label{display:grid;gap:4px;font-size:.8rem;color:#e4effdd6}.trade-create-grid label small{font-size:.72rem;color:#e4effdb8}.trade-create-grid label small.trade-input-error{color:#ff8f8f}.trade-create-grid select,.trade-create-grid input{border-radius:8px;border:1px solid rgba(169,199,232,.34);background:#050b12cc;color:#eff7ff;padding:8px;font-size:.84rem}.trade-create-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.trade-create-actions button{margin-top:0;width:auto;padding:7px 12px;font-size:.82rem}.trade-create-actions span{font-size:.8rem;color:#e4effdd6}.trade-panel{border:1px solid rgba(166,197,233,.2);border-radius:10px;background:#050b1273;padding:12px;display:grid;gap:6px;min-height:180px;align-content:start}.trade-empty-title{margin:0;font-size:.94rem;color:#f3fafff5}.trade-empty-subtitle{margin:0;font-size:.85rem;color:#e4effdd6}.trade-list{display:grid;gap:8px}.trade-filter-row{display:flex;align-items:center;gap:8px}.trade-filter-row label{display:inline-flex;align-items:center;gap:6px;font-size:.8rem;color:#e4effdd6}.trade-filter-row select{border-radius:8px;border:1px solid rgba(169,199,232,.34);background:#050b12cc;color:#eff7ff;padding:6px 8px;font-size:.8rem}.trade-row-card{border:1px solid rgba(166,197,233,.2);border-radius:10px;background:#050b1259;padding:10px;display:grid;gap:6px}.trade-row-card p{margin:0;font-size:.84rem;color:#e4effde6}.trade-row-card button{margin-top:0;width:auto;justify-self:start;padding:6px 10px;font-size:.8rem}.trade-row-head{display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap}.trade-row-head strong{font-size:.84rem}.trade-row-head span{font-size:.76rem;color:#e4effdbd}.rulers-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:35;background:radial-gradient(circle at top,#4c360e40,#04080ee6);display:flex;align-items:center;justify-content:center;padding:18px}.rulers-card{width:min(980px,96vw);max-height:90vh;overflow-y:auto;border-radius:14px;border:1px solid rgba(196,170,114,.34);background:linear-gradient(180deg,#15130cf5,#0a0e18f5);box-shadow:0 18px 36px #00000073;padding:16px;display:grid;gap:12px}.rulers-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.rulers-head h2{margin:0;color:#fae5b0f5}.rulers-close{margin-top:0;width:auto;padding:7px 12px;font-size:.82rem}.rulers-intro{margin:0;font-size:.88rem;color:#e9e0c6d6}.rulers-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.ruler-section{border:1px solid rgba(204,177,119,.24);border-radius:12px;background:#10131b94;padding:12px;display:grid;gap:8px}.ruler-section h3,.ruler-section p{margin:0}.ruler-section h3{font-size:.95rem;color:#f8e4b7f5}.ruler-section ol{margin:0;padding-left:20px;display:grid;gap:6px}.ruler-section li{display:flex;align-items:baseline;justify-content:space-between;gap:10px;font-size:.84rem}.ruler-section li span{color:#e7e0cee0}.ruler-section li strong{color:#f8efd7f2;font-size:.8rem}.ruler-highlight-name{font-size:1.08rem;color:#ffedc4fa;font-weight:700}.ruler-highlight-stat{font-size:.9rem;color:#e5dcc4e0}.ruler-section.king{border-color:#ecbf5873}.ruler-section.baron{border-color:#a0c7ff6b}.help-tip{color:#ffe29af2!important}@media(max-width:920px){.tile-overlay{padding:12px}.tile-scene{min-height:auto;max-height:94vh;overflow:auto}.tile-scene-grid{grid-template-columns:1fr}.tile-build-catalog{max-height:220px;min-height:220px}.tile-city-summary,.tile-top-info-grid,.rulers-grid{grid-template-columns:1fr}}@media(min-width:1100px){.tile-scene{width:min(1380px,96vw)}.tile-workspace{--tile-side-rail-width: 300px}.tile-city-summary{grid-template-columns:1fr}.tile-mini-map-grid-wrap{width:min(900px,100%)}.tile-map-panel{--tile-map-content-width: min(900px, 100%)}.tile-top-info-grid{grid-template-columns:1fr}}.battle-map-page{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;background:radial-gradient(circle at 20% 20%,#1f2937,#0f172a 65%,#020617);overflow:auto;padding:20px}.battle-map-shell{max-width:1180px;margin:0 auto;background:#0f172acc;border:1px solid rgba(148,163,184,.35);border-radius:14px;padding:16px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.battle-map-head{display:flex;justify-content:space-between;align-items:center;gap:14px}.battle-map-head h2{margin:0}.battle-map-head p{margin:4px 0 0;color:#cbd5e1}.battle-map-back{border:1px solid rgba(148,163,184,.45);background:#1e293b;color:#f8fafc}.battle-map-rule{margin:12px 0 14px}.battle-load-error{margin:-4px 0 10px;color:#fecacaf5}.battle-action-message{margin:-4px 0 10px;color:#fde68af5}.battle-map-layout{display:grid;grid-template-columns:minmax(240px,320px) minmax(0,1fr);gap:14px}.battle-map-intel{background:#0f172ad1;border:1px solid rgba(148,163,184,.35);border-radius:10px;padding:12px}.battle-map-intel h3,.battle-map-intel p{margin:0 0 8px}.battle-setup-group{margin:0 0 12px}.battle-score-meter{position:relative;height:10px;border-radius:999px;border:1px solid rgba(148,163,184,.5);background:#0f172acc;overflow:hidden;margin:0 0 12px}.battle-score-meter-fill{display:block;height:100%;width:0;background:linear-gradient(90deg,#22c55ee6,#10b981eb);box-shadow:0 0 8px #10b98173}.battle-objective-list{display:grid;gap:8px;margin-bottom:10px}.battle-objective-item{display:grid;grid-template-columns:18px minmax(0,1fr);gap:8px;align-items:start;border:1px solid rgba(148,163,184,.35);border-radius:8px;background:#0f172ab8;padding:7px 8px}.battle-objective-item.is-complete{border-color:#4ade808f;background:#0b311f94}.battle-objective-icon{font-size:.88rem;line-height:1.1;color:#f1f5f9e6}.battle-objective-item.is-complete .battle-objective-icon{color:#4ade80fa}.battle-objective-text{display:grid;gap:2px}.battle-objective-text strong{font-size:.79rem;color:#f1f5f9f7}.battle-objective-text em{font-style:normal;font-size:.72rem;color:#bfdbfeeb}.battle-setup-button{width:100%;border:1px solid rgba(148,163,184,.45);background:#334155;color:#f8fafc}.battle-selected-army{margin-top:8px!important}.battle-setup-label{margin:0 0 6px!important;font-weight:600}.battle-army-list{margin-top:8px;display:grid;gap:8px;max-height:300px;overflow:auto}.battle-army-card{display:grid;gap:4px;text-align:left;border:1px solid rgba(148,163,184,.35);background:#1e293bf2;color:#f8fafc}.battle-army-card.is-selected{border-color:#22c55e;box-shadow:0 0 0 1px #22c55e59 inset}.battle-drill-editor{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.battle-drill-editor label{display:grid;gap:4px;font-size:.78rem;color:#e6f1ffe0}.battle-drill-editor input,.battle-drill-editor select{width:100%;border-radius:10px;border:1px solid rgba(148,163,184,.35);background:#1e293bf2;color:#f8fafc;padding:8px 10px;font:inherit}.battle-side-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.battle-side-button{border:1px solid rgba(148,163,184,.4);background:#1e293bf2;color:#f8fafc}.battle-side-button.is-selected{border-color:#f59e0b;box-shadow:0 0 0 1px #f59e0b59 inset}.battle-selected-side{margin-top:8px!important}.battle-stage-unit-buttons{display:grid;gap:8px}.battle-stage-unit-button{display:grid;gap:2px;text-align:left;border:1px solid rgba(148,163,184,.42);background:#1e293bf2;color:#f8fafc}.battle-stage-unit-button span{font-size:.78rem;color:#d4e4fce6}.battle-stage-unit-button.is-selected{border-color:#22d3ee;box-shadow:0 0 0 1px #22d3ee59 inset}.battle-stage-clear-button{margin-top:8px;border:1px solid rgba(248,113,113,.42);background:#451616e6;color:#fee2e2}.battle-start-button{margin-top:8px;border:1px solid rgba(74,222,128,.5);background:linear-gradient(135deg,#126b34f2,#0e4322f2);color:#ecfdf3;font-weight:700}.battle-start-button.battle-start-button-disabled{border-color:#94a3b880;background:linear-gradient(135deg,#4b5563f2,#374151f2);color:#e2e8f0;opacity:.8;cursor:not-allowed}.battle-stage-hint{margin-top:8px!important;font-size:.78rem;color:#c7daf5e0}.battle-report-card{margin-top:8px;padding:10px;border-radius:10px;border:1px solid rgba(74,222,128,.38);background:#0b1e17b8;display:grid;gap:6px}.battle-report-card p{margin:0;font-size:.8rem}.battle-report-cells{font-family:JetBrains Mono,monospace;color:#e2efffe6;word-break:break-word}.battle-debug-panel{border-top:1px solid rgba(148,163,184,.28);padding-top:10px}.battle-debug-subtitle{font-size:.75rem;color:#c1d6f4db}.battle-debug-table-wrap{overflow:auto;border:1px solid rgba(148,163,184,.3);border-radius:8px;background:#08101eb3}.battle-debug-table{width:100%;min-width:560px;border-collapse:collapse;font-size:.72rem}.battle-debug-table th,.battle-debug-table td{padding:4px 6px;text-align:left;border-bottom:1px solid rgba(148,163,184,.14);color:#e9f4fff0}.battle-debug-table th{font-weight:700;color:#c2e0fff0;background:#0f1b30bd}.battle-confirm-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;display:grid;place-items:center;padding:16px;background:#020817b8}.battle-confirm-card{width:min(640px,100%);border:1px solid rgba(148,163,184,.5);border-radius:12px;background:linear-gradient(165deg,#101e34f5,#0a1323f7);padding:14px;box-shadow:0 24px 54px #00000080}.battle-confirm-card h3{margin:0 0 8px}.battle-confirm-card p{margin:0 0 12px;color:#d3e4fceb}.battle-confirm-actions{display:flex;gap:10px}.battle-lineup-preview{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0 0 12px}.battle-lineup-card{border:1px solid rgba(148,163,184,.34);border-radius:10px;background:#081222a3;padding:8px 10px}.battle-lineup-card h4{margin:0 0 6px;font-size:.84rem;color:#cbe6fff5}.battle-lineup-card p{margin:0 0 6px;font-size:.8rem}.battle-lineup-card ul{margin:0;padding-left:16px;display:grid;gap:4px;color:#dfeeffe6;font-size:.76rem}.battle-lineup-meta{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0 0 12px}.battle-lineup-meta span{border:1px solid rgba(148,163,184,.28);border-radius:8px;background:#0812228a;padding:6px 8px;font-size:.76rem;color:#deedffeb}@media(max-width:700px){.battle-lineup-preview,.battle-lineup-meta{grid-template-columns:1fr}}.battle-confirm-go{border:1px solid rgba(74,222,128,.6);background:linear-gradient(135deg,#126b34f2,#0e4322f2);color:#ecfdf3}.battle-confirm-cancel{border:1px solid rgba(148,163,184,.45);background:#1e293bf2;color:#f8fafc}.battle-map-board .tile-mini-map-frame{min-height:560px}.battle-map-board{min-width:0;overflow:auto}.battle-map-extended{--battle-map-size: min(720px, 100%);display:flex;gap:0;align-items:stretch;justify-content:center;width:100%;min-width:0}.battle-map-extended.battle-side-east,.battle-map-extended.battle-side-west{--battle-map-size: min(720px, 75% )}.battle-map-extended.battle-side-north,.battle-map-extended.battle-side-south{flex-direction:column;align-items:center}.battle-map-extended.battle-side-east,.battle-map-extended.battle-side-west,.battle-map-extended.battle-side-none{flex-direction:row;align-items:center}.battle-map-extended .tile-mini-map-frame{flex:0 1 var(--battle-map-size);width:var(--battle-map-size);min-width:0;border-radius:0;padding:0}.battle-map-extended .tile-mini-map-grid-wrap{width:100%;margin:0}.battle-map-extended .tile-mini-map-grid{aspect-ratio:1 / 1}.battle-staging-grid{position:relative;display:grid;gap:0;border:1px solid rgba(116,169,255,.4);background:radial-gradient(circle at 50% 50%,#4192ff3d,#11213af0 72%),repeating-linear-gradient(45deg,#73caff14 0,#73caff14 6px,#14213514 6px,#14213514 12px);box-shadow:inset 0 0 28px #3a8fff33,0 0 18px #2374e03d;overflow:hidden}.battle-staging-grid:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#a0dbff1a,#a0dbff05,#a0dbff1a 70%,#a0dbff05);mix-blend-mode:screen;pointer-events:none}.battle-staging-grid.is-horizontal{grid-template-columns:repeat(12,minmax(0,1fr));grid-template-rows:repeat(4,minmax(0,1fr));width:var(--battle-map-size);aspect-ratio:12 / 4}.battle-staging-grid.is-vertical{grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:repeat(12,minmax(0,1fr));width:calc(var(--battle-map-size) / 3);aspect-ratio:4 / 12}.battle-staging-grid.is-north{border-bottom:0;border-radius:12px 12px 0 0}.battle-staging-grid.is-south{border-top:0;border-radius:0 0 12px 12px}.battle-staging-grid.is-east{border-left:0;border-radius:0 12px 12px 0}.battle-staging-grid.is-west,.battle-map-extended.battle-side-east .tile-mini-map-frame{border-right:0;border-radius:12px 0 0 12px}.battle-map-extended.battle-side-west .tile-mini-map-frame{border-left:0;border-radius:0 12px 12px 0}.battle-map-extended.battle-side-north .tile-mini-map-frame{border-top:0;border-radius:0 0 12px 12px}.battle-map-extended.battle-side-south .tile-mini-map-frame{border-bottom:0;border-radius:12px 12px 0 0}.battle-staging-cell{border:1px solid rgba(166,211,255,.23);background:#1c315033;padding:0;margin-top:0;border-radius:0;width:100%;min-height:0;aspect-ratio:1 / 1;position:relative;overflow:hidden}.battle-staging-cell:hover{border-color:#92d0ffa6;box-shadow:inset 0 0 0 1px #92d0ff73}.battle-staging-grid.is-live .battle-staging-cell{border-color:transparent}.battle-staging-grid.is-live .battle-staging-cell:hover{border-color:#92d0ff59}.battle-staging-cell.has-unit.is-melee{background:linear-gradient(160deg,#22c55eb8,#0c3a21e0)}.battle-staging-cell.has-unit.is-ranged{background:linear-gradient(160deg,#3b82f6b8,#11284fe0)}.battle-staging-cell.has-unit.is-heavy{background:linear-gradient(160deg,#6b7280c2,#171c24eb)}.battle-staging-cell.has-unit.is-commander{background:linear-gradient(160deg,#f59e0bc7,#5c300be6)}.battle-staging-cell-label{position:absolute;left:4px;bottom:3px;font-size:.62rem;color:#f7fcfff5;text-shadow:0 1px 2px rgba(6,13,25,.9);font-weight:700}.battle-staging-sprite-stack{position:absolute;top:2px;right:2px;bottom:2px;left:2px;display:flex;flex-wrap:wrap;gap:2px;align-content:flex-start;justify-content:flex-start}.battle-unit-sprite{width:8px;height:8px;border-radius:999px;border:1px solid rgba(235,244,255,.85);box-shadow:0 0 0 1px #0d1623bf}.battle-unit-sprite.is-melee{background:#50c45cf2}.battle-unit-sprite.is-ranged{background:#4c9cfff5}.battle-unit-sprite.is-heavy{background:#10141afa}.battle-unit-sprite.is-commander{background:#ef4444fa}.battle-staging-count{margin-left:auto;align-self:flex-end;min-width:16px;height:14px;border-radius:999px;border:1px solid rgba(235,244,255,.68);background:#101c2ee6;color:#f3fafffa;font-size:.62rem;line-height:12px;text-align:center;font-weight:700;padding:0 3px}.tile-mini-map-frame.battle-live .tile-mini-cell,.tile-mini-map-frame.battle-live .tile-mini-cell.has-placement{border-color:transparent}.tile-mini-map-frame.battle-live .tile-mini-cell:hover{border-color:transparent;box-shadow:none}.tile-mini-map-frame.battle-live .tile-mini-cell.is-wall-perimeter{box-shadow:inset 0 0 0 1px #f3f8ff33,inset 0 0 10px #080c1270}.tile-mini-map-frame.battle-live .tile-mini-cell.is-wall-perimeter:before{content:"";position:absolute;pointer-events:none;z-index:1;background:linear-gradient(180deg,#f5fbff80,#96a2b029);box-shadow:0 0 0 1px #e5effb57,0 2px 7px #070a1080}.tile-mini-map-frame.battle-live .tile-mini-cell.is-wall-perimeter-north:before{left:-1px;top:-1px;width:calc(100% + 2px);height:22%}.tile-mini-map-frame.battle-live .tile-mini-cell.is-wall-perimeter-south:before{left:-1px;bottom:-1px;width:calc(100% + 2px);height:22%;transform:rotate(180deg)}.tile-mini-map-frame.battle-live .tile-mini-cell.is-wall-perimeter-west:before{left:-1px;top:-1px;width:22%;height:calc(100% + 2px);transform:rotate(-90deg);transform-origin:left top}.tile-mini-map-frame.battle-live .tile-mini-cell.is-wall-perimeter-east:before{right:-1px;top:-1px;width:22%;height:calc(100% + 2px);transform:rotate(90deg);transform-origin:right top}.tile-mini-map-frame.battle-live .tile-mini-cell.is-wall-perimeter:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:1;background:repeating-linear-gradient(90deg,#e6eefa26 0,#e6eefa26 2px,#5663741f 2px,#5663741f 4px);mix-blend-mode:screen;opacity:.34}.tile-mini-map-frame.battle-live .tile-mini-cell.is-wall-perimeter .tile-mini-cell-label,.tile-mini-map-frame.battle-live .tile-mini-cell.is-wall-perimeter .battle-wall-hp-badge,.tile-mini-map-frame.battle-live .tile-mini-cell.is-wall-perimeter .tile-mini-worker-badge{z-index:2}.tile-mini-map-frame.battle-attack-mode .tile-mini-cell.is-attack-target{cursor:crosshair;border-color:#fde047b3;box-shadow:inset 0 0 0 1px #fde04766,0 0 12px #fde04740}.tile-mini-map-frame.battle-attack-mode .tile-mini-cell.is-attack-target:hover{border-color:#f8fafceb;box-shadow:inset 0 0 0 1px #f8fafc7a,0 0 14px #f8fafc4d}.tile-mini-map-frame.battle-attack-mode .tile-mini-cell.is-move-target{cursor:move;border-color:#7dd3fcad;box-shadow:inset 0 0 0 1px #7dd3fc59,0 0 10px #7dd3fc3d}.tile-mini-map-frame.battle-attack-mode .tile-mini-cell.is-move-target:hover{border-color:#e0f2feeb;box-shadow:inset 0 0 0 1px #e0f2fe73,0 0 12px #e0f2fe3d}.tile-mini-map-frame.battle-live .tile-mini-cell.has-enemy-occupant{border-color:#f87171f2;box-shadow:inset 0 0 0 1px #f8717185,0 0 10px #f8717166}.battle-troop-hp-badge{position:absolute;left:2px;bottom:2px;min-width:18px;height:14px;border-radius:999px;background:#450a0ae6;border:1px solid rgba(252,165,165,.85);color:#fee2e2fa;font-size:.56rem;line-height:12px;text-align:center;font-weight:700;padding:0 3px;pointer-events:none}.battle-wall-hp-badge{position:absolute;left:2px;top:2px;min-width:18px;height:14px;border-radius:999px;background:#081423db;border:1px solid rgba(214,232,255,.75);color:#f1fafff5;font-size:.56rem;line-height:12px;text-align:center;font-weight:700;padding:0 3px;pointer-events:none}.battle-attack-layer{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.battle-bolt-layer{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden;z-index:6}.battle-bolt{position:absolute;left:var(--bolt-start-x, 50%);top:var(--bolt-start-y, 50%);width:7px;height:7px;margin-left:-3.5px;margin-top:-3.5px;border-radius:999px;border:1px solid rgba(233,245,255,.9);background:#60a5fafa;box-shadow:0 0 10px #60a5facc;animation:battle-bolt-flight .42s linear forwards}.battle-bolt.is-ranged{background:#60a5fafa;box-shadow:0 0 10px #60a5facc}.battle-bolt.is-commander{background:#f87171fa;box-shadow:0 0 10px #f87171cc}@keyframes battle-bolt-flight{0%{left:var(--bolt-start-x, 50%);top:var(--bolt-start-y, 50%);transform:scale(.6);opacity:0}14%{opacity:1}to{left:var(--bolt-end-x, 50%);top:var(--bolt-end-y, 50%);transform:scale(1);opacity:0}}.battle-defender-layer{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.battle-defender-group{position:absolute;left:var(--sprite-x, 50%);top:var(--sprite-y, 50%);width:32px;height:32px;margin-left:-16px;margin-top:-16px;display:block}.battle-defender-group.is-attacking:after,.battle-heavy-group.is-attacking:after{content:"";position:absolute;left:50%;top:50%;width:26px;height:26px;margin-left:-13px;margin-top:-13px;border-radius:999px;border:2px solid rgba(255,244,214,.94);box-shadow:0 0 14px #fbbf24b8;animation:battle-attack-splash .22s ease-out forwards;pointer-events:none}.battle-defender-group.is-attacking .battle-defender-dot,.battle-heavy-group.is-attacking .battle-heavy-dot{filter:brightness(1.55) saturate(1.2)}@keyframes battle-attack-splash{0%{opacity:.95;transform:scale(.55)}to{opacity:0;transform:scale(1.22)}}.battle-defender-dot{position:absolute;left:50%;top:50%;width:8px;height:8px;margin-left:-4px;margin-top:-4px;transform:translate(var(--dot-offset-x, 0px),var(--dot-offset-y, 0px));border-radius:999px;border:1px solid rgba(235,244,255,.8);box-shadow:0 0 0 1px #0d1623c7}.battle-defender-dot.is-melee{background:#50c45cf2}.battle-defender-dot.is-ranged{background:#4c9cfff5}.battle-defender-dot.is-heavy{background:#10141afa}.battle-defender-dot.is-mercenary{background:#f48c24fa}.battle-defender-dot.is-commander{background:#ef4444fa}.battle-defender-count{position:absolute;right:0;bottom:0;min-width:16px;height:14px;border-radius:999px;border:1px solid rgba(235,244,255,.72);background:#101c2ee6;color:#f3fafffa;font-size:.62rem;line-height:12px;text-align:center;font-weight:700;padding:0 3px}.battle-defender-hp{position:absolute;left:-2px;top:-2px;min-width:18px;height:14px;border-radius:999px;border:1px solid rgba(254,202,202,.84);background:#450a0ae6;color:#fee2e2fa;font-size:.56rem;line-height:12px;text-align:center;font-weight:700;padding:0 3px}.battle-heavy-group{position:absolute;left:var(--sprite-x, 50%);top:var(--sprite-y, 50%);width:32px;height:32px;margin-left:-16px;margin-top:-16px;border:0;background:transparent;padding:0;pointer-events:auto;cursor:pointer}.battle-heavy-group.is-selected{filter:drop-shadow(0 0 8px rgba(250,234,145,.75))}.battle-heavy-dot{position:absolute;left:50%;top:50%;width:9px;height:9px;margin-left:-4.5px;margin-top:-4.5px;transform:translate(var(--dot-offset-x, 0px),var(--dot-offset-y, 0px));border-radius:999px;border:1px solid rgba(235,244,255,.85);box-shadow:0 0 0 1px #0d1623cc,0 0 10px #8c9eb373;background:#10141afa}.battle-heavy-dot.is-melee{background:#50c45cf2}.battle-heavy-dot.is-ranged{background:#4c9cfff5}.battle-heavy-dot.is-heavy{background:#10141afa}.battle-heavy-dot.is-commander{background:#ef4444fa}.battle-heavy-count{position:absolute;right:0;bottom:0;min-width:16px;height:14px;border-radius:999px;border:1px solid rgba(235,244,255,.72);background:#101c2ee6;color:#f3fafffa;font-size:.62rem;line-height:12px;text-align:center;font-weight:700;padding:0 3px;pointer-events:none}.battle-heavy-hp{position:absolute;left:-2px;top:-2px;min-width:18px;height:14px;border-radius:999px;border:1px solid rgba(187,247,208,.78);background:#062313eb;color:#dcfce7fa;font-size:.56rem;line-height:12px;text-align:center;font-weight:700;padding:0 3px;pointer-events:none}.battle-moving-sprite{position:absolute;left:var(--sprite-x, 50%);top:var(--sprite-y, 50%);width:9px;height:9px;margin-left:-4.5px;margin-top:-4.5px;border-radius:999px;border:1px solid rgba(235,244,255,.85);box-shadow:0 0 0 1px #0d1623cc,0 0 12px #8c9eb373}.battle-moving-sprite.is-heavy{background:#10141afa}.battle-staging-label{position:absolute;left:8px;top:6px;z-index:2;font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;color:#cbeaffeb;text-shadow:0 1px 1px rgba(9,19,35,.8);pointer-events:none}@media(max-width:900px){.battle-map-layout{grid-template-columns:1fr}.battle-map-page{padding:12px}.battle-map-extended.battle-side-east,.battle-map-extended.battle-side-west{flex-direction:column}.battle-staging-grid.is-vertical{width:min(720px,100%);aspect-ratio:12 / 4;grid-template-columns:repeat(12,minmax(0,1fr));grid-template-rows:repeat(4,minmax(0,1fr))}.battle-staging-grid.is-west,.battle-staging-grid.is-east{border-left:1px solid rgba(116,169,255,.4);border-right:1px solid rgba(116,169,255,.4);border-top:0;border-bottom:0;border-radius:0}}