/* ContestProp LIVE v1.4.8: compact left status cluster, right nav, map clock. */
.live-header{grid-template-columns:auto minmax(180px,1fr) auto!important;gap:12px!important}
.brand-block{display:flex!important;align-items:center!important;gap:7px!important;min-width:0}
.live-logo{flex:0 0 auto}.live-badge{margin-left:0!important}.version{align-self:center!important;margin:0 4px 0 0!important;white-space:nowrap}
.header-status-inline{display:flex;align-items:center;gap:12px;min-width:0;margin-left:2px}
.header-status-inline>div{display:flex;flex-direction:column;align-items:flex-start;line-height:1.05;white-space:nowrap}
.header-status-inline .label{margin-bottom:4px}.header-status-inline strong{font-size:17px;letter-spacing:.035em}
.event-banner{grid-column:2!important;justify-self:center!important;max-width:100%!important}
.header-right{grid-column:3!important;justify-self:end!important;display:flex!important;align-items:center!important;gap:0!important}
.live-header-actions{display:flex!important;align-items:center!important;gap:5px!important}

.map-heading{display:grid!important;grid-template-columns:minmax(0,1fr) auto auto;gap:12px!important;align-items:center!important}
.map-heading>div:first-child{min-width:0}.map-updated{white-space:nowrap}
.map-clock{display:flex;align-items:baseline;justify-content:flex-end;gap:6px;min-width:112px;white-space:nowrap;padding-left:10px;border-left:1px solid #26384a}
.map-clock strong{font-size:22px;line-height:1;font-variant-numeric:tabular-nums;letter-spacing:.035em;color:#fff}
.map-clock span{font-size:9px;font-weight:900;letter-spacing:.16em;color:var(--muted)}

@media (max-width:1600px), (max-height:900px){
  .live-header{grid-template-columns:auto minmax(130px,1fr) auto!important;gap:9px!important}
  .brand-block{gap:6px!important}.live-logo{width:190px!important}.live-badge{font-size:16px!important;padding:6px 8px!important}.version{font-size:10px!important;margin-right:2px!important}
  .header-status-inline{gap:9px}.header-status-inline strong{font-size:15px}.header-status-inline .label{font-size:8px}
  .live-header-actions{gap:4px!important}.live-nav-button{height:26px!important;padding:0 7px!important;font-size:8px!important}
  .map-heading{gap:8px!important}.map-clock{min-width:104px;padding-left:8px}.map-clock strong{font-size:20px}.map-clock span{font-size:8px}
}

@media (max-width:1250px){
  .live-logo{width:165px!important}.header-status-inline{gap:7px}.header-status-inline strong{font-size:14px}.version{display:none}
  .map-clock{min-width:94px}.map-clock strong{font-size:18px}
}

/* Larger opening text: use the card height for a full-width path/detail row. */
.opening-row{
  grid-template-columns:minmax(0,1fr) auto!important;
  grid-template-rows:auto auto;
  align-content:center;
  gap:8px 12px!important;
  padding:10px 12px!important;
}
.opening-band{grid-column:1;grid-row:1;font-size:32px!important;line-height:1.1}
.opening-band small{font-size:16px}
.opening-score{grid-column:2;grid-row:1;min-width:0;display:flex;flex-direction:column;justify-content:center;align-items:flex-end;gap:4px}
.opening-score strong{font-size:32px!important;line-height:1.1;min-width:3ch;text-align:right;font-variant-numeric:tabular-nums;flex-shrink:0}
.opening-score span{font-size:12px!important;line-height:1.2!important;margin-top:0;white-space:nowrap!important}
.opening-main{grid-column:1/-1;grid-row:2}
.opening-region{font-size:20px!important;line-height:1.2;white-space:normal;overflow-wrap:anywhere}
.opening-meta{font-size:13px!important;line-height:1.3;margin-top:5px;white-space:normal;overflow-wrap:anywhere;color:#b9cad9}
@media(max-height:900px){
  .opening-row{gap:5px 10px!important;padding:7px 10px!important}
  .opening-band,.opening-score strong{font-size:28px!important}
  .opening-region{font-size:18px!important}
  .opening-meta{font-size:12px!important;margin-top:3px}
}
@media(max-height:760px){
  .opening-row{gap:3px 8px!important;padding:5px 9px!important}
  .opening-band,.opening-score strong{font-size:24px!important}
  .opening-region{font-size:16px!important}
  .opening-meta{font-size:11px!important;margin-top:2px}
  .opening-score span{font-size:11px!important}
}

/* Keep the badge next to the rendered logo and the alert over the map. */
.live-logo{width:auto!important;height:48px;max-width:160px;object-fit:contain}
.live-header{position:relative}
.event-banner{
  position:absolute;
  left:var(--map-header-center,50%);
  top:50%;
  transform:translate(-50%,-50%);
  width:max-content;
  max-width:var(--map-header-alert-width,40vw)!important;
  text-align:center;
}

/* Align header status and alert to the world propagation panel. */
.header-status-inline{
  position:absolute;
  left:var(--map-header-start,20vw);
  top:50%;
  transform:translateY(-50%);
  margin-left:0;
}
.event-banner{
  grid-column:auto!important;
  grid-row:auto!important;
  justify-self:start!important;
}