/* Navy theme (default) and shared mobile layout. System font stack keeps CSP strict. */
:root[data-theme=navy]{color-scheme:dark;--navy:#071A5A;--card:#1D306F;--card-2:rgba(142,192,255,.12);--accent:#4C9BFF;--accent-ink:#071A5A;--bg:#071A5A;--surface:#1D306F;--surface-raised:rgba(142,192,255,.12);--line:rgba(142,192,255,.22);--text:#FFFFFF;--muted:#C3CDEB;--green:#4C9BFF;--blue:#4C9BFF;font-family:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;background:#071A5A;color:#fff}
[data-theme=navy] body{background:#071A5A;color:#fff}
[data-theme=navy] body>header{background:#071A5A;border-bottom:1px solid #1D306F;box-shadow:none;min-height:64px}
[data-theme=navy] body>header>a,[data-theme=navy] #account{color:#fff}
[data-theme=navy] #nav{background:#1D306F;border-bottom:0;box-shadow:0 1px 0 rgba(142,192,255,.22)}
[data-theme=navy] #nav a{color:#C3CDEB}
[data-theme=navy] #nav a.active,[data-theme=navy] #nav a:hover{color:#fff;box-shadow:inset 0 -3px 0 #4C9BFF}
[data-theme=navy] a{color:#8EC0FF}
[data-theme=navy] h1,[data-theme=navy] h2,[data-theme=navy] h3{color:#fff}
[data-theme=navy] .muted,[data-theme=navy] .eyebrow,[data-theme=navy] small{color:#C3CDEB}
[data-theme=navy] .card,[data-theme=navy] .club-section,[data-theme=navy] .live-spotlight,[data-theme=navy] .no-match,[data-theme=navy] .account-page,[data-theme=navy] .series-score,[data-theme=navy] details,[data-theme=navy] .wizard-content,[data-theme=navy] fieldset{background:#1D306F;color:#fff;border:1px solid rgba(142,192,255,.22);border-radius:16px}
[data-theme=navy] button,[data-theme=navy] .badge,[data-theme=navy] .club-primary{background:rgba(142,192,255,.12);color:#fff;border:1px solid rgba(142,192,255,.35);border-radius:12px}
[data-theme=navy] button.primary,[data-theme=navy] .club-primary,[data-theme=navy] button[aria-pressed=true],[data-theme=navy] .match-tabs button.active,[data-theme=navy] button.active{background:#4C9BFF;color:#071A5A;border-color:#4C9BFF;font-weight:700}
[data-theme=navy] button:hover{border-color:#4C9BFF}
[data-theme=navy] input,[data-theme=navy] select,[data-theme=navy] textarea{background:#fff;color:#071A5A;border:1px solid #C3CDEB;border-radius:10px}
[data-theme=navy] label{color:#C3CDEB}
[data-theme=navy] table,[data-theme=navy] .innings-scorecard,[data-theme=navy] .scorecard,[data-theme=navy] .cricket-table,[data-theme=navy] .comparison-table,[data-theme=navy] .professional-rankings{background:#fff;color:#071A5A;border-radius:12px}
[data-theme=navy] .innings-scorecard>summary,[data-theme=navy] th,[data-theme=navy] thead{background:#071A5A;color:#fff}
[data-theme=navy] .innings-scorecard *:not(summary):not(summary *):not(th){color:#071A5A}
[data-theme=navy] td{border-color:rgba(7,26,90,.12)}
[data-theme=navy] .match-tabs{background:#1D306F;border-radius:14px;padding:6px;gap:6px}
[data-theme=navy] .match-tabs button{background:transparent;border:0;color:#C3CDEB}
[data-theme=navy] .ball{background:rgba(142,192,255,.12);color:#fff}
[data-theme=navy] .boundary-ball,[data-theme=navy] .runs .boundary{background:#4C9BFF;color:#071A5A}
[data-theme=navy] .wicket-ball{background:#e5484d;color:#fff}
[data-theme=navy] #notice{background:#fff;color:#071A5A;border-left:4px solid #4C9BFF;border-radius:12px}
[data-theme=navy] dialog,[data-theme=navy] .sheet{background:#1D306F;color:#fff;border-radius:18px 18px 0 0}
[data-theme=navy] .empty-state{color:#C3CDEB}
[data-theme=navy] .theme-preview.navy,.theme-preview.navy{background:#071A5A;color:#fff;border-top:8px solid #4C9BFF}
/* Brand */
#brand{display:inline-flex;align-items:center;gap:10px;font-weight:800;letter-spacing:.4px;text-decoration:none}
#brand-logo{display:inline-flex;width:34px;height:34px;align-items:center;justify-content:center;border-radius:10px;background:#1D306F;color:#fff;overflow:hidden}
#brand-logo img{width:100%;height:100%;object-fit:contain;background:#fff}
#brand-logo svg{width:22px;height:22px}
/* Navigation icons */
#nav a,#tabbar a,.more-row{display:inline-flex;align-items:center;gap:7px}
#nav svg{width:16px;height:16px;flex-shrink:0}
#tabbar{display:none}
.more-menu{display:grid;gap:10px;max-width:620px}
.more-row{min-height:60px;padding:0 18px;border-radius:16px;background:var(--surface,#1D306F);border:1px solid var(--line,rgba(142,192,255,.22));color:var(--text,#fff);text-decoration:none;font-size:16px;font-weight:600}
.more-row svg{width:24px;height:24px}.more-row span{flex:1}.more-row svg:last-child{width:18px;height:18px;opacity:.7}
.more-row:hover,.more-row:focus-visible{border-color:var(--accent,#4C9BFF)}
/* Live scoring touch targets (all themes) */
.runs button{min-height:56px;min-width:56px;font-size:20px;font-weight:700}
.event-buttons button{min-height:56px}
@media(max-width:768px){
 #nav{display:none}
 #tabbar{display:grid;grid-template-columns:repeat(5,1fr);position:fixed;left:0;right:0;bottom:0;z-index:50;background:var(--card,#071A5A);border-top:1px solid var(--line,rgba(142,192,255,.22));padding:6px 4px calc(6px + env(safe-area-inset-bottom))}
 :root:not([data-theme=navy]) #tabbar{background:#fff;border-top:1px solid #e4e9ed}
 #tabbar a{flex-direction:column;justify-content:center;gap:3px;min-height:52px;font-size:11px;font-weight:600;color:var(--muted,#C3CDEB);text-decoration:none;border-radius:12px}
 #tabbar svg{width:24px;height:24px}
 #tabbar a.active{color:var(--accent,var(--green))}
 [data-theme=navy] #tabbar a.active{background:rgba(142,192,255,.12);color:#8EC0FF}
 main{padding-bottom:calc(96px + env(safe-area-inset-bottom))!important}
 #notice{bottom:calc(84px + env(safe-area-inset-bottom))}
}
@media(prefers-reduced-motion:no-preference){#tabbar a,#nav a,.more-row,button,.card{transition:background-color .18s ease,color .18s ease,border-color .18s ease,box-shadow .18s ease}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
/* Navy refinements */
[data-theme=navy] .score-hero{background:#1D306F;color:#fff;border:1px solid rgba(142,192,255,.22);border-radius:18px;padding:18px}
[data-theme=navy] .score-hero *{color:inherit}
[data-theme=navy] .score-hero-top,[data-theme=navy] .score-hero small{color:#C3CDEB}
[data-theme=navy] .theme-preview.international{background:#f1f5ff;color:#122643}
[data-theme=navy] .theme-preview.international *{color:#122643}
[data-theme=navy] .theme-preview.club{background:#f4fbfb;color:#153447}
[data-theme=navy] .theme-preview.club *{color:#153447}
[data-theme=navy] .theme-preview.navy *{color:#fff}
[data-theme=navy] form button:not([type=button]){background:#4C9BFF;color:#071A5A;border-color:#4C9BFF;font-weight:700}
[data-theme=navy] .highlight-row,[data-theme=navy] .series-row,[data-theme=navy] .match-row{border-color:rgba(142,192,255,.22)}
[data-theme=navy] .score-hero-top>*:first-child{background:rgba(142,192,255,.12);color:#fff;border-color:rgba(142,192,255,.35)}
@media(max-width:520px){.runs{display:grid!important;grid-template-columns:repeat(4,minmax(56px,1fr));gap:8px}.runs button{width:100%;margin:0}.sheet-runs{grid-template-columns:repeat(4,minmax(56px,1fr))}.event-buttons{display:grid!important;grid-template-columns:repeat(3,1fr);gap:8px}.event-buttons button{width:100%;margin:0}}
[data-theme=navy] .account-page{padding:20px 24px}
[data-theme=navy] .club-section{padding:16px 18px}