/* SPACE_EMPIRE_V5_3_1_PLANET_DISTRICTS_PLACEMENT_SN051 - planet surface only */
.v5-planner-toolbar{display:none;grid-template-columns:1fr minmax(240px,.7fr) auto;gap:8px;align-items:center;padding:8px 10px;border:1px solid rgba(122,190,220,.14);border-radius:11px;background:rgba(6,16,28,.72)}
.v5-planner-toolbar.active{display:grid}.v5-planner-toolbar .tools{display:flex;flex-wrap:wrap;gap:5px}.v5-planner-toolbar button{border:1px solid rgba(145,197,222,.17);background:rgba(13,29,44,.86);color:#cfe8f5;border-radius:7px;padding:6px 8px;font-size:10px}.v5-planner-toolbar button.active{border-color:var(--accent);color:#fff;box-shadow:inset 0 0 15px color-mix(in srgb,var(--accent) 16%,transparent)}
.v5-planner-toolbar .status{display:grid;gap:2px}.v5-planner-toolbar .status b{font-size:10px;color:var(--accent2)}.v5-planner-toolbar .status span,.v5-planner-toolbar .status small{font-size:9px;color:#7f9daf}.v5-planner-toolbar .status small{color:#627e8e}
.v5-city-map>.v5-district-layer,.v5-city-map>.v5-planner-grid{position:absolute;inset:0;border-radius:26px;pointer-events:none}
.v5-district{position:absolute;left:calc(var(--dx)*44px + 2px);top:calc(var(--dy)*44px + 2px);width:calc(var(--dw)*44px - 4px);height:calc(var(--dh)*44px - 4px);border:1px solid rgba(255,255,255,.22);border-radius:8px;background:rgba(100,170,215,.10);box-shadow:inset 0 0 16px rgba(0,0,0,.18);pointer-events:none;transform:translateZ(1px);color:#dcecf5;padding:0}.v5-planning .v5-district{pointer-events:auto;cursor:pointer}.v5-district b{position:absolute;left:5px;top:5px;font:800 7px/1 system-ui;letter-spacing:.08em;text-transform:uppercase;opacity:.72}
.v5-district.district-residential{background:rgba(91,176,238,.13)}.v5-district.district-civic{background:rgba(156,119,244,.14)}.v5-district.district-industry{background:rgba(255,139,77,.14)}.v5-district.district-logistics{background:rgba(222,192,96,.13)}.v5-district.district-agriculture{background:rgba(94,205,124,.14)}.v5-district.district-energy{background:rgba(93,221,230,.14)}.v5-district.district-security{background:rgba(235,91,91,.13)}.v5-district.district-spaceport{background:rgba(198,215,230,.13)}
.v5-planner-grid{display:none;grid-template-columns:repeat(12,44px);grid-template-rows:repeat(12,44px);pointer-events:none}.v5-planner-grid.active{display:grid;pointer-events:auto}.v5-planner-grid button{width:44px;height:44px;border:1px dashed rgba(132,196,224,.12);background:rgba(80,163,204,.025);padding:0;cursor:crosshair}.v5-planner-grid button:hover{background:color-mix(in srgb,var(--accent) 18%,transparent);border-color:var(--accent)}.v5-planner-grid button.locked{cursor:not-allowed;background:rgba(0,0,0,.34);border-color:rgba(80,100,110,.08)}
.v5-planning .v5-city-cell.building{z-index:3}.v5-city-cell.v5-manual-placement .v5-bldg-mass{box-shadow:0 0 0 1px color-mix(in srgb,var(--accent) 50%,transparent),7px 9px 14px rgba(0,0,0,.36)}
.v5-city-shell.lod-districts .v5-district b{display:none}.v5-city-shell.lod-districts .v5-district{border-width:2px;background:color-mix(in srgb,var(--accent) 10%,transparent)}
@media(max-width:900px){.v5-planner-toolbar.active{grid-template-columns:1fr}.v5-planner-toolbar .tools{max-height:70px;overflow:auto}}

.v5-planner-grid button.building-slot{pointer-events:none;background:rgba(110,180,220,.035)}