.voronoi-preview:has(.city-panel-citizens-open) .match-event-banners{display:none}.city-management-panel.city-panel-simple.city-panel-citizens-open,.home-mode .city-management-panel.city-panel-simple.city-panel-citizens-open{grid-template-rows:auto auto minmax(0,1fr);width:min(380px,100vw - 28px);max-height:calc(100% - 28px);bottom:14px}.city-panel-citizens-open .city-panel-yields{display:none}.city-panel-citizens-open>*{min-width:0}.city-panel-citizens-open .city-panel-acquisition-switch button{flex:1;width:auto;min-width:0}.city-citizens-panel{grid-template-rows:auto minmax(0,1fr) auto;min-height:0;font-size:12px;line-height:1.4;display:grid}.city-citizens-panel h3,.city-citizens-panel p{margin:0}.city-citizens-panel button{color:#f4ecd7;cursor:pointer;background:#173042;border:1px solid #45606b;border-radius:5px}.city-citizens-panel button:disabled{opacity:.4;cursor:default}.city-citizens-panel button:not(:disabled):hover{background:#294757}.city-citizens-panel :is(button,summary):focus-visible{outline-offset:2px;outline:2px solid #f1d083}.citizen-summary{border-bottom:1px solid #425259;padding:14px 20px}.citizen-capacity{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.citizen-capacity h3{color:#f3d89d;font-size:15px;font-weight:500}.citizen-capacity>span{color:#d5c69f;align-items:center;gap:5px;display:flex}.citizen-lock-icon{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linejoin:round;width:13px;height:15px}.citizen-yield-comparison{grid-template-columns:repeat(4,1fr);gap:8px;margin:0;display:grid}.citizen-yield-comparison dt{color:#aebfc6;margin-bottom:6px;font-size:10px}.citizen-yield-comparison dd{flex-wrap:wrap;align-items:center;gap:4px;margin:0;display:flex}.citizen-yield-comparison strong{color:#f4ecd7;font-variant-numeric:tabular-nums;font-size:18px;font-weight:500}.citizen-yield-comparison small{font-size:10px}.citizen-value-up{color:#b9d887}.citizen-value-down{color:#f2b07e}.citizen-resource{align-items:center;gap:4px;display:inline-flex}.citizen-resource-food{color:#8fb63d}.citizen-resource-production{color:#e49a3f}.citizen-resource-gold{color:#e1ad3b}.citizen-resource-science{color:#48b7e5}.citizen-resource :is(.strategy-icon,svg){flex-shrink:0;width:17px;height:17px}.citizen-resource b{color:#f4ecd7;font-size:12px;font-weight:500}.citizen-growth-preview{color:#c7d3ca;justify-content:space-between;gap:10px;margin-top:12px;font-size:11px;display:flex}.citizen-growth-preview strong{font-weight:500}.citizen-growth-preview.deficit strong{color:#f0b393}.citizen-growth-preview>span{color:#aebfc6}.citizen-growth-bar{appearance:none;background:#354b51;border:0;width:100%;height:3px;margin-top:7px;display:block}.citizen-growth-bar::-webkit-progress-bar{background:#354b51}.citizen-growth-bar::-webkit-progress-value{background:#8fb63d}.citizen-growth-bar::-moz-progress-bar{background:#8fb63d}.citizen-scroll{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#6b7162 transparent;min-height:0;padding:16px 20px;overflow:auto}.citizen-muted{color:#a4b6bf;font-size:10px}.citizen-tile-yields{flex-wrap:wrap;justify-content:end;gap:8px;display:inline-flex}.citizen-inspection{background:#152e3c;border:1px solid #65715f;border-radius:7px;margin-bottom:12px;padding:12px}.citizen-inspection>header{justify-content:space-between;align-items:center;gap:12px;display:flex}.citizen-inspection h3{color:#efd399;text-transform:capitalize;font-size:15px;font-weight:500}.citizen-inspection header small{color:#afc0c7;margin-top:4px;font-size:10px;display:block}.city-citizens-panel .citizen-primary-action{color:#172532;background:#e3c585;border-color:#efd99c;font-weight:600}.city-citizens-panel .citizen-primary-action:not(:disabled):hover{background:#f0d598}.city-citizens-panel details{color:#b8c8ce;margin-top:14px;font-size:11px}.city-citizens-panel summary{cursor:pointer;padding:4px 0}.citizen-yield-sources dl{gap:8px;margin:10px 0 0;display:grid}.citizen-yield-sources dl>div{justify-content:space-between;gap:12px;display:flex}.citizen-yield-sources dt small{color:#97acb6;display:block}.citizen-yield-sources dd{margin:0}.citizen-other-impact{background:#192f3a;border-left:2px solid #d6bc80;margin-bottom:12px;padding:12px}.citizen-other-impact>strong{margin-bottom:8px;font-size:12px;display:block}.citizen-other-impact>small{color:#bcbdab;margin-top:8px;display:block}.city-citizens-panel .citizen-blocked-reason{color:#e6bc90;margin:8px 0;font-size:11px}.citizen-draft-footer{padding:12px 20px max(12px, env(safe-area-inset-bottom));background:#102737;border-top:1px solid #425259}.citizen-draft-footer>div{grid-template-columns:1fr 1.6fr;gap:10px;display:grid}.citizen-draft-footer button{min-height:42px;font-size:12px}.citizen-draft-error{color:#ffc49d;font-size:11px;margin-bottom:8px!important}.citizen-map-hint{color:#c8d2d1;justify-content:space-between;align-items:center;gap:8px;margin-top:12px;font-size:11px;display:flex}.city-citizens-panel .citizen-map-hint button{min-height:32px;padding:4px 8px;font-size:10px}.citizen-scroll>details:first-child{margin-top:0}@media (max-width:720px){.city-management-panel.city-panel-simple.city-panel-citizens-open,.home-mode .city-management-panel.city-panel-simple.city-panel-citizens-open{border-top:1px solid #b99c64;border-radius:12px 12px 0 0;width:100%;height:46svh;min-height:0;max-height:calc(100svh - 72px);inset:auto 0 0;box-shadow:0 -10px 35px #03131b70}.city-panel-citizens-open .city-panel-header{min-height:45px;padding:8px 50px 8px 12px}.city-panel-citizens-open .city-panel-header h2{font-size:21px}.city-panel-citizens-open .city-panel-close{top:0}.city-panel-citizens-open .city-panel-acquisition-switch button{flex:1;width:auto;min-height:38px}.citizen-summary,.citizen-scroll{padding:8px 12px}.citizen-capacity{margin-bottom:8px}.citizen-yield-comparison strong{font-size:16px}.citizen-yield-comparison dt{margin-bottom:3px}.citizen-growth-preview{margin-top:8px}.citizen-growth-bar{margin-top:5px}.citizen-map-hint{margin-top:8px}.citizen-inspection{padding:8px 10px}.citizen-inspection h3{font-size:13px}.citizen-draft-footer{padding:10px 12px max(10px,env(safe-area-inset-bottom))}}
.citizen-draft-departure{z-index:220;background:#030d14b3;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.citizen-draft-departure>section{color:#f4ecd7;background:#142536;border:1px solid #bfa369;border-radius:12px;width:min(100%,460px);padding:24px;box-shadow:0 20px 60px #0008}.citizen-draft-departure h2{font:28px var(--font-display), serif;margin:0 0 12px}.citizen-draft-departure p{font-size:14px;line-height:1.5}.citizen-draft-departure section>div{flex-wrap:wrap;gap:8px;margin-top:20px;display:flex}.citizen-draft-departure button{color:#f4ecd7;cursor:pointer;background:#20394b;border:1px solid #9d895e;border-radius:5px;padding:10px 14px}.citizen-draft-departure button:last-child{color:#142536;background:#e5c681}.citizen-draft-departure button:focus-visible{outline-offset:3px;outline:3px solid #48b7e5}