.display-mode .map-stage{height:76vh;min-height:0}.display-mode .map-wrap{top:7vh;height:67vh}.display-mode .local-panel{display:grid;height:17vh;min-height:0;padding:0 clamp(24px,4vw,64px)}.display-mode .local-panel>div{padding:10px 20px}.display-mode .local-intro h2{font-size:22px;margin-top:5px}.display-mode .local-intro p{margin:2px 0;font-size:9px}.display-mode .local-clock time{font-size:clamp(30px,4vw,50px)}.display-mode .local-clock span{margin-top:4px}.display-mode .local-date strong{margin-top:5px;font-size:12px}.display-mode .local-date p{margin:3px 0;font-size:9px}.display-mode .sun-info{gap:7px}.display-mode .sun-icon{width:28px;height:28px;font-size:15px}.display-mode .sun-info b{font-size:14px}.display-mode .zone-info{gap:9px}.display-mode .city-strip{display:grid;height:7vh}.display-mode .city-card{padding:7px 18px}.display-mode .city-card small{font-size:7px}.display-mode .city-card h3{font-size:10px;margin:2px 0 3px}.display-mode .city-card time{font-size:16px}.display-mode .city-card p{display:none}.display-mode .city-card .day-state{top:10px;width:5px;height:5px}.display-mode .map-heading{top:82px}.display-mode .map-heading h1{font-size:clamp(34px,4vw,58px)}.display-mode .map-legend{top:82px}.display-mode .utc-scale{bottom:8px}@media(max-width:1000px){.display-mode .map-stage{height:78vh}.display-mode .local-panel{height:16vh}.display-mode .city-strip{height:6vh}.display-mode .city-card{padding:5px 10px}}@media(max-width:650px){.display-mode .map-stage{height:76vh}.display-mode .local-panel{height:18vh}.display-mode .city-strip{height:6vh}.display-mode .map-wrap{top:10vh;height:62vh}}