/* Navy Liquid Glass: same palette at controlled alpha, applied through surface tokens over a decorative blurred backdrop. */
#glass-bg{display:none}
:root[data-appearance=glass]{--s-card:rgba(29,48,111,.48);--s-raised:rgba(142,192,255,.14);--s-header:rgba(7,26,90,.55);--s-nav:rgba(29,48,111,.5);--s-line:rgba(255,255,255,.14);--s-divider:rgba(255,255,255,.1);--s-elev:inset 0 1px 0 rgba(255,255,255,.18),0 8px 24px rgba(7,26,90,.45);--s-blur:blur(18px) saturate(1.4);--s-hi:rgba(255,255,255,.22);--s-lo:rgba(255,255,255,.06)}
:root[data-appearance=glass] body{background:transparent}
:root[data-appearance=glass] #glass-bg{display:block;position:fixed;inset:0;z-index:-1;pointer-events:none;overflow:hidden}
:root[data-appearance=glass] #glass-bg i{position:absolute;display:block;border-radius:50%;filter:blur(80px)}
:root[data-appearance=glass] #glass-bg i:nth-child(1){width:75vmax;height:75vmax;top:-30vmax;left:-35vmax;background:rgba(76,155,255,.42)}
:root[data-appearance=glass] #glass-bg i:nth-child(2){width:60vmax;height:50vmax;top:25%;right:-30vmax;background:rgba(142,192,255,.3)}
:root[data-appearance=glass] #glass-bg i:nth-child(3){width:70vmax;height:60vmax;bottom:-30vmax;left:-10vmax;background:rgba(29,48,111,.9)}
:root[data-appearance=glass] #glass-bg i:nth-child(4){width:40vmax;height:40vmax;top:55%;left:35%;background:rgba(76,155,255,.22)}

/* Glass containers: blur + specular edges + inner highlight + top sheen (solid white shape) */
:root[data-appearance=glass] #app :is(.card,.club-section,.live-spotlight,.no-match,.account-page,.series-score,.wizard-content,.score-hero):not(.live-dock){position:relative;isolation:isolate;background:var(--s-card);border:1px solid;border-color:var(--s-hi) var(--s-lo) var(--s-lo) var(--s-hi);box-shadow:var(--s-elev);-webkit-backdrop-filter:var(--s-blur);backdrop-filter:var(--s-blur)}
:root[data-appearance=glass] #app :is(.card,.club-section,.live-spotlight,.no-match,.account-page,.series-score,.wizard-content,.score-hero):not(.live-dock)::before{content:"";position:absolute;left:0;right:0;top:0;height:40%;z-index:-1;pointer-events:none;background:rgba(255,255,255,.07);border-radius:inherit;border-bottom-left-radius:50% 24px;border-bottom-right-radius:50% 24px}
:root[data-appearance=glass] #app :is(.club-section,.card,.account-page,.score-hero) :is(.card,.club-section,fieldset){-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none}
:root[data-appearance=glass] #app :is(.club-section,.card) .card::before{display:none}
/* Rows and nested items: translucent, no blur of their own */
:root[data-appearance=glass] #app :is(.more-row,.player-row,.choice,.h-scroll>.club-match-row,.t3-card,.t3-empty-all){background:rgba(29,48,111,.5);border:1px solid;border-color:var(--s-hi) var(--s-lo) var(--s-lo) var(--s-hi);box-shadow:inset 0 1px 0 rgba(255,255,255,.12)}
:root[data-appearance=glass] #app :is(.club-section .t3-card,.club-section .club-match-row){background:rgba(142,192,255,.1)}

