/* City-only styling; creature, hamlet and building tooltips keep their layout. */
body.cozy-pixel-ui #inspect.city-inspect{
  left:282px;right:auto;top:auto;bottom:24px;width:350px;max-width:calc(100% - 370px);
  max-height:calc(100% - 48px);box-sizing:border-box;overflow:auto;overscroll-behavior:contain;
  padding:9px 10px 10px;color:#302416;z-index:15;line-height:1.35;
  font-family:'Trebuchet MS',Arial,sans-serif;font-size:13px;pointer-events:none;
  scrollbar-width:thin;scrollbar-color:#ad8651 #eed19b;
}
body.cozy-pixel-ui #inspect.city-inspect-pinned.city-inspect{pointer-events:auto}
#inspect.city-inspect article{position:relative}
#inspect.city-inspect .city-inspect-heading{display:grid;grid-template-columns:48px minmax(0,1fr);gap:11px;align-items:start;padding-right:7px}
#inspect.city-inspect h3{font:bold 23px/1.06 Georgia,'Times New Roman',serif;color:#302416;margin:0 12px 6px 0;overflow-wrap:anywhere;letter-spacing:-.35px}
#inspect.city-inspect .city-inspect-banner{display:block;width:48px;height:84px;margin-top:-6px}
#inspect.city-inspect .city-inspect-subtitle{font-size:12px;line-height:1.45}
#inspect.city-inspect .city-inspect-peace{color:#38623c;white-space:nowrap}
#inspect.city-inspect .city-inspect-danger{color:#8b342c}
#inspect.city-inspect .city-inspect-description{font:11px/1.45 ui-monospace,'Courier New',monospace;margin:8px 0 2px;color:#44321e}
#inspect.city-inspect .city-inspect-close{
  position:absolute;right:-8px;top:-8px;width:24px;height:24px;min-width:0;min-height:0;padding:0;
  display:grid;place-items:center;line-height:1;font:20px Georgia,serif;color:#5e4326;
  border:0;border-image:none;border-radius:4px;background:transparent;box-shadow:none;cursor:pointer;
}
#inspect.city-inspect .city-inspect-close:hover{background:#c69c5d55;color:#281d11}
#inspect.city-inspect .city-inspect-close:focus-visible{outline:2px solid #6b502c;outline-offset:1px}
#inspect.city-inspect .city-inspect-section{position:relative;border:0;border-top:1px solid #ac8a55;margin:12px 0 0;padding:11px 0 0;background:none;box-shadow:none}
#inspect.city-inspect .city-inspect-section::before,#inspect.city-inspect .city-inspect-section::after{content:'';position:absolute;top:-3px;width:3px;height:3px;border:1px solid #967247;background:#e5c184}
#inspect.city-inspect .city-inspect-section::before{left:0}
#inspect.city-inspect .city-inspect-section::after{right:0}
#inspect.city-inspect .city-inspect-stat{display:grid;grid-template-columns:24px minmax(0,1fr) auto;gap:7px;align-items:center;min-height:25px}
#inspect.city-inspect .city-inspect-stat b{font:12px/1.3 ui-monospace,'Courier New',monospace;font-variant-numeric:tabular-nums;white-space:nowrap}
#inspect.city-inspect .city-inspect-stat small{font-size:10px;color:#695034}
#inspect.city-inspect .city-inspect-icon{display:block;width:23px;height:23px;flex:none;overflow:visible}
#inspect.city-inspect .city-inspect-meter{height:10px;border:1px solid #865e37;border-radius:4px;background:#d8ba84;overflow:hidden;margin:2px 0 0 31px;box-sizing:border-box;box-shadow:inset 0 1px 2px #78552635}
#inspect.city-inspect .city-inspect-meter>span{display:block;height:100%;box-shadow:inset 0 1px #ffffff50}
#inspect.city-inspect .city-inspect-meter.health>span{background:#cb4a45}
#inspect.city-inspect .city-inspect-meter.condition>span{background:#7c9946}
#inspect.city-inspect .city-inspect-supplies{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:14px;row-gap:4px}
#inspect.city-inspect .city-inspect-supplies .city-inspect-stat{grid-template-columns:20px minmax(0,1fr) auto;gap:5px;font-size:12px}
#inspect.city-inspect .city-inspect-supplies .city-inspect-icon{width:20px;height:20px}
#inspect.city-inspect .city-inspect-supplies .city-inspect-stat:nth-child(even){position:relative}
#inspect.city-inspect .city-inspect-supplies .city-inspect-stat:nth-child(even)::before{content:'';position:absolute;left:-8px;top:-2px;bottom:-2px;width:1px;background:#ba996655}
#inspect.city-inspect .city-inspect-segments{display:flex;gap:3px;margin:3px 0 10px 31px}
#inspect.city-inspect .city-inspect-segments>span{flex:1;min-width:0;height:10px;background:#d8ba8444;border:1px solid #967e57;border-radius:2px;overflow:hidden}
#inspect.city-inspect .city-inspect-segments i{display:block;height:100%;background:#4b697b;box-shadow:inset 0 1px #ffffff40}
#inspect.city-inspect .city-inspect-repairs{font:10px/1.4 ui-monospace,'Courier New',monospace;margin:5px 0 0 31px;color:#60472b}
#inspect.city-inspect .city-inspect-status>div{display:flex;gap:10px;align-items:flex-start}
#inspect.city-inspect .city-inspect-status>div+div{margin-top:12px}
#inspect.city-inspect .city-inspect-status strong{font-size:13px;color:#302416}
#inspect.city-inspect .city-inspect-status p{font:11px/1.45 ui-monospace,'Courier New',monospace;margin:2px 0 0;color:#44321e;overflow-wrap:anywhere}
#inspect.city-inspect .city-inspect-status .city-inspect-history{margin-top:5px;color:#644b30}
#inspect.city-inspect .city-inspect-hint{margin:10px 0 0;font:10px/1.4 ui-monospace,'Courier New',monospace;color:#644b30;text-align:center}
@media(max-width:900px){
  body.cozy-pixel-ui #inspect.city-inspect{left:250px;bottom:18px;width:340px;max-width:calc(100% - 325px)}
}
@media(max-width:700px){
  body.cozy-pixel-ui #inspect.city-inspect{left:10px;right:auto;top:164px;bottom:auto;width:350px;max-width:calc(100% - 80px);max-height:calc(100% - 246px);padding:7px 8px}
  #inspect.city-inspect h3{font-size:21px}
  #inspect.city-inspect .city-inspect-heading{grid-template-columns:38px minmax(0,1fr);gap:8px}
  #inspect.city-inspect .city-inspect-banner{width:38px;height:67px}
  #inspect.city-inspect .city-inspect-supplies{column-gap:10px}
  #inspect.city-inspect .city-inspect-supplies .city-inspect-stat{grid-template-columns:18px minmax(0,1fr) auto;gap:3px;font-size:11px}
  #inspect.city-inspect .city-inspect-stat b{font-size:11px}
  #inspect.city-inspect .city-inspect-supplies .city-inspect-stat:nth-child(even)::before{left:-5px}
}
@media(max-width:400px){
  body.cozy-pixel-ui #inspect.city-inspect{max-width:calc(100% - 70px)}
  #inspect.city-inspect .city-inspect-supplies{grid-template-columns:minmax(0,1fr)}
  #inspect.city-inspect .city-inspect-supplies .city-inspect-stat{grid-template-columns:23px minmax(0,1fr) auto;font-size:12px;gap:7px}
  #inspect.city-inspect .city-inspect-supplies .city-inspect-stat:nth-child(even)::before{display:none}
}
@media(max-height:520px) and (min-width:520px){
  body.cozy-pixel-ui #inspect.city-inspect{left:auto;right:76px;top:8px;bottom:auto;width:330px;max-width:calc(100% - 90px);max-height:calc(100% - 16px)}
}

#inspect.city-inspect .city-inspect-vengeance .city-inspect-stat{color:#803b27;font-weight:bold}
#inspect.city-inspect .city-inspect-vengeance p{margin:6px 0 0 31px;font:11px/1.5 ui-monospace,'Courier New',monospace;color:#44321e}
#inspect.city-inspect .city-inspect-vengeance strong{color:#803b27}