.city-page{background:#101410;color:#ece8d4;min-height:70vh}.city-hero{padding:2.6rem 0 2rem;background:linear-gradient(135deg,#263222,#11170f);border-bottom:1px solid #4b5942}.city-hero small{color:#aeb9a4}.city-toolbar{display:flex;gap:1rem;align-items:center;flex-wrap:wrap;padding:1rem;margin:1rem 0;background:#171c15;border:1px solid #3b4635;border-radius:7px}.city-toolbar input[type=search]{flex:1;min-width:230px;padding:.7rem;background:#0e120d;color:#fff;border:1px solid #505d48;border-radius:4px}.city-toolbar span{margin-left:auto;color:#b7c0ad}.city-list{display:grid;gap:.55rem;padding-bottom:2rem}.city-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(110px,160px) 48px;align-items:center;gap:1rem;min-height:64px;padding:.65rem .8rem;background:#171c16;border:1px solid #3a4435;border-left:4px solid #747b70;border-radius:7px;box-shadow:0 5px 15px #0003}.city-row.is-contested{border-left-color:#d74b45;background:linear-gradient(90deg,#291716,#171c16 22%)}.city-row-main{display:flex;align-items:center;gap:.8rem;min-width:0}.city-row-main strong{font-size:1rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.city-flag{width:32px;height:21px;object-fit:cover;border:1px solid #ffffff55;border-radius:2px;flex:none}.city-flag-neutral{display:inline-block;background:#667}.city-row-faction{justify-self:start;padding:.3rem .55rem;border:1px solid #ffffff20;border-radius:999px;font-size:.74rem;font-weight:700;letter-spacing:.04em}.faction-axis{background:#383a3b;color:#f1d69d}.faction-alliierte{background:#183b64;color:#dbeaff}.faction-neutral{background:#454945;color:#ececec}.city-details-button{display:grid;place-items:center;width:42px;height:42px;border:1px solid #b68a2e;border-radius:6px;background:linear-gradient(#b38a31,#85621d);color:#fff;cursor:pointer;font-size:1rem;transition:transform .15s,filter .15s}.city-details-button:hover,.city-details-button:focus-visible{filter:brightness(1.14);transform:translateY(-1px);outline:2px solid #e2bd61;outline-offset:2px}.city-modal{position:fixed;inset:0;z-index:10000;display:grid;place-items:center;padding:20px}.city-modal[hidden]{display:none}.city-modal-backdrop{position:absolute;inset:0;background:#000c;backdrop-filter:blur(3px)}.city-modal-panel{position:relative;z-index:1;width:min(720px,calc(100vw - 32px));max-height:min(760px,calc(100vh - 40px));overflow:auto;background:linear-gradient(180deg,#111710,#080b08);border:1px solid #9aaa8b;border-radius:10px;padding:1.2rem;box-shadow:0 24px 80px #000e}.city-popover-close{position:absolute;right:.65rem;top:.55rem;border:1px solid #596653;background:#252d23;color:#fff;width:34px;height:34px;border-radius:50%;cursor:pointer;font-size:1.25rem;line-height:1}.city-popover-content>header{display:flex;justify-content:space-between;align-items:flex-start;padding-right:2.6rem}.city-popover-content>header>div{display:flex;gap:.7rem}.city-popover-content h3{margin:.1rem 0 0}.city-popover-content header span{padding:.25rem .45rem;border-radius:4px;font-size:.72rem;font-weight:700}.city-popover-content header .danger{background:#b73535}.city-popover-content header .quiet{background:#596158}.city-popover-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:.45rem;margin:1rem 0}.city-popover-metrics span{padding:.55rem;background:#111710;border:1px solid #343e31;color:#aeb7a9;font-size:.74rem}.city-popover-metrics b{display:block;color:#fff;margin-top:.2rem}.city-popover-balance{display:flex;height:14px;border-radius:8px;overflow:hidden;background:#262b25}.city-popover-balance .axis{background:#8f9296}.city-popover-balance .allied{background:#3e79c7}.city-popover-balance-label{display:flex;justify-content:space-between;font-size:.72rem;margin:.35rem 0 1rem}.city-popover-content ul{list-style:none;padding:0;margin:.5rem 0}.city-popover-content li{display:flex;gap:.55rem;align-items:center;padding:.5rem 0;border-bottom:1px solid #2d352a}.city-popover-content li .city-flag{width:24px;height:16px}.city-popover-content footer{color:#9da795;font-size:.75rem;margin-top:.8rem}.city-modal-open{overflow:hidden}@media(max-width:680px){.city-toolbar span{margin-left:0;width:100%}.city-row{grid-template-columns:minmax(0,1fr) 44px;gap:.65rem}.city-row-faction{grid-column:1;grid-row:2;margin-left:40px}.city-details-button{grid-column:2;grid-row:1/3}.city-modal{padding:10px}.city-modal-panel{width:calc(100vw - 20px);max-height:calc(100vh - 20px);padding:1rem}.city-popover-metrics{grid-template-columns:1fr}.city-popover-content>header{gap:.7rem}.city-popover-content>header>div{min-width:0}.city-popover-content h3{overflow-wrap:anywhere}}
.city-search-wrap{flex:1;min-width:230px;display:grid;gap:.25rem}.city-search-wrap input{width:100%}.city-search-wrap small{color:#98a28f;font-size:.72rem}.city-loading,.city-error{padding:2rem;text-align:center;border:1px solid #394433;background:#111710}.city-error{border-color:#8c3c38;color:#ffb7b1}

/* 42.5.15 – Active-first Städteübersicht */
.city-load-all-button{
  min-height:42px;
  padding:.65rem 1rem;
  border:1px solid #9d7b2d;
  border-radius:6px;
  background:linear-gradient(180deg,#a67c25,#75551a);
  color:#fff7dc;
  font-weight:800;
  cursor:pointer;
  white-space:nowrap;
}
.city-load-all-button:hover,.city-load-all-button:focus-visible{filter:brightness(1.12);outline:2px solid #e2bd61;outline-offset:2px}
.city-load-all-button.is-active{background:#222a20;border-color:#8d9a7c;color:#e9eadf}
.city-load-all-button:disabled{opacity:.65;cursor:wait}
.city-objectives{display:flex;gap:.35rem;align-items:center;flex-wrap:wrap;margin-left:.25rem}
.city-objective{display:inline-flex;align-items:center;min-height:22px;padding:.12rem .42rem;border-radius:4px;font:800 .67rem/1 Arial,Helvetica,sans-serif;letter-spacing:.05em}
.city-objective-ao{background:#8f2d25;color:#fff1e8;border:1px solid #c85b4f}
.city-objective-do{background:#785f18;color:#fff5c5;border:1px solid #ba9431}
.city-objective-contested{background:#541f1d;color:#ffcbc6;border:1px solid #93443e}
@media(max-width:680px){
  .city-load-all-button{width:100%}
  .city-objectives{grid-column:1/-1;margin-left:40px}
}