/* Equal Snapshot rows and a shared right-hand tile column. */
html.v2 .scene .state .panel.klSnapshotTiles .metrics{display:grid!important;grid-template-columns:1fr!important;grid-auto-rows:1fr!important;margin:18px 0 0!important;gap:0!important}
html.v2 .scene .state .panel.klSnapshotTiles .metric{display:grid!important;grid-template-columns:minmax(0,1fr) 100px!important;column-gap:12px!important;align-items:center!important;padding:12px 0!important;margin:0!important;border-top:1px solid rgba(220,238,255,.32)!important;box-sizing:border-box!important}
html.v2 .scene .state .panel.klSnapshotTiles .metric:last-child{border-bottom:1px solid rgba(220,238,255,.32)!important}
html.v2 .scene .state .panel.klSnapshotTiles .metric .lab{font-size:10px!important;line-height:1.4!important;letter-spacing:.08em!important}
html.v2 .scene .state .panel.klSnapshotTiles .metric .main{font-size:17px!important;line-height:1.2!important;margin-top:8px!important}
html.v2 .scene .state .panel.klSnapshotTiles .metric .small{font-size:12px!important;line-height:1.4!important;margin-top:5px!important}
.klSnapshotTile{width:100px;height:100px;border:1px solid rgba(161,203,246,.7);border-radius:12px;overflow:hidden;background:rgba(8,30,57,.5);box-sizing:border-box;position:relative;color:white}
.klTileCalendarTitle{font-size:9px;text-align:center;letter-spacing:.025em;padding:6px 3px 3px;font-weight:600}
.klTileCalendarGrid{display:grid;grid-template-columns:repeat(7,1fr);text-align:center;font-size:7px;line-height:12px;padding:0 4px}.klTileCalendarGrid b{font-weight:400;color:#adc1d7}.klTileCalendarGrid span.selected{font-size:11px;font-weight:700;background:#138bde;border-radius:3px;color:#fff}
.klTileMoon{width:100%;height:100%;display:block}.klTileHorizonLabel{position:absolute;bottom:3px;left:0;right:0;text-align:center;font-size:7px;letter-spacing:.03em;color:#c3d3e8;background:rgba(2,17,34,.5)}
.klTileRadarMap{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.klTileRadarLabel{position:absolute;bottom:0;left:0;right:0;background:rgba(3,20,36,.85);font-size:7px;line-height:1.35;text-align:center;padding:2px;color:#fff}.klTileRadarCredit{color:#b6dcff;text-decoration:none}.klTileMessage{padding:12px 5px;font-size:10px;line-height:1.4;text-align:center}
html.v2 .scene .state .panel.klSnapshotTiles #liveTimeBars.klSnapshotTimelines{margin-top:0!important;border-top:0!important;padding-top:18px!important}
html.v2 .scene .state .panel.klSnapshotTiles.klSnapshotCollapsed .metrics{display:none!important}
@media(max-width:350px){html.v2 .scene .state .panel.klSnapshotTiles .metric{grid-template-columns:minmax(0,1fr) 86px!important;column-gap:8px!important}.klSnapshotTile{width:86px;height:86px}.klTileCalendarGrid{font-size:6px;line-height:10px}.klTileCalendarTitle{font-size:8px}.klTileCalendarGrid span.selected{font-size:10px}html.v2 .scene .state .panel.klSnapshotTiles .metric .main{font-size:15px!important}html.v2 .scene .state .panel.klSnapshotTiles .metric .small{font-size:11px!important}}
.klConditionsMap{position:absolute;inset:0;overflow:hidden;background:#123658;filter:brightness(.55) saturate(.35)}.klConditionsBaseTile{position:absolute;width:100%;height:100%;max-width:none!important}.klConditionsOverlay{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.klConditionsTag{position:absolute;top:4px;left:4px;background:rgba(22,55,91,.85);border:1px solid rgba(188,215,244,.45);border-radius:7px;font-size:8px;padding:2px 5px;line-height:1.25}.klConditionsMarker{position:absolute;top:50%;left:5%;width:90%;font-size:8px;line-height:1.2;text-align:center;text-shadow:0 1px 3px #000;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.klConditionsCredit{position:absolute;left:0;right:0;bottom:0;color:#e8f5ff;background:rgba(3,20,36,.92);font-size:6px;line-height:1.5;text-align:center;text-decoration:none;padding:2px 0;white-space:nowrap}.klConditionsUnknown{position:absolute;left:5%;right:5%;top:66%;font-size:8px;line-height:1.15;text-align:center;background:rgba(3,20,36,.85)}.klConditionsUnknown[hidden]{display:none}
.klSnapshotTile[data-conditions-location]{cursor:pointer}.klSnapshotTile[data-conditions-location]:focus-visible{outline:2px solid #fff;outline-offset:3px}
.klConditionsDialog{width:min(92vw,680px);max-width:none;max-height:90dvh;padding:0;border:1px solid #7a9bbe;border-radius:16px;background:#102b48;color:#eef7ff;box-shadow:0 12px 45px #001a;overflow:hidden}.klConditionsDialog::backdrop{background:rgba(0,13,30,.72)}.klConditionsDialogHead{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px}.klConditionsClose{border:1px solid #91b9df;border-radius:8px;padding:7px 12px;color:#fff;background:#20476b;font:inherit}.klConditionsLargeMap{height:min(60dvh,500px);min-height:220px;width:100%;background:#163a58}.klConditionsMapNote{font-size:12px;line-height:1.4;padding:10px 16px;margin:0}.klConditionsMapStatus{padding:20px}.klConditionsDialog .leaflet-control-attribution{font-size:10px!important;white-space:normal}.klConditionsDialog .leaflet-tooltip{font-size:12px;color:#18324f}
.klConditionsLargeMap{position:relative;aspect-ratio:1;height:auto;min-height:0;max-height:60dvh;overflow:hidden;touch-action:auto}.klConditionsPopupBase{position:absolute;width:50%;height:50%;max-width:none!important;filter:brightness(.65) saturate(.55)}.klConditionsPopupWeather{position:absolute;inset:0;width:100%;height:100%;z-index:3;pointer-events:none}.klConditionsPopupCredit{font-size:10px;line-height:1.4;padding:4px 12px;background:#102b48}.klConditionsPopupCredit a{color:#c6e6ff}
.klConditionsLargeMap{width:min(100%,60dvh);margin:0 auto;max-height:none}
.klTileMoonStage{display:block;width:100%;height:100%;object-fit:cover}