/* Shared IMG league-page navigation + theme chrome */ :root[data-theme="light"]{--bg:#f4f6f8;--panel:#fff;--panel2:#f7f9fb;--fg:#11151b;--text:#11151b;--muted:#586575;--line:rgba(16,23,32,.16)} html,body{transition:background-color .25s ease,color .25s ease}body>header{display:none!important} .league-logo-mark{position:fixed;z-index:1000;top:22px;left:clamp(18px,4vw,52px);width:86px;height:34px;object-fit:contain} .league-site-nav{position:fixed;z-index:1000;top:16px;right:clamp(18px,4vw,52px);display:flex;align-items:center;justify-content:flex-start;gap:26px;width:auto;height:46px;min-height:46px;padding:0 16px;border:1px solid rgba(255,255,255,.1);border-radius:999px;background:rgba(4,7,10,.6);box-shadow:none;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)} .league-site-nav a{color:#aeb7c2;text-decoration:none;font-size:.76rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;transition:color .2s}.league-site-nav a:hover,.league-site-nav a.active{color:#fff} .league-bottomnav{display:none} .league-themebtn{position:fixed;right:-24px;bottom:24px;z-index:1100;width:78px;height:40px;padding:4px;border:1px solid rgba(255,255,255,.14);border-radius:999px;background:rgba(13,17,23,.94);color:#fff;box-shadow:0 10px 30px rgba(0,0,0,.32);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);cursor:pointer;user-select:none;transition:right .24s ease,background-color .25s ease,border-color .25s ease,box-shadow .25s ease} .league-themebtn:hover,.league-themebtn:focus-visible{right:18px}.league-themebtn:focus-visible{outline:2px solid #ef3f45;outline-offset:3px} .league-theme-track{position:relative;display:block;width:100%;height:100%;border-radius:999px;background:#242b34;transition:background-color .25s ease}.league-theme-icon{position:absolute;top:50%;width:15px;height:15px;transform:translateY(-50%);opacity:.74;transition:opacity .2s ease,color .2s ease}.league-theme-icon.sun{left:8px}.league-theme-icon.moon{right:8px}.league-theme-icon svg,.league-theme-mobile-icon svg{display:block;width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.league-theme-thumb{position:absolute;top:3px;left:3px;width:26px;height:26px;border-radius:50%;background:#f6f8fa;box-shadow:0 3px 10px rgba(0,0,0,.28);transition:transform .25s ease,background-color .25s ease}.league-theme-mobile-icon{display:none} :root[data-theme="light"] html,:root[data-theme="light"] body{background:#f4f6f8;color:#11151b}:root[data-theme="light"] .league-logo-mark{filter:invert(1)}:root[data-theme="light"] .league-site-nav{background:rgba(255,255,255,.9);border-color:rgba(17,21,27,.14);box-shadow:0 10px 28px rgba(17,21,27,.1)}:root[data-theme="light"] .league-site-nav a{color:#45515f}:root[data-theme="light"] .league-site-nav a:hover,:root[data-theme="light"] .league-site-nav a.active{color:#0b0f14}:root[data-theme="light"] .league-themebtn{background:rgba(255,255,255,.96);border-color:rgba(17,21,27,.16);color:#11151b;box-shadow:0 10px 28px rgba(17,21,27,.16)}:root[data-theme="light"] .league-theme-thumb{transform:translateX(36px);background:#11151b}:root[data-theme="light"] .league-theme-track{background:#e4e9ef}:root[data-theme="dark"] .league-theme-icon.moon,:root[data-theme="light"] .league-theme-icon.sun{opacity:1}:root[data-theme="dark"] .league-theme-icon.sun,:root[data-theme="light"] .league-theme-icon.moon{opacity:.42} :root[data-theme="light"] .hero:not(#pba-hero){background:radial-gradient(circle at 85% 20%,rgba(239,63,69,.12),transparent 34%),#f4f6f8;border-color:rgba(16,23,32,.12)}:root[data-theme="light"] .hero:not(#pba-hero) .eyebrow{color:#586575}:root[data-theme="light"] .hero:not(#pba-hero) h1{color:#11151b}:root[data-theme="light"] .hero:not(#pba-hero) p{color:#45515f}:root[data-theme="light"] .card{background:#fff;border-color:rgba(16,23,32,.13);box-shadow:0 12px 30px rgba(17,21,27,.06)}:root[data-theme="light"] .card p{color:#45515f}:root[data-theme="light"] .links a{background:#f7f9fb;border-color:rgba(16,23,32,.13)}:root[data-theme="light"] .links a:hover{border-color:rgba(16,23,32,.28)}:root[data-theme="light"] .pillrow a{color:#45515f;border-color:rgba(16,23,32,.14)}:root[data-theme="light"] .btn-primary{background:#11151b;color:#fff;border-color:#11151b}:root[data-theme="light"] .btn-secondary{color:#11151b;border-color:rgba(16,23,32,.16)}:root[data-theme="light"] footer{color:#6a7582;border-color:rgba(16,23,32,.12)} :root[data-theme="light"] #pba-hero,:root[data-theme="light"] #pba-hero p{color:#fff}:root[data-theme="light"] #pba-hero::before{background-image:linear-gradient(180deg,rgba(0,0,0,0) 0%,rgba(0,0,0,.02) 52%,rgba(0,0,0,.12) 66%,rgba(244,246,248,.24) 82%,rgba(244,246,248,.72) 93%,#f4f6f8 100%),linear-gradient(90deg,rgba(0,0,0,.58) 0%,rgba(0,0,0,.30) 38%,rgba(0,0,0,.08) 78%,rgba(0,0,0,.06) 100%),var(--hero-image)}:root[data-theme="light"] .page-shell,:root[data-theme="light"] .content-section,:root[data-theme="light"] main{background:#f4f6f8!important}:root[data-theme="light"] .page-shell{color:#11151b}:root[data-theme="light"] .section-head p,:root[data-theme="light"] .media-meta,:root[data-theme="light"] .reel-caption span,:root[data-theme="light"] .top-player-label,:root[data-theme="light"] .top-player-value small,:root[data-theme="light"] .news-card small{color:#667383}:root[data-theme="light"] .section-head a{color:#11151b}:root[data-theme="light"] .segmented-control{background:#fff;border-color:rgba(16,23,32,.13);box-shadow:0 7px 22px rgba(17,21,27,.06)}:root[data-theme="light"] .tab-btn{color:#566270}:root[data-theme="light"] .tab-btn:hover{background:#eef2f6;color:#11151b}:root[data-theme="light"] .tab-btn.active{background:#11151b;color:#fff;box-shadow:0 6px 16px rgba(17,21,27,.16)} :root[data-theme="light"] .glass-panel{border-color:rgba(16,23,32,.13);background:radial-gradient(circle at 14% 0%,rgba(222,34,57,.10),transparent 34%),radial-gradient(circle at 88% 100%,rgba(29,100,227,.09),transparent 38%),linear-gradient(145deg,#fff,#f7f9fb);box-shadow:0 18px 38px rgba(17,21,27,.10),inset 0 1px 0 rgba(255,255,255,.9)}:root[data-theme="light"] .panel-title{border-color:rgba(16,23,32,.09);background:linear-gradient(180deg,rgba(17,21,27,.025),transparent)}:root[data-theme="light"] .standings-table th,:root[data-theme="light"] .standings-table td{border-color:rgba(16,23,32,.08)}:root[data-theme="light"] .standings-table th{color:#687482}:root[data-theme="light"] .standings-table td:nth-child(3),:root[data-theme="light"] .standings-table td:nth-child(4){color:#11151b}:root[data-theme="light"] .top-player-card{border-color:rgba(16,23,32,.12);background:radial-gradient(circle at 15% 50%,rgba(212,40,62,.09),transparent 28%),linear-gradient(180deg,#fff,#f6f8fb);box-shadow:0 10px 26px rgba(17,21,27,.07)}:root[data-theme="light"] .top-player-rank,:root[data-theme="light"] .top-player-name,:root[data-theme="light"] .top-player-value,:root[data-theme="light"] .reel-caption strong{color:#11151b}:root[data-theme="light"] .news-card{background:#fff;border-color:rgba(16,23,32,.11);box-shadow:0 8px 22px rgba(17,21,27,.05)}:root[data-theme="light"] .empty-card{color:#667383;background:#fff;border-color:rgba(16,23,32,.16)} @media(max-width:760px){body{padding-bottom:84px}.league-site-nav{display:none}.league-logo-mark{top:16px;left:18px;width:76px}.league-bottomnav{position:fixed;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));left:10px;right:10px;bottom:10px;width:auto;height:64px;min-height:64px;z-index:1050;padding:6px 4px;gap:0;border:1px solid rgba(255,255,255,.12);border-radius:18px;background:rgba(6,9,13,.92);box-shadow:0 12px 34px rgba(0,0,0,.34);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.league-bottomnav a,.league-bottomnav a.active{position:relative;min-width:0;min-height:52px;display:grid;place-items:center;align-content:center;justify-content:center;gap:4px;padding:4px 0;border-radius:12px;background:transparent;color:#8f99a6;text-decoration:none;font-size:.59rem;line-height:1;font-weight:800;letter-spacing:.04em;overflow:visible}.league-bottomnav a.active{color:#fff}.league-bottomnav a b,.league-bottomnav a.active b{width:24px;height:24px;display:grid;place-items:center;background:transparent;color:inherit;line-height:1}.league-navglyph{display:block;width:20px;height:20px;background:currentColor;mask-position:center;mask-repeat:no-repeat;mask-size:contain;-webkit-mask-position:center;-webkit-mask-repeat:no-repeat;-webkit-mask-size:contain;opacity:.74}.league-icon-home{mask-image:url('/icons/home.svg');-webkit-mask-image:url('/icons/home.svg')}.league-icon-sports{mask-image:url('/icons/sports.svg');-webkit-mask-image:url('/icons/sports.svg')}.league-icon-scores{mask-image:url('/icons/scores.svg');-webkit-mask-image:url('/icons/scores.svg')}.league-icon-news{mask-image:url('/icons/news.svg');-webkit-mask-image:url('/icons/news.svg')}.league-icon-odds{mask-image:url('/icons/odds.svg');-webkit-mask-image:url('/icons/odds.svg')}.league-bottomnav a.active .league-navglyph{opacity:1}.league-themebtn{right:16px;bottom:82px;width:44px;height:44px;padding:0;display:grid;place-items:center;border-radius:50%;transition:background-color .25s ease,color .25s ease,border-color .25s ease;touch-action:none;cursor:grab}.league-themebtn:hover,.league-themebtn:focus-visible{right:16px}.league-themebtn:active{cursor:grabbing}.league-theme-track{display:none}.league-theme-mobile-icon{display:block;width:20px;height:20px}:root[data-theme="light"] .league-bottomnav{background:rgba(255,255,255,.94);border-color:rgba(17,21,27,.14);box-shadow:0 12px 32px rgba(17,21,27,.15)}:root[data-theme="light"] .league-bottomnav a{color:#697582}:root[data-theme="light"] .league-bottomnav a.active{color:#11151b}} @media(min-width:761px){.league-theme-mobile-icon{display:none}} /* PBA light-mode readability fixes */ :root[data-theme="light"] #game-slot .featured-game, :root[data-theme="light"] #game-slot .featured-game .team-name, :root[data-theme="light"] #game-slot .featured-game .team-score, :root[data-theme="light"] #game-slot .featured-game .game-status{color:#fff} :root[data-theme="light"] #game-slot .featured-game .team-side{color:#c5cfdb} :root[data-theme="light"] #previous-games .media-card, :root[data-theme="light"] #previous-games .media-card .media-title{color:#fff} :root[data-theme="light"] #previous-games .media-card .media-kicker{color:#e7edf4} :root[data-theme="light"] #previous-games .media-card .media-meta{color:#d2dbe5} :root[data-theme="light"] #previous-games .media-card::after{ background:linear-gradient(to top,rgba(1,5,10,.96) 0%,rgba(1,5,10,.60) 43%,rgba(1,5,10,.08) 78%) } :root[data-theme="light"] footer{ background:#f4f6f8!important; color:#687482; border-color:rgba(16,23,32,.12) } .league-mobile-tools{display:contents} .league-backbtn{display:none} @media(max-width:760px){ .league-mobile-tools{ position:fixed; right:12px; bottom:82px; z-index:1100; display:flex; align-items:center; gap:5px; padding:4px; border:1px solid rgba(255,255,255,.14); border-radius:999px; background:linear-gradient(180deg,rgba(38,45,56,.96),rgba(12,16,22,.97)); box-shadow: 0 10px 22px rgba(0,0,0,.32), 0 3px 8px rgba(0,0,0,.24), inset 0 1px 0 rgba(255,255,255,.12), inset 0 -1px 0 rgba(0,0,0,.42); backdrop-filter:blur(12px); -webkit-backdrop-filter:blur(12px); touch-action:none; user-select:none; -webkit-user-select:none; cursor:grab } .league-mobile-tools.is-dragging{ cursor:grabbing; transition:none } .league-backbtn, .league-themebtn{ position:relative!important; inset:auto!important; right:auto!important; bottom:auto!important; left:auto!important; top:auto!important; width:36px; height:36px; flex:0 0 36px; display:grid; place-items:center; padding:0; margin:0; border:1px solid rgba(255,255,255,.13); border-radius:50%; background:linear-gradient(180deg,#3a4350 0%,#242b35 48%,#151a21 100%); color:#fff; text-decoration:none; box-shadow: 0 5px 8px rgba(0,0,0,.36), 0 2px 3px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.20), inset 0 -2px 3px rgba(0,0,0,.32); transition: transform .12s ease, box-shadow .12s ease, background-color .2s ease, color .2s ease, border-color .2s ease; touch-action:none; cursor:pointer } .league-backbtn:hover, .league-themebtn:hover{transform:translateY(-1px)} .league-backbtn:active, .league-themebtn:active{ transform:translateY(2px) scale(.98); box-shadow: 0 2px 4px rgba(0,0,0,.25), inset 0 3px 6px rgba(0,0,0,.40), inset 0 1px 0 rgba(255,255,255,.08) } .league-backbtn svg{ display:block; width:18px; height:18px; margin:auto; transform:none; fill:none; stroke:currentColor; stroke-width:2.35; stroke-linecap:round; stroke-linejoin:round } .league-backbtn:focus-visible, .league-themebtn:focus-visible{ outline:2px solid #ef3f45; outline-offset:2px } .league-theme-track{display:none} .league-theme-mobile-icon{ display:grid; place-items:center; width:18px; height:18px; margin:auto } :root[data-theme="light"] .league-mobile-tools{ background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(223,229,236,.98)); border-color:rgba(17,21,27,.14); box-shadow: 0 10px 22px rgba(17,21,27,.16), 0 3px 8px rgba(17,21,27,.09), inset 0 1px 0 rgba(255,255,255,1), inset 0 -1px 0 rgba(17,21,27,.10) } :root[data-theme="light"] .league-backbtn, :root[data-theme="light"] .league-themebtn{ color:#11151b; border-color:rgba(17,21,27,.13); background:linear-gradient(180deg,#ffffff 0%,#eef2f6 48%,#d8dee6 100%); box-shadow: 0 5px 8px rgba(17,21,27,.16), 0 2px 3px rgba(17,21,27,.09), inset 0 1px 0 #fff, inset 0 -2px 3px rgba(17,21,27,.12) } :root[data-theme="light"] .league-backbtn:active, :root[data-theme="light"] .league-themebtn:active{ box-shadow: 0 2px 4px rgba(17,21,27,.11), inset 0 3px 6px rgba(17,21,27,.17), inset 0 1px 0 rgba(255,255,255,.7) } } @media(min-width:761px){ .league-mobile-tools{display:contents} .league-backbtn{display:none} .league-theme-mobile-icon{display:none} }