/* Mobile geometry has one owner; room state never changes HUD coordinates. */
@media(max-width:700px){
 html body .mobile-hud-layout.mobile-hud-layout :is(.palace-upper,.palace-header,.palace-footer,.room-lobby){grid-area:auto!important}
 html body .mobile-hud-layout.mobile-hud-layout{
  --hud-person-h:104px;--hud-h:154px;
  display:grid!important;grid-template-columns:minmax(0,1fr)!important;
  grid-template-rows:44px 164px 32px minmax(0,1fr) 42px 54px!important;
  padding:0 8px!important;gap:0!important;
 }
 html body .mobile-hud-layout.mobile-hud-layout.is-room-result{grid-template-rows:44px 164px 0 minmax(0,1fr) 0 54px!important}
 html body .mobile-hud-layout.mobile-hud-layout.is-room-result :is(.palace-rooms,.room-location){display:none!important}
 html body .mobile-hud-layout.mobile-hud-layout .palace-header{position:absolute!important;inset:0 0 auto!important;height:44px!important;margin:0!important;padding:0 8px!important;z-index:9}
 html body .mobile-hud-layout.mobile-hud-layout .palace-upper{position:absolute!important;inset:50px 8px auto!important;width:auto!important;height:var(--hud-h)!important;min-height:0!important;max-height:none!important;margin:0!important;padding:0!important;display:block!important;transform:none!important;z-index:8;pointer-events:none}
 html body .mobile-hud-layout.mobile-hud-layout .palace-upper>*{pointer-events:auto}
 html body .mobile-hud-layout.mobile-hud-layout .palace-person{position:absolute!important;inset:0 0 auto!important;width:100%!important;max-width:none!important;min-width:0!important;height:var(--hud-person-h)!important;min-height:var(--hud-person-h)!important;max-height:var(--hud-person-h)!important;box-sizing:border-box!important;display:grid!important;grid-template-columns:64px minmax(0,1fr)!important;gap:7px!important;margin:0!important;padding:6px!important;transform:none!important;overflow:hidden!important}
 html body .mobile-hud-layout.mobile-hud-layout .palace-face{width:64px!important;height:88px!important;min-width:0!important;align-self:center}
 html body .mobile-hud-layout.mobile-hud-layout .palace-person>span{display:grid!important;gap:3px!important;min-width:0!important;align-content:center}
 html body .mobile-hud-layout.mobile-hud-layout .palace-person>span>strong{font-size:18px!important;line-height:20px!important;min-height:36px!important;padding:0 62px 0 0!important;display:flex!important;flex-wrap:wrap!important;gap:0 4px!important;align-content:center;letter-spacing:0!important}
 html body .mobile-hud-layout.mobile-hud-layout .palace-person strong small{font-size:11px!important}
 html body .mobile-hud-layout.mobile-hud-layout .palace-birth-inline{position:static!important;display:flex!important;flex-basis:100%!important;width:auto!important;margin:0!important;font-size:8px!important;line-height:12px!important;gap:2px!important;white-space:nowrap}
 html body .mobile-hud-layout.mobile-hud-layout .palace-person-context{font-size:9px!important;line-height:13px!important;margin:0!important;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
 html body .mobile-hud-layout.mobile-hud-layout .palace-stats{display:grid!important;grid-template-columns:repeat(8,minmax(0,1fr))!important;gap:2px!important;width:100%!important}
 html body .mobile-hud-layout.mobile-hud-layout .palace-stats>span{display:grid!important;gap:0!important;font-size:8px!important;line-height:11px!important;text-align:center}
 html body .mobile-hud-layout.mobile-hud-layout .palace-stats b{font-size:14px!important;line-height:17px!important}
 html body .mobile-hud-layout.mobile-hud-layout .room-guide{position:absolute!important;inset:6px 6px auto auto!important;transform:none!important;margin:0!important;width:58px!important;min-width:58px!important;height:40px!important;min-height:40px!important;max-height:40px!important;box-sizing:border-box;padding:4px!important;display:grid!important;grid-template-rows:18px 11px!important;gap:1px!important;z-index:10}
 html body .mobile-hud-layout.mobile-hud-layout .room-guide>i{font-size:14px!important;line-height:18px!important;width:auto!important;height:18px!important;min-height:0!important;padding:0!important;background:none!important}
 html body .mobile-hud-layout.mobile-hud-layout .room-guide>span{display:block!important;font-size:9px!important;line-height:11px!important}
 html body .mobile-hud-layout.mobile-hud-layout .room-guide :is(strong,em){display:none!important}
 html body .mobile-hud-layout.mobile-hud-layout .palace-upper>.palace-faction-status{position:absolute!important;inset:110px 0 auto 0!important;width:auto!important;max-width:none!important;height:44px!important;margin:0!important;padding:2px 4px!important;display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;grid-template-rows:20px 20px!important;box-sizing:border-box;background:#142539;border:1px solid #a08a61}
 html body .mobile-hud-layout.mobile-hud-layout.has-authority-badge .palace-upper>.palace-faction-status{right:64px!important}
 html body .mobile-hud-layout.mobile-hud-layout .palace-upper>.palace-authority{position:absolute!important;inset:110px 0 auto auto!important;width:60px!important;height:44px!important;min-height:0!important;max-height:44px!important;padding:3px!important;margin:0!important;transform:none!important;display:flex!important;gap:1px!important;box-sizing:border-box}
 html body .mobile-hud-layout.mobile-hud-layout .palace-authority .authority-regalia-art{width:28px!important;height:20px!important}
 html body .mobile-hud-layout.mobile-hud-layout .palace-authority strong{font-size:12px!important;line-height:14px!important}
 html body .mobile-hud-layout.mobile-hud-layout .palace-authority :is(.authority-han,small){display:none!important}
 html body .mobile-hud-layout.mobile-hud-layout .faction-status-cell{min-width:0!important;display:flex!important;justify-content:center!important;padding:0!important;gap:0!important}
 html body .mobile-hud-layout.mobile-hud-layout .faction-status-cell>span{display:none!important}
 html body .mobile-hud-layout.mobile-hud-layout .faction-status-cell:before{content:attr(data-mobile)!important;display:block!important;color:#f3e6cd;font-size:10px!important;line-height:18px!important;letter-spacing:-.3px;white-space:nowrap}
 html body .mobile-hud-layout.mobile-hud-layout .faction-status-cell:after{display:none!important}
 html body .mobile-hud-layout.mobile-hud-layout .palace-story{display:none!important}
 html body .mobile-hud-layout.mobile-hud-layout .room-location{grid-row:3!important;grid-column:1!important;height:32px!important;margin:0!important;padding:0!important;align-self:center!important}
 html body .mobile-hud-layout.mobile-hud-layout .room-seal{width:32px!important;height:32px!important;min-width:32px!important;min-height:32px!important;padding:6px!important;font-size:18px!important}
 html body .mobile-hud-layout.mobile-hud-layout .room-name{font-size:21px!important;line-height:26px!important;margin:0!important}
 html body .mobile-hud-layout.mobile-hud-layout .room-caption{display:none!important}
 html body .mobile-hud-layout.mobile-hud-layout .palace-desk{grid-row:4!important;grid-column:1!important;min-height:0!important;width:100%!important;margin:0!important}
 html body .mobile-hud-layout.mobile-hud-layout .palace-rooms{grid-row:5!important;grid-column:1!important;position:relative!important;inset:auto!important;margin:0!important;padding:2px 0!important;height:42px!important}
 html body .mobile-hud-layout.mobile-hud-layout .palace-footer{grid-row:6!important;grid-column:1!important;position:absolute!important;inset:auto 0 0!important;height:54px!important;margin:0!important;padding:5px 8px!important;box-sizing:border-box}
 html body .mobile-hud-layout.mobile-hud-layout .residence-regalia{top:208px!important}
 html body .mobile-hud-layout.mobile-hud-layout .residence-hanging.hanging-right{height:32px!important;width:14px!important;right:2px!important}
 html body .mobile-hud-layout.mobile-hud-layout .residence-hanging>strong{font-size:8px!important}
 /* City signs stay anchored to the buildings in the portrait panorama. */
 html body .mobile-hud-layout.mobile-hud-layout.is-lobby .room-lobby{inset:210px 0 54px!important;display:block!important}
 html body .mobile-hud-layout.mobile-hud-layout.is-lobby .city-panorama{inset:0!important}
 html body .mobile-hud-layout.mobile-hud-layout.is-lobby .room-door.city-building{left:var(--mobile-building-x)!important;top:calc(100%*var(--mobile-building-y))!important;width:46%!important;height:76px!important;margin:0!important;transform:translate(-50%,-50%)!important}
 html body .mobile-hud-layout.mobile-hud-layout .door-court{--mobile-building-x:50%;--mobile-building-y:.18}
 html body .mobile-hud-layout.mobile-hud-layout .door-military{--mobile-building-x:24%;--mobile-building-y:.43}
 html body .mobile-hud-layout.mobile-hud-layout .door-guests{--mobile-building-x:76%;--mobile-building-y:.43}
 html body .mobile-hud-layout.mobile-hud-layout .door-archive{--mobile-building-x:24%;--mobile-building-y:.68}
 html body .mobile-hud-layout.mobile-hud-layout .door-map{--mobile-building-x:76%;--mobile-building-y:.68}
 html body .mobile-hud-layout.mobile-hud-layout.is-lobby .city-building .city-plaque{left:50%!important;top:50%!important;transform:translate(-50%,-50%)!important;width:100%!important;height:100%!important;min-width:0!important;max-width:none!important;padding:17px 12px!important;box-sizing:border-box;align-content:center;gap:5px!important}
 html body .mobile-hud-layout.mobile-hud-layout.is-lobby .city-plaque strong{font-size:15px!important}
 html body .mobile-hud-layout.mobile-hud-layout.is-lobby .city-plaque strong i{font-size:12px!important}
 html body .mobile-hud-layout.mobile-hud-layout.is-lobby .city-plaque small{font-size:10px!important}
 html body .mobile-hud-layout.mobile-hud-layout .is-outskirts .city-outskirts-places{inset:8px 8px 78px!important;gap:10px;align-content:center}
 html body .mobile-hud-layout.mobile-hud-layout .city-outskirts-places h2{font-size:18px!important;margin:0}
 html body .mobile-hud-layout.mobile-hud-layout .city-outskirts-places button{height:116px!important}
}
@media(max-width:700px) and (max-height:650px){
 html body .mobile-hud-layout.mobile-hud-layout.is-lobby .room-door.city-building{height:64px!important}
 html body .mobile-hud-layout.mobile-hud-layout .door-court{--mobile-building-y:.12}
 html body .mobile-hud-layout.mobile-hud-layout :is(.door-military,.door-guests){--mobile-building-y:.36}
 html body .mobile-hud-layout.mobile-hud-layout :is(.door-archive,.door-map){--mobile-building-y:.62}
 html body .mobile-hud-layout.mobile-hud-layout .palace-card-deck .palace-command:not([data-management]){grid-template-rows:minmax(24px,1fr) 30px 18px 14px 14px!important;padding:7px 10px 24px!important;gap:1px!important}
 html body .mobile-hud-layout.mobile-hud-layout .palace-command:not([data-management])>.palace-command-art{grid-row:1!important;min-height:0!important}
 html body .mobile-hud-layout.mobile-hud-layout .palace-command:not([data-management])>strong{grid-row:2!important;font-size:13px!important;line-height:15px!important}
 html body .mobile-hud-layout.mobile-hud-layout .palace-command:not([data-management])>.palace-command-rate{grid-row:3!important;font-size:12px!important;line-height:18px!important}
 html body .mobile-hud-layout.mobile-hud-layout .palace-command:not([data-management])>.command-paths{position:static!important;grid-row:4!important;font-size:9px!important;line-height:14px!important}
 html body .mobile-hud-layout.mobile-hud-layout .palace-command:not([data-management])>.palace-command-growth{grid-row:5!important;font-size:9px!important;line-height:14px!important}
 html body .mobile-hud-layout.mobile-hud-layout .palace-command>small{display:none!important}
 html body .mobile-hud-layout.mobile-hud-layout .palace-command-art>i{width:24px!important;min-width:24px!important;height:26px!important;padding:5px!important;font-size:15px!important}
}
@media(min-width:701px){
 html body .city-experience.is-lobby .city-relocation{left:22px!important;top:auto!important;bottom:12px!important;transform:none!important}
 html body .city-experience.is-lobby .city-home{left:50%!important;top:auto!important;bottom:12px!important;transform:translateX(-50%)!important;width:130px!important;height:98px!important;padding:28px 14px 10px!important}
 html body .city-experience.is-lobby .city-outside-toggle{right:22px!important;top:auto!important;bottom:12px!important;transform:none!important}
}