.empire-window .slot-mission-content { width: min(960px, calc(100vw - 28px)); max-height: min(850px, calc(100vh - 28px)); overflow: auto; }
.empire-intro { color: #c8b98e; }
.empire-colonies, .empire-campaigns { display: grid; gap: 10px; }
.empire-colonies { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.empire-capital, .empire-colony-card, .empire-campaign { padding: 12px; border: 1px solid rgba(190,150,80,.45); border-radius: 10px; background: linear-gradient(145deg, rgba(52,38,24,.94), rgba(25,22,17,.96)); }
.empire-colony-card header, .empire-capital, .empire-wall, .empire-campaign > div:first-child { display: flex; justify-content: space-between; align-items: center; gap: 9px; }
.empire-colony-card.is-active { border-color: #76bd82; box-shadow: inset 0 0 22px rgba(55,135,75,.18); }
.empire-header-actions { display: flex; align-items: center; gap: 6px; }
.empire-colony-card small, .empire-capital small, .empire-campaign small { display: block; color: #bdad82; font-size: 11px; }
.empire-protection { padding: 3px 6px; border: 1px solid #6cad80; border-radius: 9px; color: #bdf0c8; font-size: 11px; white-space: nowrap; }
.empire-resource-row { display: flex; flex-wrap: wrap; gap: 8px; margin: 10px 0; }
.empire-resource-row span { flex: 1 1 75px; padding: 5px; border-radius: 6px; background: rgba(0,0,0,.25); text-align: center; }
.empire-rates { margin: 5px 0 10px; color: #afc990; font-size: 11px; }
.empire-wall { margin: 8px 0; padding-top: 8px; border-top: 1px solid rgba(190,150,80,.22); }
.empire-controls, .empire-transfer { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 6px; margin-top: 7px; }
.empire-transfer { grid-template-columns: 1fr 1fr 82px auto; }
.empire-controls input, .empire-controls select, .empire-transfer input, .empire-transfer select { min-width: 0; padding: 7px; }
.empire-section { margin-top: 9px; border-top: 1px solid rgba(190,150,80,.2); padding-top: 7px; }
.empire-section summary { color: #ead297; cursor: pointer; font-size: 12px; }
.empire-buildings { display: grid; grid-template-columns: repeat(4, minmax(0,1fr)); gap: 5px; margin-top: 7px; }
.empire-buildings button { display: flex; min-width: 0; padding: 6px; flex-direction: column; align-items: flex-start; }
.empire-buildings button span, .empire-buildings button small { overflow: hidden; max-width: 100%; text-overflow: ellipsis; white-space: nowrap; }
.empire-buildings button small { color: #a79876; }
.empire-garrison { display: grid; grid-template-columns: repeat(6, minmax(0,1fr)); gap: 4px; margin-top: 7px; }
.empire-garrison span { padding: 6px 3px; border-radius: 5px; background: rgba(0,0,0,.25); text-align: center; }
.empire-train { display: grid; grid-template-columns: 1fr 80px auto; gap: 6px; margin-top: 7px; }
.empire-train input, .empire-train select { min-width: 0; padding: 7px; }
.empire-queue { display: grid; gap: 4px; margin-top: 6px; }
.empire-queue-item { display: flex; justify-content: space-between; align-items: center; gap: 6px; padding: 5px 7px; background: rgba(0,0,0,.22); border-radius: 5px; font-size: 11px; }
.empire-empty-line { color: #96896c; font-size: 11px; }
.empire-campaign.is-danger { border-color: #d66350; box-shadow: inset 0 0 22px rgba(160,45,30,.18); }
.empire-campaign p { margin: 7px 0; color: #d4c9aa; font-size: 12px; }
.empire-progress { height: 7px; margin-top: 9px; overflow: hidden; border-radius: 5px; background: #17120e; }
.empire-progress i { display: block; height: 100%; background: linear-gradient(90deg,#c27a32,#d84d3f); }
@media (max-width: 760px) { .empire-colonies { grid-template-columns: 1fr; } .empire-transfer { grid-template-columns: 1fr 1fr; } .empire-buildings { grid-template-columns: repeat(2, minmax(0,1fr)); } .empire-garrison { grid-template-columns: repeat(3, minmax(0,1fr)); } .empire-colony-card header, .empire-capital { align-items: stretch; flex-direction: column; } .empire-header-actions { flex-wrap: wrap; } }