#hub-district-r66 { display:grid; gap:.9rem; color:#f2f0e8; padding: .35rem 0 1rem; }
#hub-district-r66[hidden] { display:none; }
#hub-district-r66 h3,#hub-district-r66 h4,#hub-district-r66 p { margin:0; }
#hub-district-r66 p { color:#d1d6ca; line-height:1.45; }
#hub-district-r66 small { color:#c4cabb; }
.district-head { display:flex; align-items:flex-start; flex-wrap:wrap; justify-content:space-between; gap:.75rem; padding:.9rem; border:1px solid #75836a; border-radius:12px; background:#253329; }
.district-list { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,15rem),1fr)); gap:.65rem; }
.district-card { display:grid; gap:.42rem; align-content:start; min-width:0; background:#202925; border:1px solid #516054; border-radius:10px; padding:.78rem; }
.district-card[data-status="done"] { border-color:#829165; }
.district-card[data-status="locked"] { background:#202321; }
.district-actions { display:flex; align-items:center; flex-wrap:wrap; gap:.45rem; margin-top:.25rem; }
#hub-district-r66 button,.district-entry-r66 { min-height:44px; padding:.55rem .75rem; color:#f2f1e7; background:#374635; border:1px solid #829074; border-radius:7px; font:inherit; font-weight:650; }
#hub-district-r66 button:hover,.district-entry-r66:hover { background:#455640; }
#hub-district-r66 button:focus-visible,.district-entry-r66:focus-visible { outline:2px solid #eee2ad; outline-offset:2px; }
.district-entry-r66 { width:100%; }
.district-flags { display:flex; flex-wrap:wrap; gap:.35rem .8rem; padding-left:1.2rem; margin:0; color:#d3e1b8; }
.district-secret { border-left:2px solid #ad9b71; padding-left:.65rem; }
.district-card-options { display:flex; flex-wrap:wrap; gap:.75rem; margin:.8rem 0; }
.district-card-options label { display:flex; align-items:center; gap:.5rem; min-height:44px; }
.district-card-options select { min-height:44px; max-width:100%; }