/* Slim monitoring equipment sits along the edge of the isometric city. */
.city-instruments{width:100%;max-width:1740px;margin:-17px auto 0;position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:7vw;row-gap:12px;z-index:3;padding:0 12px}
.city-monitor{position:relative;border:2px solid #6d7168;border-radius:5px;background:#181d16;box-shadow:inset 0 0 0 5px #33392f,inset 0 0 0 7px #20261c,7px -4px 0 #4d5248,9px -6px 0 #b2b5ac,0 7px 5px #1b261014;color:#e9eddf;height:75px;padding:11px 15px 8px;min-width:0}
.city-monitor-title{display:flex;justify-content:space-between;gap:8px;font:11px/1.2 Manrope,sans-serif;color:#b4bca6}.city-monitor-title small{font:7px/1.5 var(--mono);letter-spacing:.6px;color:#89917e}.city-monitor-reading{display:flex;align-items:baseline;gap:6px;margin-top:5px;font:600 26px/1 Manrope,sans-serif;letter-spacing:-1px}.city-monitor-reading small{font:10px Manrope,sans-serif;color:#b4bea0;letter-spacing:0}.city-monitor svg{position:absolute;right:18px;bottom:14px;width:54%;height:29px;overflow:visible}.city-monitor-line{stroke:#ccff00;stroke-width:1.3;fill:none}.city-monitor-area{fill:#ccff000c;stroke:none}.city-monitor circle{fill:#ccff00}.monitor-foot:before,.monitor-foot:after{content:'';position:absolute;bottom:-10px;width:8px;height:8px;border-radius:0 0 2px 2px;background:#73786b}.monitor-foot:before{left:16px}.monitor-foot:after{right:16px}.city-instruments>p{grid-column:1/-1;text-align:center;font:8px/1.5 Manrope,sans-serif;text-transform:uppercase;color:#8b9183;margin:4px 0 0;letter-spacing:.2px}
.city-hotspot{background:linear-gradient(155deg,#636463,#474847 32%,#2d2e2d);border:1px solid #727472;color:#e5e6e5;box-shadow:inset 0 1px 1px #ffffff73,inset 0 -2px 1px #141614,0 3px 3px #29352432;padding:7px 13px;font-size:10px}.city-hotspot:hover,.city-hotspot[aria-pressed=true]{background:linear-gradient(155deg,#62675a,#30332b);color:#ccff00;border-color:#89916c}
#city-controls{border:0;padding:0;margin-top:5px;position:absolute;right:4%;width:auto;bottom:24px}.city-tablist{display:none}.city-caption>span{display:none}.city-motion{width:30px;height:30px;background:#f0f2eb}#city-info{margin:8px auto 0;width:80%;max-width:1100px;grid-template-columns:36px 1fr auto;min-height:90px;padding:0 45px 20px 0;gap:12px}.city-info-label{font-size:7px;margin-bottom:4px}#city-info h3{font-size:16px;margin-bottom:4px}#city-info p{font-size:11px;max-width:820px}#city-info>a{font-size:10px}
@media(max-width:900px){.city-instruments{gap:22px}.city-monitor-title small{display:none}.city-monitor-reading{font-size:23px}.city-monitor svg{width:45%}.city-monitor{padding:12px;height:75px}#city-info{width:90%;grid-template-columns:30px 1fr}#city-info>a{grid-column:2}}
@media(max-width:600px){.city-instruments{margin:14px auto 0;gap:10px;padding:0 16px}.city-monitor{height:102px;padding:10px 8px;box-shadow:inset 0 0 0 3px #33392f,3px -3px #858b7e}.city-monitor-title{font-size:8px}.city-monitor-reading{font-size:22px;margin-top:8px}.city-monitor-reading small{font-size:7px}.city-monitor svg{width:80%;bottom:12px;right:8%;height:20px}.city-instruments>p{font-size:6px;margin-top:5px}.city-hotspot{font-size:9px;padding:5px 9px}#city-info{padding-right:30px}}