/* Stadium identity and the match's natural-light information. */
.seat-panel .locator-fields:has(#rowField[hidden]) { grid-template-columns:1fr; }
.seat-empty { margin:4px 0 20px; padding:23px 19px; border:1px solid #d6e9f222; border-radius:20px; background:linear-gradient(135deg,#d3e8f00d,#c5dce903); box-shadow:inset 0 1px #ffffff0b; }
.seat-empty-icon { display:grid; place-items:center; width:39px; height:39px; margin-bottom:18px; border:1px solid #d6e9f22b; border-radius:13px; color:#bdd2dd; background:#c8e0ed08; }
.seat-empty-icon svg { width:20px; height:20px; }
.seat-empty strong { display:block; font-size:15px; font-weight:500; color:#e0edf3; letter-spacing:-.02em; line-height:1.5; }
.seat-empty p { margin:9px 0 0; color:#a4bac6; font-size:12px; line-height:1.8; }
.glass-nav .stadium-brand,footer .stadium-brand { gap:9px; letter-spacing:0; min-width:0; }
.stadium-brand .brand-mark,.glass-nav .stadium-brand .brand-mark,footer .stadium-brand .brand-mark {
  display:flex; align-items:center; justify-content:center; width:70px; height:50px;
  flex:none; border:0; background:transparent; box-shadow:none; overflow:visible;
}
.stadium-brand .brand-mark img { width:70px; height:64px; object-fit:contain; display:block; }
.brand-wordmark { display:flex; flex-direction:column; gap:4px; white-space:nowrap; text-align:left; }
.brand-wordmark>span { color:#a8c5d6; font-size:9px; font-weight:500; letter-spacing:.24em; }
.brand-wordmark strong { color:#f1f7fb; font-size:15px; font-weight:600; letter-spacing:.055em; line-height:1; }
.arena-symbol.stadium-symbol { width:60px; height:46px; border:0; background:none; box-shadow:none; }
.stadium-symbol img { display:block; width:60px; height:55px; object-fit:contain; }
.stadium-footer { display:grid; grid-template-columns:1fr auto; align-items:center; column-gap:30px; row-gap:24px; padding-top:36px; }
.footer-context { text-align:right; }
.footer-context p { margin:0 0 8px; color:#b8cad4; font-size:12px; }
.footer-context>span { font-size:8px; color:#94aab7; letter-spacing:.07em; }
footer .creator-credit { grid-column:1/-1; display:block; width:100%; margin:0; border-top:1px solid #d4edff18; padding:21px 0 0; text-align:center; color:#a5bac6; font-size:12px; letter-spacing:0; }
.creator-credit strong { font-weight:500; color:#e6f2f8; }

.fixture-light { grid-column:1/-1; display:flex; align-items:center; gap:12px; margin:21px 0 0; padding:14px 18px; width:fit-content; max-width:100%; border:1px solid #d4edfc25; border-radius:18px; background:linear-gradient(125deg,#d2e8f51a,#c7ddeb03); box-shadow:inset 0 1px #f4fbff14; }
.fixture-light-icon { width:33px; height:33px; display:grid; place-items:center; flex:none; border-radius:50%; background:#f4dc9b13; color:#f2dca4; }
.fixture-light-icon svg { width:20px; height:20px; }
.fixture-light>svg.fixture-light-icon { width:38px; height:38px; padding:9px; box-sizing:border-box; }
.fixture-light-copy { min-width:0; display:flex; flex-direction:column; gap:6px; }
.fixture-light-copy strong { color:#eaf4fa; font-size:13px; font-weight:500; line-height:1.4; }
.fixture-light-copy span { color:#a7bbc8; font-size:11px; line-height:1.6; }
.fixture-light[data-phase="night"] .fixture-light-icon { background:#b7d4ff16; color:#bdd9fa; }
.fixture-light[data-phase="twilight"] .fixture-light-icon { background:#edbd9517; color:#e9bd9e; }

.lighting-status { display:flex; align-items:center; gap:13px; padding:17px 18px; margin:1px 0 14px; border:1px solid #deeffc25; border-radius:19px; background:linear-gradient(120deg,#d7e8f417,#1c2b350a); box-shadow:inset 0 1px #ffffff13; }
.lighting-status-icon { display:grid; place-items:center; width:38px; height:38px; flex:none; color:#f3d89e; background:#efd39712; border:1px solid #efd39726; border-radius:13px; }
.lighting-status-icon svg { width:20px; height:20px; }
.lighting-status-copy { min-width:0; display:flex; flex-direction:column; gap:5px; }
.lighting-status-copy>span { color:#a7becb; font-size:8px; letter-spacing:.1em; text-transform:uppercase; line-height:1.6; }
.lighting-status-copy strong { font-size:12px; color:#e9f3f9; font-weight:500; line-height:1.5; }
.lighting-status-copy small { color:#98b0bf; font-size:10px; line-height:1.6; }
.lighting-status[data-phase="night"] .lighting-status-icon { color:#c0daff; background:#b1ceff12; border-color:#c8ddfc26; }
.lighting-status[data-phase="twilight"] .lighting-status-icon { color:#efbf9d; background:#dbad8b12; border-color:#dfb99e26; }
#autoLighting { display:flex; align-items:center; justify-content:center; gap:8px; flex:none; margin-left:auto; padding:11px 13px; min-height:44px; border:1px solid #e9f6ff40; border-radius:25px; color:#e7f6ff; background:linear-gradient(135deg,#dbf3ff1f,#bdddef09); font-size:11px; box-shadow:inset 0 1px #ffffff1f; cursor:pointer; }
#autoLighting svg { width:15px; height:15px; }
#autoLighting:hover { background:#d6f1ff26; border-color:#e9f6ff6b; }
#autoLighting:focus-visible { outline:2px solid #cdefff; outline-offset:3px; }

@media(max-width:1000px) {
  .glass-nav nav a { padding-inline:13px; }
  .glass-nav .stadium-brand .brand-mark { width:58px; }
  .glass-nav .stadium-brand .brand-mark img { width:58px; height:53px; }
  .glass-nav .brand-wordmark strong { font-size:13px; }
}
@media(max-width:650px) {
  .glass-nav .stadium-brand { gap:6px; }
  .glass-nav .stadium-brand .brand-mark { width:48px; height:38px; }
  .glass-nav .stadium-brand .brand-mark img { width:48px; height:44px; }
  .glass-nav .brand-wordmark { gap:4px; }
  .glass-nav .brand-wordmark>span { font-size:7px; letter-spacing:.20em; }
  .glass-nav .brand-wordmark strong { font-size:11px; letter-spacing:.025em; }
  .glass-nav .nav-find .nav-find-arrow { margin-left:3px; }
  .arena-symbol.stadium-symbol { width:42px; height:38px; }
  .stadium-symbol img { width:44px; height:40px; }
  .fixture-light { width:100%; padding:13px; border-radius:15px; gap:10px; }
  .fixture-light-copy strong { font-size:12px; }
  .fixture-light-copy span { font-size:10px; }
  .lighting-status { flex-wrap:wrap; gap:11px; padding:15px 13px; border-radius:18px; }
  .lighting-status-copy { flex:1; min-width:180px; }
  .lighting-status-copy strong { font-size:12px; }
  #autoLighting { margin:1px 0 0 49px; }
  .stadium-footer { display:flex; flex-direction:column; align-items:flex-start; gap:22px; }
  .footer-context { text-align:left; padding-left:8px; }
  .footer-context>span { font-size:7px; line-height:1.8; }
  footer .creator-credit { font-size:12px; padding-top:20px; }
}
@media(max-width:370px) {
  .glass-nav .stadium-brand .brand-mark { width:40px; }
  .glass-nav .stadium-brand .brand-mark img { width:42px; height:39px; }
  .glass-nav .brand-wordmark strong { font-size:10px; }
}