/* MafiaDistrict v28A106IQX1 — Elite design-system foundation.
 * Presentation-only progressive rollout. Exact existing role/nav, HUD and gameplay mechanics remain authoritative.
 * No invented data, overlay menus, hidden controls or global image-cropping changes.
 */
html body.md106z-ui{
  --mdir-gold:#efb94d;--mdir-gold-hi:#ffda7a;--mdir-cyan:#5ccae4;
  --mdir-ink:#eaf2ff;--mdir-muted:#a8bcd2;--mdir-edge:rgba(112,157,196,.22);
  --mdir-panel:#0b182a;--mdir-panel-hi:#11243a;
  background:radial-gradient(ellipse 70% 380px at 52% 1%,rgba(11,75,108,.24),transparent 85%),#050c17;
  color:var(--mdir-ink);
}
html body.md106z-ui.md103c-responsive-shell .topbar.hud{
  background:linear-gradient(112deg,#06111f 3%,#0b1b30 58%,#081422 100%)!important;
  border-bottom:1px solid rgba(239,185,77,.24)!important;
  box-shadow:0 7px 30px rgba(0,0,0,.28),inset 0 1px rgba(255,255,255,.04)!important;
}
html body.md106z-ui.md103c-responsive-shell .mdlogo-name{color:#fff7e5!important;letter-spacing:-.045em!important}
html body.md106z-ui.md103c-responsive-shell .mdlogo-tag{color:#d1ab62!important;letter-spacing:.10em!important}
html body.md106z-ui.md103c-responsive-shell .hud-item{
  background:linear-gradient(145deg,rgba(24,46,68,.76),rgba(6,16,29,.89))!important;
  border:1px solid rgba(121,165,197,.20)!important;
  border-radius:9px!important;box-shadow:inset 0 1px rgba(255,255,255,.035)!important;
}
html body.md106z-ui.md103c-responsive-shell .hud-label{color:#a9c7d8!important;opacity:1!important}
html body.md106z-ui.md103c-responsive-shell .hud-meta{color:#f2f6ff!important}
html body.md106z-ui.md103c-responsive-shell .hud-cash,
html body.md106z-ui.md103c-responsive-shell .hud-bank{border-color:rgba(239,185,77,.30)!important}
html body.md106z-ui.md103c-responsive-shell .hud-cash .hud-meta{color:#ffe5a1!important}
html body.md106z-ui.md103c-responsive-shell .topnav-outer{
 background:linear-gradient(180deg,rgba(9,22,38,.99),rgba(5,15,28,.99))!important;
 border-bottom:1px solid rgba(116,159,192,.23)!important;
 box-shadow:0 10px 26px rgba(0,0,0,.25)!important;
}
html body.md106z-ui.md103c-responsive-shell .topnav{
 gap:5px!important;min-height:49px!important;align-items:center!important;
 padding:6px clamp(10px,2vw,32px)!important;
}
html body.md106z-ui.md103c-responsive-shell .topnav-link{
 color:#bdcfe0!important;background:linear-gradient(155deg,rgba(31,53,76,.47),rgba(6,16,28,.60))!important;
 border:1px solid rgba(112,157,190,.14)!important;border-radius:9px!important;
 min-height:35px!important;padding:8px 13px!important;line-height:1.25!important;
 font-weight:750!important;box-shadow:inset 0 1px rgba(255,255,255,.025)!important;
 text-decoration:none!important;
}
html body.md106z-ui.md103c-responsive-shell .topnav-link:is(:hover,:focus-visible){color:#fff!important;border-color:rgba(239,185,77,.52)!important;background:rgba(230,171,70,.11)!important}
html body.md106z-ui.md103c-responsive-shell .topnav-link:is(.active,[aria-current='page']),
html body.md106z-ui.md103c-responsive-shell .topnav-link.md101y-current-parent{
 color:#ffdc8b!important;border-color:rgba(239,185,77,.60)!important;
 background:linear-gradient(135deg,rgba(239,185,77,.19),rgba(67,124,147,.07))!important;
 box-shadow:inset 0 2px rgba(252,208,110,.17),0 5px 18px rgba(0,0,0,.21)!important;
}
html body.md106z-ui.md103c-responsive-shell .topnav-link.active:after{background:linear-gradient(90deg,#ffd878,#bf832d)!important}
html body.md106z-ui.md103c-responsive-shell .topnav-drop-panel{
 background:linear-gradient(145deg,rgba(14,31,50,.99),rgba(5,16,29,.99))!important;
 border:1px solid rgba(201,159,86,.37)!important;border-radius:14px!important;
 box-shadow:0 22px 70px rgba(0,0,0,.69),inset 0 1px rgba(255,255,255,.04)!important;
}
/* Drop panels are currently teleported to body by the existing nav engine. */
html body.md106z-ui .topnav-drop-panel .topnav-drop-heading{color:#e2be74!important;letter-spacing:.12em!important}
html body.md106z-ui .topnav-drop-panel .topnav-drop-item{color:#cfdeef!important;border-radius:8px!important}
html body.md106z-ui .topnav-drop-panel .topnav-drop-item:is(:hover,:focus-visible),
html body.md106z-ui .topnav-drop-panel .topnav-drop-item[aria-current='page']{
 background:rgba(239,185,77,.13)!important;color:#ffe4ab!important;
}
html body.md106z-ui .md103a-mobile-panel{
 background:linear-gradient(145deg,#101f33,#071221)!important;
 border-color:rgba(239,185,77,.36)!important;
}
html body.md106z-ui .md103a-mobile-head{border-bottom-color:rgba(239,185,77,.23)!important}
html body.md106z-ui .md103a-mobile-section{border-color:rgba(110,155,187,.20)!important;background:rgba(7,19,34,.66)!important}
html body.md106z-ui .md103a-mobile-section[open]>summary{color:#ffdfa0!important}
html body.md106z-ui .md103a-mobile-links a:focus-visible,
html body.md106z-ui :is(.topnav-link,.topnav-drop-item,.cv-district a,.cv-district button,.cv-district select):focus-visible{
 outline:3px solid #f1bd65!important;outline-offset:3px!important;
}
html body.md106z-ui.md103c-responsive-shell .main .wrap{max-width:1580px}
html body.md106z-ui .main .footer{color:rgba(164,187,207,.65)}
@media(max-width:980px){
 html body.md106z-ui.md103c-responsive-shell .topnav{gap:6px!important;padding:6px 8px!important}
 html body.md106z-ui.md103c-responsive-shell .topnav-link{min-height:40px!important;padding:9px 11px!important}
 html body.md106z-ui .md103a-mobile-menu-btn{background:linear-gradient(135deg,#a46d25,#dfb653)!important;color:#0b1625!important;border-color:#e8c879!important}
 html body.md106z-ui.md103c-responsive-shell .main .wrap{width:100%;max-width:100%}
}
@media(prefers-reduced-motion:reduce){html body.md106z-ui .topnav-link{transition:none!important}}

/* v28A106IQX2 — confirmed 100% zoom: corrected high-resolution shell readability.
   Prior BG stylesheet caps .main>.wrap at 1440px !important; the IQX1
   ordinary max-width:1580px could not override that limit.
   Scoped to City only: gameplay pages retain their independently tested grids.
   No navigation or role-authority changes. */
@media (min-width: 1181px) {
 html body.md106z-ui.md103c-responsive-shell main.main[data-md-page="city"] > .wrap {
   width:100%!important;
   max-width:min(94vw,2100px)!important;
   padding:24px clamp(24px,2vw,42px) 76px!important;
   margin-inline:auto!important;
   min-width:0!important;
 }
}
/* Legible header metrics at normal browser zoom, without moving status authority. */
@media (min-width: 1181px) {
 html body.md106z-ui.md103c-responsive-shell .topbar.hud .hud-strip {
   max-width:1220px!important;
   gap:6px!important;
 }
 html body.md106z-ui.md103c-responsive-shell .topbar.hud .hud-item {
   padding:7px 10px!important;
   min-height:43px!important;
 }
 html body.md106z-ui.md103c-responsive-shell .topbar.hud .hud-label {
   font-size:10px!important;
   line-height:1.3!important;
 }
 html body.md106z-ui.md103c-responsive-shell .topbar.hud .hud-meta {
   font-size:14px!important;
   line-height:1.35!important;
 }
 html body.md106z-ui.md103c-responsive-shell .topnav-link {
   font-size:13px!important;
   min-height:42px!important;
   padding:9px 14px!important;
 }
}
html body.md106z-ui.md103c-responsive-shell .topnav-drop-panel .topnav-drop-item {
  font-size:13px!important;
  line-height:1.35!important;
}