/* Selective glass surfaces. The table uses an opaque, static highlight. */
:root{--glass-surface:rgba(255,255,255,.64);--glass-fallback:#f7faf8;--glass-edge:rgba(92,119,101,.2);--glass-shine:rgba(255,255,255,.94);--glass-shadow:0 8px 24px rgba(31,54,39,.055);--glass-halo:rgba(146,179,155,.16);--glass-warm:rgba(211,197,154,.12);--glass-tab:rgba(233,243,236,.82);--glass-rank:linear-gradient(135deg,rgba(87,116,99,.94),rgba(43,68,53,.98));--pilot-row:#eaf3ed;--pilot-edge:#c4d8cb;--pilot-accent:#315c41;--pilot-badge:#f8fcf9}
:root[data-theme="dark"]{--glass-surface:rgba(30,42,35,.66);--glass-fallback:#1d2922;--glass-edge:rgba(173,205,183,.22);--glass-shine:rgba(213,237,221,.15);--glass-shadow:0 8px 24px rgba(0,0,0,.17);--glass-halo:rgba(104,161,123,.13);--glass-warm:rgba(179,158,103,.06);--glass-tab:rgba(55,83,64,.78);--glass-rank:linear-gradient(135deg,rgba(88,121,101,.94),rgba(41,66,50,.97));--pilot-row:#263d2e;--pilot-edge:#486953;--pilot-accent:#b2debf;--pilot-badge:#304e3b}
:root[data-theme="gray"]{--glass-surface:rgba(65,75,68,.69);--glass-fallback:#404b43;--glass-edge:rgba(196,215,201,.28);--glass-shine:rgba(241,250,244,.18);--glass-shadow:0 8px 24px rgba(0,0,0,.1);--glass-halo:rgba(166,198,175,.13);--glass-warm:rgba(203,189,152,.07);--glass-tab:rgba(86,110,93,.8);--glass-rank:linear-gradient(135deg,rgba(85,115,96,.96),rgba(55,79,63,.99));--pilot-row:#465d4d;--pilot-edge:#7c9985;--pilot-accent:#d3f1dc;--pilot-badge:#3a5141}
.zgt-header{position:relative;isolation:isolate}
.zgt-header:before{content:"";position:absolute;inset:5px -10px -8px;z-index:-1;pointer-events:none;border:1px solid var(--glass-edge);border-radius:22px;background:radial-gradient(ellipse at 5% 0%,var(--glass-halo),transparent 65%),radial-gradient(ellipse at 100% 100%,var(--glass-warm),transparent 60%),var(--glass-fallback);box-shadow:inset 0 1px 0 var(--glass-shine),var(--glass-shadow)}
html:root .site-header.zgt-header .zgt-driver-card{background:var(--glass-fallback);border-color:var(--glass-edge);box-shadow:inset 0 1px 0 var(--glass-shine),var(--glass-shadow)}
#openMenu{background:var(--glass-fallback);border-color:var(--glass-edge);box-shadow:inset 0 1px 0 var(--glass-shine),0 3px 10px rgba(24,43,31,.07);transition:background-color .16s ease,box-shadow .16s ease,transform .12s ease}
#openMenu:active{transform:scale(.96)}
@media(hover:hover){#openMenu:hover{box-shadow:inset 0 1px 0 var(--glass-shine),0 5px 14px rgba(24,43,31,.12)}}
.view-tabs .view-tab.active,.score-view-tabs .score-view-tab.active{background:var(--glass-tab);border-radius:10px 10px 3px 3px;box-shadow:inset 0 1px 0 var(--glass-shine),inset 1px 0 0 var(--glass-edge),inset -1px 0 0 var(--glass-edge);color:var(--accent)}
#headerRaceRank{background:var(--glass-rank);border:1px solid rgba(214,236,222,.3);color:#fff;box-shadow:inset 0 1px 0 rgba(255,255,255,.28),inset 0 -1px 0 rgba(0,0,0,.12),0 3px 10px rgba(25,49,34,.1)}
#headerRaceRank dt{opacity:.95}#headerRaceRank>div+div{border-top-color:rgba(240,255,245,.32)}
@supports ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){
  .zgt-header:before{background:radial-gradient(ellipse at 5% 0%,var(--glass-halo),transparent 65%),radial-gradient(ellipse at 100% 100%,var(--glass-warm),transparent 60%),var(--glass-surface);-webkit-backdrop-filter:blur(10px) saturate(115%);backdrop-filter:blur(10px) saturate(115%)}
  html:root .site-header.zgt-header .zgt-driver-card{background:var(--glass-surface)}
  #openMenu{background:var(--glass-surface);-webkit-backdrop-filter:blur(8px) saturate(115%);backdrop-filter:blur(8px) saturate(115%)}
  .view-tabs .view-tab.active,.score-view-tabs .score-view-tab.active{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
}
/* Opaque sticky cells prevent underlying rows from showing through on scroll. */
html:root #categoryTables .category-card tr.is-profile-pilot>td{background:var(--pilot-row);box-shadow:inset 0 1px 0 var(--pilot-edge),inset 0 -1px 0 var(--pilot-edge)}
html:root #categoryTables .category-card tr.is-profile-pilot>td:first-child{box-shadow:inset 3px 0 0 var(--pilot-accent),inset 0 1px 0 var(--pilot-edge),inset 0 -1px 0 var(--pilot-edge)}
html:root #categoryTables .category-card tr.is-profile-pilot>td:last-child{box-shadow:inset -1px 0 0 var(--pilot-edge),inset 0 1px 0 var(--pilot-edge),inset 0 -1px 0 var(--pilot-edge)}
.profile-pilot-name{display:inline-block;max-width:calc(100% - 30px);vertical-align:middle;overflow:hidden;text-overflow:ellipsis}
.profile-pilot-badge{display:inline-block;vertical-align:middle;margin-left:4px;border:1px solid var(--pilot-edge);border-radius:4px;padding:0 3px;background:var(--pilot-badge);color:var(--pilot-accent);font-size:8px;line-height:13px;font-weight:750}
@media(prefers-reduced-motion:reduce){#openMenu{transition:none}#openMenu:active{transform:none}}
@media(prefers-reduced-transparency:reduce){.zgt-header:before,html:root .site-header.zgt-header .zgt-driver-card,#openMenu,.view-tabs .view-tab.active,.score-view-tabs .score-view-tab.active{background:var(--glass-fallback);-webkit-backdrop-filter:none;backdrop-filter:none}}
@media(forced-colors:active){.zgt-header:before,html:root .site-header.zgt-header .zgt-driver-card,#openMenu,#headerRaceRank,.view-tabs .view-tab.active,.score-view-tabs .score-view-tab.active{background:Canvas;color:CanvasText;border-color:ButtonText;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}.view-tabs .view-tab.active,.score-view-tabs .score-view-tab.active{border-bottom-color:Highlight}html:root #categoryTables .category-card tr.is-profile-pilot>td{background:Canvas;box-shadow:none;border-top:1px solid Highlight;border-bottom:1px solid Highlight}.profile-pilot-badge{background:Canvas;color:Highlight;border-color:Highlight}}
/* Campaign uses the same quiet, opaque profile highlight as classification. */
html:root .campaign-rivals tr.campaign-you>td{background:var(--pilot-row);box-shadow:inset 0 1px 0 var(--pilot-edge),inset 0 -1px 0 var(--pilot-edge);font-weight:700}
html:root .campaign-rivals tr.campaign-you>td:first-child{box-shadow:inset 3px 0 0 var(--pilot-accent),inset 0 1px 0 var(--pilot-edge),inset 0 -1px 0 var(--pilot-edge)}
.campaign-self-badge{font-size:9px;line-height:15px;white-space:nowrap}
@media(forced-colors:active){html:root .campaign-rivals tr.campaign-you>td{background:Canvas;box-shadow:none;border-top:1px solid Highlight;border-bottom:1px solid Highlight}}