/* Header + floating nav */
:root[data-appearance=glass] body>header{position:sticky;top:0;z-index:45;background:var(--s-header);-webkit-backdrop-filter:var(--s-blur);backdrop-filter:var(--s-blur);border-bottom:1px solid var(--s-line);box-shadow:inset 0 -1px 0 var(--s-lo)}
@media(max-width:768px){
 :root[data-appearance=glass] #tabbar{left:max(10px,env(safe-area-inset-left));right:max(10px,env(safe-area-inset-right));bottom:calc(8px + env(safe-area-inset-bottom));padding:0 4px;border:1px solid;border-color:var(--s-hi) var(--s-lo) var(--s-lo) var(--s-hi);border-radius:22px;background:var(--s-nav);box-shadow:var(--s-elev);-webkit-backdrop-filter:blur(24px) saturate(1.4);backdrop-filter:blur(24px) saturate(1.4);overflow:hidden;isolation:isolate}
 :root[data-appearance=glass] #tabbar::after{content:"";position:absolute;left:0;right:0;top:0;height:45%;z-index:-1;pointer-events:none;background:rgba(255,255,255,.08);border-bottom-left-radius:50% 16px;border-bottom-right-radius:50% 16px}
 :root[data-appearance=glass] main{padding-bottom:calc(88px + env(safe-area-inset-bottom))!important}
 :root[data-appearance=glass] #notice{bottom:calc(92px + env(safe-area-inset-bottom))}
}

/* White surfaces become frosted light glass with navy text */
:root[data-appearance=glass] #app :is(table,.innings-scorecard,.scorecard,.cricket-table,.comparison-table,.professional-rankings,.cmp-body,.cmp-duel-head){background:rgba(255,255,255,.82);-webkit-backdrop-filter:blur(18px) saturate(1.4);backdrop-filter:blur(18px) saturate(1.4);color:#071A5A}
:root[data-appearance=glass] #app .professional-rankings tbody tr:nth-child(n) td,:root[data-appearance=glass] #app :is(.innings-scorecard,.scorecard,.cricket-table,.comparison-table) :is(td,tr){background:transparent}
:root[data-appearance=glass] #app :is(.scorecard,.innings-scorecard,.cricket-table) :is(table){-webkit-backdrop-filter:none;backdrop-filter:none;background:transparent}

/* Scoring dock opaque; sheets/dialogs nearly opaque */
:root[data-appearance=glass] #app .live-dock{background:#1D306F;-webkit-backdrop-filter:none;backdrop-filter:none}
:root[data-appearance=glass] :is(dialog,.sheet){background:rgba(29,48,111,.95);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}

:root[data-appearance=glass] .theme-preview.navy-glass,.theme-preview.navy-glass{background:rgba(29,48,111,.5);color:#fff;border:1px solid rgba(255,255,255,.22);border-top:8px solid #8EC0FF;box-shadow:inset 0 1px 0 rgba(255,255,255,.18)}
.theme-preview.navy-glass *{color:#fff!important}

/* Fallbacks: opaque Navy surfaces */
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){:root[data-appearance=glass]{--s-card:#1D306F;--s-raised:rgba(142,192,255,.12);--s-header:#071A5A;--s-nav:#1D306F;--s-blur:none}:root[data-appearance=glass] #glass-bg{display:none}:root[data-appearance=glass] body{background:#071A5A}}
@media(prefers-reduced-transparency:reduce){:root[data-appearance=glass]{--s-card:#1D306F;--s-raised:rgba(142,192,255,.12);--s-header:#071A5A;--s-nav:#1D306F;--s-blur:none}:root[data-appearance=glass] #glass-bg{display:none}:root[data-appearance=glass] body{background:#071A5A}:root[data-appearance=glass] #tabbar{-webkit-backdrop-filter:none;backdrop-filter:none;background:#1D306F}:root[data-appearance=glass] #app :is(.more-row,.player-row,.choice,.t3-card,.t3-empty-all,.h-scroll>.club-match-row){background:#1D306F}:root[data-appearance=glass] #app :is(table,.professional-rankings,.cmp-body,.cmp-duel-head,.innings-scorecard,.scorecard){background:#fff;-webkit-backdrop-filter:none;backdrop-filter:none}}
/* Long lists: rows translucent only, never individually blurred */
:root[data-appearance=glass] #app :is(.mm-card,.match-list .card){-webkit-backdrop-filter:none;backdrop-filter:none;background:rgba(29,48,111,.55)}