/* Workspace controls share the established city palette. */
header{position:sticky;top:0;z-index:40;height:76px;box-shadow:0 1px 12px #19382b08}.layout>aside{position:sticky;top:76px;height:calc(100dvh - 76px);overflow:auto;padding:20px 12px;scrollbar-width:thin}#nav{display:block}.nav-group{display:grid;gap:2px;margin-bottom:18px}.nav-label{font-size:8px;letter-spacing:1.4px;color:#8a958c;font-weight:700;padding:7px 12px}#nav button{display:flex;align-items:center;padding:9px 11px;font-size:11px;border-radius:6px;min-height:36px}#nav .nav-count{font-size:9px;margin-left:auto;font-style:normal;background:#dfebe0;padding:2px 5px;border-radius:8px}#identity{margin-top:15px}.aside-note{display:none}#wallet{display:flex;gap:20px;font-size:18px}#wallet span{display:block}#wallet small{display:block;font-size:9px;font-weight:400;color:var(--muted);margin-top:3px}.black-balance{color:#7a6c59}.server-label{padding-bottom:12px}.section-intro{max-width:720px;margin-bottom:24px}.section-intro h2{font-family:Georgia,serif;font-size:32px;font-weight:400;margin:8px 0}.section-intro p{color:var(--muted);font-size:13px}.company-picker{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.company-picker label{flex:1;min-width:180px;max-width:500px;margin-top:0}.company-header{display:flex;justify-content:space-between;align-items:center;gap:18px;margin:20px 0}.company-header h2{font-family:Georgia,serif;font-size:29px;font-weight:400;margin-top:8px}.company-header>div:last-child{text-align:right}.company-header strong{color:var(--green);font-size:25px}.company-header small{display:block;font-size:10px;color:var(--muted);margin-top:4px}.company-tabs{display:flex;gap:4px;overflow:auto;position:sticky;top:76px;z-index:20;background:#f4f5f0ec;backdrop-filter:blur(10px);padding:10px 0 14px;margin-bottom:20px;border-bottom:1px solid var(--line)}.company-tabs button{white-space:nowrap;border:1px solid transparent;padding:10px 12px;font-size:11px}.company-tabs button.active{background:#246b54;color:white}.company-tabs button.active span{color:white;width:auto}.subtabs{display:flex;gap:6px;margin:15px 0}.subtabs .active{background:#edf3e9;border-color:#73987d}.subtabs button{font-size:11px}.metric-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(125px,1fr));gap:10px;margin:20px 0}.metric-grid>div{background:white;border:1px solid var(--line);border-radius:8px;padding:16px}.metric-grid span{display:block;font-size:8px;color:var(--muted);letter-spacing:1px}.metric-grid strong{display:block;font-size:24px;margin-top:8px;color:#315443}.career-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(90px,1fr));gap:8px;margin:16px 0}.career-grid>div{padding:9px;background:#f5f7f2;border-radius:5px}.career-grid span,.career-grid small{display:block;font-size:9px;color:var(--muted)}.career-grid strong{display:block;margin:5px 0}.compact-task{border-bottom:1px solid var(--line);padding:12px 0}.compact-task strong{display:block;font-size:12px}.compact-task span{font-size:10px;color:var(--muted)}details{margin:14px 0}details>summary{cursor:pointer;font-weight:650;font-size:12px;padding:5px 0}details.company-create{margin-top:30px}.equipment-list>div{display:flex;justify-content:space-between;align-items:center;padding:9px 0;border-bottom:1px solid var(--line);gap:10px}.equipment-list span{font-size:11px}.equipment-list small{display:block;font-size:10px;color:var(--muted);margin-top:3px}.equipment-list button{font-size:11px;padding:7px 10px}.person-avatar{display:grid;place-items:center;width:38px;height:38px;background:#e9eee4;border-radius:50%;font-size:12px;color:#537455}.contact-card h3{margin-top:14px}.relationship-panel{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:20px 0;margin:20px 0}.relationship-panel .row button{font-size:10px}.message-list article{padding:15px 0;border-bottom:1px solid var(--line)}.message-list small{font-size:9px;color:var(--muted);letter-spacing:1px}.message-list button{font-size:10px;padding:7px 10px}.tutorial-steps>.card{display:flex;align-items:start;gap:18px}.step-number{display:grid;place-items:center;flex:0 0 32px;height:32px;border-radius:50%;border:1px solid var(--line);color:var(--muted)}.step-number.complete{background:#246b54;color:white}.chain-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:15px 0}.chain-row span{background:#f0f4eb;padding:8px 12px;border-radius:5px;font-size:11px}.chain-row b{color:#8b9c88}.contact-card{margin-bottom:0}.cards+.grid-two,.cards+button+.grid-two{margin-top:20px}.city-mode .layout>aside{top:76px}.cards{align-items:start}.cards>.card{min-width:0}select{overflow:hidden;text-overflow:ellipsis}button{touch-action:manipulation}.feed{min-width:0}.page-heading{scroll-margin-top:90px}
@media(max-width:900px){.layout{grid-template-columns:175px minmax(0,1fr)}main{padding:20px}.feed{display:none}.company-tabs button{padding:9px;font-size:10px}.company-header h2{font-size:25px}}
@media(max-width:700px){header{height:70px;padding:9px 12px;gap:8px}.brand small{display:none}.brand-icon{padding:6px 9px}.brand{font-size:11px;letter-spacing:1px;gap:8px}#status{display:none}#wallet{gap:12px;font-size:14px}.layout{display:block}.layout>aside,.city-mode .layout>aside{top:70px;height:51px;padding:5px 8px;z-index:35;background:#fff;overflow:hidden;border-bottom:1px solid var(--line)}#nav{display:flex;overflow-x:auto;gap:4px;height:42px;scrollbar-width:none}.nav-group{display:contents}.nav-label,#nav .nav-count{display:none}#nav button{flex-shrink:0;white-space:nowrap;font-size:11px;padding:8px 10px}.company-tabs{top:121px;margin-left:-16px;margin-right:-16px;padding:9px 16px;gap:3px}.company-header{display:block}.company-header>div:last-child{text-align:left;margin-top:15px}.company-header strong{font-size:23px}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.metric-grid>div{padding:12px}.metric-grid strong{font-size:22px}main{padding:18px 16px}.section-intro h2{font-size:27px}.cards{grid-template-columns:minmax(0,1fr)}.subtabs{flex-wrap:wrap}.subtabs button{flex:1}.row{gap:7px}button{max-width:100%;overflow-wrap:anywhere}.company-picker{gap:7px}.company-picker .tag{font-size:9px}.tutorial-steps>.card{gap:12px}.relationship-panel .row{display:grid;grid-template-columns:1fr 1fr}.career-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.contact-card .card-top{align-items:center}.page-heading{scroll-margin-top:135px}.grid-two{grid-template-columns:minmax(0,1fr)}.city-mode .page-heading{display:none}.citizen-detail{position:static;height:auto;overflow:visible}}

@media(min-width:701px){.city-mode .layout{grid-template-columns:196px minmax(0,1fr);height:calc(100dvh - 76px)}.city-mode #nav button{flex-direction:row;justify-content:start;text-align:left;font-size:11px;min-height:36px;padding:9px}.city-mode #nav button span{font-size:15px;width:22px}.city-mode .nav-label{font-size:8px;letter-spacing:1px}.city-mode .layout>aside{padding:20px 12px}.city-mode #identity{margin-top:15px;font-size:11px;text-align:left}.city-mode .server-label{text-align:left;font-size:10px;padding:0 12px 12px}.city-mode .nav-group{margin-bottom:12px}}
@media(max-width:700px){.city-mode .layout{height:calc(100dvh - 70px)}.city-mode .layout>aside{display:block;flex-shrink:0;height:51px;padding:5px 8px}.city-mode #nav button{flex-direction:row;min-height:36px;font-size:11px;padding:8px 10px}.city-mode #nav button span{font-size:14px;width:18px}aside .nav-label{color:#8da99a}}

.land-owner-line{font-size:10px;color:#61745f;line-height:1.6;margin-bottom:12px}.ownership-legend{position:absolute;left:28px;bottom:84px;background:#faf9eced;border:1px solid #fff9;border-radius:5px;padding:8px 12px;display:flex;gap:13px;font-size:9px;pointer-events:none}.ownership-legend span:nth-child(1){color:#387e5c}.ownership-legend span:nth-child(2){color:#867090}.ownership-legend span:nth-child(3){color:#4b819c}.ownership-legend span:nth-child(4){color:#87906b}.plot-sizes{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:8px;margin:20px 0}.plot-sizes button{padding:12px 5px;background:#fff8;font-size:11px;text-align:center;display:flex;align-items:center;flex-direction:column;justify-content:end;gap:8px}.plot-sizes button.selected{background:#e1ebdc;border-color:#6f8c6a}.plot-sizes i{display:block;transform:skewY(-16deg);border:1px solid #929d75;background:#d7cfac;box-shadow:-3px 3px #b7ba99}.plot-sizes small{font-size:8px;font-weight:400;color:var(--muted);min-height:22px}.land-filters{display:grid;grid-template-columns:1fr 1fr 1fr 1.2fr auto;gap:12px;align-items:end}.land-filters button{margin-bottom:12px}.selected-estate h2{margin-top:10px}.selected-estate-row{background:#edf3e7}.black-balance{color:#c7bea9}#wallet small{color:#b7c7b8}.premises-equipment{position:relative;margin-top:35px}#nav .nav-label{color:#8da99a}
@media(max-width:900px){.plot-sizes{grid-template-columns:repeat(4,minmax(0,1fr))}.land-filters{grid-template-columns:1fr 1fr}.land-filters button{min-height:38px}.ownership-legend{bottom:76px;left:15px;gap:8px;font-size:8px}}@media(max-width:700px){.land-owner-line{grid-column:1/-1;font-size:9px;margin:3px 0}.plot-inspector{max-height:215px;overflow:auto}.ownership-legend{bottom:61px;font-size:7px;max-width:calc(100% - 30px);flex-wrap:wrap;padding:6px 9px}.city-mode .city-layer-switcher{top:143px}.land-filters{gap:8px}.plot-sizes{gap:6px}.plot-sizes button{padding:9px 5px}.plot-sizes small{min-height:20px}.selected-estate>.card-top{display:block}.selected-estate>.card-top>.tag{margin-top:8px}}

.company-tabs button{color:#47624f}.company-tabs button.active{color:#fff}.property-catalog{background:#ffffff90;border:1px solid var(--line);border-radius:8px;padding:14px 18px}.property-catalog>summary{font-size:15px;padding:6px 0}.property-catalog[open]>summary{margin-bottom:18px}.ownership-legend{top:238px;bottom:auto}@media(max-width:700px){.layout>aside,.city-mode .layout>aside{background:#20423d}#nav button{color:#c9d6c8}#nav button.active{color:#f1ddaa}.company-tabs{background:#f2f0e8f5}.company-tabs button{color:#47624f}.company-tabs button.active{color:#fff}.ownership-legend{top:181px;bottom:auto}}
.city-camera-dock button{white-space:nowrap;overflow-wrap:normal;flex-shrink:0}.city-camera-dock .dock-group{flex-shrink:0}.city-camera-dock .dock-group button{min-width:30px}@media(max-width:700px){.ownership-legend{font-size:9px;max-width:245px;gap:5px 10px}.land-owner-line{font-size:10px}.city-mode .plot-inspector{overflow:auto}}

#game-clock{font-size:12px;color:#e2d9b9;font-variant-numeric:tabular-nums}.price-guide{display:block;color:#667a65;font-size:11px;line-height:1.5;margin:6px 0 12px}.info-dot{position:relative;border-radius:50%;width:23px;height:23px;padding:1px;display:inline-grid;place-items:center;font-family:Georgia,serif;font-style:italic}.info-tooltip{display:none;position:absolute;bottom:30px;left:0;width:min(320px,75vw);padding:12px;background:#20423d;color:white;z-index:60;border-radius:6px;text-align:left;font:12px/1.6 Segoe UI;box-shadow:0 8px 30px #0003}.info-dot:hover .info-tooltip,.info-dot:focus .info-tooltip,.info-dot:active .info-tooltip{display:block}@media(max-width:700px){#game-clock{font-size:9px;position:absolute;top:53px;left:75px}.info-tooltip{position:fixed;left:20px;bottom:25px;width:calc(100vw - 40px)}}

.district-switcher{max-width:calc(100% - 335px);overflow-x:auto;scrollbar-width:thin}.district-switcher button{white-space:nowrap;flex-shrink:0}.city-camera-dock{max-width:calc(100% - 24px);overflow-x:auto;scrollbar-width:thin}@media(max-width:700px){.district-switcher{max-width:calc(100% - 30px)}.city-camera-dock{width:auto;max-width:calc(100% - 20px)}}