/* CityBuilder v2.2.1 — beginner/advanced presentation layer only.
   No game state, backend rules, replay checksums, or contest scores are changed. */
.cb-mode-switch{display:inline-flex;gap:3px;align-items:center;border:1px solid var(--theme-border,#476578);background:var(--theme-select,#112a3c);border-radius:10px;padding:4px;flex-shrink:0}
.cb-mode-button{min-height:38px;min-width:81px;padding:9px 13px;border-radius:7px;color:#aec9d8;background:transparent;border:1px solid transparent;font-size:12px;font-weight:800;line-height:1.15;white-space:nowrap}
.cb-mode-button:hover{border-color:var(--accent);color:#fff}
.cb-mode-button[aria-pressed="true"]{background:var(--accent);color:#081827;border-color:var(--accent);box-shadow:0 1px 5px #0003}
.cb-mode-button:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.cb-screen-reader{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.cb-simple-welcome{margin:0 0 14px;padding:11px 14px;display:flex;gap:10px;align-items:center;flex-wrap:wrap;color:#cbdfe8;border:1px solid var(--theme-border,#375a6a);border-left:4px solid var(--accent);background:var(--theme-card,#112d40);border-radius:9px;font-size:12px}
.cb-simple-welcome p{flex:1;min-width:210px;line-height:1.5}
.cb-simple-welcome strong{color:#f2f8fa}
.cb-simple-dot{color:var(--accent);font-size:19px}
.cb-simple-help{color:var(--accent2);font-weight:800;text-decoration:none;white-space:nowrap}
.cb-simple-help:hover{text-decoration:underline}
html[data-ui-mode="advanced"] .cb-simple-welcome{display:none!important}
/* Specialized departments are still in the DOM and continue to receive game updates. */
html[data-ui-mode="simple"] [data-ui-level="advanced"]{display:none!important}
@media(max-width:760px){.cb-mode-switch{order:-2}.cb-simple-welcome{align-items:flex-start}.cb-simple-welcome p{min-width:0}.cb-mode-button{min-height:42px}}
@media(max-width:400px){.cb-mode-button{min-width:73px;padding:9px 10px}.cb-mode-switch{max-width:100%}}
