:root{--bg:#071015;--surface:rgba(10,17,22,.91);--surface-solid:#0f171d;--surface2:#17232c;--text:#f6f8fa;--muted:#9eabb5;--line:rgba(255,255,255,.10);--orange:#ff8a3d;--mint:#69d7b0;--gold:#E7B84B;--purple:#A970FF;--tier-blue:#4AA3FF;--danger:#ff7474}*{box-sizing:border-box}html,body{min-height:100%}html{background:var(--bg)}body{margin:0;min-height:100vh;color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:var(--bg);overflow-x:hidden}button,input,select,textarea{font:inherit}.hidden{display:none!important}button{touch-action:manipulation}.bgLayer{position:fixed;inset:-2%;width:104%;height:104%;z-index:0;pointer-events:none;object-fit:cover;object-position:center;opacity:0;transform:scale(1.04);transition:opacity 1.25s ease,transform 12s ease;will-change:opacity,transform}.bgLayer.show{opacity:1;transform:scale(1)}.shade{position:fixed;inset:0;z-index:1;pointer-events:none;background:linear-gradient(180deg,rgba(2,7,10,.48) 0%,rgba(2,7,10,.68) 38%,rgba(2,7,10,.88) 78%,rgba(2,7,10,.97) 100%)}.shade:after{content:'';position:absolute;inset:0;background:radial-gradient(circle at 50% -8%,rgba(105,215,176,.11),transparent 38%),linear-gradient(90deg,rgba(0,0,0,.14),transparent 18%,transparent 82%,rgba(0,0,0,.14))}.wrap{position:relative;z-index:2;width:min(1580px,100%);margin:auto;padding:18px 18px 74px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:8px 2px 14px}.brand{display:flex;align-items:center;gap:12px}.brandCrest{width:48px;height:48px;border-radius:14px;object-fit:contain;object-position:center;display:block;padding:4px;background:#021c18;box-shadow:0 8px 28px rgba(231,184,75,.18);border:1px solid rgba(231,184,75,.18)}.brand h1{font-size:24px;margin:0;letter-spacing:-.7px}.edition{color:var(--muted);font-size:10px;font-weight:900;letter-spacing:.09em;margin-top:2px}.installBtn{border:1px solid var(--line);background:rgba(9,15,19,.72);color:var(--text);padding:9px 12px;border-radius:12px;font-weight:850}.mainTabs{display:flex;gap:6px;background:rgba(7,14,19,.72);border:1px solid var(--line);padding:5px;border-radius:15px;width:max-content;max-width:100%;margin:0 0 12px;backdrop-filter:blur(14px)}.mainTab{border:0;background:transparent;color:var(--muted);font-weight:900;padding:9px 16px;border-radius:10px;cursor:pointer}.mainTab.active{background:rgba(255,255,255,.10);color:var(--text);box-shadow:inset 0 0 0 1px rgba(255,255,255,.07)}.hero{background:linear-gradient(145deg,rgba(10,18,24,.84),rgba(8,14,19,.75));border:1px solid rgba(255,255,255,.11);border-radius:26px;padding:20px 22px;backdrop-filter:blur(20px) saturate(1.08);box-shadow:0 18px 48px rgba(0,0,0,.27);margin-bottom:12px}.kicker{color:var(--orange);font-weight:950;font-size:11px;letter-spacing:.1em}.hero h2{font-size:clamp(27px,5vw,38px);letter-spacing:-1.1px;margin:4px 0 5px;line-height:1.07}.meta{color:var(--muted);margin:5px 0 0;line-height:1.45}.heroStats{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}.statPill{display:inline-flex;align-items:center;gap:7px;border-radius:999px;background:rgba(255,255,255,.055);border:1px solid var(--line);padding:7px 10px;color:#d9e0e5;font-size:12px;font-weight:800}.dot{width:7px;height:7px;border-radius:50%;background:var(--mint);box-shadow:0 0 14px var(--mint)}.controlsDock{position:sticky;top:max(6px,env(safe-area-inset-top));z-index:25;background:linear-gradient(180deg,rgba(7,16,21,.97),rgba(7,16,21,.90));border:1px solid rgba(255,255,255,.08);border-radius:18px;padding:8px 9px 2px;margin:0 0 13px;backdrop-filter:blur(22px);box-shadow:0 12px 32px rgba(0,0,0,.22)}.searchRow{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center}.searchBox{position:relative;display:flex;align-items:center;min-width:0}.searchBox input{width:100%;height:46px;border-radius:13px;padding:0 44px 0 42px;background:rgba(10,17,22,.82);border:1px solid var(--line);color:var(--text);outline:none}.searchBox input::placeholder{color:#7f8d98}.searchBox input:focus{border-color:rgba(105,215,176,.52);box-shadow:0 0 0 3px rgba(105,215,176,.08)}.searchIcon{position:absolute;left:14px;color:#8fa0ab;font-size:21px;line-height:1;transform:rotate(-18deg);pointer-events:none}.clearSearch{position:absolute;right:7px;width:32px;height:32px;padding:0;border-radius:10px;background:rgba(255,255,255,.06);color:#aab6bf;border:1px solid rgba(255,255,255,.07);font-size:20px}.searchCount{min-width:90px;text-align:right;color:var(--muted);font-size:11px;font-weight:800;white-space:nowrap}.filters{display:flex;gap:8px;overflow:auto;padding:7px 1px 6px;scrollbar-width:none}.filters::-webkit-scrollbar{display:none}.filter{white-space:nowrap;border:1px solid var(--line);border-radius:999px;padding:9px 13px;background:rgba(10,17,22,.78);color:#dce2e7;font-weight:900;cursor:pointer}.filter.active{background:var(--mint);border-color:var(--mint);color:#071015}.filter.filter-strong:not(.active){color:var(--gold);border-color:rgba(231,184,75,.36)}.filter.filter-lean:not(.active){color:var(--purple);border-color:rgba(169,112,255,.38)}.filter.filter-edge:not(.active){color:var(--tier-blue);border-color:rgba(74,163,255,.38)}.filter.filter-strong.active{background:var(--gold);border-color:var(--gold);color:#171006}.filter.filter-lean.active{background:var(--purple);border-color:var(--purple);color:#0b0615}.filter.filter-edge.active{background:var(--tier-blue);border-color:var(--tier-blue);color:#03101b}.notice{padding:13px 15px;border-radius:15px;background:rgba(17,27,34,.92);border:1px solid var(--line);color:var(--muted);margin:0 0 13px;line-height:1.42}.proNotice{display:flex;align-items:center;gap:12px;background:linear-gradient(135deg,rgba(32,49,67,.92),rgba(13,25,33,.91));border-color:rgba(106,170,255,.28)}.proIcon{width:34px;height:34px;display:grid;place-items:center;border-radius:11px;background:rgba(106,170,255,.14);color:#8dbfff}.proText b{display:block;color:var(--text);font-size:13px;margin-bottom:2px}.proText span{font-size:12px}.cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;align-items:start}.card{position:relative;overflow:hidden;display:flex;flex-direction:column;min-width:0;background:linear-gradient(155deg,rgba(12,20,26,.80),rgba(8,15,20,.74));border:1px solid rgba(255,255,255,.11);border-radius:22px;padding:16px 17px 15px;backdrop-filter:blur(14px) saturate(1.06);box-shadow:0 14px 34px rgba(0,0,0,.22)}.card:before{content:'';position:absolute;left:0;top:14px;bottom:14px;width:3px;border-radius:0 8px 8px 0;background:var(--accent);box-shadow:0 0 18px color-mix(in srgb,var(--accent) 42%,transparent)}.cardTop{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}.cardTopLeft,.cardBadges{display:flex;gap:7px;align-items:center;flex-wrap:wrap}.ko,.resultDate{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.055);padding:6px 9px;border-radius:9px;font-size:11px;font-weight:900}.resultDate{color:var(--muted)}.call{font-size:10.5px;font-weight:950;color:var(--accent);letter-spacing:.035em;text-align:right}.fixtureLine{font-size:18px;font-weight:920;letter-spacing:-.2px;margin:12px 0 11px;line-height:1.24}.fixtureLine .v{color:#73818c;font-weight:750;margin:0 3px}.tileLabel,.storyLabel{color:#7f8d98;font-size:8px;font-weight:950;letter-spacing:.09em;text-transform:uppercase;margin-bottom:4px}.pickCore{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:11px;align-items:end}.market{font-size:16px;font-weight:950;color:var(--accent);line-height:1.22;overflow-wrap:anywhere}.ratingBadge{min-width:76px;text-align:center;border-radius:14px;border:1px solid color-mix(in srgb,var(--accent) 31%,transparent);background:color-mix(in srgb,var(--accent) 9%,rgba(0,0,0,.25));padding:7px 8px}.ratingBadge small{display:block;color:var(--muted);font-size:7px;font-weight:900;letter-spacing:.06em;white-space:nowrap}.ratingBadge b{display:block;color:var(--accent);font-size:18px;line-height:1.05;margin-top:3px}.story{color:var(--muted);font-size:12.5px;line-height:1.48;margin-top:11px;border-top:1px solid rgba(255,255,255,.06);padding-top:8px}.storyText{overflow:hidden;padding-top:8px}.storyText.collapsed{display:none}.readMore{width:100%;display:flex;align-items:center;justify-content:space-between;gap:8px;border:0;background:transparent;color:#cbd4da;font-weight:850;font-size:11px;padding:3px 0;cursor:pointer;text-align:left}.readMore:hover{color:#fff}.readMoreChevron{font-size:15px;line-height:1;transition:transform .18s ease}.readMore.open .readMoreChevron{transform:rotate(180deg)}.resultBadge{font-size:9px;font-weight:950;padding:5px 7px;border-radius:999px;border:1px solid currentColor}.result-won .resultBadge{color:#6fe0a9}.result-lost .resultBadge{color:#ff8d8d}.result-void .resultBadge{color:#aeb8c0}.resultsStats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0 0 13px}.resultStat{position:relative;background:rgba(9,17,22,.90);border:1px solid color-mix(in srgb,var(--accent) 26%,rgba(255,255,255,.08));border-radius:17px;padding:13px 14px;backdrop-filter:blur(14px)}.resultTier{color:var(--accent);font-size:11px;font-weight:950}.resultNumbers{display:flex;align-items:baseline;gap:8px;margin-top:6px}.resultNumbers b{font-size:22px}.resultNumbers span,.resultRate span{color:var(--muted);font-size:10px}.resultRate{margin-top:5px;color:#dce4e9;font-weight:900;font-size:13px}.stateCard{grid-column:1/-1;text-align:center;background:rgba(10,18,23,.91);border:1px solid var(--line);border-radius:22px;padding:42px 24px;color:var(--muted)}.stateCard h3{color:var(--text);margin:10px 0 6px}.stateIcon{width:52px;height:52px;display:grid;place-items:center;margin:auto;border-radius:14px;background:linear-gradient(135deg,var(--orange),var(--gold),var(--mint));color:#071015;font-weight:950}.stateIconImg{object-fit:contain;object-position:center;padding:6px;background:#021c18;border:1px solid rgba(231,184,75,.18)}.primarySmall{margin-top:12px;border:0;border-radius:11px;padding:9px 14px;background:var(--orange);color:#071015;font-weight:900}.skeletonCard{min-height:230px}.skeleton{border-radius:9px;background:linear-gradient(90deg,rgba(255,255,255,.04),rgba(255,255,255,.11),rgba(255,255,255,.04));background-size:220% 100%;animation:shimmer 1.3s infinite}.skSmall{width:58px;height:25px}.skTitle{width:72%;height:20px;margin-top:17px}.skLine{height:14px;margin-top:16px}.skLine.short{width:65%;margin-top:8px}.skBlock{height:56px;margin-top:19px}@keyframes shimmer{to{background-position:-220% 0}}.footer{text-align:center;color:#84929d;font-size:11px;margin-top:28px;padding:12px}.bootSplash{position:fixed;inset:0;z-index:999;background:#071015 url('/assets/brand/boxmidfield-splash.png?v=1.45') center/cover no-repeat;display:grid;place-content:center;justify-items:center;gap:12px;transition:opacity .35s ease,visibility .35s}.bootSplash.hide{opacity:0;visibility:hidden}.splashBrandLogo{width:min(360px,76vw);height:auto;display:block;filter:drop-shadow(0 18px 42px rgba(0,0,0,.45));background:rgba(2,16,18,.58);padding:12px 16px;border-radius:18px;backdrop-filter:blur(8px)}.splashTag{font-size:12px;color:var(--muted);margin-top:-18px}.modalBackdrop{position:fixed;inset:0;z-index:1000;background:rgba(0,0,0,.68);display:grid;place-items:center;padding:20px}.modal{position:relative;width:min(440px,100%);background:#10191f;border:1px solid var(--line);border-radius:20px;padding:22px;box-shadow:0 30px 80px rgba(0,0,0,.5)}.modalClose{position:absolute;right:10px;top:10px;width:34px;height:34px;border-radius:10px;border:1px solid var(--line);background:#17242d;color:var(--text)}
/* Admin */.adminBody{background:linear-gradient(180deg,#071015,#09141a)}.adminWrap{width:min(1220px,100%);margin:auto;padding:24px 18px 70px}.panel{background:rgba(12,19,24,.96);border:1px solid var(--line);border-radius:20px;padding:18px;box-shadow:0 12px 34px rgba(0,0,0,.16)}.adminHeader{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:22px}.adminHeader h1{margin:0;font-size:27px}.sectionTitle{font-size:21px;margin:0 0 5px}.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.spread{justify-content:space-between}.grid{display:grid;gap:12px}.login{max-width:430px;margin:75px auto}textarea{width:100%;min-height:280px;background:#091116;color:var(--text);border:1px solid #2b3a45;border-radius:14px;padding:15px;font:13px/1.5 ui-monospace,SFMono-Regular,Consolas,monospace;resize:vertical}input,select{background:#0c151b;color:var(--text);border:1px solid #2b3a45;border-radius:10px;padding:10px 12px}button,.btn{border:1px solid transparent;border-radius:11px;padding:10px 14px;background:#17242d;color:var(--text);font-weight:850;cursor:pointer;transition:transform .12s ease,border-color .12s ease,opacity .12s ease}button:hover{transform:translateY(-1px);border-color:rgba(255,255,255,.11)}button:disabled{opacity:.45;cursor:not-allowed;transform:none}.primary{background:var(--orange)!important;color:#071015!important}.mint{background:var(--mint)!important;color:#071015!important}.freeBtn{background:rgba(105,215,176,.13)!important;color:var(--mint)!important;border-color:rgba(105,215,176,.25)!important}.proBtn{background:rgba(106,170,255,.12)!important;color:#a8cbff!important;border-color:rgba(106,170,255,.24)!important}.workflow{display:flex;align-items:center;gap:9px;margin:0 0 14px}.workflowStep{display:flex;align-items:center;gap:7px;color:#77858f;font-size:12px;font-weight:900}.workflowStep span{width:25px;height:25px;border-radius:50%;display:grid;place-items:center;background:#152028;border:1px solid var(--line)}.workflowStep.active{color:var(--text)}.workflowStep.active span{background:var(--orange);color:#071015}.workflowLine{height:1px;flex:0 1 60px;background:var(--line)}.actionRow{margin-top:12px}.previewPanel,.publishedPanel{margin-top:16px}.importSummary,.accessSummary{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0}.summaryChip{padding:7px 10px;border-radius:999px;border:1px solid var(--line);font-size:11px;font-weight:850;background:rgba(255,255,255,.04)}.summaryChip.free,.ok,.okChip{color:var(--mint)}.summaryChip.pro{color:#a8cbff}.error,.errorChip{color:#ff9b9b}.adminTileGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:12px;margin-top:12px}.adminTile{background:rgba(7,15,20,.76);border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:13px;min-width:0}.adminTileTop{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:9px}.adminTile .fixtureMini{font-weight:900;font-size:14px;line-height:1.3;margin-bottom:8px}.adminTile .selectionMini{color:var(--mint);font-weight:900;font-size:14px;line-height:1.3;margin-bottom:7px}.adminTile .viewMini{display:flex;justify-content:space-between;align-items:center;gap:10px;color:var(--muted);font-size:11px;margin-bottom:8px}.adminTile .descMini{color:var(--muted);font-size:11.5px;line-height:1.45;border-top:1px solid rgba(255,255,255,.06);padding-top:8px;margin-top:8px}.adminTile select{width:100%;margin-top:4px}.publishedControls{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}.publishedControls label,.editGrid label{color:var(--muted);font-size:10px;font-weight:850}.publishedControls select,.editGrid input,.editGrid textarea{display:block;width:100%;margin-top:5px}.adminEdit{margin-top:10px;border-top:1px solid rgba(255,255,255,.07);padding-top:9px}.adminEdit summary{cursor:pointer;color:#ccd5db;font-size:11px;font-weight:900}.editGrid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:10px 0}.editGrid .wide{grid-column:1/-1}.editGrid textarea{min-height:100px;font-family:inherit}.saveEdit{width:100%}
@media(max-width:1399px){.cards{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:1023px){.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.resultsStats{grid-template-columns:1fr 1fr 1fr}}@media(max-width:699px){.wrap,.adminWrap{padding-inline:12px}.topbar{padding-top:4px}.brand h1{font-size:21px}.mainTabs{width:100%}.mainTab{flex:1;padding-inline:8px}.hero{padding:17px;border-radius:21px}.hero h2{font-size:28px}.controlsDock{top:max(4px,env(safe-area-inset-top));margin-inline:-2px}.searchRow{grid-template-columns:1fr}.searchCount{text-align:left;min-width:0;margin-left:4px}.cards{grid-template-columns:1fr;gap:11px}.card{padding:15px;min-height:0}.fixtureLine{font-size:18px}.market{font-size:16px}.resultsStats{grid-template-columns:1fr;gap:7px}.resultStat{display:grid;grid-template-columns:1fr auto;align-items:center}.resultNumbers,.resultRate{margin:0}.resultRate{grid-column:1/-1}.adminTileGrid{grid-template-columns:1fr}.publishedControls,.editGrid{grid-template-columns:1fr}.workflowLine{display:none}.workflow{justify-content:space-between}.installBtn{font-size:11px;padding:8px 10px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.bgLayer{transform:none!important}}
.autoResultNote{margin-top:10px;padding:8px 10px;border:1px solid rgba(102,168,255,.22);border-radius:10px;background:rgba(102,168,255,.08);color:#b9c9d8;font-size:12px}.autoResultNote b{color:#f4f7fa}

/* V1.27 Today / Tomorrow publishing */
.publishDayBar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:0 0 14px;padding:10px 12px;border:1px solid var(--line);border-radius:16px;background:rgba(8,15,20,.72)}
.publishDaySwitch{display:flex;gap:5px;padding:4px;border-radius:13px;background:#071015;border:1px solid rgba(255,255,255,.08)}
.publishDayBtn{min-width:108px;background:transparent;color:var(--muted);border:0;border-radius:9px;padding:9px 15px}
.publishDayBtn.active{background:linear-gradient(135deg,var(--gold),#f7d67f);color:#071015;box-shadow:0 7px 22px rgba(231,184,75,.18)}
.publishDateMeta{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.publishDateMeta>span:first-child{font-weight:950}.publishDateMeta input{min-width:155px}
@media(max-width:699px){.publishDayBar{align-items:stretch}.publishDaySwitch{width:100%}.publishDayBtn{flex:1;min-width:0}.publishDateMeta{width:100%;justify-content:space-between}.publishDateMeta input{flex:1}}

/* V1.33 automatic-results admin operations */
.resultsOpsPanel{margin-top:16px;background:linear-gradient(145deg,rgba(10,19,25,.96),rgba(10,26,30,.92));border-color:rgba(106,170,255,.18)}.resultsOpsSummary{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0 8px}.resultsOpsMeta{min-height:18px}.resultsOpsHint{margin-top:10px;padding:10px 12px;border-radius:12px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.055);font-size:11.5px;line-height:1.45;color:var(--muted)}.resultSettled{color:#6fe0a9!important;border-color:rgba(111,224,169,.22)!important}.resultPending{color:#c8d1d8!important}.resultReview{color:#ffd166!important;border-color:rgba(255,209,102,.25)!important}.resultUnmatched{color:#ff9b9b!important;border-color:rgba(255,155,155,.23)!important}
/* V1.34 smart result matching diagnostics */
.unmatchedList{margin-top:12px;border:1px solid rgba(255,155,155,.18);border-radius:14px;background:rgba(255,155,155,.045);overflow:hidden}.unmatchedHead{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:10px 12px;border-bottom:1px solid rgba(255,255,255,.06);font-size:11px}.unmatchedHead b{color:#ffb1b1}.unmatchedHead span{color:var(--muted)}.unmatchedRow{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:12px;padding:10px 12px;border-bottom:1px solid rgba(255,255,255,.045);font-size:11px}.unmatchedRow:last-child{border-bottom:0}.unmatchedRow b{display:block;color:#f4f7fa;margin-bottom:3px}.unmatchedRow span,.unmatchedCandidate{color:var(--muted);line-height:1.4}.unmatchedCandidate{align-self:center}@media(max-width:720px){.unmatchedHead{align-items:flex-start;flex-direction:column}.unmatchedRow{grid-template-columns:1fr}}

/* V1.37 admin polish + BoxMidfield wordmark */
.brandV2{align-items:flex-start}.brandLockup{display:flex;flex-direction:column;align-items:flex-start;gap:2px}.brandWordmark{display:block;width:min(250px,62vw);height:auto;filter:drop-shadow(0 10px 28px rgba(88,229,163,.08))}.adminBrandWordmark{width:min(270px,70vw)}.brandLockup .edition{margin:0 0 0 60px;color:#8397a2;letter-spacing:.18em}
.splashBrandLogo{width:min(360px,78vw);margin-bottom:7px}
.adminBody{background:radial-gradient(circle at 72% -20%,rgba(42,134,112,.13),transparent 42%),linear-gradient(180deg,#061016,#08151b 46%,#071015)}
.adminWrap{width:min(1320px,100%)}.adminHeader{padding:2px 4px 4px}.resultsOpsPanel{padding:20px;background:linear-gradient(145deg,rgba(8,20,26,.97),rgba(7,27,31,.93));border-color:rgba(88,229,163,.16);box-shadow:0 18px 46px rgba(0,0,0,.19)}
.resultsOpsMeta{margin-top:10px;color:#9eb1bc}.resultsDashboard{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(300px,.75fr);gap:14px;margin-top:14px}.resultsOpsSummary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0}.resultMetricCard{min-height:92px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:14px 15px;border-radius:16px;background:linear-gradient(150deg,rgba(12,27,33,.93),rgba(8,18,23,.92));border:1px solid rgba(255,255,255,.08);box-shadow:inset 0 1px 0 rgba(255,255,255,.02)}.resultMetricCard b{font-size:25px;line-height:1;color:#f5f9fb}.resultMetricCard span{margin-top:7px;color:#9aabb5;font-size:10px;font-weight:950;letter-spacing:.065em;text-transform:uppercase}.metricSettled{border-color:rgba(88,229,163,.26)}.metricSettled span{color:#70e4b0}.metricPending{border-color:rgba(255,209,102,.17)}.metricReview{border-color:rgba(255,209,102,.28)}.metricReview span{color:#ffd166}.metricUnmatched{border-color:rgba(255,116,116,.28)}.metricUnmatched span{color:#ff8585}.metricManual{border-color:rgba(106,170,255,.22)}
.resultsPerformance{border:1px solid rgba(255,255,255,.085);border-radius:17px;padding:15px;background:linear-gradient(145deg,rgba(11,24,30,.92),rgba(8,17,22,.92));min-height:194px}.performanceEmpty{height:100%;min-height:160px;display:grid;place-items:center;text-align:center;color:var(--muted);font-size:12px}.performanceHead{display:flex;justify-content:space-between;gap:12px;margin-bottom:14px}.performanceHead b{display:block;font-size:13px}.performanceHead span{display:block;margin-top:3px;color:var(--muted);font-size:10px}.performanceBody{display:grid;grid-template-columns:minmax(0,1fr) 100px;gap:14px;align-items:center}.performanceStats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.performanceStat{padding:11px 9px;border:1px solid rgba(255,255,255,.07);border-radius:12px;background:rgba(255,255,255,.025)}.performanceStat span,.performanceStat small{display:block;color:var(--muted);font-size:9px;font-weight:850}.performanceStat b{display:block;font-size:18px;margin:5px 0 2px}.performanceStat.win b{color:#58e5a3}.performanceStat.loss b{color:#ff7474}.performanceStat.void b{color:#b2bec7}.resultDonut{width:96px;height:96px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(#58e5a3 0 var(--win),#ff7474 var(--win) var(--loss-end),#9aa6b1 var(--loss-end) 100%);position:relative}.resultDonut:after{content:'';position:absolute;width:68px;height:68px;border-radius:50%;background:#09171d;box-shadow:0 0 0 1px rgba(255,255,255,.05)}.resultDonut>div{position:relative;z-index:1;text-align:center}.resultDonut b{display:block;font-size:20px;line-height:1}.resultDonut span{display:block;font-size:9px;color:var(--muted);margin-top:4px}
.unmatchedList{margin-top:14px;background:rgba(255,116,116,.035)}.unmatchedHead>div span{display:block;margin-top:2px}.unmatchedRow{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);transition:background .14s ease,border-color .14s ease,transform .14s ease}.unmatchedJump{cursor:pointer;outline:none}.unmatchedJump:hover,.unmatchedJump:focus-visible{background:rgba(255,255,255,.045);box-shadow:inset 3px 0 0 #ff7474}.unmatchedJump:active{transform:translateY(1px)}.unmatchedCandidate{display:flex;flex-direction:column;align-items:flex-start;gap:4px}.unmatchedOpen{display:block!important;color:#dbe5ea!important;font-weight:900;font-size:10px}.adminTile{transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}.adminTileFocus{border-color:rgba(88,229,163,.72)!important;box-shadow:0 0 0 3px rgba(88,229,163,.11),0 22px 50px rgba(0,0,0,.3)!important;transform:translateY(-2px)}
@media(max-width:980px){.resultsDashboard{grid-template-columns:1fr}.resultsOpsSummary{grid-template-columns:repeat(3,minmax(0,1fr))}.resultsPerformance{min-height:auto}}
@media(max-width:699px){.brandLockup .edition{margin-left:48px}.brandWordmark{width:min(220px,72vw)}.resultsOpsPanel{padding:14px}.resultsOpsSummary{grid-template-columns:repeat(2,minmax(0,1fr))}.resultMetricCard{min-height:78px}.performanceBody{grid-template-columns:1fr}.resultDonut{margin:0 auto}.performanceStats{grid-template-columns:repeat(3,minmax(0,1fr))}.unmatchedRow{grid-template-columns:1fr}.unmatchedCandidate{padding-top:4px}}

/* =========================================================
   V1.38 — BoxMidfield stadium admin redesign
   ========================================================= */
.adminV138{--admin-bg:#031216;--admin-panel:rgba(5,27,31,.83);--admin-panel2:rgba(7,34,38,.88);--admin-line:rgba(61,229,178,.22);--admin-bright:#27efbb;--admin-soft:#9db5bc;--admin-deep:#06191e;--admin-red:#ff676f;--admin-yellow:#f0c14f;--admin-blue:#4aa3ff;background:#021014;color:#f7fbfc;min-height:100vh}
.adminV138 .adminStadiumBg{position:fixed;inset:0;z-index:-2;background:linear-gradient(90deg,rgba(1,11,15,.98) 0%,rgba(1,15,19,.91) 17%,rgba(1,13,17,.74) 55%,rgba(1,12,15,.92) 100%),linear-gradient(180deg,rgba(1,14,18,.55),rgba(1,14,18,.94)),url('/assets/backgrounds/bg_09.webp') center/cover no-repeat;filter:saturate(.74) hue-rotate(118deg) brightness(.68)}
.adminV138:before{content:'';position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(circle at 68% 2%,rgba(31,228,181,.10),transparent 31%),linear-gradient(180deg,rgba(2,17,21,.15),rgba(2,15,19,.88) 86%)}
.adminV138 button,.adminV138 input,.adminV138 select,.adminV138 textarea{font-family:inherit}
.adminV138 button{border-color:rgba(255,255,255,.10);background:rgba(8,31,37,.82)}
.adminV138 button:hover{border-color:rgba(39,239,187,.36)}
.adminV138 .adminPrimary{background:linear-gradient(135deg,#1de4af,#4ff5c4)!important;color:#021313!important;border-color:transparent!important;box-shadow:0 8px 28px rgba(31,231,177,.14);font-weight:950}
.adminV138 .adminOutlineBtn{border:1px solid rgba(39,239,187,.62);background:rgba(8,44,45,.52);color:#dffdf5;font-weight:900}
.adminV138 input,.adminV138 select,.adminV138 textarea{background:rgba(3,18,23,.84);border:1px solid rgba(142,183,192,.22);color:#f6fbfc}
.adminV138 input:focus,.adminV138 select:focus,.adminV138 textarea:focus{outline:none;border-color:rgba(39,239,187,.62);box-shadow:0 0 0 3px rgba(39,239,187,.08)}
.adminV138 .meta{color:#91a8b0}
.adminV138 .notice{border-color:rgba(39,239,187,.13);background:rgba(5,31,35,.78);color:#a8bec5}
.adminV138 .summaryChip{background:rgba(10,37,42,.86);border-color:rgba(255,255,255,.08)}
.adminV138 .summaryChip.free{color:#38efbd;border-color:rgba(56,239,189,.24)}
.adminV138 .summaryChip.pro{color:#efcb61;border-color:rgba(239,203,97,.22)}

.adminAuthShell{min-height:100vh;display:grid;place-items:center;padding:28px}
.adminAuthCard{width:min(460px,100%);padding:34px;border:1px solid rgba(44,239,188,.22);border-radius:26px;background:linear-gradient(145deg,rgba(4,26,31,.96),rgba(2,16,20,.97));box-shadow:0 40px 90px rgba(0,0,0,.42);backdrop-filter:blur(18px)}
.authLogo{display:block;width:min(280px,78vw);height:auto}.authEyebrow,.adminEyebrow{margin-top:6px;color:#49e8bd;font-size:10px;font-weight:950;letter-spacing:.24em}.adminAuthCard h1{margin:22px 0 6px;font-size:34px;letter-spacing:-1.1px}.authGrid{margin-top:18px}.authGrid label{display:grid;gap:7px;color:#adc1c7;font-size:11px;font-weight:850}.authGrid input{width:100%;padding:13px 14px}

.adminApp{display:grid;grid-template-columns:250px minmax(0,1fr);min-height:100vh}
.adminSidebar{position:sticky;top:0;height:100vh;padding:27px 12px 22px;border-right:1px solid rgba(116,180,188,.16);background:linear-gradient(180deg,rgba(2,18,23,.96),rgba(2,21,25,.92));backdrop-filter:blur(18px);z-index:40;display:flex;flex-direction:column}
.sidebarBrand{padding:0 14px 26px}.sidebarBrand img{display:block;width:195px;max-width:100%;height:auto}.sidebarBrand span{display:block;margin:8px 0 0 58px;color:#78949d;font-size:9px;letter-spacing:.32em;font-weight:950}
.adminNav{display:grid;gap:7px}.adminNavBtn{width:100%;display:flex;align-items:center;gap:12px;min-height:48px;padding:11px 14px;border:1px solid transparent!important;border-radius:10px!important;background:transparent!important;color:#bfd0d5!important;text-align:left;font-weight:780!important;box-shadow:none!important;position:relative}.adminNavBtn:hover{background:rgba(28,220,174,.06)!important;color:#ebfffa!important}.adminNavBtn.active{background:linear-gradient(90deg,rgba(29,225,174,.16),rgba(29,225,174,.05))!important;border-color:rgba(39,239,187,.18)!important;color:#31efbd!important}.adminNavBtn.active:before{content:'';position:absolute;left:-13px;top:8px;bottom:8px;width:4px;border-radius:4px;background:#31efbd;box-shadow:0 0 14px rgba(49,239,189,.46)}.navGlyph{width:28px;height:28px;display:grid;place-items:center;font-size:20px;color:inherit}.sidebarFoot{margin-top:auto;padding:22px 16px 0;color:#a6b9c0;font-size:9px;line-height:1.8;letter-spacing:.25em;font-weight:850}.sidebarFoot span{display:block;width:28px;height:3px;margin-bottom:12px;border-radius:3px;background:#29eab7}

.adminWorkspace{min-width:0;display:flex;flex-direction:column;min-height:100vh}.adminTopbar{height:76px;position:sticky;top:0;z-index:35;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:12px 28px;border-bottom:1px solid rgba(111,174,183,.14);background:linear-gradient(180deg,rgba(3,19,24,.91),rgba(3,19,24,.78));backdrop-filter:blur(18px)}
.adminSearchBox{width:min(500px,44vw);height:46px;display:flex;align-items:center;gap:10px;padding:0 12px;border:1px solid rgba(104,167,177,.22);border-radius:10px;background:rgba(5,26,32,.78)}.adminSearchBox>span{font-size:24px;color:#d7e8ec}.adminSearchBox input{flex:1;min-width:0;border:0!important;background:transparent!important;box-shadow:none!important;padding:0!important}.adminSearchBox kbd{font-size:9px;color:#718a92;padding:4px 7px;border-radius:6px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.04)}
.adminTopActions{display:flex;align-items:center;gap:14px}.systemPill{display:inline-flex;align-items:center;gap:8px;color:#6df3c9;font-size:11px;font-weight:800}.systemPill i{width:8px;height:8px;border-radius:50%;background:#27efbb;box-shadow:0 0 12px #27efbb}.adminIdentity{display:flex;align-items:center;gap:9px;padding-left:14px;border-left:1px solid rgba(255,255,255,.08)}.adminAvatar{width:40px;height:40px;display:grid;place-items:center;border-radius:50%;font-weight:950;background:linear-gradient(145deg,#0c6c5a,#0a3b37);border:1px solid rgba(46,239,187,.26)}.adminIdentity b,.adminIdentity small{display:block}.adminIdentity b{font-size:12px}.adminIdentity small{margin-top:2px;color:#7f969e;font-size:9px}.adminSignOut{font-size:10px;padding:8px 10px!important}

.adminContent{width:100%;max-width:1540px;margin:0 auto;padding:28px 28px 36px}.adminView{animation:adminFade .18s ease}@keyframes adminFade{from{opacity:.4;transform:translateY(4px)}to{opacity:1;transform:none}}
.adminHero,.adminPageTitle{display:flex;align-items:flex-start;justify-content:space-between;gap:22px;margin-bottom:23px;position:relative}.adminHero h1,.adminPageTitle h1{margin:3px 0 5px;font-size:clamp(34px,4vw,48px);line-height:1.02;letter-spacing:-1.65px}.adminHero h1 span,.adminPageTitle h1 span{color:#2be8b6}.adminHero p,.adminPageTitle p{margin:0;color:#9cb1b8;font-size:14px;max-width:780px}.heroMotto,.pageMotto{padding-top:8px;text-align:right;color:#9ab0b8;font-size:9px;line-height:1.75;letter-spacing:.34em;font-weight:850}.heroMotto span,.pageMotto span{display:block;width:28px;height:3px;background:#2beaB7;margin:9px 0 0 auto}.adminPageTitle .adminOutlineBtn{margin-top:15px}

.overviewMetricGrid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}.overviewMetricCard{min-width:0;min-height:116px;display:flex!important;align-items:center!important;gap:13px!important;padding:16px!important;border-radius:11px!important;border:1px solid rgba(66,226,184,.19)!important;background:linear-gradient(145deg,rgba(6,35,39,.83),rgba(5,27,32,.77))!important;color:#f2fafa!important;text-align:left;box-shadow:inset 0 1px 0 rgba(255,255,255,.02),0 12px 30px rgba(0,0,0,.13)}.overviewMetricCard .metricIcon{width:42px;height:42px;flex:0 0 42px;display:grid;place-items:center;border-radius:50%;font-size:20px;background:radial-gradient(circle,rgba(31,229,179,.24),rgba(31,229,179,.06));color:#2ff0bd}.overviewMetricCard small,.overviewMetricCard b,.overviewMetricCard em{display:block}.overviewMetricCard small{color:#c8d8dc;font-size:11px;font-weight:800}.overviewMetricCard b{margin-top:6px;font-size:27px;line-height:1}.overviewMetricCard em{margin-top:5px;color:#7e969d;font-size:9px;font-style:normal}.overviewMetricCard.tierGold{border-color:rgba(231,184,75,.24)!important}.overviewMetricCard.tierGold .metricIcon{color:#f2cb55;background:rgba(231,184,75,.10)}.overviewMetricCard.tierPurple{border-color:rgba(169,112,255,.25)!important}.overviewMetricCard.tierPurple .metricIcon{color:#bd83ff;background:rgba(169,112,255,.10)}.overviewMetricCard.tierBlue{border-color:rgba(74,163,255,.25)!important}.overviewMetricCard.tierBlue .metricIcon{color:#69b3ff;background:rgba(74,163,255,.10)}
.overviewActions{display:flex;gap:10px;flex-wrap:wrap;margin:14px 0 18px}.overviewActions button{min-height:40px;padding:9px 18px!important}
.adminSurface{border:1px solid rgba(53,222,181,.19);border-radius:12px;background:linear-gradient(145deg,rgba(5,30,35,.82),rgba(4,23,28,.84));box-shadow:0 16px 40px rgba(0,0,0,.14);padding:17px;backdrop-filter:blur(10px)}.surfaceHead{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:13px}.surfaceHead h2{margin:0;font-size:17px;letter-spacing:-.3px}.surfaceHead p{margin:4px 0 0;color:#809aa2;font-size:10px}.textBtn{padding:4px 2px!important;border:0!important;background:transparent!important;color:#35e8ba!important;font-size:10px!important}
.overviewColumns{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(240px,.72fr) minmax(250px,.78fr);gap:14px}.overviewFixtureList{display:grid}.overviewFixtureRow{display:grid;grid-template-columns:54px minmax(0,1fr) 128px 42px;gap:12px;align-items:center;padding:10px 3px;border-top:1px solid rgba(255,255,255,.06)}.overviewFixtureRow:first-child{border-top:0}.overviewFixtureRow i{font-style:normal;color:#71878e;font-weight:400}.overviewFixtureRow b{display:block;font-size:11px}.overviewFixtureRow small{display:block;margin-top:3px;color:#81979e;font-size:9px}.overviewKo{font-size:11px;font-weight:950}.overviewTier{font-size:9px;color:#39e9bb;font-weight:950;text-transform:uppercase}.overviewFixtureRow strong{font-size:15px}.quickStatsGrid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.quickStatsGrid>div{padding:14px;border:1px solid rgba(255,255,255,.07);border-radius:10px;background:rgba(6,32,36,.68)}.quickStatsGrid small,.quickStatsGrid b{display:block}.quickStatsGrid small{font-size:9px;color:#879da4}.quickStatsGrid b{margin-top:8px;font-size:23px}.automationRows{display:grid}.automationRows>div{display:flex;justify-content:space-between;gap:12px;padding:11px 0;border-top:1px solid rgba(255,255,255,.06);font-size:10px}.automationRows>div:first-child{border-top:0}.automationRows span{color:#91a7ae}.automationRows b{color:#38e9ba}.overviewQuote{margin-top:16px;min-height:95px;display:grid;grid-template-columns:42px 1fr auto;gap:14px;align-items:center;padding:16px 24px;border:1px solid rgba(54,220,180,.19);border-radius:12px;background:linear-gradient(90deg,rgba(5,31,35,.88),rgba(8,40,42,.54),rgba(5,24,29,.86));position:relative;overflow:hidden}.overviewQuote:after{content:'';position:absolute;inset:0 0 0 auto;width:45%;background:url('/assets/backgrounds/bg_05.webp') center/cover no-repeat;opacity:.18;mask-image:linear-gradient(90deg,transparent,#000)}.overviewQuote span{font-size:48px;color:#31eabb;line-height:.7}.overviewQuote p{font-style:italic;font-size:15px}.overviewQuote b{z-index:1;color:#31eabb;font-size:11px}

.modernDayBar{border-color:rgba(52,226,184,.18)!important;background:rgba(4,27,31,.72)!important}.adminV138 .publishDaySwitch{background:rgba(2,17,21,.88);border-color:rgba(255,255,255,.08)}.adminV138 .publishDayBtn{color:#9bb0b7!important}.adminV138 .publishDayBtn.active{background:linear-gradient(135deg,rgba(30,224,173,.22),rgba(30,224,173,.08))!important;color:#35e9ba!important;box-shadow:inset 0 -2px 0 #34e9ba!important}.modernWorkflow{padding:14px 20px;margin-bottom:14px;border:1px solid rgba(54,226,183,.18);border-radius:11px;background:rgba(4,28,32,.68)}.modernWorkflow .workflowStep{min-width:160px;color:#718c94}.modernWorkflow .workflowStep>div{display:grid;gap:2px}.modernWorkflow .workflowStep b{font-size:11px}.modernWorkflow .workflowStep small{font-size:9px;font-weight:600}.modernWorkflow .workflowStep span{width:37px;height:37px;background:#0b252b}.modernWorkflow .workflowStep.active{color:#e7fff8}.modernWorkflow .workflowStep.active span{background:rgba(34,236,184,.12);border-color:#2de7b8;color:#2de7b8}.modernWorkflow .workflowLine{max-width:none;background:rgba(101,183,190,.18)}
.publishingSummaryGrid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin:0 0 14px}.publishSummaryCard{min-height:80px;display:flex;align-items:center;gap:11px;padding:12px 14px;border-radius:10px;border:1px solid rgba(255,255,255,.07);background:rgba(5,30,35,.79)}.publishSummaryCard>span{width:36px;height:36px;display:grid;place-items:center;border-radius:9px;background:rgba(42,225,179,.08);color:#38e9ba}.publishSummaryCard b,.publishSummaryCard small{display:block}.publishSummaryCard b{font-size:20px}.publishSummaryCard small{margin-top:3px;color:#879fa6;font-size:9px}.publishSummaryCard.proSummary>span{color:#f1c958;background:rgba(231,184,75,.09)}
.publishingSurface textarea{min-height:260px;background:rgba(2,16,20,.93);font-size:11px;border-radius:9px}.publishingActions{justify-content:flex-end}.previewPanel,.publishedPanel{margin-top:14px}.bulkBar{display:flex;gap:8px}

.adminTableWrap{overflow-x:auto;border:1px solid rgba(255,255,255,.06);border-radius:9px}.adminDataTable{min-width:930px}.adminTableHeader,.adminTableRow{display:grid;align-items:center;column-gap:12px}.previewTable .adminTableHeader,.previewTable .adminTableRow{grid-template-columns:70px minmax(210px,1.5fr) minmax(180px,1.1fr) 120px 150px 100px}.publishedDataTable .adminTableHeader,.publishedDataTable .adminTableRow{grid-template-columns:65px minmax(200px,1.55fr) minmax(170px,1.2fr) 80px 145px 95px 115px}.adminTableHeader{position:sticky;top:0;z-index:2;padding:10px 13px;background:#09242b;border-bottom:1px solid rgba(255,255,255,.08);color:#a9bdc3;font-size:9px;text-transform:uppercase;letter-spacing:.04em;font-weight:900}.adminV138 .adminTableRow{padding:10px 13px;border:0;border-bottom:1px solid rgba(255,255,255,.06);border-radius:0;background:rgba(3,22,26,.62);min-width:0}.adminV138 .adminTableRow:last-child{border-bottom:0}.adminV138 .adminTableRow:hover{background:rgba(17,58,58,.52)}.adminTableRow>span{min-width:0;font-size:10px}.rowKo{font-weight:950;color:#dff0f3}.rowFixture{font-weight:850}.rowFixture i{font-style:normal;color:#6f8990;margin:0 3px}.rowSelection{color:#b9ced3}.rowRating b{font-size:14px;color:#f2f9fa}.adminV138 .adminTableRow select{width:100%;padding:7px 8px;border-radius:7px;font-size:9px}.adminRowDescription,.adminRowResult,.adminEdit{grid-column:1/-1}.adminRowDescription{margin-top:8px;padding:8px 10px;border-left:2px solid rgba(46,235,185,.28);background:rgba(255,255,255,.018);color:#819ba2;font-size:9.5px;line-height:1.45}.adminRowResult{padding-top:7px;color:#8ea4ab;font-size:9px}.adminV138 .adminEdit{margin-top:8px}.adminV138 .adminEdit summary{font-size:9px;color:#7ff3d3}.adminV138 .adminEdit[open]{padding:10px;border:1px solid rgba(47,234,185,.14);border-radius:9px;background:rgba(5,31,35,.84)}.adminV138 .editGrid input,.adminV138 .editGrid textarea{font-size:10px}.adminV138 .call{display:inline-flex;align-items:center;padding:5px 8px;border:1px solid rgba(48,239,188,.20);border-radius:999px;background:rgba(46,226,181,.06);color:#4ce9bf;font-size:8.5px;font-weight:950;white-space:nowrap}.searchHidden{display:none!important}.emptyInline{padding:20px;text-align:center;color:#81989f;font-size:11px}

.adminV138 .resultsOpsPanel{padding:18px;background:linear-gradient(145deg,rgba(5,31,35,.88),rgba(4,25,29,.88));box-shadow:0 16px 40px rgba(0,0,0,.14)}.adminV138 .resultsDashboard{grid-template-columns:minmax(0,1.4fr) minmax(300px,.7fr)}.adminV138 .resultsOpsSummary{grid-template-columns:repeat(6,minmax(0,1fr));gap:9px}.adminV138 .resultMetricCard{min-height:105px;padding:12px;border-radius:9px;text-align:center;align-items:center;background:rgba(5,28,33,.83)}.adminV138 .resultMetricCard b{font-size:24px}.adminV138 .resultMetricCard span{font-size:8px}.adminV138 .resultsPerformance{border-radius:10px;background:rgba(5,27,32,.82)}.unmatchedSurface{margin-top:14px}.adminV138 .unmatchedList{border-radius:9px;background:rgba(42,12,16,.18)}.adminV138 .unmatchedHead{background:rgba(255,90,100,.04)}.adminV138 .unmatchedRow{font-size:10px}.adminV138 .unmatchedJump:hover{background:rgba(255,255,255,.035)}

.performanceMetricGrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:14px}.performanceMetric{min-height:105px;padding:18px;border:1px solid rgba(52,226,184,.18);border-radius:11px;background:rgba(5,31,35,.80)}.performanceMetric small,.performanceMetric b,.performanceMetric em{display:block}.performanceMetric small{color:#9db1b7;font-size:10px}.performanceMetric b{margin-top:7px;font-size:30px}.performanceMetric em{margin-top:4px;color:#7d969d;font-size:9px;font-style:normal}.performanceMetric.win b{color:#32efba}.performanceMetric.loss b{color:#ff676f}.performanceColumns{display:grid;grid-template-columns:minmax(360px,.8fr) minmax(0,1.5fr);gap:14px}.tierPerformanceList{display:grid;gap:10px}.tierPerformanceRow{display:grid;grid-template-columns:28px minmax(130px,1fr) 80px 70px minmax(80px,1fr);gap:10px;align-items:center;padding:12px;border:1px solid rgba(255,255,255,.07);border-radius:9px;background:rgba(4,26,31,.66)}.tierSymbol{font-size:20px;color:#35e9ba}.tierPerformanceRow>b{font-size:10px}.tierPerformanceRow small,.tierPerformanceRow strong{display:block}.tierPerformanceRow small{color:#7e959c;font-size:8px}.tierPerformanceRow strong{margin-top:3px;font-size:12px;color:#37eab9}.tierBar{height:7px;border-radius:10px;background:rgba(255,255,255,.09);overflow:hidden}.tierBar i{display:block;height:100%;border-radius:inherit;background:#35e9ba}.tier-strong .tierSymbol{color:#e7b84b}.tier-lean .tierSymbol{color:#a970ff}.tier-edge-of-the-box .tierSymbol{color:#4aa3ff}.recentTable{overflow-x:auto}.recentHeader,.recentRow{min-width:760px;display:grid;grid-template-columns:110px minmax(170px,1.4fr) minmax(145px,1.2fr) 120px 80px 55px;gap:10px;align-items:center}.recentHeader{padding:9px 10px;background:#09242b;color:#96aab1;font-size:8px;text-transform:uppercase;font-weight:900}.recentRow{padding:9px 10px;border-bottom:1px solid rgba(255,255,255,.06);font-size:9px}.recentRow b{font-size:9.5px}.resultText{font-weight:950}.result-won{color:#34e9b9}.result-lost{color:#ff6b73}.result-void{color:#a9bac0}

.methodPrinciples{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:14px}.methodPrinciples>div{min-height:105px;display:grid;grid-template-columns:46px 1fr;grid-template-rows:auto 1fr;column-gap:12px;padding:15px;border:1px solid rgba(51,226,182,.18);border-radius:10px;background:rgba(5,31,35,.78)}.methodPrinciples>div>span{grid-row:1/3;width:42px;height:42px;display:grid;place-items:center;border:1px solid rgba(48,236,185,.22);border-radius:10px;color:#32e9b8;font-size:20px}.methodPrinciples b{font-size:11px}.methodPrinciples p{margin:5px 0 0;color:#91a7ae;font-size:9.5px;line-height:1.45}.methodColumns{display:grid;grid-template-columns:1.1fr 1fr;gap:14px}.processSteps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.processSteps>div{text-align:center}.processSteps span{width:54px;height:54px;margin:0 auto 10px;display:grid;place-items:center;border:1px solid #2de9b7;border-radius:50%;color:#2de9b7;font-size:17px;font-weight:950}.processSteps b{display:block;font-size:10px}.processSteps p{margin:6px 0 0;color:#879da4;font-size:9px;line-height:1.5}.tierMeaningGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.tierMeaningCard{min-height:190px;padding:14px;border:1px solid rgba(53,229,184,.22);border-radius:9px;background:rgba(4,25,29,.76);text-align:center}.tierMeaningCard>span{font-size:33px}.tierMeaningCard>b,.tierMeaningCard>small{display:block}.tierMeaningCard>b{margin-top:9px;font-size:11px}.tierMeaningCard>small{margin:7px auto;width:max-content;padding:4px 8px;border-radius:999px;border:1px solid currentColor;color:#34eabb;font-size:8px;font-weight:950}.tierMeaningCard p{color:#91a7ae;font-size:9px;line-height:1.5}.tierMeaningCard.tierGold{border-color:rgba(231,184,75,.45)}.tierMeaningCard.tierGold>span{color:#e7b84b}.tierMeaningCard.tierPurple{border-color:rgba(169,112,255,.45)}.tierMeaningCard.tierPurple>span{color:#a970ff}.tierMeaningCard.tierBlue{border-color:rgba(74,163,255,.45)}.tierMeaningCard.tierBlue>span{color:#4aa3ff}.methodBottomGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:14px}.methodBottomGrid h2{margin:0 0 8px;font-size:14px}.methodBottomGrid p{margin:0;color:#8ea4ab;font-size:10px;line-height:1.55}

.adminFooter{display:flex;align-items:center;gap:22px;padding:15px 28px;border-top:1px solid rgba(108,176,184,.14);background:rgba(2,17,21,.78);color:#769097;font-size:9px}.adminFooter img{width:120px;height:auto}.adminFooter span:last-child{margin-left:auto}

@media(max-width:1280px){.overviewMetricGrid{grid-template-columns:repeat(3,minmax(0,1fr))}.overviewColumns{grid-template-columns:1.4fr 1fr}.automationPanel{grid-column:1/-1}.resultsOpsSummary{grid-template-columns:repeat(3,minmax(0,1fr))!important}.methodPrinciples{grid-template-columns:1fr 1fr}.methodColumns{grid-template-columns:1fr}.performanceColumns{grid-template-columns:1fr}.publishingSummaryGrid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:980px){.adminApp{grid-template-columns:78px minmax(0,1fr)}.adminSidebar{padding-inline:8px}.sidebarBrand{padding-inline:4px}.sidebarBrand img{width:58px;height:58px;object-fit:cover;object-position:left}.sidebarBrand span,.adminNavBtn span:last-child,.sidebarFoot{display:none}.adminNavBtn{justify-content:center;padding-inline:8px}.adminNavBtn.active:before{left:-9px}.adminSearchBox{width:min(420px,52vw)}.adminIdentity>div,.systemPill span,.adminSignOut{display:none}.adminContent{padding-inline:18px}.overviewColumns{grid-template-columns:1fr}.automationPanel{grid-column:auto}.performanceMetricGrid{grid-template-columns:1fr 1fr}.processSteps{grid-template-columns:1fr 1fr}.methodBottomGrid{grid-template-columns:1fr}.tierMeaningGrid{grid-template-columns:1fr 1fr 1fr}}
@media(max-width:700px){.adminApp{display:block}.adminSidebar{position:sticky;top:0;width:100%;height:auto;display:block;padding:8px 10px;border-right:0;border-bottom:1px solid rgba(255,255,255,.08)}.sidebarBrand{display:none}.adminNav{display:flex;overflow-x:auto;gap:5px;scrollbar-width:none}.adminNav::-webkit-scrollbar{display:none}.adminNavBtn{flex:0 0 auto;width:auto!important;min-height:40px;padding:7px 10px!important}.adminNavBtn span:last-child{display:block;font-size:9px}.navGlyph{width:20px;height:20px;font-size:15px}.adminNavBtn.active:before{left:8px;right:8px;top:auto;bottom:-8px;width:auto;height:2px}.adminTopbar{top:56px;height:auto;min-height:62px;padding:8px 12px}.adminSearchBox{width:100%;height:40px}.adminTopActions{display:none}.adminContent{padding:18px 12px 30px}.adminHero,.adminPageTitle{display:block}.heroMotto,.pageMotto{display:none}.adminHero h1,.adminPageTitle h1{font-size:32px}.overviewMetricGrid{grid-template-columns:1fr 1fr}.overviewMetricCard{min-height:96px}.overviewMetricCard .metricIcon{width:34px;height:34px;flex-basis:34px}.overviewMetricCard b{font-size:22px}.overviewActions{display:grid;grid-template-columns:1fr 1fr}.overviewActions button{width:100%}.overviewColumns{grid-template-columns:1fr}.overviewQuote{grid-template-columns:34px 1fr}.overviewQuote b{display:none}.overviewFixtureRow{grid-template-columns:48px 1fr 34px}.overviewTier{display:none}.modernWorkflow{padding:10px}.modernWorkflow .workflowStep{min-width:auto}.modernWorkflow .workflowStep small{display:none}.modernWorkflow .workflowLine{display:block;min-width:20px}.publishingSummaryGrid{grid-template-columns:1fr 1fr}.publishSummaryCard{min-height:70px}.performanceMetricGrid{grid-template-columns:1fr 1fr}.methodPrinciples{grid-template-columns:1fr}.processSteps{grid-template-columns:1fr 1fr}.tierMeaningGrid{grid-template-columns:1fr}.adminFooter{padding:12px;gap:10px;flex-wrap:wrap}.adminFooter span:last-child{display:none}.adminAuthShell{padding:14px}.adminAuthCard{padding:24px 18px}}
@media(max-width:460px){.overviewMetricGrid,.overviewActions,.publishingSummaryGrid,.performanceMetricGrid,.quickStatsGrid{grid-template-columns:1fr}.overviewMetricCard{min-height:82px}.processSteps{grid-template-columns:1fr}.adminPageTitle .adminOutlineBtn{width:100%}.publishDateMeta{display:grid;grid-template-columns:auto 1fr}.publishDateMeta .meta{grid-column:1/-1}.modernWorkflow{overflow-x:auto}.modernWorkflow .workflowStep{flex:0 0 auto}.adminFooter img{width:100px}}

/* V1.38 public stadium layout */
.publicV138{background:#021014}.publicV138 .shade{background:linear-gradient(180deg,rgba(1,10,13,.54),rgba(1,13,16,.74) 42%,rgba(1,12,15,.94) 100%)}
.publicV138 .shade:after{background:radial-gradient(circle at 68% -12%,rgba(39,239,187,.12),transparent 34%),linear-gradient(90deg,rgba(0,0,0,.28),transparent 22%,transparent 78%,rgba(0,0,0,.23))}
.publicShellV138{width:min(1620px,100%);padding:18px 28px 30px}.publicTopbar{min-height:70px;padding:4px 0 16px;border-bottom:1px solid rgba(255,255,255,.08);display:grid;grid-template-columns:auto auto minmax(280px,1fr);align-items:center;gap:20px}.publicTopbar .brandWordmark{width:210px}.publicTopbar .brandLockup .edition{margin-left:58px;font-size:7px;color:#8da3aa;letter-spacing:.16em}.publicDayTabs{margin:0;background:rgba(3,23,28,.78);border-color:rgba(64,230,188,.17);border-radius:10px;padding:3px}.publicDayTabs .mainTab{min-width:105px;border-radius:8px;padding:11px 18px}.publicDayTabs .mainTab.active{background:linear-gradient(145deg,rgba(31,228,180,.18),rgba(31,228,180,.07));color:#34e9bb;box-shadow:inset 0 -2px 0 #34e9bb}.publicHeaderStatus{justify-self:end;display:flex;align-items:center;gap:9px;color:#9eb3b9;font-size:10px;white-space:nowrap}.publicHeaderStatus #liveStatus{color:#35e9ba;font-weight:850}.publicLiveDot{width:8px;height:8px;border-radius:50%;background:#2feab9;box-shadow:0 0 12px #2feab9}.statusSep{color:#607980}.publicHeaderStatus .installBtn{margin-left:6px;padding:7px 10px;border-radius:8px;font-size:9px}
.publicHero{margin:24px 0 16px;padding:0;border:0;background:transparent;box-shadow:none;backdrop-filter:none;display:flex;justify-content:space-between;gap:22px;align-items:flex-end}.publicHero .kicker{color:#35e9ba;font-size:9px;letter-spacing:.28em}.publicHero h1{margin:4px 0 7px;font-size:clamp(34px,4vw,52px);line-height:1.02;letter-spacing:-1.7px}.publicHero .meta{font-size:15px;color:#bac9cd}.publicHeroAside{text-align:right;display:grid;gap:10px}.publicHeroAside>span{font-size:11px;color:#d9e5e8;font-weight:850}.publicHeroAside small{font-size:8px;line-height:1.7;letter-spacing:.28em;color:#46e9bd;font-weight:800}
.publicControls{position:relative;top:auto;margin:0 0 16px;padding:0;background:transparent;border:0;box-shadow:none;backdrop-filter:none;display:grid;grid-template-columns:minmax(360px,1fr) auto;gap:14px;align-items:center}.publicControls .searchRow{display:block}.publicControls .searchBox input{height:58px;border-radius:10px;padding-left:52px;background:rgba(4,26,31,.82);border-color:rgba(110,185,194,.24);font-size:13px}.publicControls .searchIcon{left:17px;font-size:26px}.publicControls .searchCount{position:absolute;margin-top:4px;font-size:9px}.publicControls .filters{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}.publicControls .filter{min-height:58px;padding:0 22px;border-radius:10px!important;background:rgba(5,29,34,.82)!important;border:1px solid rgba(255,255,255,.12)!important;color:#d7e3e6!important;font-size:11px;font-weight:950}.publicControls .filter.active{border-color:#30e8b8!important;box-shadow:inset 0 0 0 1px rgba(48,232,184,.28),0 0 20px rgba(48,232,184,.05)}.publicControls .filter-strong{color:#f0c54c!important;border-color:rgba(231,184,75,.55)!important}.publicControls .filter-lean{color:#b579ff!important;border-color:rgba(169,112,255,.55)!important}.publicControls .filter-edge{color:#58acff!important;border-color:rgba(74,163,255,.58)!important}
.publicV138 .cards{gap:12px}.publicV138 .card{border-radius:11px;padding:17px 18px;background:linear-gradient(145deg,rgba(5,30,35,.83),rgba(3,23,28,.86));border-color:rgba(54,226,182,.20);box-shadow:0 14px 34px rgba(0,0,0,.20);min-height:290px}.publicV138 .card:before{opacity:.5}.publicV138 .cardTop{margin-bottom:10px}.publicV138 .ko{font-size:17px;font-weight:950}.publicV138 .call{font-size:9px;border-radius:8px;padding:6px 9px}.publicV138 .fixtureLine{font-size:19px;line-height:1.4;margin:3px 0 12px}.publicV138 .fixtureLine .v{display:inline-block;margin:0 4px;color:#7a9097;font-size:11px}.publicV138 .pickCore{padding:12px 0;margin:0;border-top:1px solid rgba(255,255,255,.07);border-bottom:1px solid rgba(255,255,255,.07)}.publicV138 .tileLabel{font-size:8px;color:#7f989f}.publicV138 .market{font-size:16px}.publicV138 .ratingBadge{min-width:118px;border-radius:9px;padding:9px 10px;background:rgba(3,18,23,.78);border:1px solid var(--accent)}.publicV138 .ratingBadge small{font-size:7px}.publicV138 .ratingBadge b{font-size:20px}.publicV138 .story{margin-top:12px}.publicV138 .readMore{color:#35e9ba}.publicV138 .storyText{font-size:11px;color:#afc1c6;line-height:1.55}.publicV138 .proNotice{border-radius:10px;border-color:rgba(231,184,75,.24);background:rgba(57,43,12,.38)}
.publicFooterV138{margin-top:26px;padding:18px 2px 4px;display:flex;align-items:center;gap:16px;border-top:1px solid rgba(255,255,255,.08);color:#7f969d;font-size:9px}.publicFooterV138 img{width:128px}.publicFooterV138 p{margin-left:auto}
@media(max-width:1120px){.publicTopbar{grid-template-columns:auto 1fr}.publicHeaderStatus{grid-column:1/-1;justify-self:stretch;justify-content:flex-end}.publicControls{grid-template-columns:1fr}.publicControls .filters{justify-content:flex-start}.publicV138 .cards{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:840px){.publicShellV138{padding-inline:16px}.publicTopbar{display:flex;flex-wrap:wrap}.publicTopbar .brand{flex:1 1 100%}.publicDayTabs{order:3;width:100%}.publicDayTabs .mainTab{flex:1}.publicHeaderStatus{margin-left:auto}.publicHero{display:block}.publicHeroAside{margin-top:12px;text-align:left;display:flex;justify-content:space-between}.publicControls .filters{display:grid;grid-template-columns:1fr 1fr}.publicControls .filter:first-child{grid-column:1/-1}.publicV138 .cards{grid-template-columns:repeat(2,minmax(0,1fr))}.publicFooterV138{flex-wrap:wrap}.publicFooterV138 p{margin-left:0;width:100%}}
@media(max-width:560px){.publicShellV138{padding-inline:12px}.publicTopbar .brandWordmark{width:180px}.publicTopbar .brandLockup .edition{margin-left:48px}.publicHeaderStatus{font-size:8px;gap:6px;overflow:hidden}.publicHero{margin-top:18px}.publicHero h1{font-size:34px}.publicHero .meta{font-size:12px}.publicHeroAside small{display:none}.publicControls .searchBox input{height:50px}.publicControls .filters{grid-template-columns:1fr 1fr;gap:7px}.publicControls .filter{min-height:48px;padding-inline:10px;font-size:9px}.publicV138 .cards{grid-template-columns:1fr}.publicV138 .card{min-height:0}.publicFooterV138 p{font-size:8px}}

/* V1.42 persistent public performance */
.publicStatsShell{margin:0 0 15px;padding:14px;border:1px solid rgba(52,232,188,.17);border-radius:11px;background:linear-gradient(145deg,rgba(4,27,32,.84),rgba(3,20,25,.82));box-shadow:0 14px 34px rgba(0,0,0,.16);backdrop-filter:blur(14px)}
.publicStatsHead{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:10px}.publicStatsHead>div{display:grid;gap:3px}.publicStatsHead span{font-size:8px;letter-spacing:.22em;color:#32e9b9;font-weight:900}.publicStatsHead b{font-size:13px;letter-spacing:-.1px}.publicStatsHead small{max-width:560px;text-align:right;color:#819aa1;font-size:9px;line-height:1.45}
.publicStatsGrid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.publicStat{min-height:86px;padding:13px 14px;border:1px solid rgba(255,255,255,.075);border-radius:9px;background:rgba(1,17,21,.58);display:flex;flex-direction:column;justify-content:center}.publicStat.primary{border-color:rgba(49,233,185,.28);background:linear-gradient(145deg,rgba(15,63,57,.42),rgba(2,22,26,.55))}.publicStat small,.publicStat b,.publicStat em{display:block}.publicStat small{color:#81979d;font-size:7px;letter-spacing:.12em;font-weight:950}.publicStat b{margin:4px 0 2px;font-size:25px;line-height:1;color:#f5f9fa}.publicStat.primary b{color:#35e9ba}.publicStat em{color:#8ca3a9;font-size:8px;font-style:normal}.finalScoreLine{margin:10px 0 0;padding:7px 9px;border-radius:7px;background:rgba(255,255,255,.045);color:#dce8ea;font-size:10px;font-weight:900;width:max-content;max-width:100%}
.publicDayTabs .mainTab{min-width:82px}.publicDayTabs{overflow-x:auto;scrollbar-width:none}.publicDayTabs::-webkit-scrollbar{display:none}
@media(max-width:1120px){.publicStatsGrid{grid-template-columns:repeat(3,minmax(0,1fr))}.publicStatsGrid .publicStat:nth-child(4),.publicStatsGrid .publicStat:nth-child(5){grid-column:auto}}
@media(max-width:700px){.publicStatsHead{display:block}.publicStatsHead small{display:block;text-align:left;margin-top:6px}.publicStatsGrid{grid-template-columns:1fr 1fr}.publicStat{min-height:74px;padding:11px}.publicStat:first-child{grid-column:1/-1}.publicStat b{font-size:22px}.publicDayTabs{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:3px}.publicDayTabs .mainTab{min-width:0!important;padding-inline:6px!important;font-size:9px}}
@media(max-width:420px){.publicStatsGrid{grid-template-columns:1fr 1fr}.publicStat small{font-size:6.5px}.publicStat em{font-size:7.5px}.publicDayTabs .mainTab{font-size:8px}}
.performanceHeaderActions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.historySyncNote{margin:0 0 8px;padding:8px 10px;border:1px solid rgba(52,226,184,.16);border-radius:8px;color:#8fb2ad;background:rgba(31,122,101,.08);font-size:9px}
@media(max-width:700px){.performanceHeaderActions{margin-top:13px;display:grid;grid-template-columns:1fr 1fr}.performanceHeaderActions .adminOutlineBtn:last-child{grid-column:1/-1}.performanceHeaderActions .adminOutlineBtn{width:100%}}

/* V1.42 tier performance tiles */
.publicStatsShell{background:rgba(3,20,25,.24);border-color:rgba(255,255,255,.09);box-shadow:none;backdrop-filter:blur(14px)}
.publicStatsGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.publicStat.tierStat{position:relative;min-height:104px;padding:14px 16px;background:rgba(4,22,27,.26);border:1px solid color-mix(in srgb,var(--tier-accent) 42%,rgba(255,255,255,.08));box-shadow:inset 0 1px 0 rgba(255,255,255,.025);backdrop-filter:blur(10px);overflow:hidden}
.publicStat.tierStat:before{content:'';position:absolute;left:0;top:13px;bottom:13px;width:3px;border-radius:0 5px 5px 0;background:var(--tier-accent);box-shadow:0 0 16px color-mix(in srgb,var(--tier-accent) 45%,transparent)}
.tierStatHead{display:flex;align-items:center;gap:8px}.tierStatHead small{color:var(--tier-accent);font-size:8px;letter-spacing:.13em;font-weight:950}.tierStatSymbol{color:var(--tier-accent);font-size:14px;line-height:1;text-shadow:0 0 14px color-mix(in srgb,var(--tier-accent) 35%,transparent)}
.tierStatMain{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;margin-top:7px}.tierStatMain b{margin:0;color:#f7fbfc;font-size:28px;letter-spacing:-.6px}.tierStatMain span{color:var(--tier-accent);font-size:18px;font-weight:950;line-height:1.1}.tierStatFoot{display:flex;gap:12px;margin-top:7px}.tierStatFoot em{color:#88a0a7;font-size:8px;font-style:normal}
@media(max-width:700px){.publicStatsGrid{grid-template-columns:1fr}.publicStat.tierStat{min-height:92px}.publicStat:first-child{grid-column:auto}.tierStatMain b{font-size:26px}}

/* V1.42 public-page cleanup */
.publicV138 .publicStatsShell{padding:12px 13px;margin-bottom:13px}.publicV138 .publicStatsHead{margin-bottom:8px}.publicV138 .publicStatsHead small{opacity:.82}.publicV138 .controlsDock{margin-bottom:14px}.publicV138 .card{transition:transform .16s ease,border-color .16s ease}.publicV138 .card:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--accent) 26%,rgba(255,255,255,.12))}@media(max-width:560px){.publicV138 .publicStatsShell{padding:10px}.publicV138 .publicStatsHead b{font-size:12px}.publicV138 .publicStatsHead small{font-size:8px}.publicV138 .publicHero{padding-bottom:18px}.publicV138 .publicControls{margin-bottom:12px}}

.resultsMode .publicHero{margin-bottom:13px}.resultsMode .cards{grid-template-columns:repeat(3,minmax(0,1fr))}.resultsMode .card{min-height:250px}.resultsMode .controlsDock{margin-top:2px}@media(max-width:1120px){.resultsMode .cards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:700px){.resultsMode .cards{grid-template-columns:1fr}.resultsMode .card{min-height:0}}


/* V1.42 production-readiness: engine, trust layer and historical corrections */
.performanceResultSelect{width:100%;min-width:76px;padding:7px 8px;border-radius:7px;border:1px solid rgba(255,255,255,.12);background:rgba(2,18,22,.92);font-size:9px;font-weight:950;outline:none;cursor:pointer}
.performanceResultSelect.result-won{color:#34e9b9;border-color:rgba(52,233,185,.35)}
.performanceResultSelect.result-lost{color:#ff767d;border-color:rgba(255,107,115,.35)}
.performanceResultSelect.result-void{color:#bdc8cc;border-color:rgba(189,200,204,.25)}
.performanceResultSelect:focus{box-shadow:0 0 0 3px rgba(52,233,185,.09)}
.performanceResultSelect:disabled{opacity:.58;cursor:wait}
.manualEditHint{display:block;margin-top:3px;color:#677f86;font-size:7px;line-height:1}
.historyEditNote{margin-top:10px;padding:9px 11px;border-radius:8px;border:1px solid rgba(255,255,255,.07);background:rgba(255,255,255,.018);color:#7f969d;font-size:8.5px;line-height:1.5}

.engineStrip{margin:0 0 14px;padding:12px 13px;display:flex;align-items:center;justify-content:space-between;gap:14px;border:1px solid rgba(255,255,255,.09);border-radius:11px;background:rgba(3,20,25,.24);backdrop-filter:blur(14px)}
.engineStripCopy{display:flex;align-items:center;gap:12px;min-width:0}.engineStripIcon{width:34px;height:34px;flex:0 0 34px;display:grid;place-items:center;border-radius:9px;border:1px solid rgba(53,233,186,.25);background:rgba(53,233,186,.06);color:#35e9ba;font-size:18px}.engineStripCopy>div{min-width:0}.engineStripCopy small,.engineStripCopy b,.engineStripCopy p{display:block}.engineStripCopy small{color:#35e9ba;font-size:7px;letter-spacing:.18em;font-weight:950}.engineStripCopy b{margin-top:3px;font-size:12px;color:#edf7f8}.engineStripCopy p{margin:3px 0 0;color:#829aa1;font-size:8.5px;line-height:1.45}.engineInfoButton{flex:0 0 auto;display:inline-flex;align-items:center;gap:10px;min-height:42px;padding:0 14px;border-radius:9px;border:1px solid rgba(53,233,186,.25);background:rgba(53,233,186,.07);color:#dffcf4;text-decoration:none;font-size:9px;font-weight:950}.engineInfoButton span{color:#35e9ba;font-size:13px}.engineInfoButton:hover{background:rgba(53,233,186,.12);border-color:rgba(53,233,186,.42)}
.resultsMode .engineStrip{display:none}

.publicFooterV138{align-items:flex-start}.footerBrand{display:flex;align-items:center;gap:11px;flex:0 0 auto}.publicFooterV138 .footerBrand img{width:128px}.footerLinks{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.footerLinks a{color:#8ba1a8;text-decoration:none;font-weight:800}.footerLinks a:hover{color:#35e9ba}.publicFooterV138>p{margin:0 0 0 auto;text-align:right;line-height:1.45;max-width:320px}

.infoBody{min-height:100vh}.infoShell{position:relative;z-index:2;width:min(1060px,100%);margin:auto;padding:22px 18px 70px}.infoTopbar{display:flex;justify-content:space-between;align-items:center;gap:14px;padding-bottom:18px}.infoTopbar img{width:min(220px,56vw)}.infoBack{display:inline-flex;align-items:center;gap:7px;padding:9px 11px;border:1px solid rgba(255,255,255,.10);border-radius:9px;background:rgba(3,20,25,.34);color:#c8d8dc;text-decoration:none;font-size:9px;font-weight:900;backdrop-filter:blur(12px)}.infoBack:hover{border-color:rgba(53,233,186,.32);color:#35e9ba}.infoHero{margin:10px 0 14px;padding:26px;border:1px solid rgba(53,233,186,.18);border-radius:16px;background:linear-gradient(145deg,rgba(4,29,34,.80),rgba(3,20,25,.72));backdrop-filter:blur(16px)}.infoHero small{color:#35e9ba;font-size:8px;letter-spacing:.22em;font-weight:950}.infoHero h1{margin:7px 0 8px;font-size:clamp(34px,6vw,54px);line-height:1;letter-spacing:-1.6px}.infoHero p{max-width:780px;margin:0;color:#a8bbc0;line-height:1.65;font-size:13px}.infoUpdated{margin-top:12px!important;color:#728a91!important;font-size:9px!important}.infoGrid{display:grid;gap:12px}.infoCard{padding:20px;border:1px solid rgba(255,255,255,.08);border-radius:12px;background:rgba(3,20,25,.42);backdrop-filter:blur(12px)}.infoCard h2{margin:0 0 8px;font-size:18px}.infoCard h3{margin:18px 0 6px;font-size:13px;color:#dce8ea}.infoCard p,.infoCard li{color:#99afb5;font-size:11px;line-height:1.72}.infoCard p{margin:7px 0}.infoCard ul{margin:8px 0 0;padding-left:19px}.infoCard strong{color:#eef8f9}.infoCard a{color:#54edc7}.infoCallout{border-color:rgba(231,184,75,.20);background:rgba(62,45,12,.20)}.infoCallout h2{color:#f0c75a}.infoDanger{border-color:rgba(255,107,115,.20);background:rgba(64,17,22,.20)}.infoDanger h2{color:#ff858c}.enginePrinciples{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.enginePrinciple{padding:16px;border:1px solid rgba(255,255,255,.07);border-radius:10px;background:rgba(255,255,255,.018)}.enginePrinciple span{display:inline-grid;width:29px;height:29px;place-items:center;border-radius:8px;background:rgba(53,233,186,.08);color:#35e9ba;font-weight:950}.enginePrinciple b{display:block;margin-top:8px;font-size:12px}.enginePrinciple p{margin-bottom:0;font-size:10px}.tierExplain{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.tierExplain>div{padding:15px;border:1px solid color-mix(in srgb,var(--tier-color) 38%,rgba(255,255,255,.08));border-radius:10px;background:rgba(3,20,25,.32)}.tierExplain span{color:var(--tier-color);font-size:18px}.tierExplain b,.tierExplain small{display:block}.tierExplain b{margin-top:7px;color:var(--tier-color);font-size:11px}.tierExplain small{margin-top:4px;color:#81999f;font-size:8px}.infoFooter{margin-top:20px;padding-top:15px;border-top:1px solid rgba(255,255,255,.08);display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;color:#758d94;font-size:8.5px}.infoFooter nav{display:flex;gap:12px;flex-wrap:wrap}.infoFooter a{color:#8aa1a8;text-decoration:none}.infoFooter a:hover{color:#35e9ba}.supportChecklist{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.supportChecklist>div{padding:14px;border-radius:9px;border:1px solid rgba(255,255,255,.07);background:rgba(255,255,255,.018)}.supportChecklist b{display:block;font-size:11px}.supportChecklist p{margin-bottom:0!important;font-size:9.5px}
@media(max-width:760px){.engineStrip{display:block}.engineInfoButton{margin-top:10px;width:100%;justify-content:center}.footerLinks{width:100%;order:3}.publicFooterV138>p{margin-left:0;text-align:left;max-width:none}.infoTopbar{align-items:flex-start}.infoHero{padding:20px}.enginePrinciples,.tierExplain,.supportChecklist{grid-template-columns:1fr}.infoFooter{display:block}.infoFooter nav{margin-top:9px}}

.publicTrustLinks{margin-top:14px}.trustLinkGrid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.trustLinkGrid a{display:flex;align-items:center;justify-content:center;min-height:42px;padding:9px 10px;border:1px solid rgba(255,255,255,.08);border-radius:8px;background:rgba(255,255,255,.018);color:#a8bec4;text-decoration:none;font-size:9px;font-weight:900;text-align:center}.trustLinkGrid a:hover{border-color:rgba(53,233,186,.30);color:#35e9ba;background:rgba(53,233,186,.05)}@media(max-width:900px){.trustLinkGrid{grid-template-columns:1fr 1fr}}@media(max-width:520px){.trustLinkGrid{grid-template-columns:1fr}}


/* V1.45 full-day fixture status + refresh */
.dayStatusBar{margin:0 0 12px;padding:10px 13px;display:flex;align-items:center;justify-content:space-between;gap:14px;border:1px solid rgba(255,255,255,.08);border-radius:10px;background:rgba(3,20,25,.24);backdrop-filter:blur(12px)}
.dayStatusCopy{min-width:0}.dayStatusCopy b,.dayStatusCopy span{display:block}.dayStatusCopy b{color:#edf7f8;font-size:10px}.dayStatusCopy span{margin-top:3px;color:#829aa1;font-size:8.5px}.dayStatusActions{display:flex;align-items:center;gap:8px;flex:0 0 auto}.timezonePill{padding:7px 9px;border-radius:999px;border:1px solid rgba(255,255,255,.08);color:#8fa7ad;font-size:8px;font-weight:850}.refreshDayBtn{min-height:34px;padding:7px 11px!important;border:1px solid rgba(53,233,186,.22)!important;border-radius:8px!important;background:rgba(53,233,186,.06)!important;color:#dffcf4!important;font-size:8.5px!important;font-weight:950!important}.refreshDayBtn:hover{border-color:rgba(53,233,186,.42)!important;background:rgba(53,233,186,.10)!important}.refreshDayBtn:disabled{opacity:.55;cursor:wait}.resultsMode .timezonePill{display:none}
@media(max-width:620px){.dayStatusBar{align-items:flex-start}.dayStatusActions{display:grid;gap:6px}.timezonePill{text-align:center}.refreshDayBtn{width:100%}}
/* V1.46.1 production diagnostics */
.diagnosticsPanel{grid-column:1/-1}.diagnosticsPanel .automationRows{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:22px}.diagnosticsPanel .automationRows>div:nth-child(2){border-top:0}@media(max-width:700px){.diagnosticsPanel .automationRows{grid-template-columns:1fr}.diagnosticsPanel .automationRows>div:nth-child(2){border-top:1px solid rgba(255,255,255,.06)}}


/* BoxMidfield live-score marquee */
.liveScoresMarquee{--ticker-seconds:60s;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:14px;margin:0 0 14px;padding:9px 12px;border:1px solid rgba(43,232,182,.20);border-radius:15px;background:rgba(5,21,25,.84);backdrop-filter:blur(13px);overflow:hidden}.liveScoresLabel{display:flex;align-items:center;gap:7px;white-space:nowrap}.liveScoresLabel b{font-size:10px;letter-spacing:.12em;color:#effff9}.liveScoresLabel small{font-size:9px;color:#82939d}.liveScoreDot{width:7px;height:7px;border-radius:50%;background:#2be8b6;box-shadow:0 0 11px rgba(43,232,182,.9);animation:livePulse 1.6s infinite}.liveScoresViewport{min-width:0;overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 3%,#000 97%,transparent)}.liveScoresTrack{display:flex;width:max-content;align-items:center;gap:10px}.liveScoresTrack.moving{animation:liveTicker var(--ticker-seconds) linear infinite}.liveScoreItem{display:flex;align-items:center;gap:7px;min-height:34px;padding:5px 10px;border:1px solid rgba(255,255,255,.08);border-radius:10px;background:rgba(255,255,255,.035);white-space:nowrap}.liveScoreItem small{max-width:135px;overflow:hidden;text-overflow:ellipsis;color:#7f919b;font-size:8px;text-transform:uppercase;letter-spacing:.05em}.liveScoreItem b{font-size:11px;color:#eaf2f5}.liveScoreItem strong{color:#2be8b6;font-size:13px;margin:0 2px}.liveScoreItem em{font-style:normal;font-size:9px;font-weight:950;color:#2be8b6}.liveScoresEmpty{font-size:11px;color:#93a2ab;padding:6px 2px}@keyframes liveTicker{to{transform:translateX(-50%)}}@keyframes livePulse{50%{opacity:.35;transform:scale(.85)}}
@media(max-width:699px){.liveScoresMarquee{grid-template-columns:1fr;gap:5px;padding:8px 10px}.liveScoresLabel small{margin-left:auto}.liveScoreItem small{display:none}}
@media(prefers-reduced-motion:reduce){.liveScoresTrack.moving{animation:none}.liveScoresViewport{overflow-x:auto;mask-image:none}.liveScoreDot{animation:none}}


/* ==========================================================
   V1.47.2 VISUAL REDESIGN
   Tier identity is locked:
   OPEN NET = gold, CLEAN THROUGH = purple, EDGE OF THE BOX = blue.
   ========================================================== */
.visualV1472{
  --neon:#2be8b6;
  --neon-soft:rgba(43,232,182,.14);
  --panel:rgba(2,23,27,.84);
  --panel-strong:rgba(3,28,32,.94);
  --open-net:#E7B84B;
  --clean-through:#A970FF;
  --edge-box:#4AA3FF;
}
.visualV1472 .shade{background:linear-gradient(180deg,rgba(1,13,18,.30),rgba(1,13,18,.72) 36%,rgba(1,12,16,.92) 79%,rgba(1,10,14,.98))}
.visualV1472 .wrap{width:min(1640px,100%);padding-top:10px}
.visualV1472 .topbar{position:sticky;top:0;z-index:60;margin:0 -18px 0;padding:10px 26px;border-bottom:1px solid rgba(255,255,255,.08);background:rgba(1,17,21,.86);backdrop-filter:blur(24px) saturate(1.25)}
.visualV1472 .brandWordmark{width:210px;max-height:54px;object-fit:contain;object-position:left center}
.visualV1472 .edition{color:#a4b6bc;font-size:8px;letter-spacing:.21em}
.visualV1472 .mainTabs{margin:0;background:rgba(1,23,27,.78);border-radius:9px;padding:3px;border-color:rgba(43,232,182,.13)}
.visualV1472 .mainTab{min-width:104px;border-radius:7px;padding:11px 18px;font-size:13px}
.visualV1472 .mainTab.active{color:#59f3c8;background:linear-gradient(180deg,rgba(43,232,182,.15),rgba(43,232,182,.07));box-shadow:inset 0 -3px 0 #2be8b6,0 0 24px rgba(43,232,182,.10)}
.visualV1472 .publicHeaderStatus{font-size:9px}
.visualV1472 .brandStatement{padding:38px 56px 16px;display:grid;gap:4px;max-width:900px;letter-spacing:.26em;text-transform:uppercase;text-shadow:0 2px 24px rgba(0,0,0,.55)}
.visualV1472 .brandStatement span{font-size:16px;color:#f5fbfc}
.visualV1472 .brandStatement b{font-size:20px;letter-spacing:.28em;font-weight:500;color:#f7fbfc}
.visualV1472 .liveScoresMarquee{margin:0 0 18px;border-color:rgba(43,232,182,.65);border-radius:13px;background:rgba(1,25,28,.88);box-shadow:0 0 24px rgba(43,232,182,.07)}
.visualV1472 .liveScoresLabel b,.visualV1472 .liveScoreItem strong,.visualV1472 .liveScoreItem em{color:#32f0bd}
.visualV1472 .publicHero{display:flex;align-items:end;justify-content:space-between;gap:24px;margin:0 0 12px;padding:0 4px 4px;background:none;border:0;border-radius:0;box-shadow:none;backdrop-filter:none}
.visualV1472 .publicHero .kicker{color:#2be8b6}
.visualV1472 .publicHero h1,.visualV1472 .publicHero h2{font-size:clamp(34px,4vw,58px);letter-spacing:-2px;margin:4px 0}
.visualV1472 .publicHero .meta{font-size:14px;color:#c3d0d4}
.visualV1472 .publicHeroAside{padding:10px 15px;border:1px solid rgba(255,255,255,.12);border-radius:10px;background:rgba(1,20,24,.78)}
.visualV1472 .engineStrip,.visualV1472 .publicStatsShell{background:rgba(1,21,25,.72);border-radius:12px}
.visualV1472 .controlsDock{position:relative;top:auto;padding:0;background:none;border:0;border-radius:0;box-shadow:none;backdrop-filter:none}
.visualV1472 .searchRow{grid-template-columns:minmax(0,1fr)}
.visualV1472 .searchCount{display:none}
.visualV1472 .searchBox input{height:48px;background:rgba(2,27,31,.89);border-color:rgba(82,175,170,.34);border-radius:9px}
.visualV1472 .filters{justify-content:flex-end;gap:10px;padding:10px 0 4px}
.visualV1472 .filter{min-width:130px;border-radius:8px;padding:12px 16px;background:rgba(1,22,26,.86)}
.visualV1472 .filter.filter-strong:not(.active){color:var(--open-net);border-color:rgba(231,184,75,.74)}
.visualV1472 .filter.filter-lean:not(.active){color:var(--clean-through);border-color:rgba(169,112,255,.76)}
.visualV1472 .filter.filter-edge:not(.active){color:var(--edge-box);border-color:rgba(74,163,255,.78)}
.visualV1472 .filter.filter-strong.active{background:rgba(231,184,75,.17);color:#ffd75f;border-color:var(--open-net)}
.visualV1472 .filter.filter-lean.active{background:rgba(169,112,255,.16);color:#c89dff;border-color:var(--clean-through)}
.visualV1472 .filter.filter-edge.active{background:rgba(74,163,255,.16);color:#7fc0ff;border-color:var(--edge-box)}
.visualV1472 .filter.active:not(.filter-strong):not(.filter-lean):not(.filter-edge){background:rgba(43,232,182,.11);color:#45efc1;border-color:#2be8b6}
.visualV1472 .dayStatusBar{background:rgba(1,20,24,.76);border-radius:9px}
.visualV1472 .cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.visualV1472 .matchCard{padding:0;background:linear-gradient(145deg,rgba(2,29,32,.94),rgba(2,21,25,.92));border-radius:14px;border-color:rgba(55,166,161,.38);box-shadow:0 16px 34px rgba(0,0,0,.24);overflow:hidden}
.visualV1472 .matchCard:before{top:0;bottom:0;width:2px;box-shadow:0 0 18px color-mix(in srgb,var(--accent) 48%,transparent)}
.visualV1472 .matchCardHead{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 13px 7px}
.visualV1472 .competitionLine{display:flex;gap:7px;align-items:center;color:#bac7ca;font-size:9px;font-weight:800}.visualV1472 .competitionLine span{opacity:.48}
.visualV1472 .resultDate{margin-right:8px}
.visualV1472 .call{padding:4px 7px;border:1px solid color-mix(in srgb,var(--accent) 48%,transparent);border-radius:999px;background:color-mix(in srgb,var(--accent) 7%,transparent);font-size:8px}
.visualV1472 .matchupRow{display:grid;grid-template-columns:minmax(0,1fr) 78px minmax(0,1fr);align-items:center;gap:8px;padding:7px 15px 11px}
.visualV1472 .teamSide{display:flex;align-items:center;gap:9px;min-width:0}.visualV1472 .awaySide{flex-direction:row-reverse;text-align:right}
.visualV1472 .teamCrest,.visualV1472 .teamInitials{width:42px;height:42px;flex:0 0 42px;border-radius:50%;object-fit:contain;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.08);display:grid;place-items:center;font-size:11px;font-weight:950;color:#dce8ea}
.visualV1472 .teamCrest{padding:3px}
.visualV1472 .teamText{min-width:0;display:grid;gap:2px}.visualV1472 .teamText b{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.visualV1472 .teamText small{font-size:9px;color:#a3b1b6}
.visualV1472 .teamForm{display:flex;gap:3px;margin-top:2px}.visualV1472 .teamForm i{display:grid;place-items:center;width:17px;height:17px;border-radius:4px;font-style:normal;font-size:8px;font-weight:950;color:white}.visualV1472 .form-w{background:#19a95f}.visualV1472 .form-d{background:#60727a}.visualV1472 .form-l{background:#cf3e47}
.visualV1472 .matchCenter{text-align:center;display:grid;justify-items:center;gap:1px}.visualV1472 .matchCenter small{padding:3px 6px;border-radius:5px;background:rgba(255,255,255,.07);font-size:8px;color:#9fadb2}.visualV1472 .matchCenter strong{font-size:21px;letter-spacing:.02em}.visualV1472 .matchCenter span{font-size:8px;color:#87989e;font-weight:900}
.visualV1472 .selectionBar{margin:0 13px 5px;padding:7px 10px;border-radius:7px;background:rgba(255,255,255,.035);display:flex;gap:7px;justify-content:center;align-items:center;min-height:31px}.visualV1472 .selectionBar span{color:#829398;font-size:8px;text-transform:uppercase;letter-spacing:.08em}.visualV1472 .selectionBar b{font-size:11px;color:#edf5f6;text-align:center}
.visualV1472 .viewFooter{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;margin-top:5px;padding:9px 13px;background:linear-gradient(90deg,color-mix(in srgb,var(--accent) 5%,rgba(0,0,0,.1)),rgba(0,0,0,.06));border-top:1px solid rgba(255,255,255,.06)}
.visualV1472 .viewScore{display:flex;align-items:baseline;gap:9px}.visualV1472 .viewScore span{font-size:9px;color:#dce6e8}.visualV1472 .viewScore b{font-size:24px;color:var(--accent);line-height:1}
.visualV1472 .tierPill{justify-self:start;min-width:112px;text-align:center;padding:7px 11px;border-radius:999px;border:1px solid color-mix(in srgb,var(--accent) 55%,transparent);background:color-mix(in srgb,var(--accent) 15%,rgba(0,0,0,.1));color:var(--accent);font-size:9px;font-weight:950}
.visualV1472 .tier-open-net .tierPill{background:#f3c845;color:#14100a;border-color:#f3c845}
.visualV1472 .tier-clean-through .tierPill{background:rgba(169,112,255,.18);color:#c99eff;border-color:#A970FF}
.visualV1472 .tier-edge-box .tierPill{background:rgba(74,163,255,.17);color:#82c2ff;border-color:#4AA3FF}
.visualV1472 .viewArrow{font-size:30px;color:#d7e0e3;line-height:.8}
.visualV1472 .story{margin:0 13px 10px;padding-top:6px}
.visualV1472 .resultsMode .cards{grid-template-columns:repeat(3,minmax(0,1fr))}
.visualV1472 .publicFooterV138{border-top:1px solid rgba(255,255,255,.08);padding-top:18px}
@media(max-width:1050px){.visualV1472 .cards,.visualV1472 .resultsMode .cards{grid-template-columns:repeat(2,minmax(0,1fr))}.visualV1472 .brandStatement{padding-left:20px}}
@media(max-width:700px){
  .visualV1472 .topbar{margin:0 -12px;padding:8px 12px;flex-wrap:wrap}.visualV1472 .brandWordmark{width:170px}.visualV1472 .publicHeaderStatus{display:none}.visualV1472 .mainTabs{order:3;width:100%}.visualV1472 .mainTab{min-width:0;flex:1;padding:9px 7px}
  .visualV1472 .brandStatement{padding:18px 5px 10px}.visualV1472 .brandStatement span{font-size:10px}.visualV1472 .brandStatement b{font-size:12px}
  .visualV1472 .publicHero{display:block}.visualV1472 .publicHeroAside{margin-top:10px;width:max-content}.visualV1472 .filters{justify-content:flex-start}.visualV1472 .filter{min-width:max-content}
  .visualV1472 .cards,.visualV1472 .resultsMode .cards{grid-template-columns:1fr}.visualV1472 .matchupRow{grid-template-columns:minmax(0,1fr) 65px minmax(0,1fr);padding-left:10px;padding-right:10px}
  .visualV1472 .teamCrest,.visualV1472 .teamInitials{width:36px;height:36px;flex-basis:36px}.visualV1472 .teamText b{font-size:12px}.visualV1472 .teamForm i{width:15px;height:15px;font-size:7px}.visualV1472 .viewFooter{grid-template-columns:auto 1fr auto}.visualV1472 .viewScore span{display:none}.visualV1472 .tierPill{min-width:105px}
}

/* =========================================================
   BoxMidfield V1.47.3 — Preview Fidelity Pass
   Approved tier palette is locked:
   OPEN NET = gold, CLEAN THROUGH = purple, EDGE OF THE BOX = blue
   ========================================================= */
.fidelityV1473{
  --bm-green:#2be8b6;
  --bm-green-bright:#58f4c9;
  --bm-card:rgba(2,28,31,.94);
  --bm-card-2:rgba(2,21,25,.96);
  --bm-line:rgba(72,181,174,.34);
  --open-net:#E7B84B;
  --clean-through:#A970FF;
  --edge-box:#4AA3FF;
}
.fidelityV1473 .shade{background:
  radial-gradient(ellipse at 50% 7%,rgba(10,117,116,.16),transparent 36%),
  linear-gradient(180deg,rgba(0,11,16,.22) 0%,rgba(0,12,16,.52) 26%,rgba(0,13,17,.78) 58%,rgba(0,9,13,.97) 100%)}
.fidelityV1473 .fidelityShell{width:min(1660px,100%);padding:0 24px 34px}
.fidelityV1473 .fidelityHeader{
  min-height:78px;margin:0 -24px;padding:8px max(24px,calc((100vw - 1660px)/2 + 24px));
  display:grid;grid-template-columns:minmax(220px,1fr) auto minmax(250px,1fr);gap:22px;
  background:linear-gradient(180deg,rgba(0,17,22,.97),rgba(0,17,22,.91));
  border-bottom:1px solid rgba(255,255,255,.08);box-shadow:0 14px 36px rgba(0,0,0,.20)
}
.fidelityV1473 .fidelityBrand{text-decoration:none;color:inherit;justify-self:start}
.fidelityV1473 .fidelityBrand .brandWordmark{width:232px;max-height:48px}
.fidelityV1473 .fidelityBrand .edition{margin-left:0!important;text-align:center;font-size:7px;letter-spacing:.30em;color:#c0cdd1}
.fidelityV1473 .fidelityTabs{justify-self:center;align-self:center;min-width:440px}
.fidelityV1473 .fidelityTabs .mainTab{min-width:100px;font-size:13px;padding:11px 19px}
.fidelityV1473 .fidelityHeaderActions{justify-self:end;display:flex;align-items:center;gap:10px;min-width:0}
.fidelityV1473 .proHeaderBadge{height:34px;display:inline-flex;align-items:center;gap:6px;color:#f5ca48}.fidelityV1473 .proHeaderBadge>span{font-size:22px;line-height:1}.fidelityV1473 .proHeaderBadge>b{border:1px solid #d8ad31;border-radius:8px;padding:5px 9px;font-size:10px;letter-spacing:.04em;background:rgba(231,184,75,.08)}
.fidelityV1473 .headerIconButton{width:36px;height:36px;border:0;background:transparent;color:#eaf4f4;font-size:23px;cursor:pointer;border-radius:50%}.fidelityV1473 .headerIconButton:hover{background:rgba(255,255,255,.06)}
.fidelityV1473 .fidelityHeader .publicHeaderStatus{max-width:205px;overflow:hidden}
.fidelityV1473 .fidelityHeroBand{min-height:144px;display:flex;align-items:center;justify-content:space-between;gap:30px;padding:22px 54px 16px;margin:0 -24px;background:linear-gradient(90deg,rgba(0,17,21,.06),rgba(0,20,25,.12) 50%,rgba(0,17,21,.10));border-bottom:1px solid rgba(255,255,255,.025)}
.fidelityV1473 .brandStatement{padding:0!important;margin:0;display:grid;gap:5px;text-shadow:0 2px 24px #000;max-width:860px}
.fidelityV1473 .brandStatement span{font-size:19px;letter-spacing:.31em;font-weight:500}.fidelityV1473 .brandStatement b{font-size:22px;letter-spacing:.31em;font-weight:500}
.fidelityV1473 .heroPromise{display:grid;gap:3px;align-self:center;margin-right:22px;padding-right:26px;position:relative;color:#dce8ea;font-size:13px;line-height:1.25}.fidelityV1473 .heroPromise b{font-weight:600}.fidelityV1473 .heroPromise:after{content:'';position:absolute;left:0;bottom:-15px;width:32px;height:3px;border-radius:2px;background:#26e4b6;box-shadow:0 0 16px rgba(43,232,182,.65)}
.fidelityV1473 .fidelityTicker{height:51px;margin:0 14px 21px;border-radius:15px;border:1px solid rgba(43,232,182,.88);background:rgba(0,26,29,.91);display:grid;grid-template-columns:auto minmax(0,1fr) auto;padding:0 14px;box-shadow:0 0 30px rgba(43,232,182,.06)}
.fidelityV1473 .liveScoresLabel{padding-right:16px;border-right:1px solid rgba(255,255,255,.09);white-space:nowrap}.fidelityV1473 .liveScoresLabel small{display:none}.fidelityV1473 .liveScoresLabel b{font-size:12px}
.fidelityV1473 .liveScoresViewport{align-self:stretch;display:flex;align-items:center}.fidelityV1473 .liveScoreItem{padding:0 20px;border-right:1px solid rgba(255,255,255,.16);gap:8px}.fidelityV1473 .liveScoreItem small{display:none}.fidelityV1473 .liveScoreItem b{font-size:12px;white-space:nowrap}.fidelityV1473 .liveScoreItem em{font-size:11px}
.fidelityV1473 .viewAllLive{border:0;background:transparent;color:#45efc1;font-weight:900;font-size:10px;padding:0 4px 0 15px;cursor:pointer;white-space:nowrap}.fidelityV1473 .viewAllLive span{font-size:22px;vertical-align:-2px}
.fidelityV1473 .fidelityPageHero{padding:0 4px 7px;margin:0 0 7px;align-items:center}
.fidelityV1473 .fidelityPageHero .kicker{display:none}
.fidelityV1473 .fidelityPageHero h1{font-size:clamp(36px,3.1vw,54px);font-weight:950;letter-spacing:-2.5px;margin:0 0 3px}.fidelityV1473 .fidelityPageHero h1 span{color:#53f0c2}.fidelityV1473 .fidelityPageHero .meta{font-size:14px;color:#c2d0d3}
.fidelityV1473 .fidelityDateCard{min-width:188px;text-align:center;padding:12px 15px;border-color:rgba(91,177,170,.40);background:rgba(0,22,26,.84);box-shadow:inset 0 0 22px rgba(43,232,182,.025)}.fidelityV1473 .fidelityDateCard>span{font-size:12px;font-weight:850}.fidelityV1473 .fidelityDateCard small{display:none}
.fidelityV1473 .engineStrip{margin-top:7px}
.fidelityV1473 .resultsMode .engineStrip{display:none}
.fidelityV1473 .fidelityControls{display:grid;grid-template-columns:minmax(340px,1fr) auto;gap:14px;align-items:center;margin:4px 0 10px}
.fidelityV1473 .fidelityControls .searchRow{display:block}.fidelityV1473 .fidelityControls .searchBox input{height:51px;padding-left:52px}.fidelityV1473 .fidelityControls .searchIcon{left:17px;font-size:22px}
.fidelityV1473 .fidelityControls .filters{padding:0;display:grid;grid-template-columns:repeat(4,minmax(120px,1fr));gap:10px}
.fidelityV1473 .fidelityControls .filter{min-height:51px;min-width:138px;padding:11px 15px;font-size:10px;letter-spacing:.01em;font-weight:950}
.fidelityV1473 .dayStatusBar{margin:4px 0 12px;min-height:44px;padding:8px 12px;background:rgba(0,21,25,.72);border:1px solid rgba(71,160,157,.24)}
.fidelityV1473 .timezonePill{display:none}
.fidelityV1473 .cards,.fidelityV1473 .resultsMode .cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.fidelityV1473 .matchCard{border-radius:15px;background:linear-gradient(145deg,rgba(2,31,34,.97),rgba(2,23,27,.97));border:1px solid rgba(57,168,162,.40);box-shadow:0 14px 32px rgba(0,0,0,.25);min-height:0}
.fidelityV1473 .matchCard:hover{transform:translateY(-2px);border-color:rgba(72,209,192,.52);box-shadow:0 18px 38px rgba(0,0,0,.31)}
.fidelityV1473 .matchCardHead{padding:10px 13px 6px;min-height:36px}.fidelityV1473 .matchMetaLine{display:flex;align-items:center;min-width:0;gap:8px}.fidelityV1473 .resultDate{font-size:8px;border-radius:5px;padding:4px 6px;color:#c3d0d3;background:rgba(255,255,255,.06);white-space:nowrap}
.fidelityV1473 .competitionLine{font-size:9px;gap:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fidelityV1473 .competitionLine .countryFlag{font-size:16px;line-height:1}.fidelityV1473 .competitionLine span{opacity:.38}
.fidelityV1473 .cardBadges{display:flex;align-items:center;gap:6px}.fidelityV1473 .call{display:none}.fidelityV1473 .matchStatusTag{border:1px solid rgba(255,255,255,.26);background:rgba(255,255,255,.055);border-radius:6px;padding:4px 7px;color:#d7e2e4;font-size:8px;font-weight:950}.fidelityV1473 .resultBadge{font-size:8px;padding:4px 7px;border-radius:999px}
.fidelityV1473 .matchupRow{grid-template-columns:minmax(0,1fr) 74px minmax(0,1fr);padding:6px 14px 10px;gap:10px}
.fidelityV1473 .teamSide{gap:10px}.fidelityV1473 .awaySide{gap:10px}.fidelityV1473 .teamCrestShell,.fidelityV1473 .teamInitials{width:50px;height:50px;flex:0 0 50px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle,rgba(255,255,255,.055),rgba(255,255,255,.015));border:1px solid rgba(255,255,255,.08)}.fidelityV1473 .teamCrestShell{padding:3px}.fidelityV1473 .teamCrest{width:100%;height:100%;object-fit:contain;border:0!important;background:transparent!important;padding:2px!important}.fidelityV1473 .teamInitials{font-size:10px;font-weight:950;color:#dce8e9}
.fidelityV1473 .teamText b{font-size:13px;line-height:1.05}.fidelityV1473 .teamText small{font-size:9px;color:#b5c3c7;font-weight:700}.fidelityV1473 .teamForm{margin-top:4px;gap:3px}.fidelityV1473 .teamForm i{width:17px;height:17px;border-radius:4px;font-size:8px}
.fidelityV1473 .matchCenter{gap:2px}.fidelityV1473 .matchCenter strong{font-size:22px;min-width:54px;padding:4px 6px;border-radius:6px;background:rgba(255,255,255,.055);line-height:1}.fidelityV1473 .matchCenter span{font-size:8px;color:#8aa0a5}
.fidelityV1473 .selectionBar{margin:0 12px 4px;min-height:27px;padding:6px 9px;border-radius:7px;background:rgba(255,255,255,.035)}.fidelityV1473 .selectionBar span{font-size:7px}.fidelityV1473 .selectionBar b{font-size:10px}
.fidelityV1473 .viewFooter{grid-template-columns:auto 1fr auto;gap:12px;padding:9px 13px;margin-top:3px}.fidelityV1473 .viewScore{gap:12px}.fidelityV1473 .viewScore span{font-size:9px}.fidelityV1473 .viewScore b{font-size:27px}.fidelityV1473 .tierPill{justify-self:start;min-width:116px;padding:7px 11px;font-size:9px}
.fidelityV1473 .tier-open-net .tierPill{background:#F4C842!important;color:#151008!important;border-color:#F4C842!important}.fidelityV1473 .tier-clean-through .tierPill{background:rgba(169,112,255,.16)!important;color:#CDA7FF!important;border-color:#A970FF!important}.fidelityV1473 .tier-edge-box .tierPill{background:rgba(74,163,255,.15)!important;color:#83C2FF!important;border-color:#4AA3FF!important}
.fidelityV1473 .tier-open-net{--accent:#E7B84B!important}.fidelityV1473 .tier-clean-through{--accent:#A970FF!important}.fidelityV1473 .tier-edge-box{--accent:#4AA3FF!important}
.fidelityV1473 .story{margin:0 12px 8px;padding-top:4px}.fidelityV1473 .readMore{font-size:9px;color:#3ce9bd}
.fidelityV1473 .fidelityFooter{display:grid;grid-template-columns:minmax(260px,1fr) auto minmax(260px,1fr);align-items:center;gap:18px;padding:17px 0 2px;margin-top:16px}.fidelityV1473 .fidelityFooter .footerBrand{display:flex;align-items:center;gap:14px}.fidelityV1473 .fidelityFooter .footerBrand img{width:132px}.fidelityV1473 .fidelityFooter .footerBrand span{font-size:7px;letter-spacing:.22em;color:#a8b9bd}.fidelityV1473 .fidelityFooter .footerLinks{justify-self:center}.fidelityV1473 .fidelityFooter>p{justify-self:end;font-size:8px;letter-spacing:.24em;color:#9db0b5;margin:0}.fidelityV1473 .fidelityFooter>p i{color:#38eabb;font-style:normal;margin:0 5px}
.fidelityV1473 .livePanel{margin:8px 0 18px}.fidelityV1473 .livePanelHead{display:flex;align-items:end;justify-content:space-between;margin-bottom:12px}.fidelityV1473 .livePanelHead>div{display:grid;gap:2px}.fidelityV1473 .livePanelHead span{font-size:9px;letter-spacing:.18em;color:#3deabe;font-weight:900}.fidelityV1473 .livePanelHead b{font-size:27px}.fidelityV1473 .livePanelHead small{color:#99aaaf}.fidelityV1473 .liveGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.fidelityV1473 .liveMatchCard{border:1px solid rgba(47,189,171,.34);background:linear-gradient(145deg,rgba(2,30,33,.92),rgba(2,20,24,.92));border-radius:13px;padding:13px}.fidelityV1473 .liveMatchLeague{display:flex;align-items:center;gap:6px;color:#a9bcc0;font-size:9px}.fidelityV1473 .liveMatchLeague>span{width:6px;height:6px;border-radius:50%;background:#2be8b6;box-shadow:0 0 12px #2be8b6}.fidelityV1473 .liveMatchLeague em{margin-left:auto;color:#3deabe;font-style:normal;font-weight:900}.fidelityV1473 .liveMatchTeams{display:grid;grid-template-columns:1fr auto 1fr;gap:10px;align-items:center;margin-top:10px}.fidelityV1473 .liveMatchTeams b:last-child{text-align:right}.fidelityV1473 .liveMatchTeams strong{font-size:22px}.fidelityV1473 .livePanelEmpty{grid-column:1/-1;padding:32px;text-align:center;border:1px dashed rgba(255,255,255,.14);border-radius:13px;color:#9fb0b5}.fidelityV1473 .livePanelEmpty{display:grid;gap:4px}.fidelityV1473 .livePanelEmpty b{color:#eef5f6}
@media(max-width:1200px){.fidelityV1473 .fidelityHeader{grid-template-columns:auto 1fr}.fidelityV1473 .fidelityHeaderActions{display:none}.fidelityV1473 .fidelityTabs{justify-self:end}.fidelityV1473 .cards,.fidelityV1473 .resultsMode .cards{grid-template-columns:repeat(2,minmax(0,1fr))}.fidelityV1473 .liveGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.fidelityV1473 .fidelityControls{grid-template-columns:1fr}.fidelityV1473 .fidelityControls .filters{justify-content:stretch}}
@media(max-width:760px){
  .fidelityV1473 .fidelityShell{padding:0 12px 24px}.fidelityV1473 .fidelityHeader{margin:0 -12px;padding:8px 12px;display:flex;flex-wrap:wrap}.fidelityV1473 .fidelityBrand .brandWordmark{width:170px}.fidelityV1473 .fidelityTabs{order:3;width:100%;min-width:0}.fidelityV1473 .fidelityTabs .mainTab{min-width:0;padding:9px 6px;font-size:11px}.fidelityV1473 .fidelityHeroBand{margin:0 -12px;min-height:105px;padding:16px 17px}.fidelityV1473 .heroPromise{display:none}.fidelityV1473 .brandStatement span{font-size:10px}.fidelityV1473 .brandStatement b{font-size:12px}.fidelityV1473 .fidelityTicker{margin:0 0 14px;height:46px;padding:0 9px;grid-template-columns:auto minmax(0,1fr)}.fidelityV1473 .viewAllLive{display:none}.fidelityV1473 .liveScoresLabel{padding-right:10px}.fidelityV1473 .liveScoresLabel b{font-size:10px}.fidelityV1473 .liveScoreItem{padding:0 12px}.fidelityV1473 .fidelityPageHero{display:flex;align-items:end}.fidelityV1473 .fidelityPageHero h1{font-size:32px;letter-spacing:-1.5px}.fidelityV1473 .fidelityPageHero .meta{font-size:11px}.fidelityV1473 .fidelityDateCard{min-width:auto;padding:8px 10px}.fidelityV1473 .fidelityDateCard>span{font-size:9px}.fidelityV1473 .fidelityControls .filters{display:flex;overflow-x:auto;scrollbar-width:none}.fidelityV1473 .fidelityControls .filter{min-width:max-content;min-height:43px}.fidelityV1473 .cards,.fidelityV1473 .resultsMode .cards,.fidelityV1473 .liveGrid{grid-template-columns:1fr}.fidelityV1473 .matchupRow{grid-template-columns:minmax(0,1fr) 60px minmax(0,1fr);padding-left:10px;padding-right:10px}.fidelityV1473 .teamCrestShell,.fidelityV1473 .teamInitials{width:42px;height:42px;flex-basis:42px}.fidelityV1473 .teamText b{font-size:12px}.fidelityV1473 .viewScore b{font-size:24px}.fidelityV1473 .fidelityFooter{grid-template-columns:1fr;text-align:center}.fidelityV1473 .fidelityFooter .footerBrand,.fidelityV1473 .fidelityFooter .footerLinks,.fidelityV1473 .fidelityFooter>p{justify-self:center}.fidelityV1473 .fidelityFooter .footerBrand{display:grid}.fidelityV1473 .fidelityFooter .footerBrand img{margin:auto}
}


/* V1.47.5 — unified rich-card alignment */
.fidelityV1473 .cards,
.fidelityV1473 .resultsMode .cards{
  align-items:stretch!important;
}
.fidelityV1473 .matchCard{
  height:100%;
  min-width:0;
}
.fidelityV1473 .matchCardHead{
  min-height:42px;
}
.fidelityV1473 .matchMetaLine,
.fidelityV1473 .competitionLine,
.fidelityV1473 .teamSide,
.fidelityV1473 .teamText{
  min-width:0;
}
.fidelityV1473 .competitionLine{
  overflow:hidden;
  text-overflow:ellipsis;
}
.fidelityV1473 .teamText{
  flex:1 1 auto;
  overflow:hidden;
}
.fidelityV1473 .teamText b{
  display:block;
  max-width:100%;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.fidelityV1473 .teamText small{
  display:block;
  white-space:nowrap;
}
.fidelityV1473 .matchupRow{
  min-height:74px;
  overflow:hidden;
}
.fidelityV1473 .matchCenter{
  min-width:0;
  width:100%;
}
.fidelityV1473 .selectionBar{
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  align-items:center;
  gap:7px;
}
.fidelityV1473 .selectionBar b{
  min-width:0;
  display:block;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.fidelityV1473 .viewFooter{
  min-height:50px;
}
.fidelityV1473 .story{
  min-height:28px;
}
@media (min-width:761px){
  .fidelityV1473 .cards > .matchCard{
    align-self:stretch;
  }
}


/* V1.47.6 — active-match lifecycle + unified Live cards */
.fidelityV1473 .liveGrid{
  align-items:stretch;
}
.fidelityV1473 .liveGrid > .matchCard{
  height:100%;
  min-width:0;
}
.fidelityV1473 .liveMatchView .liveStatusTag{
  color:#42e8bd;
  border-color:rgba(66,232,189,.55);
  background:rgba(66,232,189,.09);
  font-weight:950;
}
.fidelityV1473 .liveMatchView .liveMatchCenter strong{
  color:#42e8bd;
  min-width:62px;
}
.fidelityV1473 .liveMatchView .liveMatchCenter span{
  color:#42e8bd;
  font-weight:950;
}
.fidelityV1473 .liveMatchView .teamText b,
.fidelityV1473 .liveMatchView .selectionBar b{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.fidelityV1473 .liveMatchView .matchupRow{
  min-height:84px;
}
@media(max-width:760px){
  .fidelityV1473 .liveMatchView .matchupRow{
    min-height:74px;
  }
}


/* ============================================================
   V1.47.8 — Friends-ready header, splash and fallback cleanup
   ============================================================ */

/* Desktop header: explicitly reserve enough space for the status/install group. */
.fidelityV1473 .fidelityHeader{
  grid-template-columns:minmax(205px,.8fr) minmax(410px,auto) minmax(410px,1fr);
  column-gap:18px;
}
.fidelityV1473 .fidelityTabs{
  min-width:410px;
}
.fidelityV1473 .fidelityHeaderActions{
  justify-self:stretch;
  justify-content:flex-end;
  min-width:0;
  width:100%;
  overflow:hidden;
  gap:9px;
}
.fidelityV1473 .fidelityHeader .publicHeaderStatus{
  display:flex;
  flex:1 1 auto;
  justify-content:flex-end;
  min-width:0;
  max-width:none;
  overflow:hidden;
}
.fidelityV1473 .fidelityHeader .publicHeaderStatus #liveStatus{
  flex:0 0 auto;
}
.fidelityV1473 .fidelityHeader .publicHeaderStatus #updatedPill{
  display:block;
  min-width:0;
  max-width:220px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.fidelityV1473 .fidelityHeader .installBtn{
  flex:0 0 auto;
  position:relative;
  z-index:2;
}
.fidelityV1473 .proHeaderBadge,
.fidelityV1473 .headerIconButton{
  flex:0 0 auto;
}

/* Compress gracefully before anything can overlap. */
@media(max-width:1380px){
  .fidelityV1473 .fidelityHeader{
    grid-template-columns:minmax(180px,.65fr) minmax(360px,auto) minmax(330px,1fr);
    column-gap:12px;
  }
  .fidelityV1473 .fidelityBrand .brandWordmark{width:200px}
  .fidelityV1473 .fidelityTabs{min-width:360px}
  .fidelityV1473 .fidelityTabs .mainTab{min-width:82px;padding-inline:13px}
  .fidelityV1473 .proHeaderBadge{display:none}
  .fidelityV1473 .fidelityHeader .publicHeaderStatus #updatedPill{max-width:165px}
}
@media(max-width:1120px){
  .fidelityV1473 .fidelityHeader{
    grid-template-columns:minmax(170px,.7fr) minmax(330px,auto) minmax(185px,.7fr);
  }
  .fidelityV1473 .fidelityTabs{min-width:330px}
  .fidelityV1473 .fidelityHeader .publicHeaderStatus{display:none}
}

/* Boot splash: the background artwork already includes the BoxMidfield logo.
   Do not render a second logo over it. */
.bootSplash{
  place-content:end center;
  justify-items:center;
  padding:0 20px 16vh;
}
.bootSplash .splashBrandLogo{
  display:none!important;
}
.bootSplash .splashTag{
  margin:0;
  padding:6px 10px;
  border-radius:999px;
  color:rgba(222,234,236,.70);
  background:rgba(2,15,18,.34);
  border:1px solid rgba(255,255,255,.045);
  backdrop-filter:blur(6px);
  font-size:10px;
  letter-spacing:.01em;
}

/* Metadata fallback cleanup: missing position/form never changes card geometry. */
.fidelityV1473 .teamText{
  display:flex;
  flex-direction:column;
  justify-content:center;
  min-width:0;
  min-height:50px;
}
.fidelityV1473 .teamText>b{
  max-width:100%;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.fidelityV1473 .teamText>small{
  min-height:12px;
}
.fidelityV1473 .teamForm{
  min-height:17px;
}

/* Keep genuine duplicate fixture views: card identity is selection-level, not fixture-level.
   No deduplication rule is applied in V1.47.8. */

/* BoxMidfield V1.47.9 — linked page shell */
.routeHidden{display:none!important}
.appNav{display:flex;gap:4px;align-items:center;overflow:auto;scrollbar-width:none;background:rgba(2,20,25,.44);border:1px solid rgba(72,181,174,.24);padding:4px;border-radius:11px;backdrop-filter:blur(14px)}.appNav::-webkit-scrollbar{display:none}.appNavButton{white-space:nowrap;border:0;background:transparent;color:#9eb5bb;padding:8px 11px;border-radius:8px;font-size:9px;font-weight:950;letter-spacing:.035em;cursor:pointer}.appNavButton.active{color:#061114;background:var(--bm-green,#2be8b6);box-shadow:0 0 20px rgba(43,232,182,.16)}.appNavButton.proNav:not(.active){color:#f0c75a}.routeSubnav{display:flex;justify-content:center;margin:0 0 12px}.routeSubnav .mainTabs{margin:0}.routePage{position:relative;margin:0 0 14px}.routeHero{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;padding:28px 30px;margin-bottom:14px;border:1px solid rgba(43,232,182,.22);border-radius:17px;background:linear-gradient(135deg,rgba(2,28,31,.92),rgba(3,18,22,.80));backdrop-filter:blur(16px);box-shadow:0 20px 48px rgba(0,0,0,.22)}.routeHero small{display:block;color:#2be8b6;font-size:8px;letter-spacing:.22em;font-weight:950}.routeHero h2{margin:6px 0 7px;font-size:clamp(34px,5vw,58px);line-height:.98;letter-spacing:-1.8px}.routeHero h2 span{color:#2be8b6}.routeHero p{max-width:780px;margin:0;color:#9db2b8;font-size:12px;line-height:1.6}.routeHeroMark{color:#698087;font-size:10px;letter-spacing:.18em;font-weight:950}.routeHeroMark span{color:#2be8b6}.routeBack{margin:0 0 14px;border:0;background:transparent;color:#92aaaF;font-size:10px;font-weight:900;cursor:pointer;padding:0}.routeBack:hover{color:#2be8b6}.favoriteGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.favoriteCard{--fav:#2be8b6;position:relative;overflow:hidden;display:grid;grid-template-columns:auto 1fr;gap:12px;padding:20px;border:1px solid color-mix(in srgb,var(--fav) 55%,rgba(255,255,255,.08));border-radius:16px;background:linear-gradient(150deg,color-mix(in srgb,var(--fav) 8%,rgba(2,22,26,.94)),rgba(2,15,19,.94));box-shadow:0 18px 42px rgba(0,0,0,.20)}.favorite-green{--fav:#2be8b6}.favorite-teal{--fav:#4AA3FF}.favorite-gold{--fav:#E7B84B}.favoriteTicket{width:56px;height:74px;display:grid;place-items:center;border-radius:10px;background:var(--fav);color:#061113;box-shadow:0 0 24px color-mix(in srgb,var(--fav) 28%,transparent);font-size:28px;font-weight:1000;clip-path:polygon(0 0,100% 0,100% 8%,94% 12%,100% 18%,100% 82%,94% 88%,100% 92%,100% 100%,0 100%,0 92%,6% 88%,0 82%,0 18%,6% 12%,0 8%)}.favoriteCardTitle small{font-size:8px;color:#82979e;letter-spacing:.12em;font-weight:900}.favoriteCardTitle h3{margin:3px 0 5px;font-size:22px}.favoriteCardTitle p{margin:0;color:#93a8ae;font-size:10px}.favoriteMiniList{grid-column:1/-1;border-top:1px solid rgba(255,255,255,.07);padding-top:9px}.favoriteMiniList>div{display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:8px;align-items:center;padding:7px 0;border-bottom:1px solid rgba(255,255,255,.05)}.favoriteMiniList>div span{color:#81969d;font-size:9px}.favoriteMiniList>div b{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px}.favoriteMiniList>div em{font-style:normal;color:var(--mini);font-size:7px;font-weight:950}.emptyInline{color:#82969d;font-size:10px}.routeAction{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid rgba(43,232,182,.32);border-radius:9px;background:#2be8b6;color:#061113;padding:10px 13px;font-size:9px;font-weight:950;cursor:pointer}.routeActionSmall{padding:7px 9px;font-size:8px}.favoriteOpen{grid-column:1/-1;width:100%;margin-top:2px;background:var(--fav);border-color:var(--fav)}.routeQuickLinks{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:12px}.routeQuickLinks button{display:grid;grid-template-columns:auto 1fr;gap:3px 10px;text-align:left;border:1px solid rgba(255,255,255,.08);border-radius:13px;background:rgba(2,22,26,.76);color:#eef8f9;padding:16px;cursor:pointer}.routeQuickLinks button>span{grid-row:1/3;color:#2be8b6;font-size:22px}.routeQuickLinks b{font-size:12px}.routeQuickLinks small{color:#82969d;font-size:9px}.routeStatement{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:12px;padding:17px 19px;border:1px solid rgba(43,232,182,.18);border-radius:12px;background:rgba(2,20,24,.72)}.routeStatement b{color:#2be8b6;font-size:12px}.routeStatement span{color:#82979d;font-size:9px;text-align:right}.coverageCards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:12px}.coverageCards article{padding:16px;border:1px solid rgba(43,232,182,.17);border-radius:13px;background:rgba(2,23,27,.82)}.coverageCards small,.coverageCards span{display:block}.coverageCards small{color:#7d9299;font-size:7px;letter-spacing:.11em;font-weight:950}.coverageCards b{display:block;margin:5px 0 3px;font-size:25px}.coverageCards span{color:#91a6ad;font-size:9px}.statsPagePanel,.savedPicksPanel,.matchCardPage,.detailPanel,.detailSummary,.proFoundationNote{border:1px solid rgba(255,255,255,.09);border-radius:14px;background:rgba(2,22,26,.86);backdrop-filter:blur(14px)}.statsPagePanel{padding:16px;margin-bottom:12px}.statsPageHead{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.statsPageHead small{color:#2be8b6;font-size:7px;letter-spacing:.13em}.statsPageHead h3{margin:3px 0 0;font-size:16px}.statsPageHead button{border:0;background:transparent;color:#2be8b6;font-size:9px;font-weight:900;cursor:pointer}.standaloneStats{margin:0}.compactMatchList{display:grid;gap:7px}.compactMatch{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr) auto auto;gap:10px;align-items:center;padding:11px 12px;border:1px solid rgba(255,255,255,.07);border-left:2px solid var(--accent);border-radius:10px;background:rgba(255,255,255,.018);cursor:pointer}.compactTeams b,.compactTeams small,.compactSelection span{display:block}.compactTeams b{font-size:10px}.compactTeams b span{color:#70868d}.compactTeams small,.compactSelection span{color:#83989f;font-size:8px;margin-top:2px}.compactSelection strong{color:var(--accent);font-size:17px}.compactTier{color:var(--accent);font-size:7px;font-weight:950;white-space:nowrap}.compactArrow{color:#5a7279;font-size:20px}.detailGrid{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:12px}.detailSummary,.detailPanel{padding:18px}.detailSummary{border-color:color-mix(in srgb,var(--accent) 34%,rgba(255,255,255,.08))}.detailTeams{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px}.detailTeams .teamSide{justify-content:center}.detailTeams .teamText{text-align:center}.detailVs{text-align:center}.detailVs small,.detailVs span{display:block;color:#758b92;font-size:7px}.detailVs b{display:block;margin:3px 0;font-size:18px}.detailSelection{margin-top:18px;padding:12px;border-top:1px solid rgba(255,255,255,.07);border-bottom:1px solid rgba(255,255,255,.07)}.detailSelection span,.detailSelection b{display:block}.detailSelection span{color:#80959c;font-size:7px;text-transform:uppercase;letter-spacing:.1em}.detailSelection b{margin-top:4px;color:var(--accent);font-size:16px}.detailView{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px}.detailView span,.detailView b{display:block}.detailView span{color:#82979e;font-size:8px}.detailView b{color:var(--accent);font-size:28px}.detailView strong{color:var(--accent);font-size:9px}.detailStory{padding:12px;border-top:1px solid rgba(255,255,255,.07)}.detailStory span{color:#2be8b6;font-size:8px;font-weight:950}.detailStory p{color:#9aadb3;font-size:10px;line-height:1.6}.savePickAction{width:100%;margin-top:7px}.detailTabs{display:flex;gap:6px;padding-bottom:12px;border-bottom:1px solid rgba(255,255,255,.07)}.detailTab{border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.025);color:#899da4;padding:8px 10px;border-radius:8px;font-size:8px;font-weight:950;cursor:pointer}.detailTab.active{color:#061113;background:#2be8b6;border-color:#2be8b6}.detailOverview{padding:15px 2px}.detailOverview h3{margin:0 0 8px;font-size:15px}.detailOverview p{color:#98abb1;font-size:10px;line-height:1.65}.coverageNote{margin-top:16px;padding:12px;border:1px solid rgba(43,232,182,.18);border-radius:10px;background:rgba(43,232,182,.035)}.coverageNote b,.coverageNote span{display:block}.coverageNote b{color:#2be8b6;font-size:9px}.coverageNote span{margin-top:4px;color:#82979e;font-size:8px}.coverageEmpty{display:flex;flex-direction:column;align-items:flex-start;gap:5px;padding:20px;border:1px dashed rgba(255,255,255,.12);border-radius:11px;color:#8ca0a7}.coverageEmpty b{color:#dce7e9;font-size:11px}.coverageEmpty span{font-size:9px;line-height:1.5}.coverageEmpty.small{padding:13px}.matchStatsPanel{padding:12px 0}.statsCompareHead{display:grid;grid-template-columns:1fr auto 1fr;gap:10px;text-align:center;padding:10px 0 14px}.statsCompareHead b{font-size:10px}.statsCompareHead span{color:#71868d;font-size:8px}.metricRow{display:grid;grid-template-columns:minmax(110px,1.4fr) .5fr 1px .5fr;gap:10px;align-items:center;padding:9px 4px;border-top:1px solid rgba(255,255,255,.06)}.metricRow span{color:#82969d;font-size:8px}.metricRow b{text-align:center;font-size:11px}.metricRow i{height:18px;background:rgba(255,255,255,.08)}.formCompare{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding-top:12px}.formCompare>div{padding:10px;border:1px solid rgba(255,255,255,.06);border-radius:9px}.formCompare span{display:block;color:#81969d;font-size:8px;margin-bottom:7px}.formCompare em{font-style:normal;color:#73878e;font-size:8px}.updateColumns{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding-top:14px}.updateColumns section{border:1px solid rgba(255,255,255,.07);border-radius:10px;padding:12px}.updateColumns h4{margin:0 0 9px;font-size:11px}.updateColumns ul{list-style:none;margin:0;padding:0}.updateColumns li{padding:8px 0;border-top:1px solid rgba(255,255,255,.05)}.updateColumns li:first-child{border-top:0}.updateColumns li b,.updateColumns li span,.updateColumns li small{display:block}.updateColumns li b{font-size:9px}.updateColumns li span{color:#9dafb5;font-size:8px;margin-top:2px}.updateColumns li small{color:#647b82;font-size:7px;margin-top:3px}.matchCardPage{overflow:hidden}.matchCardPageHead{display:flex;justify-content:space-between;gap:10px;padding:13px 15px;background:rgba(43,232,182,.07);border-bottom:1px solid rgba(43,232,182,.14);font-size:9px}.matchCardPageHead span{color:#93a6ac}.matchCardPageHead b{color:#2be8b6}.matchCardLine{display:grid;grid-template-columns:34px minmax(0,1.7fr) 55px 120px auto;gap:10px;align-items:center;padding:11px 14px;border-top:1px solid rgba(255,255,255,.055);border-left:2px solid var(--accent)}.matchIndex{display:grid;width:24px;height:24px;place-items:center;border-radius:50%;background:rgba(255,255,255,.05);font-size:9px}.matchCardLine>div b,.matchCardLine>div small{display:block}.matchCardLine>div b{font-size:10px}.matchCardLine>div small{color:#84999f;font-size:8px;margin-top:3px}.matchCardLine>strong{color:var(--accent);font-size:18px}.matchCardLine>em{font-style:normal;color:var(--accent);font-size:7px;font-weight:950}.favoriteSwitcher{display:flex;justify-content:center;gap:7px;margin-top:12px}.favoriteSwitcher button{border:1px solid rgba(43,232,182,.22);border-radius:8px;background:rgba(2,22,26,.78);color:#b4c4c8;padding:8px 10px;font-size:8px;font-weight:900;cursor:pointer}.savedPicksPanel{overflow:hidden}.savedPick{display:grid;grid-template-columns:minmax(0,1fr) 55px 110px auto 32px;gap:10px;align-items:center;padding:13px 14px;border-top:1px solid rgba(255,255,255,.06);border-left:2px solid var(--accent)}.savedPick:first-child{border-top:0}.savedPick>div small,.savedPick>div b,.savedPick>div span{display:block}.savedPick>div small{color:#7e939a;font-size:8px}.savedPick>div b{margin:3px 0;font-size:10px}.savedPick>div span{color:#a4b4b9;font-size:9px}.savedPick>strong{color:var(--accent);font-size:18px}.savedPick>em{color:var(--accent);font-style:normal;font-size:7px;font-weight:950}.savedPick>button{border:1px solid rgba(255,255,255,.09);border-radius:7px;background:rgba(255,255,255,.03);color:#d7e2e4;padding:7px 8px;font-size:8px;font-weight:900}.savedPick .removePick{padding:6px;color:#ff8d8d}.proFeatureGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.proFeatureGrid article{padding:17px;border:1px solid rgba(255,255,255,.08);border-radius:12px;background:rgba(2,22,26,.82)}.proFeatureGrid article>span{display:grid;width:32px;height:32px;place-items:center;border-radius:9px;background:rgba(43,232,182,.08);color:#2be8b6;font-weight:950}.proFeatureGrid b{display:block;margin:10px 0 5px;font-size:12px}.proFeatureGrid p{min-height:30px;color:#879ba2;font-size:9px;line-height:1.5}.proFeatureGrid button{border:0;background:transparent;color:#2be8b6;padding:0;font-size:8px;font-weight:950;cursor:pointer}.proFoundationNote{display:flex;justify-content:space-between;gap:18px;margin-top:12px;padding:15px 17px;border-color:rgba(231,184,75,.22);background:rgba(50,38,10,.24)}.proFoundationNote b{color:#f0c75a;font-size:10px}.proFoundationNote span{color:#8f9ea2;font-size:8px}.moreGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.moreGrid a{position:relative;display:grid;grid-template-columns:1fr auto;gap:4px 10px;padding:16px;border:1px solid rgba(255,255,255,.08);border-radius:11px;background:rgba(2,22,26,.80);color:#eef6f7;text-decoration:none}.moreGrid a>b{font-size:11px}.moreGrid a>small{grid-column:1;color:#82969d;font-size:8px}.moreGrid a>span{grid-column:2;grid-row:1/3;align-self:center;color:#2be8b6;font-size:20px}
@media(max-width:980px){.favoriteGrid{grid-template-columns:1fr}.coverageCards{grid-template-columns:repeat(2,minmax(0,1fr))}.detailGrid{grid-template-columns:1fr}.proFeatureGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.appNav{order:3;width:100%}.fidelityHeader{flex-wrap:wrap}.compactMatch{grid-template-columns:minmax(0,1fr) auto auto}.compactSelection{display:none}}
@media(max-width:650px){.wrap{padding-bottom:92px}.appNav{position:fixed;left:8px;right:8px;bottom:max(8px,env(safe-area-inset-bottom));z-index:80;justify-content:space-around;border-color:rgba(43,232,182,.28);background:rgba(2,16,20,.95);box-shadow:0 10px 40px rgba(0,0,0,.5)}.appNavButton{flex:1;padding:10px 5px;font-size:7px}.routeHero{padding:20px 18px}.routeHeroMark{display:none}.routeHero h2{font-size:35px}.routeQuickLinks{grid-template-columns:1fr}.routeStatement{align-items:flex-start;flex-direction:column}.routeStatement span{text-align:left}.coverageCards{grid-template-columns:1fr 1fr}.compactMatch{grid-template-columns:minmax(0,1fr) auto}.compactTier{display:none}.matchCardLine{grid-template-columns:28px minmax(0,1fr) 45px}.matchCardLine>em,.matchCardLine>.routeAction{grid-column:2/-1;justify-self:start}.savedPick{grid-template-columns:minmax(0,1fr) 44px 28px}.savedPick>em,.savedPick>button:not(.removePick){grid-column:1/3}.updateColumns{grid-template-columns:1fr}.proFeatureGrid{grid-template-columns:1fr}.moreGrid{grid-template-columns:1fr}.proFoundationNote{flex-direction:column}.favoriteTicket{width:48px;height:64px}.favoriteCard{padding:16px}.fixtureSubnav{margin-bottom:8px}}


/* V1.47.10 Admin Match Card Builder */
.matchCardControlPanel,.matchCardPoolPanel,.matchCardHelpPanel{margin-top:14px}.matchCardsSummary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:14px}.matchCardSummaryCard{border:1px solid rgba(255,255,255,.09);border-radius:14px;padding:13px;background:linear-gradient(160deg,rgba(5,25,29,.94),rgba(4,16,20,.95));min-width:0}.matchCardSummaryCard.card-f5{border-color:rgba(41,234,183,.35)}.matchCardSummaryCard.card-f10{border-color:rgba(76,196,255,.32)}.matchCardSummaryCard.card-f15{border-color:rgba(255,194,65,.36)}.matchCardSummaryHead{display:flex;align-items:center;gap:10px;padding-bottom:10px;border-bottom:1px solid rgba(255,255,255,.07)}.matchCardSummaryHead>span{width:42px;height:42px;display:grid;place-items:center;border-radius:10px;background:#21dfad;color:#042019;font-size:18px;font-weight:1000}.card-f10 .matchCardSummaryHead>span{background:#39c8f2}.card-f15 .matchCardSummaryHead>span{background:#ffc344}.matchCardSummaryHead div{display:grid;gap:2px;min-width:0}.matchCardSummaryHead small{font-size:8px;letter-spacing:.16em;color:#77949c;font-weight:900}.matchCardSummaryHead b{font-size:14px}.matchCardSummaryHead em{margin-left:auto;font-style:normal;color:#9ab0b6;font-size:11px;font-weight:900}.matchCardSelectedList{display:grid;gap:6px;margin-top:10px;max-height:280px;overflow:auto}.matchCardSelectedList>div:not(.emptyInline){display:grid;grid-template-columns:22px minmax(0,1fr) 38px;gap:8px;align-items:center;padding:7px;border-radius:8px;background:rgba(255,255,255,.025)}.matchCardSelectedList>div>span{width:20px;height:20px;display:grid;place-items:center;border-radius:50%;background:rgba(255,255,255,.07);font-size:9px;font-weight:900}.matchCardSelectedList p{display:grid;gap:2px;margin:0;min-width:0}.matchCardSelectedList p b{font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.matchCardSelectedList p small{font-size:8px;color:#7f969d;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.matchCardSelectedList strong{text-align:right;font-size:12px;color:#34e7b8}.matchCardDataTable .adminTableHeader,.matchCardDataTable .adminTableRow{grid-template-columns:64px minmax(170px,1.35fr) minmax(150px,1fr) 120px 76px 64px 70px 70px}.matchCardPoolRow .summaryChip{display:inline-flex;justify-content:center;min-width:52px;margin:0}.matchCardToggle{width:36px;height:32px;padding:0!important;border-radius:8px!important;background:rgba(255,255,255,.04)!important;border:1px solid rgba(255,255,255,.1)!important;color:#8ca2a9!important;font-size:15px!important}.matchCardToggle.selected{background:rgba(34,226,174,.16)!important;border-color:rgba(44,238,187,.46)!important;color:#35efbf!important;box-shadow:0 0 0 1px rgba(44,238,187,.08) inset}.matchCardPrinciples{grid-template-columns:repeat(4,minmax(0,1fr))}.matchCardPrinciples>div>span{font-size:18px;color:#31eebc;font-weight:1000}
@media(max-width:1050px){.matchCardsSummary{grid-template-columns:1fr}.matchCardPrinciples{grid-template-columns:1fr 1fr}.matchCardDataTable{min-width:920px}}
@media(max-width:700px){.matchCardControlPanel .surfaceHead{display:block}.matchCardControlPanel .surfaceHead .row{margin-top:10px}.matchCardControlPanel .surfaceHead .row button{flex:1}.matchCardPrinciples{grid-template-columns:1fr}.matchCardsSummary{grid-template-columns:1fr}.matchCardSelectedList{max-height:none}}


/* V1.48 development — verified Match Data editor */
.matchDataSurface{margin-top:14px}.matchDataSelectorRow{display:grid;grid-template-columns:minmax(260px,1fr) auto;gap:14px;align-items:end}.matchDataSelectorRow label,.matchDataGrid label,.matchDataTextGrid label{display:grid;gap:7px;color:#91a8ae;font-size:10px;font-weight:900;letter-spacing:.04em}.matchDataSelectorRow select,.matchDataGrid input,.matchDataTextGrid textarea{width:100%;border:1px solid rgba(255,255,255,.1);background:#07171b;color:#eaf7f4;border-radius:9px;padding:10px 11px;outline:none}.matchDataSelectorRow select:focus,.matchDataGrid input:focus,.matchDataTextGrid textarea:focus{border-color:rgba(43,235,184,.55);box-shadow:0 0 0 2px rgba(43,235,184,.08)}.matchDataTier{min-height:40px;display:flex;align-items:center;gap:8px}.matchDataGrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.matchDataGrid .wide{grid-column:span 2}.matchDataTextGrid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.matchDataTextGrid textarea{resize:vertical;min-height:150px;font:inherit;line-height:1.45}.matchDataActions{justify-content:flex-end;margin-top:12px}.matchDataPrinciples{grid-template-columns:repeat(4,minmax(0,1fr))}.matchDataPrinciples>div>span{font-size:14px;color:#31eebc;font-weight:1000}.matchDataSurface .surfaceHead b{color:#d9ece8}
@media(max-width:1050px){.matchDataGrid{grid-template-columns:1fr 1fr}.matchDataPrinciples{grid-template-columns:1fr 1fr}}
@media(max-width:700px){.matchDataSelectorRow,.matchDataTextGrid,.matchDataGrid,.matchDataPrinciples{grid-template-columns:1fr}.matchDataGrid .wide{grid-column:auto}.matchDataActions{display:grid;grid-template-columns:1fr 1fr}.matchDataActions button{width:100%}}

/* BoxMidfield V1.49 — approved blue / purple / gold highlight system */
:root{
  --fav5:#299DFF;
  --fav10:#A970FF;
  --fav15:#E7B84B;
}
.favorite-blue{--fav:var(--fav5)}
.favorite-purple{--fav:var(--fav10)}
.favorite-gold{--fav:var(--fav15)}
.favoriteCard{box-shadow:0 18px 42px rgba(0,0,0,.20),0 0 26px color-mix(in srgb,var(--fav) 10%,transparent)}
.favoriteCard:after{content:'';position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 100% 0,color-mix(in srgb,var(--fav) 12%,transparent),transparent 38%)}

/* Carry the three Favorite colours through neutral navigation/data tiles. */
.routeHero{border-color:rgba(74,163,255,.30);box-shadow:inset 3px 0 0 rgba(74,163,255,.76),inset -3px 0 0 rgba(231,184,75,.60),0 20px 48px rgba(0,0,0,.22)}
.routeHero:after{content:'';position:absolute;left:18%;right:18%;bottom:-1px;height:1px;background:linear-gradient(90deg,transparent,var(--fav5),var(--fav10),var(--fav15),transparent);opacity:.78}
.routeQuickLinks button:nth-child(3n+1),.coverageCards article:nth-child(3n+1),.proFeatureGrid article:nth-child(3n+1),.moreGrid a:nth-child(3n+1){border-color:color-mix(in srgb,var(--fav5) 46%,rgba(255,255,255,.08));box-shadow:inset 2px 0 0 color-mix(in srgb,var(--fav5) 72%,transparent),0 0 22px color-mix(in srgb,var(--fav5) 7%,transparent)}
.routeQuickLinks button:nth-child(3n+2),.coverageCards article:nth-child(3n+2),.proFeatureGrid article:nth-child(3n+2),.moreGrid a:nth-child(3n+2){border-color:color-mix(in srgb,var(--fav10) 43%,rgba(255,255,255,.08));box-shadow:inset 2px 0 0 color-mix(in srgb,var(--fav10) 70%,transparent),0 0 22px color-mix(in srgb,var(--fav10) 7%,transparent)}
.routeQuickLinks button:nth-child(3n),.coverageCards article:nth-child(3n),.proFeatureGrid article:nth-child(3n),.moreGrid a:nth-child(3n){border-color:color-mix(in srgb,var(--fav15) 43%,rgba(255,255,255,.08));box-shadow:inset 2px 0 0 color-mix(in srgb,var(--fav15) 68%,transparent),0 0 22px color-mix(in srgb,var(--fav15) 7%,transparent)}
.routeQuickLinks button:nth-child(3n+1)>span,.proFeatureGrid article:nth-child(3n+1)>span,.moreGrid a:nth-child(3n+1)>span{color:var(--fav5)}
.routeQuickLinks button:nth-child(3n+2)>span,.proFeatureGrid article:nth-child(3n+2)>span,.moreGrid a:nth-child(3n+2)>span{color:var(--fav10)}
.routeQuickLinks button:nth-child(3n)>span,.proFeatureGrid article:nth-child(3n)>span,.moreGrid a:nth-child(3n)>span{color:var(--fav15)}
.proFeatureGrid article:nth-child(1)>span{background:color-mix(in srgb,var(--fav5) 14%,transparent);color:var(--fav5)}
.proFeatureGrid article:nth-child(2)>span{background:color-mix(in srgb,var(--fav10) 14%,transparent);color:var(--fav10)}
.proFeatureGrid article:nth-child(3)>span{background:color-mix(in srgb,var(--fav15) 14%,transparent);color:var(--fav15)}

/* Match Card pages keep tier colours on each row while the page frame identifies 5 / 10 / 15. */
.matchCardPage.favoritePage-5{border-color:color-mix(in srgb,var(--fav5) 55%,rgba(255,255,255,.09));box-shadow:0 0 30px color-mix(in srgb,var(--fav5) 8%,transparent)}
.matchCardPage.favoritePage-10{border-color:color-mix(in srgb,var(--fav10) 55%,rgba(255,255,255,.09));box-shadow:0 0 30px color-mix(in srgb,var(--fav10) 8%,transparent)}
.matchCardPage.favoritePage-15{border-color:color-mix(in srgb,var(--fav15) 55%,rgba(255,255,255,.09));box-shadow:0 0 30px color-mix(in srgb,var(--fav15) 8%,transparent)}
.favoritePage-5 .matchCardPageHead{background:color-mix(in srgb,var(--fav5) 9%,rgba(2,22,26,.86));border-bottom-color:color-mix(in srgb,var(--fav5) 28%,transparent)}
.favoritePage-10 .matchCardPageHead{background:color-mix(in srgb,var(--fav10) 9%,rgba(2,22,26,.86));border-bottom-color:color-mix(in srgb,var(--fav10) 28%,transparent)}
.favoritePage-15 .matchCardPageHead{background:color-mix(in srgb,var(--fav15) 9%,rgba(2,22,26,.86));border-bottom-color:color-mix(in srgb,var(--fav15) 28%,transparent)}
.favoritePage-5 .matchCardPageHead b{color:var(--fav5)}
.favoritePage-10 .matchCardPageHead b{color:var(--fav10)}
.favoritePage-15 .matchCardPageHead b{color:var(--fav15)}
.favoriteSwitcher button:nth-child(1){border-color:color-mix(in srgb,var(--fav5) 48%,transparent);color:#82c8ff}
.favoriteSwitcher button:nth-child(2){border-color:color-mix(in srgb,var(--fav10) 48%,transparent);color:#c69cff}
.favoriteSwitcher button:nth-child(3){border-color:color-mix(in srgb,var(--fav15) 48%,transparent);color:#f3d26f}

/* More colour on neutral match/stat frames without overpowering tier accents. */
.statsPagePanel,.savedPicksPanel,.detailPanel,.detailSummary{position:relative}
.statsPagePanel:before,.savedPicksPanel:before,.detailPanel:before{content:'';position:absolute;inset:0;pointer-events:none;border-radius:inherit;border-top:1px solid rgba(169,112,255,.38);border-right:1px solid rgba(231,184,75,.22);border-bottom:1px solid rgba(41,157,255,.24)}
.selectedStatsPanel{border-color:color-mix(in srgb,var(--accent) 44%,rgba(255,255,255,.09))}
.statsDeepLink{margin-top:12px}
.liveEstimateNote{margin-top:9px;padding:7px 9px;border-radius:8px;border:1px solid rgba(74,163,255,.28);background:rgba(74,163,255,.06);color:#89c8ff;font-size:8px;font-weight:850}

/* Admin Match Card builder uses the same Favorite identity. */
.matchCardSummaryCard.card-f5{border-color:rgba(41,157,255,.55);box-shadow:0 0 24px rgba(41,157,255,.07)}
.matchCardSummaryCard.card-f10{border-color:rgba(169,112,255,.55);box-shadow:0 0 24px rgba(169,112,255,.07)}
.matchCardSummaryCard.card-f15{border-color:rgba(231,184,75,.55);box-shadow:0 0 24px rgba(231,184,75,.07)}
.card-f5 .matchCardSummaryHead>span{background:var(--fav5)}
.card-f10 .matchCardSummaryHead>span{background:var(--fav10)}
.card-f15 .matchCardSummaryHead>span{background:var(--fav15)}
.matchCardPoolRow .matchCardToggle[data-card-toggle="f5"].selected{background:rgba(41,157,255,.16)!important;border-color:rgba(41,157,255,.62)!important;color:#65baff!important}
.matchCardPoolRow .matchCardToggle[data-card-toggle="f10"].selected{background:rgba(169,112,255,.16)!important;border-color:rgba(169,112,255,.62)!important;color:#c69cff!important}
.matchCardPoolRow .matchCardToggle[data-card-toggle="f15"].selected{background:rgba(231,184,75,.16)!important;border-color:rgba(231,184,75,.62)!important;color:#f1ce68!important}
.routeHero{position:relative;overflow:hidden}

/* BoxMidfield V1.49.1 — preview-fidelity colour pass
   Stronger blue / purple / gold framing while keeping BoxMidfield teal as the brand anchor. */
:root{
  --fav5:#20AFFF;
  --fav10:#B25CFF;
  --fav15:#F4C542;
  --bm-green:#2BE8B6;
  --panel-ink:#031B20;
  --panel-ink-2:#06161B;
}

/* Make the three Match Card identities read immediately, closer to the approved preview. */
.favoriteCard{
  border-width:1.5px;
  background:
    radial-gradient(circle at 8% 0%,color-mix(in srgb,var(--fav) 18%,transparent),transparent 42%),
    linear-gradient(150deg,color-mix(in srgb,var(--fav) 13%,rgba(2,22,26,.96)),rgba(2,14,18,.96) 62%);
  box-shadow:
    inset 0 0 0 1px color-mix(in srgb,var(--fav) 10%,transparent),
    0 18px 42px rgba(0,0,0,.25),
    0 0 34px color-mix(in srgb,var(--fav) 17%,transparent);
}
.favoriteCard:after{
  background:
    linear-gradient(180deg,color-mix(in srgb,var(--fav) 8%,transparent),transparent 32%),
    radial-gradient(circle at 100% 0,color-mix(in srgb,var(--fav) 19%,transparent),transparent 42%);
}
.favoriteTicket{
  box-shadow:0 0 0 1px color-mix(in srgb,var(--fav) 55%,transparent),0 0 30px color-mix(in srgb,var(--fav) 42%,transparent);
}
.favoriteOpen{
  box-shadow:0 0 22px color-mix(in srgb,var(--fav) 22%,transparent);
}

/* Favorite detail pages inherit their identity rather than falling back to green headings. */
#favoriteHub[data-favorite-count="5"] .routeHero{
  border-color:color-mix(in srgb,var(--fav5) 70%,rgba(255,255,255,.08));
  box-shadow:inset 3px 0 0 var(--fav5),inset -2px 0 0 color-mix(in srgb,var(--fav5) 62%,transparent),0 0 34px rgba(32,175,255,.13),0 20px 48px rgba(0,0,0,.25);
}
#favoriteHub[data-favorite-count="10"] .routeHero{
  border-color:color-mix(in srgb,var(--fav10) 70%,rgba(255,255,255,.08));
  box-shadow:inset 3px 0 0 var(--fav10),inset -2px 0 0 color-mix(in srgb,var(--fav10) 62%,transparent),0 0 34px rgba(178,92,255,.13),0 20px 48px rgba(0,0,0,.25);
}
#favoriteHub[data-favorite-count="15"] .routeHero{
  border-color:color-mix(in srgb,var(--fav15) 70%,rgba(255,255,255,.08));
  box-shadow:inset 3px 0 0 var(--fav15),inset -2px 0 0 color-mix(in srgb,var(--fav15) 62%,transparent),0 0 34px rgba(244,197,66,.13),0 20px 48px rgba(0,0,0,.25);
}
#favoriteHub[data-favorite-count="5"] .routeHero h2 span,#favoriteHub[data-favorite-count="5"] .routeHero small{color:var(--fav5)}
#favoriteHub[data-favorite-count="10"] .routeHero h2 span,#favoriteHub[data-favorite-count="10"] .routeHero small{color:var(--fav10)}
#favoriteHub[data-favorite-count="15"] .routeHero h2 span,#favoriteHub[data-favorite-count="15"] .routeHero small{color:var(--fav15)}

.matchCardPage.favoritePage-5{
  border-width:1.5px;
  background:linear-gradient(160deg,rgba(32,175,255,.055),rgba(2,22,26,.92) 26%);
  box-shadow:inset 2px 0 0 rgba(32,175,255,.78),0 0 34px rgba(32,175,255,.11);
}
.matchCardPage.favoritePage-10{
  border-width:1.5px;
  background:linear-gradient(160deg,rgba(178,92,255,.06),rgba(2,22,26,.92) 26%);
  box-shadow:inset 2px 0 0 rgba(178,92,255,.78),0 0 34px rgba(178,92,255,.11);
}
.matchCardPage.favoritePage-15{
  border-width:1.5px;
  background:linear-gradient(160deg,rgba(244,197,66,.055),rgba(2,22,26,.92) 26%);
  box-shadow:inset 2px 0 0 rgba(244,197,66,.78),0 0 34px rgba(244,197,66,.11);
}
.favoritePage-5 .matchCardPageHead{background:linear-gradient(90deg,rgba(32,175,255,.13),rgba(2,22,26,.72))}
.favoritePage-10 .matchCardPageHead{background:linear-gradient(90deg,rgba(178,92,255,.13),rgba(2,22,26,.72))}
.favoritePage-15 .matchCardPageHead{background:linear-gradient(90deg,rgba(244,197,66,.13),rgba(2,22,26,.72))}

/* Neutral frame tiles: stronger colour presence, but not enough to compete with tier badges. */
.routeQuickLinks button:nth-child(3n+1),.coverageCards article:nth-child(3n+1),.proFeatureGrid article:nth-child(3n+1),.moreGrid a:nth-child(3n+1){
  border-color:rgba(32,175,255,.68);
  background:linear-gradient(135deg,rgba(32,175,255,.095),rgba(2,22,26,.88) 44%);
  box-shadow:inset 3px 0 0 rgba(32,175,255,.92),inset 0 1px 0 rgba(32,175,255,.20),0 0 27px rgba(32,175,255,.10);
}
.routeQuickLinks button:nth-child(3n+2),.coverageCards article:nth-child(3n+2),.proFeatureGrid article:nth-child(3n+2),.moreGrid a:nth-child(3n+2){
  border-color:rgba(178,92,255,.66);
  background:linear-gradient(135deg,rgba(178,92,255,.09),rgba(2,22,26,.88) 44%);
  box-shadow:inset 3px 0 0 rgba(178,92,255,.90),inset 0 1px 0 rgba(178,92,255,.18),0 0 27px rgba(178,92,255,.10);
}
.routeQuickLinks button:nth-child(3n),.coverageCards article:nth-child(3n),.proFeatureGrid article:nth-child(3n),.moreGrid a:nth-child(3n){
  border-color:rgba(244,197,66,.64);
  background:linear-gradient(135deg,rgba(244,197,66,.085),rgba(2,22,26,.88) 44%);
  box-shadow:inset 3px 0 0 rgba(244,197,66,.88),inset 0 1px 0 rgba(244,197,66,.18),0 0 27px rgba(244,197,66,.09);
}

/* Large neutral panels get the preview's subtle multicolour frame rather than a nearly-grey outline. */
.routeHero,.statsPagePanel,.savedPicksPanel,.detailPanel,.detailSummary,.proFoundationNote{
  border-color:rgba(32,175,255,.30);
}
.routeHero{
  background:
    radial-gradient(circle at 0 0,rgba(32,175,255,.075),transparent 34%),
    radial-gradient(circle at 100% 0,rgba(244,197,66,.055),transparent 30%),
    linear-gradient(135deg,rgba(2,28,31,.94),rgba(3,18,22,.88));
  box-shadow:inset 3px 0 0 rgba(32,175,255,.90),inset -3px 0 0 rgba(244,197,66,.78),inset 0 1px 0 rgba(178,92,255,.34),0 20px 48px rgba(0,0,0,.24);
}
.statsPagePanel,.savedPicksPanel,.detailPanel,.detailSummary{
  background:linear-gradient(155deg,rgba(3,27,31,.93),rgba(2,19,23,.92));
  box-shadow:inset 2px 0 0 rgba(32,175,255,.48),inset -1px 0 0 rgba(244,197,66,.26),0 0 28px rgba(178,92,255,.035);
}
.statsPagePanel:before,.savedPicksPanel:before,.detailPanel:before{
  border-top-color:rgba(178,92,255,.58);
  border-right-color:rgba(244,197,66,.38);
  border-bottom-color:rgba(32,175,255,.42);
}

/* More visible colour on rows/list tiles like the approved user-flow preview. */
.compactMatch:nth-child(3n+1),.savedPick:nth-child(3n+1){border-color:rgba(32,175,255,.30);box-shadow:inset 2px 0 0 rgba(32,175,255,.72)}
.compactMatch:nth-child(3n+2),.savedPick:nth-child(3n+2){border-color:rgba(178,92,255,.30);box-shadow:inset 2px 0 0 rgba(178,92,255,.72)}
.compactMatch:nth-child(3n),.savedPick:nth-child(3n){border-color:rgba(244,197,66,.30);box-shadow:inset 2px 0 0 rgba(244,197,66,.72)}

/* Keep the brand/navigation green strong so the extra colours remain supporting identities. */
.appNavButton.active,.detailTab.active,.filter.active,.routeAction{box-shadow:0 0 22px rgba(43,232,182,.16)}

/* Slightly deeper page wash: reduces the pale/grey look seen in the local preview screenshots. */
.shade{background:linear-gradient(180deg,rgba(2,7,10,.57) 0%,rgba(2,9,12,.73) 40%,rgba(2,7,10,.90) 78%,rgba(2,7,10,.98) 100%)}

/* BoxMidfield V1.49.2 — football artwork + live navigation pass
   Artwork is from the approved Open Net / Clean Through / Edge of the Box visual set.
   The PNGs themselves have alpha; CSS keeps them deliberately restrained behind content. */
:root{
  --art-open:url('/assets/tile-art/open-net.png?v=1.49.2-dev');
  --art-clean:url('/assets/tile-art/clean-through.png?v=1.49.2-dev');
  --art-edge:url('/assets/tile-art/edge-of-box.png?v=1.49.2-dev');
  --art-f5:url('/assets/tile-art/favorite-5-anime.webp?v=1.54.1');
  --art-f10:url('/assets/tile-art/favorite-10-anime.webp?v=1.54.1');
  --art-f15:url('/assets/tile-art/favorite-15-anime.webp?v=1.54.1');
  --art-fixtures:url('/assets/tile-art/all-fixtures.png?v=1.49.2-dev');
  --art-stats:url('/assets/tile-art/stats-data.png?v=1.49.2-dev');
  --art-picks:url('/assets/tile-art/my-picks.png?v=1.49.2-dev');
  --art-injuries:url('/assets/tile-art/injuries-news.png?v=1.49.2-dev');
  --art-pro:url('/assets/tile-art/pro-feature.png?v=1.49.2-dev');
  --art-info:url('/assets/tile-art/more-info.png?v=1.49.2-dev');
}

/* Live strip is now an intentional navigation surface. */
.liveScoresJump{appearance:none;border:0;background:transparent;color:inherit;font:inherit;padding:0;cursor:pointer;text-align:left}
.liveScoresJump:hover b,.liveScoresJump:focus-visible b{color:#fff;text-shadow:0 0 12px rgba(43,232,182,.65)}
.liveScoresJump:focus-visible,.viewAllLive:focus-visible,.liveScoreItem:focus-visible{outline:2px solid rgba(43,232,182,.75);outline-offset:2px}
.publicHeaderStatus{cursor:pointer;border-radius:8px;padding:4px 6px;transition:background .18s ease}
.publicHeaderStatus:hover{background:rgba(43,232,182,.06)}
.liveScoreItem{appearance:none;font:inherit;color:inherit;text-align:left;cursor:pointer}
.liveScoreItem:hover{border-color:rgba(43,232,182,.38);background:rgba(43,232,182,.07);transform:translateY(-1px)}

/* Core overlay primitive. */
.visualTile,.favoriteCard,.tierStat,.detailSummary,.matchCard,.matchCardPage,.routeHero,.statsPagePanel,.savedPicksPanel,.proFeatureGrid article,.moreGrid a{isolation:isolate}
.visualTile,.tierStat,.detailSummary,.matchCard,.matchCardPage,.proFeatureGrid article,.moreGrid a{position:relative;overflow:hidden}
.visualTile>* , .tierStat>* , .detailSummary>* , .matchCard>* , .matchCardPage>* , .proFeatureGrid article>* , .moreGrid a>*{position:relative;z-index:2}

/* Favorite 5 / 10 / 15 formation overlays. Exact player counts are preserved in the source art. */
.favoriteCard::before{content:'';position:absolute;z-index:1;pointer-events:none;right:-4%;top:-7%;width:58%;height:54%;background-repeat:no-repeat;background-position:center;background-size:contain;opacity:.52;filter:saturate(1.12) drop-shadow(0 0 14px color-mix(in srgb,var(--fav) 35%,transparent))}
.favorite-blue::before{background-image:var(--art-f5)}
.favorite-purple::before{background-image:var(--art-f10)}
.favorite-gold::before{background-image:var(--art-f15)}

/* Favorite detail pages carry the same formation identity through the page. */
.matchCardPage::after{content:'';position:absolute;z-index:0;pointer-events:none;right:-1%;top:0;width:36%;height:210px;background-repeat:no-repeat;background-position:right top;background-size:contain;opacity:.18;mask-image:linear-gradient(90deg,transparent,#000 35%,#000)}
.favoritePage-5::after{background-image:var(--art-f5)}
.favoritePage-10::after{background-image:var(--art-f10)}
.favoritePage-15::after{background-image:var(--art-f15)}
#favoriteHub[data-favorite-count="5"] .routeHero::before{background-image:var(--art-f5)}
#favoriteHub[data-favorite-count="10"] .routeHero::before{background-image:var(--art-f10)}
#favoriteHub[data-favorite-count="15"] .routeHero::before{background-image:var(--art-f15)}
.favoriteSwitcher button{position:relative;overflow:hidden}
.favoriteSwitcher button::after{content:'';position:absolute;right:2px;top:50%;transform:translateY(-50%);width:38px;height:38px;background-position:center;background-repeat:no-repeat;background-size:contain;opacity:.22;pointer-events:none}
.favoriteSwitcher button:nth-child(1)::after{background-image:var(--art-f5)}
.favoriteSwitcher button:nth-child(2)::after{background-image:var(--art-f10)}
.favoriteSwitcher button:nth-child(3)::after{background-image:var(--art-f15)}

/* Tier imagery is consistent anywhere the football-language tier appears. */
.tierStat::after,.detailSummary::after,.matchCard::after{content:'';position:absolute;z-index:0;pointer-events:none;right:-5%;top:50%;transform:translateY(-50%);width:42%;height:130%;background-repeat:no-repeat;background-position:center right;background-size:contain;opacity:.12;mask-image:linear-gradient(90deg,transparent,#000 34%,#000)}
.tier-strong::after,.tier-open-net::after{background-image:var(--art-open)}
.tier-lean::after,.tier-clean-through::after{background-image:var(--art-clean)}
.tier-edge-of-the-box::after,.tier-edge-box::after{background-image:var(--art-edge)}
.publicStat.tierStat::after{width:48%;opacity:.20}
.detailSummary::after{width:52%;opacity:.14}
.matchCard::after{opacity:.055;width:46%}

/* Tier filter buttons use the corresponding football scene instead of being text-only. */
.filter.filter-strong,.filter.filter-lean,.filter.filter-edge{position:relative;overflow:hidden;padding-right:50px}
.filter.filter-strong::after,.filter.filter-lean::after,.filter.filter-edge::after{content:'';position:absolute;right:3px;top:50%;transform:translateY(-50%);width:44px;height:34px;background-repeat:no-repeat;background-position:center;background-size:contain;opacity:.26;pointer-events:none}
.filter.filter-strong::after{background-image:var(--art-open)}
.filter.filter-lean::after{background-image:var(--art-clean)}
.filter.filter-edge::after{background-image:var(--art-edge)}

/* Previously-empty navigation/feature tiles. */
.visualTile::after,.proFeatureGrid article::after,.moreGrid a::after{content:'';position:absolute;z-index:1;pointer-events:none;right:-2%;top:50%;transform:translateY(-50%);width:48%;height:125%;background-repeat:no-repeat;background-position:center right;background-size:contain;opacity:.20;mask-image:linear-gradient(90deg,transparent,#000 28%,#000)}
.visual-fixtures::after{background-image:var(--art-fixtures)}
.visual-stats::after{background-image:var(--art-stats)}
.visual-picks::after{background-image:var(--art-picks)}
.visual-injuries::after{background-image:var(--art-injuries)}
.visual-info::after{background-image:var(--art-info)}
.visual-favorite-5::after{background-image:var(--art-f5)}
.visual-favorite-10::after{background-image:var(--art-f10)}
.visual-favorite-15::after{background-image:var(--art-f15)}
.proFeatureGrid article:nth-child(4)::after{background-image:var(--art-stats)}
.proFeatureGrid article:nth-child(5)::after{background-image:var(--art-injuries)}
.proFeatureGrid article:nth-child(6)::after{background-image:var(--art-picks)}
.moreGrid a::after{background-image:var(--art-info);opacity:.14}
.coverageCards .visual-stats::after{opacity:.13;width:52%}
.savedPicksPanel::after{content:'';position:absolute;inset:0 0 auto auto;width:36%;height:190px;background:var(--art-picks) right top/contain no-repeat;opacity:.10;pointer-events:none;mask-image:linear-gradient(90deg,transparent,#000 32%,#000)}

/* Route heroes: every main page now has a football visual rather than a blank frame. */
.routeHero>*{position:relative;z-index:2}
.routeHero::before{content:'';position:absolute;z-index:1;pointer-events:none;right:1%;top:50%;transform:translateY(-50%);width:34%;height:150%;background-repeat:no-repeat;background-position:center right;background-size:contain;opacity:.14;mask-image:linear-gradient(90deg,transparent,#000 34%,#000)}
#todayHub .routeHero::before{width:46%;opacity:.16;background-image:var(--art-f5),var(--art-f10),var(--art-f15);background-size:36% auto,36% auto,36% auto;background-position:15% center,55% center,95% center}
.routeHero.visual-stats::before{background-image:var(--art-stats);opacity:.20}
.routeHero.visual-my-picks::before{background-image:var(--art-picks);opacity:.18}
.routeHero.visual-pro::before{background-image:var(--art-pro);opacity:.18}
.routeHero.visual-more::before{background-image:var(--art-info);opacity:.17}
.routeHero.visual-match-details::before{background-image:var(--art-fixtures);opacity:.13}

/* Stats panel heading gets a restrained data-football visual. */
.statsPagePanel{overflow:hidden}
.statsPagePanel>.statsPageHead{position:relative;z-index:2}
.statsPagePanel::after{content:'';position:absolute;right:-2%;top:-20px;width:260px;height:180px;background:var(--art-stats) right top/contain no-repeat;opacity:.07;pointer-events:none;mask-image:linear-gradient(90deg,transparent,#000 40%,#000)}

/* Mobile: keep art visible, but reduce it so content remains primary. */
@media(max-width:699px){
  .favoriteCard::before{width:52%;height:46%;opacity:.32}
  .routeHero::before{width:44%;opacity:.09}
  #todayHub .routeHero::before{width:58%;opacity:.08}
  .visualTile::after,.proFeatureGrid article::after,.moreGrid a::after{width:44%;opacity:.12}
  .tierStat::after{opacity:.12}
  .filter.filter-strong,.filter.filter-lean,.filter.filter-edge{padding-right:34px}
  .filter.filter-strong::after,.filter.filter-lean::after,.filter.filter-edge::after{width:30px;height:28px;opacity:.18}
}
/* V1.49.2 stacking safety: artwork is always behind readable content. */
.favoriteCard>* , .statsPagePanel>* , .savedPicksPanel>*{position:relative;z-index:2}
.favoriteCard::after{z-index:0}
.statsPagePanel::after,.savedPicksPanel::after{z-index:1}


/* BoxMidfield V1.49.3 — approved preview fidelity + interaction repair */
:root{
  --art-today-hero:url('/assets/tile-art/today-favorites-hero.png?v=1.53.1');
  --art-open:url('/assets/tile-art/open-net.png?v=1.53.1');
  --art-clean:url('/assets/tile-art/clean-through.png?v=1.53.1');
  --art-edge:url('/assets/tile-art/edge-of-box.png?v=1.53.1');
  --art-f5:url('/assets/tile-art/favorite-5-anime.webp?v=1.54.1');
  --art-f10:url('/assets/tile-art/favorite-10-anime.webp?v=1.54.1');
  --art-f15:url('/assets/tile-art/favorite-15-anime.webp?v=1.54.1');
  --art-fixtures:url('/assets/tile-art/all-fixtures.png?v=1.53.1');
  --art-stats:url('/assets/tile-art/stats-data.png?v=1.53.1');
  --art-picks:url('/assets/tile-art/my-picks.png?v=1.53.1');
  --art-injuries:url('/assets/tile-art/injuries-news.png?v=1.53.1');
  --art-pro:url('/assets/tile-art/pro-feature.png?v=1.53.1');
}

/* The Today hero now uses the exact approved-preview player group instead of three
   separately-positioned formation diagrams. */
#todayHub .routeHero{
  min-height:172px;
  align-items:center;
}
#todayHub .routeHero::before{
  background-image:var(--art-today-hero);
  background-size:contain;
  background-position:center right;
  width:43%;
  height:125%;
  right:5%;
  top:48%;
  opacity:.58;
  filter:saturate(1.08) drop-shadow(0 0 18px rgba(43,232,182,.09));
  mask-image:linear-gradient(90deg,transparent 0,#000 18%,#000 100%);
}

/* Favorite cards mirror the approved preview: visible players, still behind the copy. */
.favoriteCard::before{
  right:1%;
  top:2%;
  width:54%;
  height:48%;
  opacity:.78;
  background-position:center right;
  filter:saturate(1.18) contrast(1.04) drop-shadow(0 0 18px color-mix(in srgb,var(--fav) 26%,transparent));
}
.favoriteCardTitle,.favoriteTicket,.favoriteMiniList,.favoriteOpen{
  position:relative;
  z-index:4;
}

/* On dedicated Favorite pages the formation belongs in the hero, not over the rows. */
.matchCardPage::after{display:none !important}
#favoriteHub .routeHero{min-height:172px;align-items:center}
#favoriteHub .routeHero::before{
  width:34%;
  height:115%;
  right:4%;
  top:50%;
  opacity:.46;
  background-position:center right;
  filter:saturate(1.16) drop-shadow(0 0 15px rgba(255,255,255,.04));
  mask-image:linear-gradient(90deg,transparent 0,#000 22%,#000 100%);
}
#favoriteHub[data-favorite-count="5"] .routeHero::before{background-image:var(--art-f5)}
#favoriteHub[data-favorite-count="10"] .routeHero::before{background-image:var(--art-f10)}
#favoriteHub[data-favorite-count="15"] .routeHero::before{background-image:var(--art-f15)}

/* Make every dynamic Favorite-page control unambiguously clickable above artwork. */
.matchCardPage,
.matchCardLine,
.favoriteSwitcher{position:relative;z-index:3}
.matchCardLine .routeAction,
.favoriteSwitcher button,
.routeBack{position:relative;z-index:8;pointer-events:auto}
.matchCardLine{cursor:default}

/* Match the approved five-feature strip on Today. */
.routeQuickLinksFive{
  grid-template-columns:repeat(5,minmax(0,1fr));
}
.routeQuickLinksFive button{
  min-height:112px;
  align-content:end;
  padding-top:42px;
}
.routeQuickLinksFive .visualTile::after{
  width:66%;
  height:145%;
  right:-1%;
  opacity:.48;
  background-position:center right;
  mask-image:linear-gradient(90deg,transparent 0,#000 24%,#000 100%);
}
.routeQuickLinksFive .visual-fixtures::after{background-image:var(--art-fixtures)}
.routeQuickLinksFive .visual-stats::after{background-image:var(--art-stats)}
.routeQuickLinksFive .visual-picks::after{background-image:var(--art-picks)}
.routeQuickLinksFive .visual-injuries::after{background-image:var(--art-injuries)}
.routeQuickLinksFive .visual-pro::after{background-image:var(--art-pro)}
.visual-pro::after{background-image:var(--art-pro)}

/* Pro/More/coverage cards use the same stronger image treatment without obscuring data. */
.proFeatureGrid .visualTile::after,
.proFeatureGrid article::after{
  opacity:.36;
  width:54%;
  height:130%;
}
.coverageCards .visualTile::after{opacity:.24;width:48%}
.moreGrid a::after{opacity:.20}

/* Football-language tier imagery is now easier to see. */
.publicStat.tierStat::after{opacity:.34;width:50%}
.detailSummary::after{opacity:.24}
.matchCard::after{opacity:.095;width:42%}
.filter.filter-strong::after,.filter.filter-lean::after,.filter.filter-edge::after{opacity:.38}

/* Hover and keyboard feedback for all clickable visual surfaces. */
.routeQuickLinks button,
.favoriteOpen,
.favoriteSwitcher button,
.matchCardLine .routeAction,
.proFeatureGrid button{
  transition:transform .16s ease,filter .16s ease,border-color .16s ease;
}
.routeQuickLinks button:hover,
.favoriteOpen:hover,
.favoriteSwitcher button:hover,
.matchCardLine .routeAction:hover,
.proFeatureGrid button:hover{
  transform:translateY(-1px);
  filter:brightness(1.07);
}
.routeQuickLinks button:focus-visible,
.favoriteOpen:focus-visible,
.favoriteSwitcher button:focus-visible,
.matchCardLine .routeAction:focus-visible{
  outline:2px solid rgba(43,232,182,.78);
  outline-offset:2px;
}

/* Keep tile copy readable over the brighter imagery. */
.routeQuickLinksFive button::before,
.proFeatureGrid article::before{
  content:'';
  position:absolute;
  inset:0;
  z-index:1;
  pointer-events:none;
  background:linear-gradient(90deg,rgba(2,19,23,.96) 0%,rgba(2,19,23,.83) 38%,rgba(2,19,23,.24) 72%,transparent 100%);
}
.routeQuickLinksFive button>*,
.proFeatureGrid article>*{position:relative;z-index:4}

/* Responsive fidelity */
@media(max-width:1180px){
  .routeQuickLinksFive{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:800px){
  #todayHub .routeHero::before{width:48%;right:1%;opacity:.38}
  #favoriteHub .routeHero::before{width:40%;opacity:.32}
  .favoriteCard::before{width:50%;height:44%;opacity:.58}
  .routeQuickLinksFive{grid-template-columns:1fr 1fr}
  .routeQuickLinksFive .visualTile::after{opacity:.34}
}
@media(max-width:560px){
  #todayHub .routeHero::before{width:53%;height:100%;opacity:.24}
  #favoriteHub .routeHero::before{width:46%;opacity:.24}
  .routeQuickLinksFive{grid-template-columns:1fr}
}

/* V1.50 BSD verified match enrichment */
.detailMetaGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:14px}.detailMetaGrid>div{padding:10px;border:1px solid rgba(255,255,255,.07);border-radius:9px;background:rgba(255,255,255,.018)}.detailMetaGrid span,.detailMetaGrid b{display:block}.detailMetaGrid span{color:#72888f;font-size:7px;text-transform:uppercase;letter-spacing:.08em}.detailMetaGrid b{margin-top:4px;color:#dce8ea;font-size:9px}.lineupColumns{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding-top:14px}.lineupColumns>section{border:1px solid rgba(255,255,255,.07);border-radius:10px;padding:12px;background:rgba(255,255,255,.012)}.lineupHead{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px}.lineupHead h4{margin:0;font-size:11px}.lineupHead span{color:#2be8b6;font-size:8px;font-weight:950}.lineupList{list-style:none;margin:0;padding:0}.lineupList li{display:grid;grid-template-columns:24px minmax(0,1fr) auto;gap:8px;align-items:center;padding:7px 0;border-top:1px solid rgba(255,255,255,.05)}.lineupList li:first-child{border-top:0}.lineupList li>span{display:grid;width:22px;height:22px;place-items:center;border-radius:50%;background:rgba(43,232,182,.08);color:#2be8b6;font-size:7px;font-weight:950}.lineupList li>b{font-size:9px}.lineupList li>em{font-style:normal;color:#738990;font-size:7px}.detailTabs{flex-wrap:wrap}@media(max-width:650px){.detailMetaGrid,.lineupColumns{grid-template-columns:1fr}.lineupList li{grid-template-columns:24px minmax(0,1fr)}}


/* BoxMidfield V1.51.1 — UI/UX polish, denser visuals and clearer data */
:root{
  --ui-card-gap:10px;
}

/* Brand line */
.brandLockup .edition{color:#9ab0b7;letter-spacing:.15em;font-size:9px}

/* Fill navigation/feature tiles with the approved artwork while protecting copy. */
.routeQuickLinksFive button,
.proFeatureGrid article,
.coverageCards article,
.moreGrid a{
  min-height:126px;
}
.routeQuickLinksFive .visualTile::after{
  width:72%;
  height:160%;
  right:-4%;
  opacity:.58;
}
.proFeatureGrid article::after{
  width:68%;
  height:150%;
  right:-4%;
  opacity:.48;
}
.coverageCards .visualTile::after{
  width:64%;
  height:145%;
  right:-5%;
  opacity:.32;
}
.moreGrid a::after{
  width:58%;
  height:135%;
  opacity:.27;
}
.routeQuickLinksFive button::before,
.proFeatureGrid article::before,
.coverageCards article::before{
  content:'';
  position:absolute;
  inset:0;
  z-index:1;
  pointer-events:none;
  background:linear-gradient(90deg,rgba(2,19,23,.98) 0%,rgba(2,19,23,.86) 36%,rgba(2,19,23,.34) 66%,rgba(2,19,23,.06) 100%);
}
.routeQuickLinksFive button>*,
.proFeatureGrid article>*,
.coverageCards article>*{position:relative;z-index:4}

/* Tier counts: number first, word directly underneath, artwork retained. */
.publicStatsShell{padding:14px 14px 13px}
.publicStatsGrid{gap:9px}
.publicStat.tierStat{
  min-height:112px;
  padding:13px 14px;
  display:grid;
  grid-template-rows:auto 1fr auto;
  align-content:stretch;
}
.publicStat.tierStat::after{
  width:54%;
  height:145%;
  right:-2%;
  opacity:.42;
}
.tierStatHead{align-items:center}
.tierCountBody{
  align-self:center;
  display:flex;
  align-items:baseline;
  gap:8px;
  min-height:42px;
}
.tierCountBody b{
  font-size:34px;
  line-height:.95;
  color:#f7fbfc;
  letter-spacing:-1.2px;
}
.tierCountBody span{
  color:var(--tier-accent);
  font-size:11px;
  font-weight:950;
  text-transform:uppercase;
  letter-spacing:.05em;
}
.tierStatFoot{align-self:end}
.tierStatFoot em{font-size:8px;color:#80969d}

/* Stats page: align home/away figures and remove decorative empty space. */
.coverageCards.statsSummaryCards{gap:9px;margin-bottom:10px}
.coverageCards.statsSummaryCards article{min-height:112px;padding:14px}
.coverageCards small{font-size:8px}
.coverageCards b{font-size:28px;line-height:1}
.coverageCards span{font-size:9px;line-height:1.35}
.statsPagePanel{padding:14px 15px;margin-bottom:10px}
.statsPageHead{margin-bottom:10px}
.statsPageHead>div{min-width:0}
.statsPageHead p{margin:4px 0 0;color:#7f959c;font-size:8.5px;line-height:1.45}
.statsCompareHead{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(92px,.72fr) minmax(0,1fr);
  gap:10px;
  align-items:end;
  text-align:center;
  padding:8px 4px 10px;
}
.statsCompareHead:after{
  content:'METRIC';
  grid-column:2;
  grid-row:1;
  color:#698087;
  font-size:7px;
  letter-spacing:.12em;
  font-weight:900;
}
.statsCompareHead b:first-child{grid-column:1}
.statsCompareHead span{display:none}
.statsCompareHead b:last-child{grid-column:3}
.metricRow{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(92px,.72fr) minmax(0,1fr);
  gap:10px;
  align-items:center;
  min-height:38px;
  padding:8px 4px;
  border-top:1px solid rgba(255,255,255,.06);
}
.metricRow span{
  grid-column:2;
  text-align:center;
  color:#8da1a8;
  font-size:8px;
  line-height:1.2;
}
.metricRow b{
  font-size:13px;
  text-align:center;
  color:#eef5f6;
  font-variant-numeric:tabular-nums;
}
.metricRow .metricHome{grid-column:1}
.metricRow .metricAway{grid-column:3}
.compactMatchList{gap:6px}
.compactMatch{padding:10px 11px;min-height:54px}
.statsPagePanel::after{opacity:.11;width:230px;height:155px}

/* Pro: every tile is an actual interactive surface. */
.proInteractiveGrid{gap:9px}
.proInteractiveTile{
  cursor:pointer;
  min-height:164px!important;
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
  transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease,filter .18s ease;
}
.proInteractiveTile:hover,
.proInteractiveTile:focus-visible{
  transform:translateY(-3px);
  filter:brightness(1.08);
  border-color:rgba(43,232,182,.48);
  box-shadow:0 18px 34px rgba(0,0,0,.28),0 0 0 1px rgba(43,232,182,.10) inset;
}
.proInteractiveTile:focus-visible{outline:2px solid rgba(43,232,182,.8);outline-offset:2px}
.proInteractiveTile>span{margin-bottom:auto}
.proInteractiveTile b{font-size:13px}
.proInteractiveTile p{min-height:0;margin:4px 0 10px;max-width:62%;font-size:9.5px}
.proInteractiveTile em{
  color:#2be8b6;
  font-size:8px;
  font-style:normal;
  font-weight:950;
}
.proFoundationNote{margin-top:9px}

/* Reduce blank areas across route pages. */
.routeHero{margin-bottom:10px}
.routeStatement{margin-top:9px}
.favoriteGrid{gap:9px}
.favoriteCard{min-height:0}
.savedPicksPanel{margin-bottom:10px}
.moreGrid{gap:8px}

/* Admin cleanup: tighter page rhythm, clearer surfaces, fewer oversized gaps. */
.adminV138 .adminContent{padding-top:22px}
.adminV138 .adminHero,
.adminV138 .adminPageTitle{margin-bottom:16px}
.adminV138 .adminHero h1,
.adminV138 .adminPageTitle h1{font-size:clamp(30px,3.4vw,44px)}
.adminV138 .adminSurface{padding:15px;margin-bottom:10px}
.adminV138 .surfaceHead{margin-bottom:10px}
.adminV138 .overviewMetricGrid{gap:8px}
.adminV138 .overviewMetricCard{min-height:92px;padding:11px}
.adminV138 .quickStatsGrid{gap:7px}
.adminV138 .automationRows>div{min-height:34px}
.adminV138 textarea{min-height:210px}
.adminV138 .adminTableRow{padding-top:9px;padding-bottom:9px}
.adminV138 .adminTableHeader{padding-top:9px;padding-bottom:9px}
.adminV138 .publishedPanel,.adminV138 .previewPanel{margin-top:10px}
.adminV138 .matchDataSurface{margin-bottom:10px}
.adminV138 .resultsOpsSummary{gap:7px}
.adminV138 .resultMetricCard{min-height:88px}
.adminV138 .performanceMetricGrid{gap:8px}
.adminV138 .performanceMetric{min-height:96px}
.adminV138 .methodBottomGrid{gap:8px}

/* Visible keyboard focus everywhere users can act. */
.appNavButton:focus-visible,
.routeAction:focus-visible,
.detailTab:focus-visible,
.compactMatch:focus-visible,
.adminV138 button:focus-visible,
.adminV138 a:focus-visible{
  outline:2px solid rgba(43,232,182,.82);
  outline-offset:2px;
}

/* Mobile density + readable stats. */
@media(max-width:800px){
  .routeQuickLinksFive button{min-height:124px}
  .routeQuickLinksFive .visualTile::after{width:70%;opacity:.46}
  .proInteractiveTile{min-height:150px!important}
  .proInteractiveTile p{max-width:68%}
  .publicStat.tierStat::after{width:58%;opacity:.34}
}
@media(max-width:650px){
  .publicStatsGrid{grid-template-columns:1fr!important}
  .publicStat.tierStat{min-height:100px}
  .tierCountBody b{font-size:30px}
  .coverageCards.statsSummaryCards{grid-template-columns:1fr 1fr}
  .coverageCards.statsSummaryCards article{min-height:104px}
  .statsCompareHead,.metricRow{grid-template-columns:minmax(0,1fr) minmax(84px,.75fr) minmax(0,1fr)}
  .compactMatch{min-height:50px}
  .proInteractiveTile p{max-width:72%}
  .adminV138 .adminContent{padding-top:16px}
  .adminV138 .adminPageTitle{gap:10px}
  .adminV138 .adminPageTitle h1{font-size:30px}
}
@media(max-width:430px){
  .coverageCards.statsSummaryCards{grid-template-columns:1fr}
  .proInteractiveTile p{max-width:78%}
}


/* BoxMidfield V1.51.1 — larger tile typography */
.routeQuickLinks b{font-size:15px;line-height:1.18}
.routeQuickLinks small{font-size:11px;line-height:1.45;max-width:76%}
.routeQuickLinks button>span{font-size:25px}
.favoriteCardTitle small{font-size:9px}
.favoriteCardTitle h3{font-size:25px;line-height:1.05}
.favoriteCardTitle p{font-size:12px;line-height:1.4;max-width:74%}
.favoriteMiniList>div span{font-size:10px}
.favoriteMiniList>div b{font-size:12px}
.favoriteMiniList>div em{font-size:8px}
.favoriteOpen{font-size:11px;padding-block:11px}
.coverageCards small{font-size:9px}
.coverageCards b{font-size:31px}
.coverageCards span{font-size:10.5px}
.proInteractiveTile b{font-size:16px;line-height:1.15}
.proInteractiveTile p{font-size:11px;line-height:1.45;max-width:68%}
.proInteractiveTile em{font-size:10px}
.moreGrid a>b{font-size:14px}
.moreGrid a>small{font-size:10px;line-height:1.45;max-width:78%}
.routeStatement b{font-size:14px}
.routeStatement span{font-size:10.5px;line-height:1.45}
@media(max-width:650px){
  .routeQuickLinks b{font-size:16px}
  .routeQuickLinks small{font-size:11.5px;max-width:72%}
  .favoriteCardTitle h3{font-size:24px}
  .favoriteCardTitle p{font-size:11.5px}
  .favoriteMiniList>div b{font-size:11.5px}
  .proInteractiveTile b{font-size:16px}
  .proInteractiveTile p{font-size:11.5px;max-width:74%}
  .coverageCards small{font-size:8.5px}
  .coverageCards span{font-size:10px}
}


/* BoxMidfield V1.52 — product readiness */
.headerAccountButton{
  border:1px solid rgba(43,232,182,.22);
  border-radius:9px;
  background:rgba(3,27,31,.72);
  color:#dff8f1;
  padding:8px 11px;
  font-size:9px;
  font-weight:950;
  cursor:pointer;
}
.headerAccountButton.isPro{
  border-color:rgba(231,184,75,.45);
  color:#f0c75a;
  box-shadow:0 0 20px rgba(231,184,75,.08);
}
.accountModalCard{width:min(520px,calc(100vw - 28px));padding:24px}
.accountEyebrow{display:block;color:#2be8b6;font-size:8px;font-weight:950;letter-spacing:.16em;margin-bottom:5px}
.accountModalCard h3{margin:0 0 10px;font-size:24px}
.accountModalCard p{color:#8da2a9;font-size:10px;line-height:1.55}
.accountField{display:grid;gap:6px;margin:10px 0;color:#a9bbc0;font-size:9px;font-weight:900}
.accountField input{width:100%;padding:12px 13px;border:1px solid rgba(255,255,255,.10);border-radius:9px;background:rgba(3,18,22,.90);color:#eef7f8}
.accountActions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}
.accountSecondary{border:1px solid rgba(255,255,255,.10);border-radius:9px;background:rgba(255,255,255,.035);color:#d8e5e7;padding:10px 12px;font-weight:900;cursor:pointer}
.accountReset{margin-top:9px;border:0;background:transparent;color:#78a9a0;font-size:9px;font-weight:900;cursor:pointer}
.accountMessage{min-height:17px;margin:10px 0 0!important;color:#2be8b6!important}
.accountMessage.error{color:#ff8c8c!important}
.accountSignedSummary{padding:14px;border:1px solid rgba(43,232,182,.16);border-radius:10px;background:rgba(43,232,182,.035);margin-bottom:10px}
#accountAccessBadge{display:inline-flex;padding:5px 8px;border-radius:999px;border:1px solid rgba(43,232,182,.30);color:#2be8b6;font-size:8px;font-weight:950;letter-spacing:.08em}
#accountAccessBadge.pro{border-color:rgba(231,184,75,.42);color:#f0c75a}
#accountSignedEmail{display:block;margin-top:10px;font-size:13px;color:#eef7f8;overflow-wrap:anywhere}

.performanceProofPanel{border-color:rgba(43,232,182,.18)}
.performanceProofGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}
.proofMetric{padding:14px;border:1px solid rgba(255,255,255,.07);border-radius:10px;background:rgba(255,255,255,.02)}
.proofMetric small,.proofMetric span,.proofMetric em{display:block}
.proofMetric small{color:#7f989e;font-size:8px;letter-spacing:.11em;font-weight:950}
.proofMetric b{display:inline-block;margin:7px 7px 0 0;font-size:30px;line-height:1;color:#f4fafb}
.proofMetric span{display:inline;color:#8fa4aa;font-size:9px}
.proofMetric strong{display:block;margin-top:9px;color:#2be8b6;font-size:19px}
.proofMetric em{margin-top:3px;color:#81969d;font-size:8.5px;font-style:normal;line-height:1.4}
.proofMethodNote{margin:9px 1px 0;color:#71878e;font-size:8px;line-height:1.5}
.statsTextLink{color:#2be8b6;text-decoration:none;font-size:9px;font-weight:900}
.statsTextLink:hover{text-decoration:underline}

.proAccountBanner{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:14px;
  padding:15px 16px;
  margin-bottom:10px;
  border:1px solid rgba(43,232,182,.20);
  border-radius:12px;
  background:linear-gradient(100deg,rgba(43,232,182,.05),rgba(3,20,24,.84));
}
.proAccountBanner.isPro{border-color:rgba(231,184,75,.38);background:linear-gradient(100deg,rgba(231,184,75,.06),rgba(3,20,24,.84))}
.proAccountBanner small,.proAccountBanner b,.proAccountBanner span{display:block}
.proAccountBanner small{color:#7e969c;font-size:8px;font-weight:950;letter-spacing:.12em}
.proAccountBanner b{margin:4px 0 3px;font-size:16px}
.proAccountBanner span{color:#8da2a8;font-size:9px;line-height:1.45}
.proAccountBanner button{flex:0 0 auto;border:1px solid rgba(43,232,182,.30);border-radius:9px;background:rgba(43,232,182,.08);color:#2be8b6;padding:10px 12px;font-size:9px;font-weight:950;cursor:pointer}
.proCompare{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-bottom:10px}
.proCompare article{padding:16px;border:1px solid rgba(255,255,255,.08);border-radius:12px;background:rgba(2,22,26,.80)}
.proComparePaid{border-color:rgba(231,184,75,.30)!important;background:linear-gradient(145deg,rgba(231,184,75,.055),rgba(2,22,26,.86))!important}
.proCompare small{color:#2be8b6;font-size:8px;font-weight:950;letter-spacing:.12em}
.proComparePaid small{color:#f0c75a}
.proCompare h3{margin:5px 0 10px;font-size:17px}
.proCompare ul{margin:0;padding:0;list-style:none;display:grid;gap:7px}
.proCompare li{position:relative;padding-left:16px;color:#9aadb3;font-size:9.5px;line-height:1.35}
.proCompare li:before{content:'✓';position:absolute;left:0;color:#2be8b6;font-weight:950}
.proComparePaid li:before{color:#f0c75a}
.proFoundationNote a{color:#2be8b6}

@media(max-width:700px){
  .headerAccountButton{padding:8px 9px;font-size:8px}
  .performanceProofGrid{grid-template-columns:1fr}
  .proCompare{grid-template-columns:1fr}
  .proAccountBanner{align-items:flex-start;flex-direction:column}
  .proAccountBanner button{width:100%}
}


/* V1.52 engine methodology + beta access */
.engineScoreGrid,.engineRuleList{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
  margin-top:14px;
}
.engineScoreGrid>div,.engineRuleList>div{
  padding:13px;
  border:1px solid rgba(43,232,182,.14);
  border-radius:10px;
  background:rgba(43,232,182,.025);
}
.engineScoreGrid b,.engineRuleList b{display:block;color:#eef7f8;font-size:11px}
.engineScoreGrid span{display:block;margin-top:5px;color:#8da3a9;font-size:9px;line-height:1.45}
.engineRuleList p{margin:5px 0 0;color:#8da3a9;font-size:9px;line-height:1.45}

.accountIdRow{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:7px;
  align-items:center;
  margin-top:10px;
}
.accountIdRow code{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  padding:8px 9px;
  border-radius:7px;
  background:rgba(255,255,255,.035);
  color:#9fb3b8;
  font-size:8px;
}
.accountIdRow button{
  border:1px solid rgba(43,232,182,.22);
  border-radius:7px;
  background:rgba(43,232,182,.06);
  color:#2be8b6;
  padding:8px 9px;
  font-size:8px;
  font-weight:900;
  cursor:pointer;
}

.accessAdminGrid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px;margin-bottom:10px}
.accessGrantForm{display:grid;grid-template-columns:1fr 1fr;gap:9px}
.accessGrantForm label{display:grid;gap:6px;color:#95aab0;font-size:9px;font-weight:900}
.accessGrantForm label:first-child{grid-column:1/-1}
.accessGrantForm input,.accessGrantForm select{width:100%}
.accessGrantForm button{align-self:end}
.accessPrinciples{grid-template-columns:1fr 1fr!important;margin:0!important}
.entitlementRow{
  display:grid;
  grid-template-columns:minmax(0,1.5fr) 90px 100px auto;
  gap:10px;
  align-items:center;
  padding:10px 11px;
  border-top:1px solid rgba(255,255,255,.055);
  font-size:9px;
}
.entitlementRow:first-child{border-top:0}
.entitlementRow>div b,.entitlementRow>div code{display:block}
.entitlementRow>div b{font-size:10px}
.entitlementRow>div code{margin-top:3px;color:#71878e;font-size:7.5px;overflow:hidden;text-overflow:ellipsis}
.entitlementRow>span{color:#8da0a6;font-size:8px;font-weight:950}
.entitlementRow.active>span{color:#f0c75a}
.entitlementRow>small{color:#81969c;font-size:8px}
.entitlementRow>button{padding:7px 9px;font-size:8px}

@media(max-width:850px){
  .engineScoreGrid,.engineRuleList{grid-template-columns:1fr 1fr}
  .accessAdminGrid{grid-template-columns:1fr}
  .entitlementRow{grid-template-columns:minmax(0,1fr) auto}
  .entitlementRow>small{grid-column:1}
}
@media(max-width:560px){
  .engineScoreGrid,.engineRuleList{grid-template-columns:1fr}
  .accountIdRow{grid-template-columns:1fr}
  .accessGrantForm{grid-template-columns:1fr}
  .accessGrantForm label:first-child{grid-column:auto}
  .accessPrinciples{grid-template-columns:1fr!important}
}


/* V1.52 mobile header fix — prevent logo/actions overlap on phones */
@media(max-width:650px){
  .fidelityV1473 .fidelityHeader{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    grid-template-rows:auto!important;
    align-items:center!important;
    gap:8px!important;
    min-height:62px;
    margin:0 -12px!important;
    padding:8px 12px 9px!important;
    flex-wrap:nowrap!important;
  }
  .fidelityV1473 .fidelityBrand{
    min-width:0;
    width:auto;
    overflow:hidden;
  }
  .fidelityV1473 .fidelityBrand .brandLockup{min-width:0}
  .fidelityV1473 .fidelityBrand .brandWordmark{
    width:min(190px,52vw)!important;
    max-width:100%;
    height:auto;
  }
  .fidelityV1473 .fidelityBrand .brandLockup .edition{
    margin-left:42px;
    max-width:150px;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    font-size:5.5px;
    letter-spacing:.11em;
  }
  .fidelityV1473 .fidelityHeaderActions{
    display:flex!important;
    width:auto!important;
    min-width:0;
    justify-self:end!important;
    justify-content:flex-end!important;
    align-items:center;
    gap:4px!important;
    overflow:visible!important;
  }
  .fidelityV1473 .fidelityHeaderActions .proHeaderBadge,
  .fidelityV1473 .fidelityHeaderActions .publicHeaderStatus,
  .fidelityV1473 .fidelityHeaderActions .installBtn{
    display:none!important;
  }
  .fidelityV1473 .headerAccountButton{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-width:58px;
    height:34px;
    padding:0 9px;
    font-size:7.5px;
    white-space:nowrap;
  }
  .fidelityV1473 .headerIconButton{
    display:grid!important;
    place-items:center;
    width:34px;
    height:34px;
    flex:0 0 34px;
    font-size:21px;
  }
  .fidelityV1473 .appNav{
    width:auto!important;
    min-width:0!important;
  }
}
@media(max-width:390px){
  .fidelityV1473 .fidelityBrand .brandWordmark{width:min(170px,48vw)!important}
  .fidelityV1473 .fidelityBrand .brandLockup .edition{margin-left:35px;font-size:5px}
  .fidelityV1473 .headerAccountButton{min-width:54px;padding-inline:7px}
}


/* V1.54.0 — definitive mobile nav + fixture pick polish */
.tilePickAction{
  margin-left:auto;
  border:1px solid rgba(43,232,182,.28);
  border-radius:8px;
  background:rgba(43,232,182,.06);
  color:#2be8b6;
  padding:7px 9px;
  font-size:8px;
  font-weight:950;
  cursor:pointer;
  white-space:nowrap;
}
.tilePickAction.isSaved{
  border-color:rgba(231,184,75,.34);
  background:rgba(231,184,75,.06);
  color:#f0c75a;
}
.matchCard .viewFooter{gap:8px}
@media(max-width:650px){
  /* The main app nav is always a bottom navigation on phones.
     It is removed from header flow so it cannot cover the logo. */
  .fidelityV1473 .fidelityHeader > .appNav.fidelityTabs{
    position:fixed!important;
    left:8px!important;
    right:8px!important;
    bottom:max(8px,env(safe-area-inset-bottom))!important;
    top:auto!important;
    width:auto!important;
    min-width:0!important;
    max-width:none!important;
    margin:0!important;
    padding:5px!important;
    order:initial!important;
    z-index:120!important;
    display:flex!important;
    flex-wrap:nowrap!important;
    justify-content:space-between!important;
    overflow-x:auto!important;
    background:rgba(2,16,20,.97)!important;
    border:1px solid rgba(43,232,182,.34)!important;
    border-radius:14px!important;
    box-shadow:0 12px 38px rgba(0,0,0,.58)!important;
    backdrop-filter:blur(18px)!important;
  }
  .fidelityV1473 .fidelityHeader > .appNav.fidelityTabs .appNavButton{
    flex:1 0 auto!important;
    min-width:52px!important;
    padding:10px 7px!important;
    font-size:8px!important;
  }
  .fidelityV1473 .fidelityHeader{
    grid-template-columns:minmax(0,1fr) auto!important;
  }
  .fidelityV1473 .fidelityBrand{grid-column:1}
  .fidelityV1473 .fidelityHeaderActions{grid-column:2}
  .matchCard .viewFooter{
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
    gap:8px;
    align-items:center;
  }
  .matchCard .viewScore{grid-column:1}
  .matchCard .tierPill{grid-column:2}
  .matchCard .tilePickAction{
    grid-column:1/3;
    width:100%;
    margin:0;
    padding:9px 10px;
  }
  .matchCard .viewArrow{display:none}
}


/* V1.54.0 — More page imagery and stronger information tiles */
.moreGrid a{
  min-height:150px;
  padding:20px 18px;
  align-content:end;
}
.moreGrid a>b{
  font-size:17px;
  line-height:1.18;
  max-width:68%;
}
.moreGrid a>small{
  margin-top:6px;
  font-size:11px;
  line-height:1.5;
  max-width:68%;
  color:#9aadb3;
}
.moreGrid a>span{
  font-size:24px;
}
.moreGrid a::before{
  content:'';
  position:absolute;
  inset:0;
  z-index:1;
  pointer-events:none;
  background:linear-gradient(90deg,rgba(2,19,23,.98) 0%,rgba(2,19,23,.87) 38%,rgba(2,19,23,.26) 72%,rgba(2,19,23,.04) 100%);
}
.moreGrid a>*{position:relative;z-index:3}
.moreGrid a::after{
  width:64%;
  height:145%;
  right:-3%;
  opacity:.40;
}
.moreGrid .more-engine::after{background-image:var(--art-stats)}
.moreGrid .more-responsible::after{background-image:var(--art-edge)}
.moreGrid .more-support::after{background-image:var(--art-picks)}
.moreGrid .more-privacy::after{background-image:var(--art-pro)}
.moreGrid .more-terms::after{background-image:var(--art-fixtures)}
@media(max-width:650px){
  .moreGrid a{min-height:136px;padding:18px 16px}
  .moreGrid a>b{font-size:18px;max-width:72%}
  .moreGrid a>small{font-size:11.5px;max-width:72%}
  .moreGrid a::after{width:66%;opacity:.34}
}


/* V1.54.0 — structural mobile navigation separation */
.mobileAppNav{display:none}
@media(max-width:650px){
  .fidelityV1473 .fidelityHeader > .appNav.fidelityTabs{
    display:none!important;
  }
  .mobileAppNav{
    position:fixed;
    left:8px;
    right:8px;
    bottom:max(8px,env(safe-area-inset-bottom));
    z-index:140;
    display:flex;
    flex-wrap:nowrap;
    justify-content:space-between;
    gap:2px;
    margin:0;
    padding:5px;
    overflow-x:auto;
    border:1px solid rgba(43,232,182,.34);
    border-radius:14px;
    background:rgba(2,16,20,.97);
    box-shadow:0 12px 38px rgba(0,0,0,.58);
    backdrop-filter:blur(18px);
  }
  .mobileAppNav .appNavButton{
    flex:1 0 auto;
    min-width:52px;
    padding:10px 7px;
    font-size:8px;
  }
  .fidelityV1473 .fidelityHeader{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    align-items:center!important;
  }
  .fidelityV1473 .fidelityBrand{
    grid-column:1!important;
    min-width:0!important;
  }
  .fidelityV1473 .fidelityHeaderActions{
    grid-column:2!important;
    justify-self:end!important;
    width:auto!important;
  }
}


/* V1.53 — value metrics and stats explanations */
.evPositive{color:#2be8b6}
.evNegative{color:#ff8c8c}
.valueStrip{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:8px;
  margin-top:14px;
  padding-top:12px;
  border-top:1px solid rgba(255,255,255,.07);
}
.valueStrip>div{
  padding:10px;
  border-radius:9px;
  border:1px solid rgba(255,255,255,.07);
  background:rgba(255,255,255,.025);
}
.valueStrip small,.valueStrip b{display:block}
.valueStrip small{font-size:7.5px;color:#83979d;font-weight:950;letter-spacing:.08em}
.valueStrip b{margin-top:4px;font-size:14px;color:#eef7f8;font-variant-numeric:tabular-nums}
.valueStrip .positive b{color:#2be8b6}
.valueStrip .negative b{color:#ff8c8c}
.statsExplainGrid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:9px;
}
.statsExplainGrid article{
  padding:13px;
  border-radius:10px;
  border:1px solid rgba(255,255,255,.07);
  background:rgba(255,255,255,.02);
}
.statsExplainGrid b{display:block;font-size:11px;color:#f0f7f8}
.statsExplainGrid p{margin:5px 0 0;font-size:9px;line-height:1.5;color:#879ba1}
@media(max-width:760px){
  .valueStrip{grid-template-columns:1fr 1fr}
  .valueStrip>div:last-child{grid-column:1/-1}
  .statsExplainGrid{grid-template-columns:1fr}
}


.selectionValueMeta{
  display:flex;
  gap:7px;
  flex-wrap:wrap;
  margin-top:7px;
}
.selectionValueMeta em{
  display:inline-flex;
  align-items:center;
  min-height:24px;
  padding:4px 7px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.08);
  background:rgba(255,255,255,.03);
  color:#9db0b5;
  font-size:8px;
  font-style:normal;
  font-weight:900;
}
.selectionValueMeta em.positive{color:#2be8b6;border-color:rgba(43,232,182,.20)}
.selectionValueMeta em.negative{color:#ff8c8c;border-color:rgba(255,140,140,.20)}


/* V1.53 — robust mobile/tablet navigation + Match Details layout */
@media(max-width:980px){
  .fidelityV1473 .fidelityHeader > .appNav.fidelityTabs{
    display:none!important;
  }
  .mobileAppNav{
    position:fixed!important;
    left:8px!important;
    right:8px!important;
    bottom:max(8px,env(safe-area-inset-bottom))!important;
    top:auto!important;
    z-index:160!important;
    display:flex!important;
    flex-wrap:nowrap!important;
    justify-content:space-between!important;
    gap:2px!important;
    width:auto!important;
    margin:0!important;
    padding:5px!important;
    overflow-x:auto!important;
    border:1px solid rgba(43,232,182,.34)!important;
    border-radius:14px!important;
    background:rgba(2,16,20,.97)!important;
    box-shadow:0 12px 38px rgba(0,0,0,.58)!important;
    backdrop-filter:blur(18px)!important;
  }
  .mobileAppNav .appNavButton{
    flex:1 0 auto!important;
    min-width:52px!important;
    padding:10px 7px!important;
    font-size:8px!important;
  }
  .fidelityV1473 .fidelityHeader{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    align-items:center!important;
    gap:8px!important;
    flex-wrap:nowrap!important;
  }
  .fidelityV1473 .fidelityBrand{
    grid-column:1!important;
    min-width:0!important;
    width:auto!important;
  }
  .fidelityV1473 .fidelityHeaderActions{
    grid-column:2!important;
    justify-self:end!important;
    width:auto!important;
    min-width:0!important;
  }

  .detailTeams{
    grid-template-columns:minmax(0,1fr) minmax(72px,92px) minmax(0,1fr)!important;
    gap:8px!important;
    align-items:start!important;
  }
  .detailTeams .teamSide{
    min-width:0!important;
    align-items:center!important;
  }
  .detailTeams .teamText{
    min-width:0!important;
    width:100%;
    text-align:center!important;
  }
  .detailTeams .teamText b{
    display:block;
    max-width:100%;
    font-size:9px!important;
    line-height:1.2!important;
    white-space:normal!important;
    overflow-wrap:anywhere!important;
    word-break:normal!important;
  }
  .detailVs{
    min-width:72px!important;
    width:auto!important;
    padding-top:2px;
  }
  .detailVs b{
    margin:4px 0!important;
    font-size:clamp(21px,5.4vw,34px)!important;
    line-height:.95!important;
    white-space:nowrap!important;
    letter-spacing:-1px!important;
  }
  .detailVs small,.detailVs span{font-size:7px!important}
  .detailSelection b{
    font-size:clamp(18px,4.5vw,28px)!important;
    line-height:1.08!important;
  }
}
@media(max-width:520px){
  .detailSummary{padding:14px!important}
  .detailTeams{
    grid-template-columns:minmax(0,1fr) 70px minmax(0,1fr)!important;
    gap:6px!important;
  }
  .detailVs{min-width:70px!important}
  .detailVs b{font-size:24px!important}
  .teamCrestShell,.teamInitials{transform:scale(.92)}
}


/* V1.53 — Stripe Pro pricing */
.pricingGrid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:10px 0}
.pricingCard{
  position:relative;
  overflow:hidden;
  padding:18px;
  border:1px solid rgba(255,255,255,.09);
  border-radius:13px;
  background:linear-gradient(150deg,rgba(4,26,30,.95),rgba(2,18,22,.94));
}
.pricingFeatured{border-color:rgba(231,184,75,.38);box-shadow:inset 0 0 0 1px rgba(231,184,75,.06)}
.pricingCard small{color:#7f969d;font-size:8px;font-weight:950;letter-spacing:.13em}
.pricingCard h3{margin:5px 0 10px;font-size:17px}
.priceLine{display:flex;align-items:flex-end;gap:6px}
.priceLine b{font-size:34px;line-height:.95;color:#eef9f7}
.priceLine span{color:#82989e;font-size:10px;padding-bottom:3px}
.pricingCard p{min-height:34px;margin:10px 0 13px;color:#8fa4aa;font-size:9.5px;line-height:1.45}
.pricingCard button,.manageSubscriptionButton{
  width:100%;
  border:1px solid rgba(43,232,182,.30);
  border-radius:9px;
  background:#2be8b6;
  color:#051513;
  padding:11px 12px;
  font-size:9px;
  font-weight:950;
  cursor:pointer;
}
.pricingFeatured button{background:#f0c75a;border-color:#f0c75a;color:#1b1607}
.pricingCard button:disabled{cursor:not-allowed;opacity:.42}
.savingBadge{
  position:absolute;
  top:12px;
  right:12px;
  padding:5px 7px;
  border-radius:999px;
  background:rgba(231,184,75,.12);
  color:#f0c75a;
  font-size:7px;
  font-weight:950;
  letter-spacing:.06em;
}
.stripeCheckoutNote{margin:0 0 10px;color:#7f949a;font-size:8.5px;line-height:1.5}
.manageSubscriptionButton{margin:0 0 10px;background:rgba(43,232,182,.08);color:#2be8b6}
.checkoutNotice{
  display:grid;
  gap:3px;
  margin-bottom:10px;
  padding:12px 13px;
  border:1px solid rgba(255,255,255,.08);
  border-radius:10px;
  background:rgba(255,255,255,.025);
}
.checkoutNotice.success{border-color:rgba(43,232,182,.28);background:rgba(43,232,182,.045)}
.checkoutNotice b{font-size:10px}
.checkoutNotice span{color:#8fa3a9;font-size:9px}
@media(max-width:700px){.pricingGrid{grid-template-columns:1fr}.pricingCard p{min-height:0}}


/* V1.53 — Admin Stripe readiness */
.stripeAdminGrid{display:grid;grid-template-columns:150px 150px minmax(0,1fr);gap:9px;align-items:stretch}
.stripeAdminGrid>div,.stripeEnableRow{padding:12px;border:1px solid rgba(255,255,255,.07);border-radius:10px;background:rgba(255,255,255,.022)}
.stripeAdminGrid>div small,.stripeAdminGrid>div b,.stripeAdminGrid>div span{display:block}
.stripeAdminGrid>div small{font-size:7px;color:#80959c;letter-spacing:.12em;font-weight:950}
.stripeAdminGrid>div b{font-size:21px;margin:4px 0 2px;color:#eef8f9}
.stripeAdminGrid>div span{font-size:8px;color:#81969d}
.stripeEnableRow{display:flex!important;align-items:center;gap:10px;cursor:pointer}
.stripeEnableRow input{width:18px;height:18px;accent-color:#2be8b6}
.stripeEnableRow span b,.stripeEnableRow span small{display:block}
.stripeEnableRow span b{font-size:10px}
.stripeEnableRow span small{margin-top:3px;color:#82979d;font-size:8px;line-height:1.4}
@media(max-width:760px){.stripeAdminGrid{grid-template-columns:1fr 1fr}.stripeEnableRow{grid-column:1/-1}}


/* V1.54 — Free / Pro access separation */
.isLockedPro{position:relative;filter:saturate(.72)}
.isLockedPro::before{content:'PRO';position:absolute;top:10px;right:10px;z-index:6;padding:5px 8px;border-radius:999px;background:rgba(231,184,75,.14);border:1px solid rgba(231,184,75,.42);color:#f0c75a;font-size:8px;font-weight:1000;letter-spacing:.1em}
.isLockedPro::after{filter:saturate(.55) brightness(.68)}
.proLockedPanel{display:grid;justify-items:start;gap:8px;padding:28px;margin:0 0 16px;border:1px solid rgba(231,184,75,.28);border-radius:18px;background:linear-gradient(145deg,rgba(30,24,10,.86),rgba(3,18,22,.90));box-shadow:0 18px 46px rgba(0,0,0,.25)}
.proLockedPanel .proLockIcon{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:rgba(231,184,75,.14);border:1px solid rgba(231,184,75,.28);color:#f0c75a;font-size:23px}
.proLockedPanel small{color:#f0c75a;font-size:9px;font-weight:1000;letter-spacing:.16em}
.proLockedPanel h3{margin:0;font-size:26px;line-height:1.05}
.proLockedPanel p{margin:0 0 8px;max-width:680px;color:#9eb1b6;font-size:12px;line-height:1.6}
.proMiniLock{display:inline-flex;align-items:center;justify-content:center;padding:6px 8px;border-radius:999px;border:1px solid rgba(231,184,75,.26);background:rgba(231,184,75,.08);color:#f0c75a;font-size:7px;font-weight:1000;letter-spacing:.06em}
.detailTab.lockedTab{color:#d6b75e;border-color:rgba(231,184,75,.18);background:rgba(231,184,75,.045)}
.proOnlyAction{background:rgba(231,184,75,.12);border-color:rgba(231,184,75,.32);color:#f0c75a}
.proCoverageNote{border-color:rgba(231,184,75,.25)!important;background:rgba(231,184,75,.06)!important}
@media(max-width:650px){
  .proLockedPanel{padding:22px 18px}
  .proLockedPanel h3{font-size:22px}
}


/* BoxMidfield V1.54.1 — anime favorite artwork */
.favoriteCard::before{
  right:0;
  top:0;
  width:62%;
  height:100%;
  background-size:cover;
  background-position:center;
  opacity:.72;
  filter:saturate(1.18) contrast(1.06) drop-shadow(0 0 20px color-mix(in srgb,var(--fav) 30%,transparent));
  -webkit-mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.32) 15%,#000 34%,#000 100%);
  mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.32) 15%,#000 34%,#000 100%);
}
#favoriteHub .routeHero::before{
  width:52%;
  height:105%;
  right:0;
  top:50%;
  background-size:cover;
  background-position:center;
  opacity:.56;
  -webkit-mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.35) 16%,#000 36%,#000 100%);
  mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.35) 16%,#000 36%,#000 100%);
}
@media(max-width:800px){
  .favoriteCard::before{width:58%;height:100%;opacity:.64}
  #favoriteHub .routeHero::before{width:56%;height:100%;opacity:.48}
}
@media(max-width:560px){
  .favoriteCard::before{width:62%;opacity:.54}
  #favoriteHub .routeHero::before{width:60%;opacity:.42}
}


/* V1.54.1 — anime full-tile visual pass */
:root{
  --anime-tile-radius:14px;
}

/* Turn feature buttons into artwork-first tiles. */
.routeQuickLinksFive .visualTile,
.proInteractiveGrid .visualTile{
  min-height:138px;
  border-radius:var(--anime-tile-radius);
  border:1px solid rgba(93,220,255,.42);
  background:#03141a;
  box-shadow:0 14px 34px rgba(0,0,0,.32), inset 0 0 0 1px rgba(255,255,255,.03);
  padding:0!important;
  overflow:hidden;
}
.routeQuickLinksFive .visualTile::after,
.proInteractiveGrid .visualTile::after{
  inset:0!important;
  width:100%!important;
  height:100%!important;
  right:auto!important;
  top:auto!important;
  transform:none!important;
  background-size:cover!important;
  background-position:center!important;
  opacity:1!important;
  mask-image:none!important;
  filter:saturate(1.13) contrast(1.04);
}
.routeQuickLinksFive .visualTile::before,
.proInteractiveGrid .visualTile::before{
  content:'';
  position:absolute;
  inset:0;
  z-index:2;
  pointer-events:none;
  background:linear-gradient(180deg,rgba(0,0,0,.02) 35%,rgba(0,9,14,.14) 72%,rgba(0,9,14,.34));
}
.routeQuickLinksFive .visualTile>*,
.proInteractiveGrid .visualTile>*{
  position:relative;
  z-index:3;
}

/* The artwork already contains these headings, so remove duplicate visible copy.
   Text remains in the DOM for accessibility and route semantics. */
.routeQuickLinksFive .visualTile>span,
.routeQuickLinksFive .visualTile>b,
.routeQuickLinksFive .visualTile>small,
.proInteractiveGrid .visualTile>span,
.proInteractiveGrid .visualTile>b,
.proInteractiveGrid .visualTile>p,
.proInteractiveGrid .visualTile>em{
  opacity:0;
  pointer-events:none;
}

/* Keep Pro access status visible even when the title is baked into the image. */
.routeQuickLinksFive .visualTile.isLockedPro::before,
.proInteractiveGrid .visualTile.isLockedPro::before{
  content:'PRO';
  inset:10px 10px auto auto;
  width:auto;
  height:auto;
  padding:5px 8px;
  border-radius:999px;
  background:rgba(3,15,20,.88);
  color:#f5ce65;
  border:1px solid rgba(231,184,75,.55);
  font-size:8px;
  font-weight:950;
  letter-spacing:.12em;
  box-shadow:0 6px 18px rgba(0,0,0,.28);
}

/* Favorite cards: use the anime artwork as a proper header panel while keeping
   live match previews and the action beneath it. */
.favoriteCard{
  padding-top:145px!important;
  overflow:hidden;
}
.favoriteCard::before{
  left:0!important;
  right:0!important;
  top:0!important;
  width:100%!important;
  height:132px!important;
  opacity:1!important;
  background-size:cover!important;
  background-position:center!important;
  filter:saturate(1.12) contrast(1.04)!important;
  mask-image:none!important;
}
.favoriteCard::after{
  content:'';
  position:absolute;
  inset:0 0 auto 0;
  height:132px;
  z-index:1;
  pointer-events:none;
  background:linear-gradient(180deg,transparent 58%,rgba(3,18,22,.96) 100%);
}
.favoriteCard .favoriteTicket,
.favoriteCard .favoriteCardTitle h3{
  display:none;
}
.favoriteCard .favoriteCardTitle{
  margin-top:-2px;
}
.favoriteCard .favoriteCardTitle small{
  display:inline-flex;
  margin-bottom:4px;
}

/* Give pricing a football-Pro visual without reducing price readability. */
.pricingCard::before{
  content:'';
  position:absolute;
  inset:0;
  z-index:0;
  background:var(--art-pro) center/cover no-repeat;
  opacity:.24;
  filter:saturate(1.15);
}
.pricingCard::after{
  content:'';
  position:absolute;
  inset:0;
  z-index:1;
  background:linear-gradient(90deg,rgba(2,16,20,.97),rgba(2,16,20,.76) 60%,rgba(2,16,20,.34));
  pointer-events:none;
}
.pricingCard>*{position:relative;z-index:2}

/* More-page cards become brighter image-led panels, while their specific labels
   stay visible because the current artwork is thematic rather than title-specific. */
.moreGrid a{
  min-height:155px;
  border-radius:var(--anime-tile-radius);
  border-color:rgba(93,220,255,.30);
  box-shadow:0 14px 30px rgba(0,0,0,.28);
}
.moreGrid a::after{
  inset:0!important;
  width:100%!important;
  height:100%!important;
  right:auto!important;
  top:auto!important;
  transform:none!important;
  background-size:cover!important;
  background-position:center!important;
  opacity:.68!important;
  mask-image:none!important;
  filter:saturate(1.12) contrast(1.04);
}
.moreGrid a::before{
  background:linear-gradient(90deg,rgba(2,19,23,.97) 0%,rgba(2,19,23,.72) 46%,rgba(2,19,23,.16) 100%)!important;
}

/* Tier artwork gets a little more visual energy without obscuring live data. */
.publicStat.tierStat::after,
.detailSummary::after{
  opacity:.28!important;
  filter:saturate(1.18);
}
.matchCard::after{opacity:.075!important}

/* Mobile keeps the same artwork-first design with slightly taller tap targets. */
@media(max-width:699px){
  .routeQuickLinksFive{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  .routeQuickLinksFive .visualTile,
  .proInteractiveGrid .visualTile{
    min-height:118px;
  }
  .favoriteCard{
    padding-top:132px!important;
  }
  .favoriteCard::before,
  .favoriteCard::after{
    height:120px!important;
  }
  .moreGrid a{
    min-height:132px;
  }
}


/* V1.56.0 — new anime tile sprite mapping */
:root{
  --anime-tile-sprite:url('/assets/tile-art/anime-tile-sprite.webp?v=1.56.0');
}

/* The new artwork is one local sprite so Today never depends on remote tile images.
   Sprite grid:
   row 1 = Favorite 5 / Favorite 10 / Favorite 15 / Fixtures / Stats
   row 2 = My Picks / Injuries / Team News / Open Net / Clean Through
   row 3 = Edge of the Box / BoxMidfield / Pro / Pro Pricing / More */
.routeQuickLinksFive{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
}
.routeQuickLinksFive .visualTile,
.proInteractiveGrid .visualTile{
  aspect-ratio:2.15/1;
  min-height:0!important;
}
.routeQuickLinksFive .visualTile::after,
.proInteractiveGrid .visualTile::after{
  background-image:var(--anime-tile-sprite)!important;
  background-size:500% 300%!important;
  background-repeat:no-repeat!important;
  opacity:1!important;
  filter:none!important;
}
.visual-fixtures::after{background-position:75% 0!important}
.visual-stats::after{background-position:100% 0!important}
.visual-picks::after{background-position:0 50%!important}
.visual-injuries::after{background-position:25% 50%!important}
.visual-teamnews::after{background-position:50% 50%!important}
.visual-pro::after{background-position:75% 50%!important}
.visual-favorite-5::after{background-position:0 0!important}
.visual-favorite-10::after{background-position:25% 0!important}
.visual-favorite-15::after{background-position:50% 0!important}

/* Favorite cards use the matching new anime panel rather than the older formation art. */
.favoriteCard::before,
#favoriteHub .routeHero::before{
  background-image:var(--anime-tile-sprite)!important;
  background-size:500% 300%!important;
  background-repeat:no-repeat!important;
}
.favorite-blue::before,
#favoriteHub[data-favorite-count="5"] .routeHero::before{background-position:0 0!important}
.favorite-purple::before,
#favoriteHub[data-favorite-count="10"] .routeHero::before{background-position:25% 0!important}
.favorite-gold::before,
#favoriteHub[data-favorite-count="15"] .routeHero::before{background-position:50% 0!important}
.favoriteCard{
  padding-top:162px!important;
}
.favoriteCard::before,
.favoriteCard::after{
  height:150px!important;
}
.favoriteCard .favoriteTicket,
.favoriteCard .favoriteCardTitle h3{display:none!important}

/* Prospect tiers use their exact new artwork. */
.tier-strong::after,
.tier-open-net::after,
.filter.filter-strong::after{
  background-image:var(--anime-tile-sprite)!important;
  background-size:500% 300%!important;
  background-position:100% 50%!important;
  background-repeat:no-repeat!important;
}
.tier-lean::after,
.tier-clean-through::after,
.filter.filter-lean::after{
  background-image:var(--anime-tile-sprite)!important;
  background-size:500% 300%!important;
  background-position:0 100%!important;
  background-repeat:no-repeat!important;
}
.tier-edge-of-the-box::after,
.tier-edge-box::after,
.filter.filter-edge::after{
  background-image:var(--anime-tile-sprite)!important;
  background-size:500% 300%!important;
  background-position:25% 100%!important;
  background-repeat:no-repeat!important;
}

/* Correct Pro pricing and More artwork. */
.pricingCard::before{
  background-image:var(--anime-tile-sprite)!important;
  background-size:500% 300%!important;
  background-position:50% 100%!important;
  background-repeat:no-repeat!important;
  opacity:.30!important;
}
.routeHero.visual-more::before{
  background-image:var(--anime-tile-sprite)!important;
  background-size:500% 300%!important;
  background-position:75% 100%!important;
  background-repeat:no-repeat!important;
  opacity:.22!important;
}

/* Keep labels accessible in the DOM, but do not draw them twice when the artwork
   already contains the same title. */
.routeQuickLinksFive .visualTile>span,
.routeQuickLinksFive .visualTile>b,
.routeQuickLinksFive .visualTile>small,
.proInteractiveGrid .visualTile>span,
.proInteractiveGrid .visualTile>b,
.proInteractiveGrid .visualTile>p,
.proInteractiveGrid .visualTile>em{
  opacity:0!important;
}

/* A lightweight local-only treatment prevents blank tiles if an external crest fails. */
.routeQuickLinksFive .visualTile,
.proInteractiveGrid .visualTile,
.favoriteCard{
  background:#041820!important;
}

@media(max-width:699px){
  .routeQuickLinksFive{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .favoriteCard{padding-top:146px!important}
  .favoriteCard::before,.favoriteCard::after{height:134px!important}
}


/* V1.56.0 — uniform anime atlas + centered desktop navigation */
:root{
  --anime-tile-atlas:url('/assets/tile-art/anime-tile-atlas.webp?v=1.56.0');
}

/* Equal-size 5 x 3 atlas panels prevent the stretching and cross-tile bleed
   seen in V1.55.3. Each selector below has one explicit artwork cell. */
.routeQuickLinksFive .visualTile::after,
.proInteractiveGrid .visualTile::after,
.moreGrid .visualTile::after,
.publicStat.tierStat::after,
.detailSummary::after,
.filter.filter-strong::after,
.filter.filter-lean::after,
.filter.filter-edge::after{
  background-image:var(--anime-tile-atlas)!important;
  background-size:500% 300%!important;
  background-repeat:no-repeat!important;
  background-origin:border-box!important;
  filter:none!important;
}

/* Today quick links. */
.visual-fixtures::after{background-position:75% 0!important}
.visual-stats::after{background-position:100% 0!important}
.visual-picks::after{background-position:0 50%!important}
.visual-injuries::after{background-position:25% 50%!important}
.visual-teamnews::after{background-position:50% 50%!important}
.visual-pro::after{background-position:75% 50%!important}

/* Pro feature cards. */
.visual-favorite-5::after{background-position:0 0!important}
.visual-favorite-10::after{background-position:25% 0!important}
.visual-favorite-15::after{background-position:50% 0!important}
.visual-open-net::after{background-position:100% 50%!important}
.visual-clean-through::after{background-position:0 100%!important}
.visual-edge-box::after{background-position:25% 100%!important}
.visual-pricing::after{background-position:50% 100%!important}

/* Tier summary cards, filters and detail panels. */
.tier-strong::after,
.tier-open-net::after,
.filter.filter-strong::after{background-position:100% 50%!important}
.tier-lean::after,
.tier-clean-through::after,
.filter.filter-lean::after{background-position:0 100%!important}
.tier-edge-of-the-box::after,
.tier-edge-box::after,
.filter.filter-edge::after{background-position:25% 100%!important}

/* Favorites use their dedicated source files rather than a crop from the atlas. */
.favorite-blue::before,
#favoriteHub[data-favorite-count="5"] .routeHero::before{
  background-image:url('/assets/tile-art/favorite-5-anime.webp?v=1.56.0')!important;
}
.favorite-purple::before,
#favoriteHub[data-favorite-count="10"] .routeHero::before{
  background-image:url('/assets/tile-art/favorite-10-anime.webp?v=1.56.0')!important;
}
.favorite-gold::before,
#favoriteHub[data-favorite-count="15"] .routeHero::before{
  background-image:url('/assets/tile-art/favorite-15-anime.webp?v=1.56.0')!important;
}
.favoriteCard::before,
#favoriteHub .routeHero::before{
  background-size:cover!important;
  background-position:center!important;
  background-repeat:no-repeat!important;
}
.favoriteCard{
  padding-top:138px!important;
}
.favoriteCard::before,
.favoriteCard::after{
  height:126px!important;
}

/* More cards: use distinct relevant scenes rather than one unrelated repeated image. */
.more-engine::after{background-position:100% 0!important}
.more-responsible::after{background-position:0 100%!important}
.more-support::after{background-position:75% 50%!important}
.more-privacy::after{background-position:75% 100%!important}
.more-terms::after{background-position:25% 100%!important}
.moreGrid a::after{
  opacity:.58!important;
  background-size:500% 300%!important;
  background-position:center;
}
.moreGrid a>*{position:relative;z-index:4}
.moreGrid a::before{
  content:'';
  position:absolute;
  inset:0;
  z-index:2;
  pointer-events:none;
  background:linear-gradient(90deg,rgba(2,18,23,.94),rgba(2,18,23,.58) 55%,rgba(2,18,23,.10))!important;
}

/* Pro pricing cards get the dedicated pricing panel. */
.pricingCard::before{
  background-image:var(--anime-tile-atlas)!important;
  background-size:500% 300%!important;
  background-position:50% 100%!important;
  background-repeat:no-repeat!important;
  opacity:.36!important;
}

/* Keep artwork crisp: no forced stretching outside the fixed atlas crop. */
.routeQuickLinksFive .visualTile,
.proInteractiveGrid .visualTile{
  aspect-ratio:3/1!important;
  min-height:116px!important;
}
.routeQuickLinksFive .visualTile::after,
.proInteractiveGrid .visualTile::after{
  inset:0!important;
  width:100%!important;
  height:100%!important;
  transform:none!important;
  opacity:1!important;
  mask-image:none!important;
  -webkit-mask-image:none!important;
}

/* True desktop centering: left brand, centered nav, right actions. */
@media(min-width:1121px){
  .publicTopbar{
    display:grid!important;
    grid-template-columns:minmax(250px,1fr) auto minmax(250px,1fr)!important;
    align-items:center!important;
    column-gap:18px!important;
  }
  .publicTopbar>.brand{
    justify-self:start!important;
  }
  .publicTopbar>.appNav{
    justify-self:center!important;
    margin:0!important;
  }
  .publicTopbar>.fidelityHeaderActions{
    justify-self:end!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-end!important;
    gap:8px!important;
    min-width:0!important;
  }
}

/* Mobile/tablet keeps existing responsive navigation behavior. */
@media(max-width:699px){
  .favoriteCard{padding-top:126px!important}
  .favoriteCard::before,.favoriteCard::after{height:114px!important}
  .routeQuickLinksFive .visualTile,
  .proInteractiveGrid .visualTile{
    aspect-ratio:2.35/1!important;
    min-height:108px!important;
  }
}


/* V1.56.0 — stable individual tile assets */
/* Retire the atlas for live rendering. Every tile now references a standalone,
   already-verified asset from the repository. This prevents blank cards and
   cross-tile sprite bleed. */
.routeQuickLinksFive .visualTile::after,
.proInteractiveGrid .visualTile::after,
.moreGrid .visualTile::after,
.filter.filter-strong::after,
.filter.filter-lean::after,
.filter.filter-edge::after,
.tier-strong::after,
.tier-lean::after,
.tier-edge-of-the-box::after,
.tier-open-net::after,
.tier-clean-through::after,
.tier-edge-box::after,
.pricingCard::before{
  background-size:cover!important;
  background-position:center!important;
  background-repeat:no-repeat!important;
  transform:none!important;
  filter:none!important;
}

/* TODAY */
.visual-fixtures::after{background-image:url('/assets/tile-art/all-fixtures.png?v=1.56.0')!important}
.visual-stats::after{background-image:url('/assets/tile-art/stats-data.png?v=1.56.0')!important}
.visual-picks::after{background-image:url('/assets/tile-art/my-picks.png?v=1.56.0')!important}
.visual-injuries::after{background-image:url('/assets/tile-art/injuries-news.png?v=1.56.0')!important}
.visual-teamnews::after{background-image:url('/assets/tile-art/injuries-news.png?v=1.56.0')!important}
.visual-pro::after{background-image:url('/assets/tile-art/pro-feature.png?v=1.56.0')!important}

/* FAVORITES */
.favorite-blue::before,
.visual-favorite-5::after,
#favoriteHub[data-favorite-count="5"] .routeHero::before{
  background-image:url('/assets/tile-art/favorite-5.png?v=1.56.0')!important;
}
.favorite-purple::before,
.visual-favorite-10::after,
#favoriteHub[data-favorite-count="10"] .routeHero::before{
  background-image:url('/assets/tile-art/favorite-10.png?v=1.56.0')!important;
}
.favorite-gold::before,
.visual-favorite-15::after,
#favoriteHub[data-favorite-count="15"] .routeHero::before{
  background-image:url('/assets/tile-art/favorite-15.png?v=1.56.0')!important;
}

/* PROSPECT TIERS */
.visual-open-net::after,
.tier-strong::after,
.tier-open-net::after,
.filter.filter-strong::after{
  background-image:url('/assets/tile-art/open-net.png?v=1.56.0')!important;
}
.visual-clean-through::after,
.tier-lean::after,
.tier-clean-through::after,
.filter.filter-lean::after{
  background-image:url('/assets/tile-art/clean-through.png?v=1.56.0')!important;
}
.visual-edge-box::after,
.tier-edge-of-the-box::after,
.tier-edge-box::after,
.filter.filter-edge::after{
  background-image:url('/assets/tile-art/edge-of-box.png?v=1.56.0')!important;
}

/* PRICING + MORE */
.visual-pricing::after,
.pricingCard::before{
  background-image:url('/assets/tile-art/pro-feature.png?v=1.56.0')!important;
}
.routeHero.visual-more::before,
.more-engine::after,
.more-responsible::after,
.more-support::after,
.more-privacy::after,
.more-terms::after{
  background-image:url('/assets/tile-art/more-info.png?v=1.56.0')!important;
}

/* Restore each card's readable title; the standalone source images do not
   duplicate every UI label consistently. */
.routeQuickLinksFive .visualTile>span,
.routeQuickLinksFive .visualTile>b,
.routeQuickLinksFive .visualTile>small,
.proInteractiveGrid .visualTile>span,
.proInteractiveGrid .visualTile>b,
.proInteractiveGrid .visualTile>p,
.proInteractiveGrid .visualTile>em{
  opacity:1!important;
  position:relative!important;
  z-index:4!important;
}
.routeQuickLinksFive .visualTile::before,
.proInteractiveGrid .visualTile::before{
  content:'';
  position:absolute;
  inset:0;
  z-index:3;
  pointer-events:none;
  background:linear-gradient(180deg,rgba(1,14,18,.08),rgba(1,14,18,.72))!important;
}

/* Better proportions: artwork remains a banner instead of being stretched tall. */
.routeQuickLinksFive .visualTile,
.proInteractiveGrid .visualTile{
  aspect-ratio:2.7/1!important;
  min-height:112px!important;
}
.favoriteCard{
  padding-top:132px!important;
}
.favoriteCard::before,
.favoriteCard::after{
  height:120px!important;
}

/* True header centering on desktop. */
@media(min-width:1121px){
  .publicTopbar{
    display:grid!important;
    grid-template-columns:minmax(250px,1fr) auto minmax(250px,1fr)!important;
    align-items:center!important;
  }
  .publicTopbar>.brand{justify-self:start!important}
  .publicTopbar>.appNav{justify-self:center!important;margin:0!important}
  .publicTopbar>.fidelityHeaderActions{
    justify-self:end!important;
    display:flex!important;
    align-items:center!important;
  }
}


/* V1.56.0 — real IMG tile artwork */
/* Use actual <img> elements for live tile artwork. This bypasses the pseudo-element
   background rendering path that repeatedly produced blank cards in production. */
.routeQuickLinksFive .visualTile,
.proInteractiveGrid .visualTile,
.moreGrid .visualTile{
  position:relative!important;
  overflow:hidden!important;
  isolation:isolate!important;
  background:#03141a!important;
}
.routeQuickLinksFive .visualTile::after,
.proInteractiveGrid .visualTile::after,
.moreGrid .visualTile::after{
  display:none!important;
}
.tileArtImage{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center!important;
  display:block!important;
  z-index:1!important;
  opacity:1!important;
  filter:saturate(1.08) contrast(1.03)!important;
  pointer-events:none!important;
}
.routeQuickLinksFive .visualTile::before,
.proInteractiveGrid .visualTile::before,
.moreGrid .visualTile::before{
  content:''!important;
  position:absolute!important;
  inset:0!important;
  z-index:2!important;
  pointer-events:none!important;
  background:linear-gradient(180deg,rgba(1,14,18,.06) 24%,rgba(1,14,18,.32) 58%,rgba(1,14,18,.90) 100%)!important;
}
.routeQuickLinksFive .visualTile>*:not(.tileArtImage),
.proInteractiveGrid .visualTile>*:not(.tileArtImage),
.moreGrid .visualTile>*:not(.tileArtImage){
  position:relative!important;
  z-index:3!important;
  opacity:1!important;
}
.routeQuickLinksFive .visualTile,
.proInteractiveGrid .visualTile{
  min-height:150px!important;
  aspect-ratio:2.65/1!important;
  padding:16px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  justify-content:flex-end!important;
  text-align:left!important;
}
.routeQuickLinksFive .visualTile>b,
.proInteractiveGrid .visualTile>b{
  font-size:15px!important;
  line-height:1.05!important;
  color:#fff!important;
  text-shadow:0 2px 12px rgba(0,0,0,.75)!important;
}
.routeQuickLinksFive .visualTile>small,
.proInteractiveGrid .visualTile>p,
.proInteractiveGrid .visualTile>em{
  color:#d3e1e5!important;
  text-shadow:0 2px 12px rgba(0,0,0,.72)!important;
}
.routeQuickLinksFive .visualTile>span,
.proInteractiveGrid .visualTile>span{
  color:#fff!important;
  text-shadow:0 2px 12px rgba(0,0,0,.72)!important;
}
.moreGrid .visualTile{
  min-height:160px!important;
  padding:18px!important;
}
.moreGrid .visualTile>b,
.moreGrid .visualTile>small,
.moreGrid .visualTile>span{
  position:relative!important;
  z-index:3!important;
  color:#fff!important;
  text-shadow:0 2px 12px rgba(0,0,0,.72)!important;
}

/* Desktop header stays genuinely centered. */
@media(min-width:1121px){
  .publicTopbar{
    display:grid!important;
    grid-template-columns:minmax(260px,1fr) auto minmax(260px,1fr)!important;
    align-items:center!important;
    column-gap:18px!important;
  }
  .publicTopbar>.brand{justify-self:start!important}
  .publicTopbar>.appNav{justify-self:center!important;margin:0!important}
  .publicTopbar>.fidelityHeaderActions{justify-self:end!important}
}
@media(max-width:699px){
  .routeQuickLinksFive .visualTile,
  .proInteractiveGrid .visualTile{
    min-height:128px!important;
    aspect-ratio:2.2/1!important;
  }
}


/* V1.56.1 — approved standalone production artwork
   Uses the exact preview-approved files. No sprite/atlas rendering. */
.favorite-blue::before,
.visual-favorite-5::after,
#favoriteHub[data-favorite-count="5"] .routeHero::before{
  background-image:url('/assets/tile-art/preview-approved/favorite-5.webp?v=1.56.1')!important;
}
.favorite-purple::before,
.visual-favorite-10::after,
#favoriteHub[data-favorite-count="10"] .routeHero::before{
  background-image:url('/assets/tile-art/preview-approved/favorite-10.webp?v=1.56.1')!important;
}
.favorite-gold::before,
.visual-favorite-15::after,
#favoriteHub[data-favorite-count="15"] .routeHero::before{
  background-image:url('/assets/tile-art/preview-approved/favorite-15.webp?v=1.56.1')!important;
}

.filter.filter-strong::after,
.tier-strong::after,
.tier-open-net::after{
  background-image:url('/assets/tile-art/preview-individual/open-net-prospects-anime.webp?v=1.56.1')!important;
}
.filter.filter-lean::after,
.tier-lean::after,
.tier-clean-through::after{
  background-image:url('/assets/tile-art/preview-individual/clean-through-prospects-anime.webp?v=1.56.1')!important;
}
.filter.filter-edge::after,
.tier-edge-of-the-box::after,
.tier-edge-box::after{
  background-image:url('/assets/tile-art/preview-individual/edge-of-box-prospects-anime.webp?v=1.56.1')!important;
}
.pricingCard::before{
  background-image:url('/assets/tile-art/preview-individual/pro-pricing-anime.webp?v=1.56.1')!important;
}
.routeHero.visual-more::before{
  background-image:url('/assets/tile-art/preview-individual/more-anime.webp?v=1.56.1')!important;
}

/* Keep the exact preview rendering rules for real image tiles. */
.tileArtImage{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center!important;
  display:block!important;
}


/* V1.56.2 — Today tile artwork fit
   The approved artwork is 3:2, so Today tiles now use the same 3:2 frame as preview. */
#todayHub .routeQuickLinksFive .visualTile{
  aspect-ratio:3/2!important;
  min-height:0!important;
}
#todayHub .routeQuickLinksFive .tileArtImage{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center!important;
}


/* V1.56.4 — tier summary cards are now the tier filters on Today, Tomorrow and Results. */
.publicStat.tierSummaryFilter{
  appearance:none!important;
  width:100%!important;
  color:inherit!important;
  font:inherit!important;
  text-align:left!important;
  cursor:pointer!important;
  position:relative!important;
  overflow:hidden!important;
  isolation:isolate!important;
  padding:14px 16px!important;
}
.publicStat.tierSummaryFilter .tierSummaryArt{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center!important;
  display:block!important;
  z-index:0!important;
  opacity:.34!important;
  pointer-events:none!important;
}
.publicStat.tierSummaryFilter::after{
  content:''!important;
  position:absolute!important;
  inset:0!important;
  z-index:1!important;
  background:linear-gradient(90deg,rgba(2,17,21,.96) 0%,rgba(2,17,21,.80) 48%,rgba(2,17,21,.35) 100%)!important;
  pointer-events:none!important;
}
.publicStat.tierSummaryFilter>*:not(.tierSummaryArt){
  position:relative!important;
  z-index:2!important;
}
.publicStat.tierSummaryFilter:hover,
.publicStat.tierSummaryFilter.active{
  border-color:var(--tier-accent)!important;
  box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--tier-accent) 38%,transparent),0 0 22px color-mix(in srgb,var(--tier-accent) 14%,transparent)!important;
}
.publicStat.tierSummaryFilter.active .tierSummaryArt{opacity:.48!important}
.publicControls .filters{
  display:flex!important;
  justify-content:flex-end!important;
}
.publicControls .filters .filter{
  min-width:110px!important;
}
@media(max-width:840px){
  .publicControls .filters{display:flex!important}
  .publicControls .filters .filter{width:100%!important}
}


/* V1.56.5 — Stats summary tiles use tier artwork for tier win rates. */
.statsSummaryCards .visual-open-net::after,
.statsSummaryCards .visual-clean-through::after,
.statsSummaryCards .visual-edge-box::after{
  display:none!important;
}
.statsSummaryCards .visual-open-net{
  background:
    linear-gradient(90deg,rgba(2,17,21,.92),rgba(2,17,21,.48)),
    url('/assets/tile-art/preview-individual/open-net-prospects-anime.webp?v=1.56.13') center/cover no-repeat!important;
}
.statsSummaryCards .visual-clean-through{
  background:
    linear-gradient(90deg,rgba(2,17,21,.92),rgba(2,17,21,.48)),
    url('/assets/tile-art/preview-individual/clean-through-prospects-anime.webp?v=1.56.13') center/cover no-repeat!important;
}
.statsSummaryCards .visual-edge-box{
  background:
    linear-gradient(90deg,rgba(2,17,21,.92),rgba(2,17,21,.48)),
    url('/assets/tile-art/preview-individual/edge-of-box-prospects-anime.webp?v=1.56.13') center/cover no-repeat!important;
}


/* V1.56.7 — Stats Today/Tomorrow match picker */
.statsMatchPickerPanel{margin-top:12px}
.statsPickerControls{display:grid;grid-template-columns:180px minmax(0,1fr);gap:10px;margin-bottom:10px}
.statsPickerControls label{display:grid;gap:5px}
.statsPickerControls label>span{color:#7f959c;font-size:9px;font-weight:950;letter-spacing:.08em;text-transform:uppercase}
.statsPickerControls select{width:100%;min-height:44px;border:1px solid rgba(43,232,182,.24);border-radius:9px;background:rgba(2,18,22,.92);color:#eef8f9;padding:0 12px;font-size:11px;font-weight:850;outline:none}
.statsPickerControls select:focus{border-color:#2be8b6;box-shadow:0 0 0 3px rgba(43,232,182,.08)}
.statsPickerMatch{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:16px;align-items:center;padding:15px 16px;border:1px solid color-mix(in srgb,var(--accent) 38%,rgba(255,255,255,.08));border-left:3px solid var(--accent);border-radius:11px;background:rgba(255,255,255,.022)}
.statsPickerMatchMain small,.statsPickerMatchMain b,.statsPickerMatchMain em{display:block}
.statsPickerMatchMain small{color:#8ba0a7;font-size:10px}
.statsPickerMatchMain b{margin:4px 0;font-size:15px;line-height:1.3}
.statsPickerMatchMain b span{color:#6f858d}
.statsPickerMatchMain em{color:#c1ced2;font-size:11px;font-style:normal}
.statsPickerScore{text-align:right}
.statsPickerScore strong,.statsPickerScore span{display:block}
.statsPickerScore strong{color:var(--accent);font-size:24px;line-height:1}
.statsPickerScore span{margin-top:4px;color:var(--accent);font-size:9px;font-weight:950}
.statsPickerActions{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}
.statsPickerActions button{min-height:38px;border:1px solid var(--accent);border-radius:8px;background:var(--accent);color:#071015;padding:0 12px;font-size:9px;font-weight:950;cursor:pointer}
.statsPickerActions button.secondary{background:transparent;color:#e7f1f3;border-color:rgba(255,255,255,.16)}
.statsPickerActions button.secondary:hover{border-color:var(--accent);color:var(--accent)}
@media(max-width:760px){
  .statsPickerControls{grid-template-columns:1fr}
  .statsPickerMatch{grid-template-columns:1fr auto}
  .statsPickerActions{grid-column:1/-1;justify-content:flex-start}
}


/* V1.56.8 — clearer Stats match chooser */
.statsMatchSelectRow{display:grid;grid-template-columns:42px minmax(0,1fr) 42px;gap:7px;align-items:center}
.statsMatchSelectRow>button{
  height:44px;border:1px solid rgba(43,232,182,.24);border-radius:9px;
  background:rgba(2,18,22,.92);color:#2be8b6;font-size:18px;font-weight:950;cursor:pointer
}
.statsMatchSelectRow>button:hover{border-color:#2be8b6;background:rgba(43,232,182,.08)}
.statsPickerMatchMain small{font-size:11px!important}
.statsPickerMatchMain b{font-size:17px!important}
.statsPickerMatchMain em{font-size:12px!important}
.statsPickerScore strong{font-size:28px!important}
.statsPickerScore span{font-size:10px!important}
.statsPickerActions button{font-size:10px!important;min-height:40px!important}
@media(max-width:760px){
  .statsMatchSelectRow{grid-template-columns:38px minmax(0,1fr) 38px}
}


/* V1.56.11 — self-contained Stats day chooser */
.statsPickerControls{grid-template-columns:220px minmax(0,1fr)!important}
.statsDayButtons{display:grid;gap:5px}
.statsDayButtons>span{color:#7f959c;font-size:9px;font-weight:950;letter-spacing:.08em;text-transform:uppercase}
.statsDayButtons>div{display:grid;grid-template-columns:1fr 1fr;gap:7px}
.statsDayButtons button{
  min-height:44px;border:1px solid rgba(43,232,182,.24);border-radius:9px;
  background:rgba(2,18,22,.92);color:#c7d5d9;font-size:11px;font-weight:950;cursor:pointer
}
.statsDayButtons button.active{
  color:#071015;background:#2be8b6;border-color:#2be8b6;box-shadow:0 0 18px rgba(43,232,182,.12)
}
@media(max-width:760px){.statsPickerControls{grid-template-columns:1fr!important}}

/* V1.56.14 — Admin System Health */
.systemHealthPanel{grid-column:1/-1}
.systemHealthBanner{display:flex;align-items:center;gap:12px;padding:14px 16px;margin:0 0 14px;border:1px solid rgba(255,255,255,.09);border-radius:12px;background:rgba(255,255,255,.025)}
.systemHealthBanner .healthDot{width:11px;height:11px;border-radius:50%;flex:0 0 auto;background:#80939a;box-shadow:0 0 0 5px rgba(128,147,154,.09)}
.systemHealthBanner div{display:grid;gap:2px}.systemHealthBanner b{font-size:13px}.systemHealthBanner small{color:#8ba0a7;font-size:10px}
.systemHealthBanner.isHealthy{border-color:rgba(43,232,182,.24);background:rgba(43,232,182,.045)}
.systemHealthBanner.isHealthy .healthDot{background:#2be8b6;box-shadow:0 0 0 5px rgba(43,232,182,.10)}
.systemHealthBanner.isWarning{border-color:rgba(245,190,54,.26);background:rgba(245,190,54,.045)}
.systemHealthBanner.isWarning .healthDot{background:#f5be36;box-shadow:0 0 0 5px rgba(245,190,54,.10)}
.systemHealthBanner.isError{border-color:rgba(255,105,105,.28);background:rgba(255,105,105,.05)}
.systemHealthBanner.isError .healthDot{background:#ff6969;box-shadow:0 0 0 5px rgba(255,105,105,.10)}
.healthMetricGrid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;margin-bottom:12px}
.healthMetric{display:grid;gap:3px;min-width:0;padding:12px;border:1px solid rgba(255,255,255,.075);border-radius:10px;background:rgba(1,15,19,.52)}
.healthMetric small{color:#789097;font-size:9px;font-weight:900;letter-spacing:.06em;text-transform:uppercase}.healthMetric b{font-size:17px}.healthMetric em{color:#789097;font-size:9px;font-style:normal}
.healthDetails{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:900px){.healthMetricGrid{grid-template-columns:repeat(3,minmax(0,1fr))}.healthDetails{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.healthMetricGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.healthDetails{grid-template-columns:1fr}.systemHealthPanel .surfaceHead{align-items:flex-start}}


/* V1.57 — NOVO 4 evidence-rich match tiles */
.matchCard .novo4Evidence{
  margin:12px -2px 0;
  border-top:1px solid rgba(255,255,255,.075);
  padding-top:11px;
}
.novo4EvidenceTop{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:7px;
}
.novo4Status,.novo4Value,.novo4Metric,.novo4Contradictions{
  min-width:0;
  border:1px solid rgba(255,255,255,.075);
  background:rgba(3,20,24,.58);
  border-radius:10px;
  padding:9px 10px;
}
.novo4Status small,.novo4Value small,.novo4Metric small{
  display:block;
  color:#8fa5ad;
  font-size:8px;
  font-weight:950;
  letter-spacing:.065em;
  text-transform:uppercase;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.novo4Status b,.novo4Value b,.novo4Metric b{
  display:block;
  margin-top:4px;
  color:#eef8fa;
  font-size:13px;
  line-height:1.12;
  overflow-wrap:anywhere;
}
.novo4Status.confirmed{
  border-color:rgba(72,239,177,.26);
  background:rgba(42,187,137,.075);
}
.novo4Status.confirmed b{color:#56ecb5}
.novo4Status.coverage{
  border-color:rgba(74,163,255,.27);
  background:rgba(74,163,255,.07);
}
.novo4Status.coverage b{color:#65afff}
.novo4Value.positive b{color:#58e5a3}
.novo4Value.negative b{color:#ff8e8e}
.novo4MetricGrid{
  display:grid;
  grid-template-columns:repeat(6,minmax(0,1fr));
  gap:7px;
  margin-top:7px;
}
.novo4Metric b{color:#72edbe}
.novo4Contradictions{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:10px;
  margin-top:7px;
  color:#9eb0b7;
  font-size:10px;
  font-weight:850;
}
.novo4Contradictions b{color:#ffc45c;font-size:12px}
.fireScoreTag{
  border:1px solid rgba(255,151,45,.58);
  color:#ffc260;
  background:rgba(255,93,18,.10);
  padding:5px 7px;
  border-radius:999px;
  font-size:8px;
  font-weight:1000;
  letter-spacing:.04em;
}
.matchCard.novo4Fire{
  border-color:rgba(255,151,38,.88)!important;
  box-shadow:
    0 0 0 1px rgba(255,88,18,.30),
    0 0 18px rgba(255,102,20,.30),
    0 16px 42px rgba(0,0,0,.30)!important;
  animation:novo4FirePulse 1.35s ease-in-out infinite alternate;
}
.matchCard.novo4Fire .viewFooter{
  background:
    radial-gradient(circle at 18% 100%,rgba(255,137,21,.18),transparent 30%),
    linear-gradient(90deg,rgba(255,123,23,.06),transparent 58%);
  border-radius:10px;
}
.matchCard.novo4Fire .tierPill{
  box-shadow:0 0 10px rgba(255,179,45,.48),0 0 22px rgba(255,91,18,.24);
}
.matchCard.novo4Fire .viewScore b{
  color:#ffd052!important;
  text-shadow:0 0 11px rgba(255,128,30,.42);
}
@keyframes novo4FirePulse{
  0%{
    border-color:rgba(255,126,25,.72);
    box-shadow:0 0 0 1px rgba(255,77,10,.20),0 0 12px rgba(255,88,12,.22),0 16px 42px rgba(0,0,0,.30);
  }
  100%{
    border-color:rgba(255,205,67,1);
    box-shadow:0 0 0 1px rgba(255,129,22,.46),0 0 27px rgba(255,96,16,.48),0 0 46px rgba(255,167,33,.18),0 18px 46px rgba(0,0,0,.34);
  }
}
@media(min-width:900px){
  .cards:has(.novo4Evidence){grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:900px){
  .novo4EvidenceTop{grid-template-columns:repeat(2,minmax(0,1fr))}
  .novo4MetricGrid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:560px){
  .novo4EvidenceTop{grid-template-columns:repeat(2,minmax(0,1fr))}
  .novo4MetricGrid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .novo4Status,.novo4Value,.novo4Metric{padding:8px}
}
@media(prefers-reduced-motion:reduce){
  .matchCard.novo4Fire{animation:none!important}
}


/* =========================================================
   V1.56.20 — NOVO 4 MATCH CARD VISUAL SYSTEM
   Manual publishing template -> premium evidence tiles
   ========================================================= */
.cards{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:18px!important;
}
.novo4Card{
  --novo-panel:rgba(4,21,27,.93);
  --novo-panel-2:rgba(7,30,36,.94);
  position:relative!important;
  overflow:hidden!important;
  isolation:isolate!important;
  display:block!important;
  min-width:0!important;
  padding:0!important;
  border-radius:22px!important;
  border:1px solid color-mix(in srgb,var(--accent) 78%,#e7ffff 8%)!important;
  background:
    linear-gradient(145deg,rgba(3,27,32,.98),rgba(3,14,19,.97))!important;
  box-shadow:
    0 22px 52px rgba(0,0,0,.34),
    inset 0 1px 0 rgba(255,255,255,.035)!important;
  backdrop-filter:blur(16px) saturate(1.05)!important;
}
.novo4Card:before{
  content:''!important;
  position:absolute!important;
  inset:0!important;
  width:auto!important;
  background:
    radial-gradient(circle at 84% 64%,color-mix(in srgb,var(--accent) 10%,transparent),transparent 30%),
    linear-gradient(120deg,transparent 60%,rgba(255,255,255,.018))!important;
  pointer-events:none!important;
  box-shadow:none!important;
  z-index:-2!important;
}
.novo4Card:after{
  content:''!important;
  position:absolute!important;
  inset:0!important;
  z-index:-1!important;
  background:
    linear-gradient(90deg,rgba(2,17,21,.93) 0%,rgba(2,17,21,.76) 58%,rgba(2,17,21,.36) 100%),
    var(--tier-art,none) center/cover no-repeat!important;
  opacity:.34!important;
  pointer-events:none!important;
}
.novo4Card.tier-open-net{--tier-art:url('/assets/tile-art/preview-individual/open-net-prospects-anime.webp?v=1.56.20')}
.novo4Card.tier-clean-through{--tier-art:url('/assets/tile-art/preview-individual/clean-through-prospects-anime.webp?v=1.56.20')}
.novo4Card.tier-edge-box{--tier-art:url('/assets/tile-art/preview-individual/edge-of-box-prospects-anime.webp?v=1.56.20')}

.novo4Header{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
  padding:15px 16px 10px;
}
.novo4HeaderMeta,.novo4HeaderStatus{
  display:flex;
  align-items:center;
  gap:7px;
  flex-wrap:wrap;
  min-width:0;
}
.novo4Date,.novo4Ko,.novo4Ft,.novo4State{
  display:inline-flex;
  align-items:center;
  min-height:28px;
  padding:0 9px;
  border:1px solid rgba(200,231,238,.22);
  border-radius:8px;
  background:rgba(5,25,30,.80);
  color:#eaf5f7;
  font-size:9px;
  font-weight:950;
}
.novo4Competition{
  min-width:0;
  color:#b6c7cc;
  font-size:10px;
  font-weight:850;
}
.novo4State{
  border-radius:999px;
  font-weight:1000;
  letter-spacing:.05em;
}
.novo4State.won{color:#60efb3;border-color:#3de3a6}
.novo4State.lost{color:#ff8d8d;border-color:#ff7777}
.novo4State.pending{color:#ffe056;border-color:#e8ca3c}
.novo4State.live{color:#5ff1bb;border-color:#45e5ad}

.novo4Teams{
  display:grid;
  grid-template-columns:minmax(0,1fr) 82px minmax(0,1fr);
  align-items:center;
  gap:8px;
  padding:6px 16px 14px;
}
.novo4Teams .teamSide{
  min-width:0;
}
.novo4Teams .teamSide:last-child{
  text-align:right;
}
.novo4Teams .teamSide:last-child .teamIdentity{
  flex-direction:row-reverse;
}
.novo4Teams .teamName{
  font-size:17px!important;
  font-weight:950!important;
  color:#f5fbfd!important;
}
.novo4Teams .teamCrestShell,.novo4Teams .teamInitials{
  width:54px!important;
  height:54px!important;
  min-width:54px!important;
}
.novo4ScoreBlock{
  text-align:center;
}
.novo4ScoreBlock strong{
  display:block;
  width:max-content;
  min-width:68px;
  margin:auto;
  padding:5px 8px;
  border-radius:8px;
  background:rgba(25,69,75,.44);
  color:#22e5c3;
  font-size:30px;
  line-height:1;
  letter-spacing:-1px;
}
.novo4ScoreBlock span{
  display:block;
  margin-top:4px;
  color:#a9bcc2;
  font-size:8px;
  font-weight:950;
  letter-spacing:.08em;
}

.novo4Selection{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  gap:12px;
  margin:0 15px 13px;
  padding:12px 13px;
  border:1px solid rgba(255,255,255,.09);
  border-radius:13px;
  background:linear-gradient(90deg,rgba(13,50,56,.65),rgba(8,32,38,.82));
}
.novo4Selection>div{min-width:0}
.novo4Selection small{
  display:block;
  margin-bottom:5px;
  color:#8299a0;
  font-size:7px;
  font-weight:950;
  letter-spacing:.11em;
}
.novo4Selection b{
  display:block;
  color:#f5fbfd;
  font-size:16px;
  line-height:1.2;
  overflow-wrap:anywhere;
}
.novo4Selection span{
  display:block;
  min-height:1px;
  margin-top:2px;
  color:#a3b8be;
  font-size:10px;
}
.novo4Selection em{
  display:grid;
  place-items:center;
  min-width:64px;
  min-height:48px;
  padding:0 10px;
  border-radius:10px;
  background:color-mix(in srgb,var(--accent) 88%,#fff 12%);
  color:#061214;
  font-size:18px;
  font-style:normal;
  font-weight:1000;
}

.novo4ViewRow{
  display:grid;
  grid-template-columns:auto auto minmax(120px,auto) 1fr;
  align-items:center;
  gap:12px;
  padding:12px 16px;
  border-top:1px solid rgba(255,255,255,.07);
  border-bottom:1px solid rgba(255,255,255,.07);
  background:rgba(2,18,22,.46);
}
.novo4ViewRow>span:first-child{
  color:#d6e3e6;
  font-size:10px;
  font-weight:850;
}
.novo4ViewRow>strong{
  color:var(--accent);
  font-size:31px;
  line-height:1;
  font-weight:1000;
}
.novo4TierPill{
  display:inline-flex;
  justify-content:center;
  align-items:center;
  min-height:36px;
  padding:0 20px;
  border-radius:999px;
  background:var(--accent);
  color:#071015;
  font-size:10px;
  font-weight:1000;
  white-space:nowrap;
}
.novo4FireBadge{
  justify-self:end;
  color:#ffca52;
  font-size:8px;
  font-weight:1000;
  letter-spacing:.08em;
}

.novo4EvidenceBand{
  display:grid;
  grid-template-columns:1.2fr 1.25fr repeat(4,.7fr);
  gap:7px;
  padding:12px 15px 8px;
}
.novo4Confidence,.novo4Coverage,.novo4TopValue{
  min-width:0;
  min-height:64px;
  display:flex;
  align-items:center;
  gap:10px;
  padding:10px 11px;
  border:1px solid rgba(255,255,255,.08);
  border-radius:11px;
  background:rgba(4,25,30,.82);
}
.novo4EvidenceIcon{
  flex:0 0 auto;
  display:grid;
  place-items:center;
  width:32px;
  height:32px;
  border-radius:50%;
  background:rgba(255,255,255,.05);
  font-size:20px;
  font-weight:1000;
}
.novo4Confidence small,.novo4Coverage small,.novo4TopValue small{
  display:block;
  color:#8fa5ab;
  font-size:7px;
  font-weight:950;
  text-transform:uppercase;
  letter-spacing:.06em;
}
.novo4Confidence b,.novo4Coverage b,.novo4TopValue b{
  display:block;
  margin-top:3px;
  color:#f6fbfc;
  font-size:14px;
  line-height:1.08;
  overflow-wrap:anywhere;
}
.novo4Confidence.confirmed{border-color:rgba(56,233,170,.40);background:rgba(29,167,117,.10)}
.novo4Confidence.confirmed .novo4EvidenceIcon,.novo4Confidence.confirmed b{color:#4feab0}
.novo4Confidence.supported{border-color:rgba(169,112,255,.42);background:rgba(127,77,211,.10)}
.novo4Confidence.supported .novo4EvidenceIcon,.novo4Confidence.supported b{color:#c47bff}
.novo4Confidence.fragile{border-color:rgba(255,190,73,.40)}
.novo4Confidence.fragile .novo4EvidenceIcon,.novo4Confidence.fragile b{color:#ffc250}
.novo4Coverage.high{border-color:rgba(74,163,255,.44);background:rgba(38,116,194,.10)}
.novo4Coverage.high .novo4EvidenceIcon,.novo4Coverage.high b{color:#55a9ff}
.novo4Coverage.medium{border-color:rgba(255,196,67,.38)}
.novo4Coverage.medium .novo4EvidenceIcon,.novo4Coverage.medium b{color:#ffc84a}
.novo4Coverage.limited{border-color:rgba(255,129,89,.38)}
.novo4Coverage.limited .novo4EvidenceIcon,.novo4Coverage.limited b{color:#ff996b}
.novo4TopValue{
  display:block;
  text-align:center;
}
.novo4TopValue b{font-size:17px}
.novo4TopValue.positive b{color:#55e8ad}
.novo4TopValue.negative b{color:#ff8888}

.novo4Metrics{
  display:grid;
  grid-template-columns:repeat(6,minmax(0,1fr));
  gap:8px;
  padding:0 15px 8px;
}
.novo4MetricCard{
  min-width:0;
  min-height:78px;
  display:flex;
  align-items:center;
  gap:8px;
  padding:9px 10px;
  border:1px solid rgba(255,255,255,.08);
  border-radius:11px;
  background:rgba(3,22,27,.83);
}
.novo4MetricIcon{
  flex:0 0 auto;
  display:grid;
  place-items:center;
  width:30px;
  height:30px;
  border-radius:9px;
  background:rgba(255,255,255,.035);
  font-size:20px;
  font-weight:1000;
}
.novo4MetricIcon.gold{color:#f4cd47}
.novo4MetricIcon.mint{color:#39e9b3}
.novo4MetricCard small{
  display:block;
  color:#b8c6ca;
  font-size:8px;
  line-height:1.2;
}
.novo4MetricCard b{
  display:block;
  margin-top:4px;
  color:#55e7b1;
  font-size:15px;
  line-height:1.05;
  overflow-wrap:anywhere;
}

.novo4RiskRow{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:8px;
  padding:0 15px 9px;
}
.novo4Risk,.novo4CoverageDetail{
  min-width:0;
  min-height:52px;
  display:grid;
  grid-template-columns:32px auto 1fr;
  align-items:center;
  gap:8px;
  padding:8px 10px;
  border:1px solid rgba(255,255,255,.08);
  border-radius:11px;
  background:rgba(3,22,27,.83);
}
.novo4Warn,.novo4Db{
  display:grid;
  place-items:center;
  width:30px;
  height:30px;
  border-radius:8px;
  font-style:normal;
  font-weight:1000;
}
.novo4Warn{background:#f3b530;color:#101010;font-size:18px;clip-path:polygon(50% 0,100% 100%,0 100%)}
.novo4Db{color:#4ba9ff;font-size:24px}
.novo4Risk small,.novo4CoverageDetail small{color:#b5c4c8;font-size:9px}
.novo4Risk b,.novo4CoverageDetail b{
  justify-self:end;
  color:#ffc64f;
  font-size:11px;
  overflow-wrap:anywhere;
  text-align:right;
}
.novo4CoverageDetail b{color:#56aaff}

.novo4Review{
  margin:0 15px 14px;
  border:1px solid rgba(255,255,255,.08);
  border-radius:12px;
  background:linear-gradient(90deg,rgba(4,29,34,.92),rgba(3,22,27,.88));
  overflow:hidden;
}
.novo4ReviewToggle{
  min-height:48px!important;
  padding:10px 12px!important;
  color:#25e5c2!important;
  font-size:10px!important;
  font-weight:950!important;
}
.novo4ReviewToggle i{
  display:inline-grid;
  place-items:center;
  width:27px;
  height:27px;
  margin-right:8px;
  border-radius:8px;
  background:rgba(35,226,190,.10);
  color:#31e8c2;
  font-style:normal;
  font-size:16px;
}
.novo4ReviewText{
  padding:0 13px 13px!important;
  color:#d9e3e6!important;
  font-size:11px!important;
  line-height:1.5!important;
}
.novo4ReviewText.collapsed{
  display:-webkit-box!important;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:3;
  overflow:hidden!important;
}
.novo4ReviewToggle.open + .novo4ReviewText{
  display:block!important;
  -webkit-line-clamp:unset;
}
.novo4PickAction{
  position:absolute!important;
  right:14px!important;
  top:84px!important;
  z-index:4!important;
  min-height:30px!important;
  font-size:8px!important;
}

/* 9.2+ visual treatment: same card architecture, premium fire state. */
.novo4Fire{
  border-color:#ffbe37!important;
  box-shadow:
    0 0 0 1px rgba(255,104,18,.52),
    0 0 28px rgba(255,93,14,.38),
    0 24px 64px rgba(0,0,0,.42)!important;
  animation:novo4CardHeat 1.4s ease-in-out infinite alternate;
}
.novo4Fire:after{
  opacity:.25!important;
}
.novo4FireLayer{
  display:none;
}
.novo4Fire .novo4FireLayer{
  display:block;
  position:absolute;
  inset:-4px;
  z-index:7;
  pointer-events:none;
  border-radius:24px;
  border:2px solid rgba(255,190,49,.92);
  box-shadow:
    0 0 8px #ffcd41,
    0 0 18px rgba(255,97,13,.90),
    0 0 34px rgba(255,73,0,.58),
    inset 0 0 18px rgba(255,98,13,.23);
}
.novo4Fire .novo4FireLayer:before,
.novo4Fire .novo4FireLayer:after{
  content:'';
  position:absolute;
  left:2%;
  right:2%;
  height:28px;
  pointer-events:none;
  background:
    radial-gradient(ellipse at 5% 100%,rgba(255,217,60,.95) 0 8%,rgba(255,86,0,.78) 18%,transparent 35%),
    radial-gradient(ellipse at 24% 100%,rgba(255,180,28,.88) 0 7%,rgba(255,74,0,.66) 18%,transparent 38%),
    radial-gradient(ellipse at 47% 100%,rgba(255,230,84,.92) 0 7%,rgba(255,82,0,.72) 18%,transparent 39%),
    radial-gradient(ellipse at 72% 100%,rgba(255,166,23,.90) 0 7%,rgba(255,71,0,.70) 18%,transparent 37%),
    radial-gradient(ellipse at 93% 100%,rgba(255,221,67,.92) 0 8%,rgba(255,79,0,.73) 18%,transparent 36%);
  filter:blur(.3px);
  animation:novo4Flame 1.05s ease-in-out infinite alternate;
}
.novo4Fire .novo4FireLayer:before{top:-13px}
.novo4Fire .novo4FireLayer:after{bottom:-13px;transform:rotate(180deg)}
.novo4Fire .novo4ViewRow>strong{
  color:#ffd254!important;
  text-shadow:0 0 14px rgba(255,130,28,.64);
}
.novo4Fire .novo4TierPill{
  background:linear-gradient(135deg,#ffe06c,#ffad1f)!important;
  box-shadow:0 0 14px rgba(255,176,37,.52);
}
@keyframes novo4CardHeat{
  from{filter:brightness(.96);box-shadow:0 0 0 1px rgba(255,104,18,.38),0 0 17px rgba(255,80,10,.26),0 24px 64px rgba(0,0,0,.42)}
  to{filter:brightness(1.04);box-shadow:0 0 0 1px rgba(255,190,48,.70),0 0 34px rgba(255,105,14,.52),0 0 52px rgba(255,170,24,.16),0 24px 64px rgba(0,0,0,.42)}
}
@keyframes novo4Flame{
  from{opacity:.66;transform:translateY(2px) scaleX(.99)}
  to{opacity:1;transform:translateY(-2px) scaleX(1.01)}
}
.novo4Fire .novo4FireLayer:after{
  animation:novo4FlameBottom 1.15s ease-in-out infinite alternate;
}
@keyframes novo4FlameBottom{
  from{opacity:.58;transform:rotate(180deg) translateY(2px) scaleX(.99)}
  to{opacity:.92;transform:rotate(180deg) translateY(-2px) scaleX(1.01)}
}

@media(max-width:1180px){
  .cards{grid-template-columns:1fr!important}
}
@media(max-width:760px){
  .novo4Card{border-radius:16px!important}
  .novo4Header{padding:11px 11px 8px}
  .novo4Teams{grid-template-columns:minmax(0,1fr) 64px minmax(0,1fr);padding:5px 11px 11px}
  .novo4Teams .teamName{font-size:13px!important}
  .novo4Teams .teamCrestShell,.novo4Teams .teamInitials{width:42px!important;height:42px!important;min-width:42px!important}
  .novo4ScoreBlock strong{font-size:23px;min-width:58px}
  .novo4Selection{margin:0 10px 10px;padding:10px}
  .novo4Selection b{font-size:14px}
  .novo4Selection em{min-width:55px;min-height:42px;font-size:16px}
  .novo4ViewRow{grid-template-columns:auto auto 1fr;gap:8px;padding:10px 11px}
  .novo4ViewRow>strong{font-size:27px}
  .novo4TierPill{min-height:32px;padding:0 12px;font-size:9px}
  .novo4FireBadge{display:none}
  .novo4EvidenceBand{grid-template-columns:1fr 1fr 1fr;padding:10px 10px 7px}
  .novo4Confidence,.novo4Coverage{grid-column:span 1}
  .novo4TopValue{min-height:56px}
  .novo4Metrics{grid-template-columns:repeat(3,minmax(0,1fr));padding:0 10px 7px}
  .novo4MetricCard{min-height:70px}
  .novo4MetricIcon{display:none}
  .novo4RiskRow{padding:0 10px 8px}
  .novo4Risk,.novo4CoverageDetail{grid-template-columns:26px minmax(0,1fr);gap:6px}
  .novo4Risk b,.novo4CoverageDetail b{grid-column:2;justify-self:start;text-align:left}
  .novo4Warn,.novo4Db{width:24px;height:24px}
  .novo4Review{margin:0 10px 11px}
  .novo4PickAction{top:70px!important;right:10px!important}
}
@media(max-width:520px){
  .novo4EvidenceBand{grid-template-columns:1fr 1fr}
  .novo4Metrics{grid-template-columns:repeat(2,minmax(0,1fr))}
  .novo4RiskRow{grid-template-columns:1fr}
  .novo4HeaderMeta .novo4Competition{display:none}
}
@media(prefers-reduced-motion:reduce){
  .novo4Fire,.novo4Fire .novo4FireLayer:before,.novo4Fire .novo4FireLayer:after{animation:none!important}
}


/* =========================================================
   V1.56.22 — PREMIUM EMBER FIRE STATE (9.2+ ONLY)
   Refined from orange box glow to layered ember/flame treatment.
   ========================================================= */
.novo4Fire{
  border-color:#ffcb5a!important;
  box-shadow:
    0 0 0 1px rgba(255,145,35,.55),
    0 0 18px rgba(255,112,28,.24),
    0 0 42px rgba(255,126,32,.18),
    0 24px 64px rgba(0,0,0,.42)!important;
  animation:novo4EmberPulse 2.2s ease-in-out infinite alternate!important;
}
.novo4Fire:after{opacity:.22!important}
.novo4FireLayer{display:none}
.novo4Fire .novo4FireLayer{
  display:block;
  position:absolute;
  inset:-3px;
  z-index:7;
  pointer-events:none;
  border-radius:24px;
  overflow:hidden;
}
.novo4Fire .novo4FireLayer::before{
  content:'';
  position:absolute;
  inset:0;
  border-radius:24px;
  border:2px solid rgba(255,191,73,.92);
  box-shadow:
    inset 0 0 12px rgba(255,214,110,.18),
    0 0 10px rgba(255,185,58,.55),
    0 0 24px rgba(255,112,19,.48),
    0 0 42px rgba(255,72,0,.20);
  animation:novo4FireBorderFlicker 1.8s ease-in-out infinite alternate;
}
.novo4Fire .novo4FireLayer::after{
  content:'';
  position:absolute;
  inset:-10px;
  border-radius:28px;
  pointer-events:none;
  background:
    radial-gradient(circle at 6% 4%,rgba(255,225,118,.95) 0 2%,rgba(255,118,24,.85) 4%,transparent 10%),
    radial-gradient(circle at 16% 0%,rgba(255,178,49,.95) 0 2%,rgba(255,79,0,.72) 4%,transparent 11%),
    radial-gradient(circle at 32% 2%,rgba(255,232,130,.92) 0 2%,rgba(255,110,16,.78) 4%,transparent 10%),
    radial-gradient(circle at 51% 0%,rgba(255,197,67,.95) 0 2%,rgba(255,71,0,.76) 4%,transparent 11%),
    radial-gradient(circle at 72% 2%,rgba(255,230,115,.92) 0 2%,rgba(255,97,19,.78) 4%,transparent 10%),
    radial-gradient(circle at 89% 1%,rgba(255,187,57,.92) 0 2%,rgba(255,70,0,.76) 4%,transparent 11%),
    radial-gradient(circle at 2% 28%,rgba(255,149,39,.52) 0 1.5%,transparent 8%),
    radial-gradient(circle at 98% 26%,rgba(255,159,44,.46) 0 1.5%,transparent 8%),
    radial-gradient(circle at 8% 98%,rgba(255,184,54,.82) 0 2%,rgba(255,85,0,.55) 4%,transparent 11%),
    radial-gradient(circle at 28% 100%,rgba(255,226,104,.70) 0 2%,rgba(255,88,0,.42) 4%,transparent 10%),
    radial-gradient(circle at 55% 98%,rgba(255,173,42,.72) 0 2%,rgba(255,78,0,.45) 4%,transparent 10%),
    radial-gradient(circle at 79% 100%,rgba(255,225,92,.68) 0 2%,rgba(255,87,0,.44) 4%,transparent 10%),
    radial-gradient(circle at 95% 97%,rgba(255,156,33,.68) 0 2%,rgba(255,76,0,.42) 4%,transparent 10%);
  filter:blur(.2px);
  animation:novo4FlameCrest 1.5s ease-in-out infinite alternate;
}
.novo4Fire .novo4ViewRow{
  background:
    linear-gradient(90deg,rgba(255,135,24,.08),rgba(255,191,71,.04) 24%,rgba(2,18,22,.46) 60%),
    rgba(2,18,22,.46)!important;
}
.novo4Fire .novo4ViewRow>strong{
  color:#ffd85f!important;
  text-shadow:
    0 0 10px rgba(255,213,83,.72),
    0 0 22px rgba(255,133,26,.46),
    0 0 34px rgba(255,96,22,.18)!important;
}
.novo4Fire .novo4TierPill{
  background:linear-gradient(135deg,#ffe683 0%,#ffcb49 45%,#ffad1f 100%)!important;
  color:#161006!important;
  box-shadow:
    0 0 8px rgba(255,205,80,.42),
    0 0 18px rgba(255,165,38,.26)!important;
}
.novo4Fire .novo4FireBadge{
  color:#ffd773!important;
  text-shadow:0 0 8px rgba(255,171,48,.45);
  letter-spacing:.09em;
}
.novo4Fire .novo4Selection em{
  background:linear-gradient(135deg,#ffd96c,#ffb52f)!important;
  box-shadow:
    0 0 8px rgba(255,196,69,.22),
    0 0 16px rgba(255,131,24,.14);
}
.novo4Fire .novo4Header{position:relative}
.novo4Fire .novo4Header::before{
  content:'';
  position:absolute;
  inset:-1px;
  pointer-events:none;
  background:
    radial-gradient(circle at 0% 0%,rgba(255,170,44,.16),transparent 22%),
    radial-gradient(circle at 100% 0%,rgba(255,170,44,.16),transparent 22%);
  z-index:-1;
}
.novo4Fire .novo4Header::after{
  content:'';
  position:absolute;
  right:18px;
  top:10px;
  width:110px;
  height:42px;
  pointer-events:none;
  background:
    radial-gradient(circle at 8% 55%,rgba(255,213,91,.85) 0 1px,transparent 3px),
    radial-gradient(circle at 28% 38%,rgba(255,178,52,.72) 0 1px,transparent 3px),
    radial-gradient(circle at 49% 62%,rgba(255,228,122,.70) 0 1px,transparent 3px),
    radial-gradient(circle at 73% 44%,rgba(255,149,38,.76) 0 1px,transparent 3px),
    radial-gradient(circle at 92% 60%,rgba(255,204,86,.62) 0 1px,transparent 3px);
  opacity:.55;
  animation:novo4EmberDrift 3.2s ease-in-out infinite alternate;
}
@keyframes novo4EmberPulse{
  0%{
    filter:brightness(.98);
    box-shadow:
      0 0 0 1px rgba(255,145,35,.42),
      0 0 14px rgba(255,112,28,.18),
      0 0 30px rgba(255,126,32,.12),
      0 24px 64px rgba(0,0,0,.42);
  }
  100%{
    filter:brightness(1.03);
    box-shadow:
      0 0 0 1px rgba(255,203,81,.78),
      0 0 22px rgba(255,121,18,.34),
      0 0 54px rgba(255,145,33,.18),
      0 24px 64px rgba(0,0,0,.42);
  }
}
@keyframes novo4FireBorderFlicker{
  0%{opacity:.88;transform:scale(1)}
  100%{opacity:1;transform:scale(1.002)}
}
@keyframes novo4FlameCrest{
  0%{opacity:.72;transform:translateY(1px) scaleX(.996)}
  100%{opacity:1;transform:translateY(-2px) scaleX(1.004)}
}
@keyframes novo4EmberDrift{
  0%{opacity:.35;transform:translateY(2px)}
  100%{opacity:.72;transform:translateY(-2px)}
}
@media(prefers-reduced-motion:reduce){
  .novo4Fire,
  .novo4Fire .novo4FireLayer::before,
  .novo4Fire .novo4FireLayer::after,
  .novo4Fire .novo4Header::after{animation:none!important}
}


/* =========================================================
   V1.56.23 — SUBTLE HEAT GLOW FOR 9.2+ + CLEAN PICK PLACEMENT
   Keeps 9.2+ premium without obscuring tile content.
   ========================================================= */
.novo4Fire{
  border-color:rgba(255,196,72,.92)!important;
  box-shadow:
    0 0 0 1px rgba(255,164,52,.24),
    0 0 12px rgba(255,126,28,.16),
    0 18px 46px rgba(0,0,0,.36)!important;
  animation:novo4SoftHeat 2.8s ease-in-out infinite alternate!important;
  filter:none!important;
}
.novo4Fire .novo4FireLayer{
  display:block!important;
  position:absolute;
  inset:0!important;
  z-index:1!important;
  pointer-events:none!important;
  border-radius:inherit!important;
  overflow:hidden!important;
}
.novo4Fire .novo4FireLayer::before{
  content:''!important;
  position:absolute!important;
  inset:0!important;
  border-radius:inherit!important;
  border:1px solid rgba(255,202,83,.62)!important;
  box-shadow:
    inset 0 0 8px rgba(255,201,83,.05),
    0 0 9px rgba(255,145,34,.14)!important;
  animation:novo4SoftBorder 2.4s ease-in-out infinite alternate!important;
}
.novo4Fire .novo4FireLayer::after{
  content:''!important;
  position:absolute!important;
  inset:0!important;
  background:
    radial-gradient(circle at 0% 0%,rgba(255,177,50,.13),transparent 18%),
    radial-gradient(circle at 100% 0%,rgba(255,177,50,.11),transparent 18%),
    radial-gradient(circle at 0% 100%,rgba(255,145,32,.07),transparent 16%),
    radial-gradient(circle at 100% 100%,rgba(255,145,32,.07),transparent 16%)!important;
  filter:none!important;
  animation:none!important;
}
.novo4Fire .novo4Header::after,
.novo4Fire .novo4Header::before{
  content:none!important;
}
.novo4Fire .novo4ViewRow{
  background:rgba(2,18,22,.48)!important;
}
.novo4Fire .novo4ViewRow>strong{
  color:#ffd45c!important;
  text-shadow:
    0 0 7px rgba(255,206,78,.38),
    0 0 15px rgba(255,133,26,.16)!important;
}
.novo4Fire .novo4TierPill{
  background:linear-gradient(135deg,#ffe170,#ffc948)!important;
  color:#171005!important;
  box-shadow:0 0 8px rgba(255,190,54,.20)!important;
}
.novo4Fire .novo4FireBadge{
  color:#f6c75d!important;
  text-shadow:none!important;
  opacity:.84;
}
.novo4Fire .novo4Selection em{
  background:linear-gradient(135deg,#ffd463,#ffbc38)!important;
  box-shadow:0 0 6px rgba(255,187,48,.14)!important;
}
@keyframes novo4SoftHeat{
  0%{
    box-shadow:
      0 0 0 1px rgba(255,164,52,.20),
      0 0 9px rgba(255,126,28,.11),
      0 18px 46px rgba(0,0,0,.36);
  }
  100%{
    box-shadow:
      0 0 0 1px rgba(255,199,72,.34),
      0 0 14px rgba(255,141,31,.17),
      0 18px 46px rgba(0,0,0,.36);
  }
}
@keyframes novo4SoftBorder{
  from{opacity:.68}
  to{opacity:.94}
}

/* Keep My Picks away from crests and header content. */
.novo4PickAction{
  position:static!important;
  justify-self:end;
  align-self:center;
  min-height:30px!important;
  padding:0 10px!important;
  margin-left:auto!important;
  font-size:8px!important;
  z-index:3!important;
}
.novo4ViewRow{
  grid-template-columns:auto auto minmax(120px,auto) minmax(0,1fr) auto!important;
}
.novo4ProLock{
  justify-self:end;
  align-self:center;
  margin-left:auto;
}
@media(max-width:760px){
  .novo4ViewRow{
    grid-template-columns:auto auto minmax(0,1fr) auto!important;
  }
  .novo4PickAction{
    min-height:28px!important;
    padding:0 8px!important;
  }
}
@media(prefers-reduced-motion:reduce){
  .novo4Fire,
  .novo4Fire .novo4FireLayer::before{
    animation:none!important;
  }
}


/* =========================================================
   V1.56.24 — TOP-SHIFTED ARTWORK + SUBTLE DARK-RED HEAT DRIFT
   9.2+ cards only. Keeps all content fully readable.
   ========================================================= */

/* Push the tier artwork / dark shapes higher up the card */
.novo4Card:after{
  background:
    linear-gradient(
      180deg,
      rgba(2,17,21,.10) 0%,
      rgba(2,17,21,.34) 20%,
      rgba(2,17,21,.24) 38%,
      rgba(2,17,21,.10) 54%,
      transparent 72%
    ),
    linear-gradient(
      90deg,
      rgba(2,17,21,.84) 0%,
      rgba(2,17,21,.62) 44%,
      rgba(2,17,21,.26) 100%
    ),
    var(--tier-art,none) center top / cover no-repeat!important;
  opacity:.26!important;
}

/* Ensure all content remains above decorative layers */
.novo4Header,
.novo4Teams,
.novo4Selection,
.novo4ViewRow,
.novo4EvidenceBand,
.novo4Metrics,
.novo4RiskRow,
.novo4Review{
  position:relative;
  z-index:2;
}

/* Replace the previous fire fill with a subtle top-band heat shadow */
.novo4Fire .novo4FireLayer::after{
  content:''!important;
  position:absolute!important;
  left:0!important;
  right:0!important;
  top:0!important;
  bottom:auto!important;
  height:82px!important;
  border-radius:22px 22px 0 0!important;
  pointer-events:none!important;
  background:
    radial-gradient(ellipse at 10% 18%,rgba(74,4,8,.30) 0%,transparent 46%),
    radial-gradient(ellipse at 34% 10%,rgba(103,13,10,.22) 0%,transparent 42%),
    radial-gradient(ellipse at 60% 16%,rgba(74,5,7,.25) 0%,transparent 44%),
    radial-gradient(ellipse at 88% 12%,rgba(112,22,10,.18) 0%,transparent 42%),
    linear-gradient(
      90deg,
      rgba(42,3,5,.04) 0%,
      rgba(92,10,10,.10) 26%,
      rgba(132,27,12,.12) 50%,
      rgba(82,8,9,.09) 76%,
      rgba(38,3,4,.04) 100%
    )!important;
  opacity:.48!important;
  mix-blend-mode:screen;
  filter:none!important;
  animation:novo4DarkRedDrift 9s ease-in-out infinite alternate!important;
}

/* Gentle warm tint only in the top/header band */
.novo4Fire .novo4Header{
  background:
    linear-gradient(
      180deg,
      rgba(255,126,28,.035) 0%,
      rgba(82,8,9,.055) 42%,
      transparent 100%
    )!important;
}

/* Keep the premium edge, but don't let it overpower the card */
.novo4Fire{
  border-color:rgba(255,190,66,.88)!important;
  box-shadow:
    0 0 0 1px rgba(255,151,39,.18),
    0 0 10px rgba(255,120,26,.11),
    0 18px 42px rgba(0,0,0,.34)!important;
}

/* Preserve the subtle glow on score/tier */
.novo4Fire .novo4ViewRow>strong{
  color:#ffd15a!important;
  text-shadow:0 0 6px rgba(255,202,74,.28)!important;
}
.novo4Fire .novo4TierPill{
  box-shadow:0 0 6px rgba(255,184,46,.16)!important;
}

/* Slow moving dark-red shape */
@keyframes novo4DarkRedDrift{
  0%{
    transform:translateX(-12px) translateY(0) scaleX(1);
    opacity:.40;
  }
  50%{
    transform:translateX(6px) translateY(1px) scaleX(1.018);
    opacity:.52;
  }
  100%{
    transform:translateX(18px) translateY(-1px) scaleX(1.035);
    opacity:.44;
  }
}

@media(prefers-reduced-motion:reduce){
  .novo4Fire .novo4FireLayer::after{
    animation:none!important;
  }
}


/* =========================================================
   V1.56.26 — NOVO 4 EVIDENCE CLARITY
   Stronger visual language for confidence, coverage and contradictions.
   ========================================================= */
.novo4Confidence,
.novo4Coverage,
.novo4Risk,
.novo4CoverageDetail{
  transition:border-color .18s ease,background .18s ease,box-shadow .18s ease;
}

/* Confidence hierarchy */
.novo4Confidence.confirmed{
  border-color:rgba(54,235,166,.50)!important;
  background:
    linear-gradient(135deg,rgba(35,192,133,.15),rgba(9,42,36,.74))!important;
  box-shadow:inset 0 0 0 1px rgba(69,235,174,.04);
}
.novo4Confidence.confirmed .novo4EvidenceIcon{
  background:rgba(55,229,165,.12)!important;
  box-shadow:0 0 10px rgba(55,229,165,.10);
}
.novo4Confidence.supported{
  border-color:rgba(167,110,255,.48)!important;
  background:
    linear-gradient(135deg,rgba(122,75,207,.15),rgba(23,19,43,.74))!important;
}
.novo4Confidence.fragile{
  border-color:rgba(255,186,65,.48)!important;
  background:
    linear-gradient(135deg,rgba(180,112,26,.13),rgba(47,31,12,.72))!important;
}
.novo4Confidence.fragile .novo4EvidenceIcon{color:#ffc15a!important}

/* Coverage hierarchy */
.novo4Coverage.high,
.novo4CoverageDetail.high{
  border-color:rgba(63,167,255,.48)!important;
  background:
    linear-gradient(135deg,rgba(44,124,204,.15),rgba(9,31,48,.74))!important;
}
.novo4Coverage.medium,
.novo4CoverageDetail.medium{
  border-color:rgba(255,197,71,.42)!important;
  background:
    linear-gradient(135deg,rgba(167,116,26,.12),rgba(42,30,10,.72))!important;
}
.novo4Coverage.limited,
.novo4CoverageDetail.limited{
  border-color:rgba(255,126,86,.46)!important;
  background:
    linear-gradient(135deg,rgba(158,63,35,.13),rgba(44,20,13,.74))!important;
}
.novo4CoverageDetail.high b{color:#62b0ff!important}
.novo4CoverageDetail.medium b{color:#ffd064!important}
.novo4CoverageDetail.limited b{color:#ff9e76!important}

/* Three-segment coverage meter */
.novo4CoverageDetail{
  grid-template-columns:32px auto 1fr auto!important;
}
.novo4CoverageMeter{
  display:inline-flex;
  justify-self:end;
  align-items:center;
  gap:3px;
}
.novo4CoverageMeter i{
  width:12px;
  height:5px;
  border-radius:999px;
  background:rgba(255,255,255,.10);
}
.novo4CoverageDetail.high .novo4CoverageMeter i{
  background:#4ca8ff;
  box-shadow:0 0 5px rgba(76,168,255,.22);
}
.novo4CoverageDetail.medium .novo4CoverageMeter i:nth-child(-n+2){
  background:#ffc84e;
}
.novo4CoverageDetail.limited .novo4CoverageMeter i:first-child{
  background:#ff9169;
}

/* Contradiction severity */
.novo4Risk.clear{
  border-color:rgba(61,225,166,.30)!important;
  background:rgba(21,87,68,.08)!important;
}
.novo4Risk.clear .novo4Warn{
  clip-path:none!important;
  border-radius:50%!important;
  background:rgba(61,225,166,.12)!important;
  color:#52e2aa!important;
}
.novo4Risk.clear b{color:#61e2ad!important}
.novo4Risk.minor{
  border-color:rgba(255,195,70,.30)!important;
}
.novo4Risk.minor b{color:#ffc95c!important}
.novo4Risk.moderate{
  border-color:rgba(255,138,55,.42)!important;
  background:rgba(100,48,11,.10)!important;
}
.novo4Risk.moderate .novo4Warn{background:#ff9a3d!important}
.novo4Risk.moderate b{color:#ffae54!important}
.novo4Risk.major{
  border-color:rgba(255,82,82,.48)!important;
  background:rgba(105,24,24,.13)!important;
}
.novo4Risk.major .novo4Warn{
  background:#ff5656!important;
  color:#fff!important;
}
.novo4Risk.major b{color:#ff7e7e!important}

/* Compact descriptive treatment at smaller widths */
@media(max-width:760px){
  .novo4CoverageDetail{
    grid-template-columns:26px minmax(0,1fr) auto!important;
  }
  .novo4CoverageDetail b{
    grid-column:2!important;
    justify-self:start!important;
  }
  .novo4CoverageMeter{
    grid-column:3;
    grid-row:1 / span 2;
  }
}


/* =========================================================
   V1.57.0 — NOVO 4 CALIBRATION DASHBOARD
   Admin-only evidence/result calibration surfaces.
   ========================================================= */
.calibrationSurface{
  margin-top:18px;
  border-color:rgba(39,239,187,.16)!important;
  background:
    radial-gradient(circle at 88% 0%,rgba(69,168,255,.055),transparent 30%),
    linear-gradient(145deg,rgba(7,29,34,.92),rgba(4,20,25,.94))!important;
}
.calibrationMetricGrid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:10px;
  margin:14px 0 16px;
}
.calibrationMetric{
  min-height:98px;
  padding:14px;
  border:1px solid rgba(255,255,255,.075);
  border-radius:14px;
  background:rgba(3,18,23,.66);
}
.calibrationMetric small{
  display:block;
  color:#849ba3;
  font-size:9px;
  font-weight:950;
  letter-spacing:.065em;
  text-transform:uppercase;
}
.calibrationMetric b{
  display:block;
  margin-top:7px;
  color:#f5fbfc;
  font-size:26px;
  line-height:1;
}
.calibrationMetric em{
  display:block;
  margin-top:7px;
  color:#8fa5ad;
  font-size:9px;
  font-style:normal;
}
.calibrationColumns{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
}
.calibrationBlock{
  min-width:0;
  padding:14px;
  border:1px solid rgba(255,255,255,.075);
  border-radius:14px;
  background:rgba(2,16,21,.58);
}
.calibrationBlockHead{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:10px;
  margin-bottom:10px;
}
.calibrationBlockHead b{
  color:#f3f9fb;
  font-size:13px;
}
.calibrationBlockHead span{
  color:#7f969e;
  font-size:9px;
  text-align:right;
}
.calibrationRows{
  display:grid;
  gap:7px;
}
.calibrationRow{
  display:grid;
  grid-template-columns:minmax(0,1.2fr) 68px 72px;
  align-items:center;
  gap:9px;
  min-height:52px;
  padding:9px 10px;
  border:1px solid rgba(255,255,255,.06);
  border-radius:10px;
  background:rgba(255,255,255,.018);
}
.calibrationRow>div:first-child{
  min-width:0;
}
.calibrationRow>div:first-child b{
  display:block;
  color:#dce8eb;
  font-size:10px;
}
.calibrationRow>div:first-child small{
  display:block;
  margin-top:2px;
  color:#748a92;
  font-size:8px;
}
.calibrationRow>strong{
  color:#57e5ae;
  font-size:14px;
  text-align:right;
}
.calibrationRow>span{
  color:#8da0a7;
  font-size:8px;
  text-align:right;
}
.calibrationBar{
  grid-column:1 / -1;
  height:4px;
  overflow:hidden;
  border-radius:999px;
  background:rgba(255,255,255,.06);
}
.calibrationBar i{
  display:block;
  height:100%;
  border-radius:inherit;
  background:linear-gradient(90deg,#20d9aa,#73ecc7);
  box-shadow:0 0 7px rgba(50,224,177,.20);
}
.calibrationNote{
  margin-top:12px;
  padding:10px 12px;
  border-radius:10px;
  border:1px solid rgba(255,255,255,.06);
  background:rgba(255,255,255,.018);
  color:#8fa5ad;
  font-size:9px;
  line-height:1.45;
}
.calibrationNote b{color:#ffd267}
@media(max-width:980px){
  .calibrationMetricGrid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .calibrationColumns{grid-template-columns:1fr}
}
@media(max-width:560px){
  .calibrationMetricGrid{grid-template-columns:1fr 1fr}
  .calibrationMetric{min-height:86px;padding:11px}
  .calibrationMetric b{font-size:21px}
  .calibrationRow{grid-template-columns:minmax(0,1fr) 62px}
  .calibrationRow>span{grid-column:1 / -1;text-align:left}
}


/* =========================================================
   V1.57.1 — CALIBRATION RELIABILITY + BASELINE
   Adds W-L, sample reliability and delta vs overall baseline.
   ========================================================= */
.calibrationRow{
  grid-template-columns:minmax(0,1.25fr) 66px 72px 104px 82px!important;
  gap:8px!important;
}
.calibrationHitRate{
  color:#57e5ae!important;
  font-size:14px!important;
  text-align:right!important;
}
.calibrationRecord{
  text-align:right;
}
.calibrationRecord b{
  display:block;
  color:#dce8eb;
  font-size:11px;
}
.calibrationRecord small{
  display:block;
  margin-top:2px;
  color:#738991;
  font-size:7px;
  font-weight:850;
  letter-spacing:.04em;
  text-transform:uppercase;
}
.calibrationSample{
  justify-self:end;
  display:inline-flex;
  flex-direction:column;
  align-items:flex-end;
  gap:2px;
  min-width:92px;
  padding:5px 7px;
  border:1px solid rgba(255,255,255,.07);
  border-radius:8px;
  background:rgba(255,255,255,.025);
  font-size:7px!important;
  font-weight:1000;
  letter-spacing:.035em;
  text-transform:uppercase;
}
.calibrationSample small{
  color:#789097;
  font-size:7px;
  font-weight:850;
  text-transform:none;
}
.calibrationSample.early{
  color:#ff9b72!important;
  border-color:rgba(255,126,86,.25);
  background:rgba(139,50,25,.08);
}
.calibrationSample.developing{
  color:#ffd064!important;
  border-color:rgba(255,199,72,.24);
  background:rgba(137,100,22,.07);
}
.calibrationSample.useful{
  color:#8cc7ff!important;
  border-color:rgba(92,174,255,.24);
  background:rgba(35,93,145,.08);
}
.calibrationSample.strong{
  color:#58e5ad!important;
  border-color:rgba(73,224,168,.28);
  background:rgba(31,121,89,.08);
}
.calibrationDelta{
  justify-self:end;
  display:flex;
  flex-direction:column;
  align-items:flex-end;
  line-height:1.1;
  font-size:10px!important;
  font-weight:950;
}
.calibrationDelta small{
  margin-top:2px;
  color:#71878f;
  font-size:7px;
  font-weight:800;
}
.calibrationDelta.positive{color:#58e5ad!important}
.calibrationDelta.negative{color:#ff8585!important}
.calibrationDelta.neutral{color:#a9b8bd!important}

@media(max-width:1180px){
  .calibrationRow{
    grid-template-columns:minmax(0,1fr) 62px 68px 98px!important;
  }
  .calibrationDelta{
    grid-column:2 / 5;
    justify-self:end;
    flex-direction:row;
    gap:5px;
    align-items:center;
  }
  .calibrationDelta small{margin-top:0}
}
@media(max-width:680px){
  .calibrationRow{
    grid-template-columns:minmax(0,1fr) 58px!important;
    align-items:start!important;
  }
  .calibrationHitRate{grid-column:2}
  .calibrationRecord{
    grid-column:1;
    grid-row:2;
    text-align:left;
  }
  .calibrationSample{
    grid-column:2;
    grid-row:2;
    min-width:0;
  }
  .calibrationDelta{
    grid-column:1 / -1;
    grid-row:3;
    justify-self:start;
  }
  .calibrationBar{grid-row:4}
}


/* =========================================================
   V1.57.2 — CALIBRATION COVERAGE AUDIT + HISTORY BACKFILL
   ========================================================= */
.calibrationAudit{
  margin-top:14px;
  padding-top:14px;
  border-top:1px solid rgba(255,255,255,.07);
}
.calibrationAuditHead{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-bottom:10px;
}
.calibrationAuditHead>div b{
  display:block;
  color:#f3f9fb;
  font-size:13px;
}
.calibrationAuditHead>div span{
  display:block;
  margin-top:3px;
  color:#7f969e;
  font-size:9px;
}
.calibrationAuditSummary{
  margin-bottom:9px;
  color:#8ea4ab;
  font-size:9px;
}
.calibrationAuditSummary b{color:#58e5ad}
.calibrationAuditTable{
  overflow:hidden;
  border:1px solid rgba(255,255,255,.07);
  border-radius:12px;
  background:rgba(2,16,21,.54);
}
.calibrationAuditHeader,
.calibrationAuditRow{
  display:grid;
  grid-template-columns:minmax(0,1.3fr) 92px 92px minmax(160px,.8fr);
  gap:10px;
  align-items:center;
}
.calibrationAuditHeader{
  padding:8px 10px;
  background:rgba(255,255,255,.025);
  color:#728990;
  font-size:7px;
  font-weight:950;
  letter-spacing:.06em;
  text-transform:uppercase;
}
.calibrationAuditRow{
  min-height:52px;
  padding:9px 10px;
  border-top:1px solid rgba(255,255,255,.055);
}
.calibrationAuditRow>div:first-child b{
  display:block;
  color:#dce8eb;
  font-size:10px;
}
.calibrationAuditRow>div:first-child small{
  display:block;
  margin-top:2px;
  color:#697f87;
  font-size:7px;
}
.calibrationAuditRow>strong{
  color:#58e5ad;
  font-size:12px;
}
.calibrationAuditRow>span{
  color:#ff9a86;
  font-size:11px;
  font-weight:900;
}
.calibrationAuditPct{
  display:grid;
  grid-template-columns:52px 1fr;
  align-items:center;
  gap:8px;
}
.calibrationAuditPct>b{
  font-size:10px;
  text-align:right;
}
.calibrationAuditPct>i{
  display:block;
  height:5px;
  overflow:hidden;
  border-radius:999px;
  background:rgba(255,255,255,.07);
}
.calibrationAuditPct>i>em{
  display:block;
  height:100%;
  border-radius:inherit;
  background:#58e5ad;
}
.calibrationAuditPct.strong>b{color:#58e5ad}
.calibrationAuditPct.useful>b{color:#8cc7ff}
.calibrationAuditPct.useful>i>em{background:#6bb5ff}
.calibrationAuditPct.developing>b{color:#ffd064}
.calibrationAuditPct.developing>i>em{background:#ffc84e}
.calibrationAuditPct.early>b{color:#ff9b72}
.calibrationAuditPct.early>i>em{background:#ff9169}
.calibrationBackfillStatus{
  margin-top:9px;
  padding:9px 10px;
  border:1px solid rgba(255,255,255,.06);
  border-radius:9px;
  background:rgba(255,255,255,.018);
  color:#8299a0;
  font-size:8.5px;
  line-height:1.45;
}
.calibrationBackfillStatus b{color:#5be6b1}
#backfillNovo4History:disabled{opacity:.58;cursor:wait}

@media(max-width:760px){
  .calibrationAuditHead{align-items:flex-start;flex-direction:column}
  .calibrationAuditHead button{width:100%}
  .calibrationAuditHeader{display:none}
  .calibrationAuditRow{
    grid-template-columns:minmax(0,1fr) 64px 64px;
  }
  .calibrationAuditPct{
    grid-column:1/-1;
    grid-template-columns:48px 1fr;
  }
}


/* =========================================================
   V1.57.4 — FORWARD CALIBRATION READINESS
   ========================================================= */
.calibrationAuditHeader,
.calibrationAuditRow{
  grid-template-columns:minmax(0,1.2fr) 84px 84px minmax(150px,.8fr) 132px!important;
}
.calibrationReadiness{
  justify-self:end;
  display:inline-flex;
  align-items:center;
  min-height:24px;
  padding:0 8px;
  border:1px solid rgba(255,255,255,.08);
  border-radius:999px;
  font-size:7px;
  font-style:normal;
  font-weight:1000;
  letter-spacing:.04em;
  white-space:nowrap;
}
.calibrationReadiness.early{color:#ff9b72;border-color:rgba(255,126,86,.28);background:rgba(139,50,25,.08)}
.calibrationReadiness.developing{color:#ffd064;border-color:rgba(255,199,72,.28);background:rgba(137,100,22,.07)}
.calibrationReadiness.useful{color:#8cc7ff;border-color:rgba(92,174,255,.28);background:rgba(35,93,145,.08)}
.calibrationReadiness.strong{color:#58e5ad;border-color:rgba(73,224,168,.30);background:rgba(31,121,89,.08)}

.calibrationReadinessLegend{
  display:flex;
  flex-wrap:wrap;
  gap:7px;
  margin-top:9px;
}
.calibrationReadinessLegend span{
  display:inline-flex;
  align-items:center;
  gap:5px;
  padding:5px 7px;
  border:1px solid rgba(255,255,255,.06);
  border-radius:8px;
  color:#849aa1;
  background:rgba(255,255,255,.018);
  font-size:7px;
  font-weight:900;
}
.calibrationReadinessLegend b{color:#cbd7da}
.calibrationReadinessLegend i{
  width:7px;
  height:7px;
  border-radius:50%;
}
.calibrationReadinessLegend i.early{background:#ff9169}
.calibrationReadinessLegend i.developing{background:#ffc84e}
.calibrationReadinessLegend i.useful{background:#6bb5ff}
.calibrationReadinessLegend i.strong{background:#58e5ad}

@media(max-width:900px){
  .calibrationAuditHeader{display:none}
  .calibrationAuditRow{
    grid-template-columns:minmax(0,1fr) 68px 68px!important;
  }
  .calibrationAuditPct{
    grid-column:1/3;
  }
  .calibrationReadiness{
    grid-column:3;
    grid-row:2;
  }
}
@media(max-width:560px){
  .calibrationAuditRow{
    grid-template-columns:minmax(0,1fr) 60px!important;
  }
  .calibrationAuditPct{
    grid-column:1/-1;
  }
  .calibrationReadiness{
    grid-column:1/-1;
    grid-row:auto;
    justify-self:start;
  }
}


/* =========================================================
   V1.57.5 — CALIBRATION INSIGHTS
   ========================================================= */
.calibrationInsights{
  margin-top:14px;
  padding-top:14px;
  border-top:1px solid rgba(255,255,255,.07);
}
.calibrationInsightsHead{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-bottom:10px;
}
.calibrationInsightsHead>div b{
  display:block;
  color:#f3f9fb;
  font-size:13px;
}
.calibrationInsightsHead>div span{
  display:block;
  margin-top:3px;
  color:#7f969e;
  font-size:9px;
}
.calibrationInsightGrid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
}
.calibrationInsightPanel{
  padding:12px;
  border:1px solid rgba(255,255,255,.07);
  border-radius:12px;
  background:rgba(2,16,21,.54);
}
.calibrationInsightTitle{
  display:flex;
  align-items:center;
  gap:9px;
  margin-bottom:9px;
}
.calibrationInsightTitle>span{
  width:28px;
  height:28px;
  display:grid;
  place-items:center;
  border-radius:8px;
  border:1px solid rgba(53,233,186,.18);
  background:rgba(53,233,186,.055);
  color:#49e5b7;
  font-size:13px;
}
.calibrationInsightTitle b{
  display:block;
  color:#e8f2f4;
  font-size:11px;
}
.calibrationInsightTitle small{
  display:block;
  margin-top:2px;
  color:#748a92;
  font-size:7px;
}
.calibrationInsightList{
  display:grid;
  gap:7px;
}
.calibrationInsightItem{
  padding:9px 10px;
  border:1px solid rgba(255,255,255,.055);
  border-radius:9px;
  background:rgba(255,255,255,.018);
}
.calibrationInsightItem b{
  display:block;
  color:#dce8eb;
  font-size:9px;
  line-height:1.35;
}
.calibrationInsightItem small{
  display:block;
  margin-top:3px;
  color:#71868e;
  font-size:7.5px;
  line-height:1.4;
}
.calibrationInsightItem.positive{
  border-color:rgba(73,224,168,.18);
  background:rgba(31,121,89,.055);
}
.calibrationInsightItem.positive b{color:#66e8b8}
.calibrationInsightItem.warning{
  border-color:rgba(255,199,72,.18);
  background:rgba(137,100,22,.05);
}
.calibrationInsightItem.warning b{color:#ffd064}
.calibrationInsightItem.negative{
  border-color:rgba(255,111,111,.18);
  background:rgba(130,36,36,.055);
}
.calibrationInsightItem.negative b{color:#ff8d8d}
.calibrationInsightsNote{
  margin-top:9px;
  padding:9px 10px;
  border:1px solid rgba(255,255,255,.06);
  border-radius:9px;
  background:rgba(255,255,255,.018);
  color:#8299a0;
  font-size:8px;
  line-height:1.45;
}
.calibrationInsightsNote b{color:#5be6b1}

@media(max-width:900px){
  .calibrationInsightGrid{grid-template-columns:1fr}
}
@media(max-width:560px){
  .calibrationInsightsHead{align-items:flex-start;flex-direction:column}
}


/* =========================================================
   V1.57.6 — CALIBRATION TREND TRACKING
   ========================================================= */
.calibrationTrends{
  margin-top:12px;
  padding-top:12px;
  border-top:1px solid rgba(255,255,255,.06);
}
.calibrationTrendsHead{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:12px;
  margin-bottom:8px;
}
.calibrationTrendsHead>div:first-child b{
  display:block;
  color:#eef7f9;
  font-size:12px;
}
.calibrationTrendsHead>div:first-child span{
  display:block;
  margin-top:2px;
  color:#758b93;
  font-size:8px;
}
.calibrationTrendLegend{
  display:flex;
  gap:18px;
  color:#6f858d;
  font-size:7px;
  font-weight:950;
  letter-spacing:.05em;
}
.calibrationTrendSummary{
  margin-bottom:9px;
  padding:8px 9px;
  border:1px solid rgba(255,255,255,.055);
  border-radius:8px;
  background:rgba(255,255,255,.015);
  color:#83989f;
  font-size:8px;
  line-height:1.45;
}
.calibrationTrendSummary b{color:#dce8eb}
.calibrationTrendColumns{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
}
.calibrationTrendGroupTitle{
  margin:0 0 6px;
  color:#8aa0a7;
  font-size:8px;
  font-weight:950;
  letter-spacing:.04em;
  text-transform:uppercase;
}
.calibrationTrendRows{
  display:grid;
  gap:6px;
}
.calibrationTrendRow{
  display:grid;
  grid-template-columns:minmax(0,1.25fr) 72px 72px 72px 98px;
  align-items:center;
  gap:7px;
  padding:9px 10px;
  border:1px solid rgba(255,255,255,.055);
  border-radius:9px;
  background:rgba(255,255,255,.016);
}
.calibrationTrendLabel b{
  display:block;
  color:#dce8eb;
  font-size:9px;
}
.calibrationTrendLabel small{
  display:block;
  margin-top:2px;
  color:#6e838b;
  font-size:7px;
}
.calibrationTrendRate{
  text-align:right;
}
.calibrationTrendRate b{
  display:block;
  color:#55e4ae;
  font-size:10px;
}
.calibrationTrendRate small{
  display:block;
  margin-top:2px;
  color:#6c828a;
  font-size:6.5px;
}
.calibrationTrendState{
  justify-self:end;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:84px;
  min-height:24px;
  padding:0 8px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.08);
  font-size:7px;
  font-weight:1000;
  letter-spacing:.04em;
  white-space:nowrap;
}
.calibrationTrendState.improving{color:#58e5ad;border-color:rgba(73,224,168,.28);background:rgba(31,121,89,.08)}
.calibrationTrendState.stable{color:#8cc7ff;border-color:rgba(92,174,255,.26);background:rgba(35,93,145,.08)}
.calibrationTrendState.declining{color:#ff8d8d;border-color:rgba(255,111,111,.28);background:rgba(130,36,36,.06)}
.calibrationTrendState.early{color:#ffd064;border-color:rgba(255,199,72,.25);background:rgba(137,100,22,.06)}
.calibrationTrendStatusLegend{
  display:flex;
  flex-wrap:wrap;
  gap:7px;
  margin-top:9px;
}
.calibrationTrendStatusLegend span{
  padding:5px 7px;
  border-radius:8px;
  border:1px solid rgba(255,255,255,.055);
  background:rgba(255,255,255,.015);
  font-size:7px;
  font-weight:950;
}
.calibrationTrendStatusLegend .improving{color:#58e5ad}
.calibrationTrendStatusLegend .stable{color:#8cc7ff}
.calibrationTrendStatusLegend .declining{color:#ff8d8d}
.calibrationTrendStatusLegend .early{color:#ffd064}

@media(max-width:1180px){
  .calibrationTrendColumns{grid-template-columns:1fr}
}
@media(max-width:720px){
  .calibrationTrendsHead{align-items:flex-start;flex-direction:column}
  .calibrationTrendLegend{gap:10px}
  .calibrationTrendRow{
    grid-template-columns:minmax(0,1fr) 58px 58px 58px;
  }
  .calibrationTrendState{
    grid-column:1/-1;
    justify-self:start;
  }
}


/* =========================================================
   V1.57.9 — CALIBRATION DECISION GATE
   ========================================================= */
.calibrationDecisionGate{
  margin-top:12px;
  padding-top:12px;
  border-top:1px solid rgba(255,255,255,.06);
}
.calibrationDecisionHead{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-bottom:9px;
}
.calibrationDecisionHead>div b{
  display:block;
  color:#eef7f9;
  font-size:12px;
}
.calibrationDecisionHead>div span{
  display:block;
  margin-top:2px;
  color:#748a92;
  font-size:8px;
}
.calibrationDecisionStatus{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:28px;
  padding:0 10px;
  border-radius:999px;
  font-size:7px;
  font-weight:1000;
  letter-spacing:.05em;
}
.calibrationDecisionStatus.locked{
  color:#ffbd6b;
  border:1px solid rgba(255,166,77,.28);
  background:rgba(140,73,18,.08);
}
.calibrationDecisionStatus.ready{
  color:#58e5ad;
  border:1px solid rgba(73,224,168,.30);
  background:rgba(31,121,89,.08);
}
.calibrationDecisionGrid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:8px;
}
.calibrationDecisionCard{
  padding:11px;
  border:1px solid rgba(255,255,255,.06);
  border-radius:10px;
  background:rgba(255,255,255,.016);
}
.calibrationDecisionCard small{
  display:block;
  color:#70868e;
  font-size:7px;
  font-weight:950;
  letter-spacing:.05em;
}
.calibrationDecisionCard b{
  display:block;
  margin-top:5px;
  color:#e9f2f4;
  font-size:18px;
  line-height:1;
}
.calibrationDecisionCard span{
  display:block;
  margin-top:5px;
  color:#81969d;
  font-size:7.5px;
  line-height:1.35;
}
.calibrationDecisionChecklist{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:7px;
  margin-top:8px;
}
.calibrationDecisionCheck{
  display:flex;
  align-items:center;
  gap:8px;
  padding:9px 10px;
  border:1px solid rgba(255,255,255,.055);
  border-radius:9px;
  background:rgba(255,255,255,.015);
}
.calibrationDecisionCheck>span{
  width:22px;
  height:22px;
  display:grid;
  place-items:center;
  flex:0 0 auto;
  border-radius:50%;
  font-size:9px;
  font-weight:1000;
}
.calibrationDecisionCheck.pass{
  border-color:rgba(73,224,168,.15);
}
.calibrationDecisionCheck.pass>span{
  color:#58e5ad;
  background:rgba(73,224,168,.08);
  border:1px solid rgba(73,224,168,.25);
}
.calibrationDecisionCheck.hold{
  border-color:rgba(255,184,81,.14);
}
.calibrationDecisionCheck.hold>span{
  color:#ffbd6b;
  background:rgba(155,89,24,.08);
  border:1px solid rgba(255,184,81,.22);
}
.calibrationDecisionCheck b{
  display:block;
  color:#dce8eb;
  font-size:8.5px;
}
.calibrationDecisionCheck small{
  display:block;
  margin-top:2px;
  color:#70868d;
  font-size:7px;
}
.calibrationDecisionFoot{
  margin-top:8px;
  color:#6f858c;
  font-size:7.5px;
  line-height:1.4;
}
@media(max-width:900px){
  .calibrationDecisionGrid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:620px){
  .calibrationDecisionHead{align-items:flex-start;flex-direction:column}
  .calibrationDecisionGrid{grid-template-columns:1fr 1fr}
  .calibrationDecisionChecklist{grid-template-columns:1fr}
}


/* =========================================================
   V1.58.0 — DAILY CALIBRATION SNAPSHOTS
   ========================================================= */
.calibrationSnapshotHistory{
  margin-top:12px;
  padding-top:12px;
  border-top:1px solid rgba(255,255,255,.06);
}
.calibrationSnapshotHead{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-bottom:9px;
}
.calibrationSnapshotHead>div b{
  display:block;
  color:#eef7f9;
  font-size:12px;
}
.calibrationSnapshotHead>div span{
  display:block;
  margin-top:2px;
  color:#748a92;
  font-size:8px;
}
.calibrationSnapshotSummary{
  margin-bottom:8px;
  padding:8px 9px;
  border:1px solid rgba(255,255,255,.055);
  border-radius:8px;
  background:rgba(255,255,255,.015);
  color:#82989f;
  font-size:8px;
}
.calibrationSnapshotSummary b{color:#58e5ad}
.calibrationSnapshotList{
  overflow:hidden;
  border:1px solid rgba(255,255,255,.06);
  border-radius:10px;
  background:rgba(2,16,21,.45);
}
.calibrationSnapshotHeader,
.calibrationSnapshotRow{
  display:grid;
  grid-template-columns:90px 74px 66px minmax(120px,1fr) 66px 88px minmax(130px,1fr);
  gap:8px;
  align-items:center;
}
.calibrationSnapshotHeader{
  padding:8px 10px;
  color:#6f858d;
  background:rgba(255,255,255,.022);
  font-size:7px;
  font-weight:950;
  letter-spacing:.05em;
  text-transform:uppercase;
}
.calibrationSnapshotRow{
  min-height:44px;
  padding:8px 10px;
  border-top:1px solid rgba(255,255,255,.05);
}
.calibrationSnapshotRow>b{
  color:#dce8eb;
  font-size:8.5px;
}
.calibrationSnapshotRow>strong{
  color:#58e5ad;
  font-size:10px;
}
.calibrationSnapshotRow>span{
  color:#8aa0a7;
  font-size:8px;
}
.calibrationSnapshotRow>span small{
  display:block;
  margin-top:2px;
  color:#697f87;
  font-size:6.5px;
}
.calibrationSnapshotRow>em{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:22px;
  padding:0 7px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.07);
  font-style:normal;
  font-size:6.5px;
  font-weight:1000;
  letter-spacing:.035em;
  white-space:nowrap;
}
.calibrationSnapshotRow>em.stable,
.calibrationSnapshotRow>em.ready{
  color:#58e5ad;
  border-color:rgba(73,224,168,.24);
  background:rgba(31,121,89,.07);
}
.calibrationSnapshotRow>em.moving{
  color:#8cc7ff;
  border-color:rgba(92,174,255,.23);
  background:rgba(35,93,145,.07);
}
.calibrationSnapshotRow>em.early,
.calibrationSnapshotRow>em.hold{
  color:#ffbd6b;
  border-color:rgba(255,166,77,.23);
  background:rgba(140,73,18,.07);
}
#saveCalibrationSnapshot:disabled{opacity:.58;cursor:wait}

@media(max-width:900px){
  .calibrationSnapshotHeader{display:none}
  .calibrationSnapshotRow{
    grid-template-columns:90px 70px 70px minmax(0,1fr);
  }
  .calibrationSnapshotRow>span:nth-of-type(3),
  .calibrationSnapshotRow>em{
    grid-row:auto;
  }
}
@media(max-width:620px){
  .calibrationSnapshotHead{align-items:flex-start;flex-direction:column}
  .calibrationSnapshotHead button{width:100%}
  .calibrationSnapshotRow{
    grid-template-columns:1fr 1fr;
    gap:6px;
  }
  .calibrationSnapshotRow>em{
    justify-self:start;
  }
}


/* =========================================================
   V1.58.2 — MY PICKS MATCH CARDS
   ========================================================= */
.picksMatchCardsSection,
.picksSavedSection{
  margin-top:12px;
  padding:14px;
  border:1px solid rgba(255,255,255,.07);
  border-radius:18px;
  background:linear-gradient(155deg,rgba(6,18,22,.84),rgba(5,14,18,.72));
  backdrop-filter:blur(16px);
}
.picksSectionHead{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:14px;
  margin-bottom:12px;
}
.picksSectionHead>div small{
  display:block;
  color:#58e5ad;
  font-size:8px;
  font-weight:950;
  letter-spacing:.08em;
}
.picksSectionHead h3{
  margin:3px 0 2px;
  color:#edf7f9;
  font-size:17px;
  letter-spacing:-.25px;
}
.picksSectionHead p{
  margin:0;
  color:#7d9299;
  font-size:9px;
  line-height:1.45;
}
.picksSectionHead>span{
  flex:0 0 auto;
  padding:6px 8px;
  border:1px solid rgba(88,229,173,.18);
  border-radius:999px;
  color:#64e7b5;
  background:rgba(54,164,121,.06);
  font-size:7px;
  font-weight:1000;
  letter-spacing:.05em;
}
.picksMatchCardsGrid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
}
.picksFavoriteTile{
  min-height:250px;
  align-items:flex-start;
  justify-content:flex-end;
}
.picksFavoriteTile .tileArtImage{
  opacity:.54;
}
.picksFavoriteTile:after{
  content:'';
  position:absolute;
  inset:0;
  z-index:0;
  pointer-events:none;
  background:linear-gradient(180deg,rgba(3,11,15,.03) 0%,rgba(3,11,15,.18) 42%,rgba(3,11,15,.84) 100%);
}
.picksFavoriteTile>*:not(.tileArtImage){
  position:relative;
  z-index:1;
}
.picksFavoriteMeta{
  display:flex;
  align-items:center;
  gap:8px;
  margin-bottom:5px;
}
.picksFavoriteMeta>span{
  display:grid;
  place-items:center;
  width:34px;
  height:34px;
  border-radius:10px;
  border:1px solid rgba(255,255,255,.12);
  background:rgba(3,13,17,.56);
  color:#fff;
  font-size:15px;
  font-weight:1000;
}
.picksFavoriteMeta>small{
  color:#91a5ac;
  font-size:7px;
  font-weight:950;
  letter-spacing:.08em;
}
.picksFavoriteTile>b{
  font-size:17px;
}
.picksFavoriteTile>p{
  max-width:34ch;
  margin-top:5px;
}
.picksFavoriteTile>em{
  margin-top:9px;
  color:#dfe9ec;
}
.picksSavedSection .savedPicksPanel{
  margin:0;
}
.picksSavedSection .compactEmpty{
  min-height:150px;
  display:grid;
  place-items:center;
  align-content:center;
  text-align:center;
}
.picksSavedSection .proLockedPanel{
  margin:0;
}
#picksHub .routeBack{
  margin-bottom:9px;
}
#favoriteHub .routeBack,
#matchDetailHub .routeBack{
  margin-bottom:9px;
}

@media(max-width:900px){
  .picksMatchCardsGrid{grid-template-columns:1fr}
  .picksFavoriteTile{min-height:220px}
}
@media(max-width:620px){
  .picksMatchCardsSection,
  .picksSavedSection{padding:11px}
  .picksSectionHead{align-items:flex-start;flex-direction:column}
  .picksSectionHead>span{align-self:flex-start}
  .picksFavoriteTile{min-height:205px}
}


/* =========================================================
   V1.58.4 — LIVE TILE SPACING / READABILITY
   Keep NOVO 4 live cards wide enough that evidence labels do
   not collapse into vertical text at desktop widths.
   ========================================================= */
.fidelityV1473 .liveGrid{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:18px!important;
  align-items:start!important;
}
.fidelityV1473 .liveGrid > .novo4Card{
  height:auto!important;
  min-width:0!important;
}
.fidelityV1473 .liveGrid .novo4EvidenceBand{
  grid-template-columns:1.15fr 1.15fr repeat(4,.72fr);
  gap:8px;
}
.fidelityV1473 .liveGrid .novo4Metrics{
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:8px;
}
.fidelityV1473 .liveGrid .novo4MetricCard{
  min-height:72px;
  padding:9px 11px;
}
.fidelityV1473 .liveGrid .novo4MetricCard b{
  overflow-wrap:normal;
  word-break:normal;
}
.fidelityV1473 .liveGrid .novo4Confidence b,
.fidelityV1473 .liveGrid .novo4Coverage b,
.fidelityV1473 .liveGrid .novo4TopValue b{
  overflow-wrap:normal;
  word-break:normal;
}
.fidelityV1473 .liveGrid .novo4RiskRow{
  gap:10px;
}
.fidelityV1473 .liveGrid .novo4Review{
  margin-bottom:15px;
}
@media(max-width:1180px){
  .fidelityV1473 .liveGrid{
    grid-template-columns:1fr!important;
  }
  .fidelityV1473 .liveGrid .novo4EvidenceBand{
    grid-template-columns:1.2fr 1.2fr repeat(4,.8fr);
  }
  .fidelityV1473 .liveGrid .novo4Metrics{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }
}
@media(max-width:760px){
  .fidelityV1473 .liveGrid{
    gap:12px!important;
  }
  .fidelityV1473 .liveGrid .novo4EvidenceBand{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }
  .fidelityV1473 .liveGrid .novo4Metrics{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}
@media(max-width:520px){
  .fidelityV1473 .liveGrid .novo4EvidenceBand{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}


/* =========================================================
   V1.58.5 — PUBLIC RESULTS / PICKS / MOBILE POLISH
   ========================================================= */
.resultsMode .cards{
  align-items:start!important;
}
.resultsOverview{
  grid-column:1/-1;
  margin-bottom:2px;
  padding:14px;
  border:1px solid rgba(255,255,255,.07);
  border-radius:16px;
  background:linear-gradient(145deg,rgba(5,20,25,.90),rgba(4,15,19,.80));
  backdrop-filter:blur(14px);
}
.resultsOverviewHead{
  display:flex;
  align-items:end;
  justify-content:space-between;
  gap:12px;
  margin-bottom:10px;
}
.resultsOverviewHead small{
  display:block;
  color:#58e5ad;
  font-size:7px;
  font-weight:950;
  letter-spacing:.09em;
}
.resultsOverviewHead b{
  display:block;
  margin-top:2px;
  color:#eef7f9;
  font-size:14px;
}
.resultsOverviewHead>span{
  color:#7d939a;
  font-size:8px;
  font-weight:900;
}
.resultsOverviewGrid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:8px;
}
.resultsOverviewStat{
  min-width:0;
  padding:10px 11px;
  border:1px solid rgba(255,255,255,.06);
  border-radius:10px;
  background:rgba(255,255,255,.016);
}
.resultsOverviewStat small{
  display:block;
  color:#748a91;
  font-size:7px;
  font-weight:950;
  letter-spacing:.06em;
}
.resultsOverviewStat b{
  display:block;
  margin-top:3px;
  color:#edf6f8;
  font-size:22px;
  line-height:1;
}
.resultsOverviewStat span{
  display:block;
  margin-top:5px;
  color:#758a92;
  font-size:7.5px;
}
.resultsOverviewStat.won{border-color:rgba(77,229,171,.18)}
.resultsOverviewStat.won b{color:#58e5ad}
.resultsOverviewStat.lost{border-color:rgba(255,120,120,.16)}
.resultsOverviewStat.lost b{color:#ff8d8d}
.resultsOverviewStat.void b{color:#c3cdd1}
.resultsOverviewStat.checking b{color:#ffd064}

.resultsMode .novo4Card{
  transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease;
}
.resultsMode .novo4Card:hover{
  transform:translateY(-1px);
}
.resultsMode .novo4Card.result-won{
  border-color:rgba(76,228,169,.58)!important;
}
.resultsMode .novo4Card.result-lost{
  border-color:rgba(255,116,116,.50)!important;
}
.resultsMode .novo4Card.result-void{
  border-color:rgba(181,193,198,.34)!important;
}
.resultsMode .novo4Card.result-checking{
  border-color:rgba(255,199,72,.40)!important;
}
.resultsMode .novo4State.won{
  background:rgba(45,173,120,.09);
  box-shadow:0 0 12px rgba(68,224,163,.10);
}
.resultsMode .novo4State.lost{
  background:rgba(162,53,53,.09);
}
.resultsMode .novo4ScoreBlock strong{
  min-width:76px;
  font-variant-numeric:tabular-nums;
}

.picksSavedSection{
  overflow:hidden;
}
.picksSavedSection .savedPicksPanel{
  display:grid;
  gap:7px;
}
.picksSavedSection .savedPick{
  min-height:68px;
  border-radius:10px;
  background:linear-gradient(90deg,rgba(6,24,29,.76),rgba(4,17,21,.70));
}
.picksSavedSection .savedPick>div>b{
  line-height:1.25;
}
.picksSavedSection .savedPick>div>span{
  display:block;
  margin-top:3px;
}
.picksSavedSection .savedPick>button:not(.removePick){
  min-width:58px;
}
.picksSavedSection .removePick{
  width:28px;
  height:28px;
  border-radius:8px;
}

#statsHub .routeBack,
#proHub .routeBack,
#picksHub .routeBack,
#favoriteHub .routeBack,
#matchDetailHub .routeBack{
  display:inline-flex;
  align-items:center;
  min-height:30px;
  padding:0 10px;
  border:1px solid rgba(255,255,255,.08);
  border-radius:8px;
  background:rgba(3,18,22,.48);
  color:#a9bcc1;
  font-size:8px;
  font-weight:900;
}
#statsHub .routeBack:hover,
#proHub .routeBack:hover,
#picksHub .routeBack:hover,
#favoriteHub .routeBack:hover,
#matchDetailHub .routeBack:hover{
  color:#f2f8fa;
  border-color:rgba(88,229,173,.26);
}

@media(max-width:900px){
  .resultsOverviewGrid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .resultsMode .cards{
    grid-template-columns:1fr!important;
  }
  .picksSavedSection .savedPick{
    grid-template-columns:minmax(0,1fr) auto auto;
    row-gap:6px;
  }
}
@media(max-width:620px){
  .resultsOverview{
    padding:11px;
  }
  .resultsOverviewHead{
    align-items:flex-start;
    flex-direction:column;
  }
  .resultsOverviewGrid{
    grid-template-columns:1fr 1fr;
  }
  .resultsOverviewStat{
    padding:9px;
  }
  .resultsOverviewStat b{
    font-size:19px;
  }
  .resultsMode .novo4Teams{
    grid-template-columns:minmax(0,1fr) 68px minmax(0,1fr)!important;
  }
  .resultsMode .novo4EvidenceBand{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  .resultsMode .novo4Metrics{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  .resultsMode .novo4RiskRow{
    grid-template-columns:1fr!important;
  }
  .picksSavedSection .savedPick{
    grid-template-columns:1fr auto;
    padding:10px;
  }
  .picksSavedSection .savedPick>div{
    grid-column:1/-1;
  }
  .picksSavedSection .savedPick>strong,
  .picksSavedSection .savedPick>em,
  .picksSavedSection .savedPick>button{
    justify-self:start;
  }
  .picksSavedSection .removePick{
    justify-self:end!important;
  }
  .pricingGrid,
  .proCompare,
  .proFeatureGrid{
    grid-template-columns:1fr!important;
  }
  .pricingCard,
  .proCompare>article,
  .proFeatureGrid>article{
    min-width:0;
  }
}


/* =========================================================
   V1.59.4 — TODAY / YESTERDAY / ALL RESULTS SWITCHER
   ========================================================= */
.resultsDaySwitcher{
  grid-column:1/-1;
  display:flex;
  gap:8px;
  margin-bottom:2px;
}
.resultsDaySwitcher button{
  min-width:126px;
  min-height:42px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  padding:0 12px;
  border:1px solid rgba(255,255,255,.08);
  border-radius:10px;
  background:rgba(4,19,24,.72);
  color:#91a5ab;
  cursor:pointer;
}
.resultsDaySwitcher button span{
  font-size:8px;
  font-weight:950;
  letter-spacing:.07em;
}
.resultsDaySwitcher button b{
  min-width:24px;
  height:24px;
  display:grid;
  place-items:center;
  border-radius:999px;
  background:rgba(255,255,255,.045);
  color:#d9e5e8;
  font-size:8px;
}
.resultsDaySwitcher button.active{
  border-color:rgba(88,229,173,.42);
  background:rgba(39,145,108,.09);
  color:#62e6b4;
  box-shadow:0 0 18px rgba(49,207,154,.08);
}
.resultsDaySwitcher button.active b{
  background:rgba(88,229,173,.12);
  color:#64e7b5;
}
.resultsDaySwitcher button:hover{
  border-color:rgba(88,229,173,.25);
  color:#e7f2f4;
}
@media(max-width:560px){
  .resultsDaySwitcher{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
  }
  .resultsDaySwitcher button{
    min-width:0;
    width:100%;
  }
}


/* =========================================================
   V1.59.0 — LAUNCH QA & HEALTH DASHBOARD
   ========================================================= */
.launchQaTitle{
  align-items:center;
}
.launchQaTitle>button{
  flex:0 0 auto;
}
.launchQaHero{
  margin-bottom:12px;
}
.launchQaBanner{
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  align-items:center;
  gap:12px;
  padding:14px;
  border:1px solid rgba(255,255,255,.07);
  border-radius:12px;
  background:rgba(4,20,25,.74);
}
.launchQaPulse{
  width:12px;
  height:12px;
  border-radius:50%;
  background:#7c9197;
  box-shadow:0 0 0 5px rgba(124,145,151,.08);
}
.launchQaBanner small{
  display:block;
  color:#71878e;
  font-size:7px;
  font-weight:950;
  letter-spacing:.08em;
}
.launchQaBanner b{
  display:block;
  margin-top:2px;
  color:#eef7f9;
  font-size:15px;
}
.launchQaBanner p{
  margin:3px 0 0;
  color:#83989f;
  font-size:8px;
}
.launchQaBanner>strong{
  font-size:26px;
  color:#dfeaec;
}
.launchQaBanner.pass{border-color:rgba(73,224,168,.26);background:rgba(31,121,89,.05)}
.launchQaBanner.pass .launchQaPulse{background:#58e5ad;box-shadow:0 0 0 5px rgba(88,229,173,.08),0 0 16px rgba(88,229,173,.20)}
.launchQaBanner.pass>strong{color:#58e5ad}
.launchQaBanner.warn{border-color:rgba(255,199,72,.24);background:rgba(137,100,22,.05)}
.launchQaBanner.warn .launchQaPulse{background:#ffd064;box-shadow:0 0 0 5px rgba(255,208,100,.08)}
.launchQaBanner.warn>strong{color:#ffd064}
.launchQaBanner.fail{border-color:rgba(255,111,111,.27);background:rgba(130,36,36,.055)}
.launchQaBanner.fail .launchQaPulse{background:#ff8d8d;box-shadow:0 0 0 5px rgba(255,141,141,.08)}
.launchQaBanner.fail>strong{color:#ff8d8d}
.launchQaSummary{
  margin-top:8px;
  color:#82989f;
  font-size:8px;
}
.launchQaSummary b{color:#dce8eb}

.launchQaGrid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:9px;
  margin-bottom:12px;
}
.launchQaCard{
  min-width:0;
  display:flex;
  gap:10px;
  align-items:flex-start;
  padding:12px;
  border:1px solid rgba(255,255,255,.065);
  border-radius:12px;
  background:rgba(4,18,23,.73);
}
.launchQaCard>span{
  flex:0 0 auto;
  width:30px;
  height:30px;
  display:grid;
  place-items:center;
  border-radius:9px;
  background:rgba(255,255,255,.035);
  color:#83979e;
  font-size:13px;
  font-weight:1000;
}
.launchQaCard div{min-width:0}
.launchQaCard small{
  display:block;
  color:#6f858c;
  font-size:6.5px;
  font-weight:950;
  letter-spacing:.075em;
}
.launchQaCard b{
  display:block;
  margin-top:3px;
  color:#e5eef0;
  font-size:10px;
}
.launchQaCard p{
  margin:3px 0 0;
  color:#71868d;
  font-size:7px;
  line-height:1.35;
}
.launchQaCard.pass{border-color:rgba(73,224,168,.16)}
.launchQaCard.pass>span,.launchQaCard.pass b{color:#58e5ad}
.launchQaCard.warn{border-color:rgba(255,199,72,.16)}
.launchQaCard.warn>span,.launchQaCard.warn b{color:#ffd064}
.launchQaCard.fail{border-color:rgba(255,111,111,.18)}
.launchQaCard.fail>span,.launchQaCard.fail b{color:#ff8d8d}

.launchQaColumns{
  display:grid;
  grid-template-columns:1.35fr .65fr;
  gap:12px;
  margin-bottom:12px;
}
.launchQaList{
  display:grid;
  gap:7px;
}
.launchQaIssue,.launchQaClear{
  display:flex;
  gap:9px;
  align-items:center;
  padding:9px 10px;
  border:1px solid rgba(255,255,255,.055);
  border-radius:9px;
  background:rgba(255,255,255,.015);
}
.launchQaIssue>span,.launchQaClear>span{
  width:24px;
  height:24px;
  display:grid;
  place-items:center;
  flex:0 0 auto;
  border-radius:50%;
  font-size:9px;
  font-weight:1000;
}
.launchQaIssue b,.launchQaClear b{display:block;color:#dce8eb;font-size:8.5px}
.launchQaIssue small,.launchQaClear small{display:block;margin-top:2px;color:#70868d;font-size:7px}
.launchQaIssue.fail>span{color:#ff8d8d;border:1px solid rgba(255,111,111,.23);background:rgba(130,36,36,.07)}
.launchQaIssue.warn>span{color:#ffd064;border:1px solid rgba(255,199,72,.22);background:rgba(137,100,22,.06)}
.launchQaClear>span{color:#58e5ad;border:1px solid rgba(73,224,168,.23);background:rgba(31,121,89,.07)}
.launchQaLinks{
  display:grid;
  gap:7px;
}
.launchQaLinks a{
  display:flex;
  align-items:center;
  justify-content:space-between;
  min-height:37px;
  padding:0 10px;
  border:1px solid rgba(255,255,255,.06);
  border-radius:9px;
  background:rgba(255,255,255,.015);
  color:#9eb2b8;
  font-size:8px;
  font-weight:900;
  text-decoration:none;
}
.launchQaLinks a:hover{
  color:#58e5ad;
  border-color:rgba(73,224,168,.22);
}
.launchQaDetails{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:7px;
}
.launchQaDetails>div{
  min-width:0;
  padding:9px 10px;
  border:1px solid rgba(255,255,255,.055);
  border-radius:9px;
  background:rgba(255,255,255,.014);
}
.launchQaDetails span{
  display:block;
  color:#6e848b;
  font-size:6.5px;
  text-transform:uppercase;
  letter-spacing:.06em;
}
.launchQaDetails b{
  display:block;
  margin-top:3px;
  color:#dce7ea;
  font-size:8.5px;
  overflow-wrap:anywhere;
}

@media(max-width:1100px){
  .launchQaGrid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .launchQaColumns{grid-template-columns:1fr}
}
@media(max-width:700px){
  .launchQaTitle{align-items:flex-start;flex-direction:column}
  .launchQaTitle>button{width:100%}
  .launchQaGrid{grid-template-columns:1fr}
  .launchQaDetails{grid-template-columns:1fr 1fr}
}
@media(max-width:480px){
  .launchQaBanner{grid-template-columns:auto minmax(0,1fr)}
  .launchQaBanner>strong{grid-column:1/-1;justify-self:start}
  .launchQaDetails{grid-template-columns:1fr}
}


/* =========================================================
   V1.59.1 — COMPLIANCE & TRUST POLISH
   ========================================================= */
.infoMiniGrid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:9px;
  margin-top:12px;
}
.infoMiniGrid>div{
  padding:11px 12px;
  border:1px solid rgba(255,255,255,.07);
  border-radius:10px;
  background:rgba(255,255,255,.018);
}
.infoMiniGrid b{
  display:block;
  color:#eef7f9;
  font-size:10px;
}
.infoMiniGrid p{
  margin:4px 0 0;
  color:#82969d;
  font-size:8.5px;
  line-height:1.5;
}
.infoDanger{
  border-color:rgba(255,176,76,.24)!important;
  background:linear-gradient(145deg,rgba(90,52,15,.09),rgba(7,18,22,.78))!important;
}
.infoFooter span{
  color:#8ba0a7;
}
.infoFooter nav a{
  white-space:nowrap;
}

.proTrustSummary{
  margin:12px 0;
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:8px;
  padding:12px;
  border:1px solid rgba(255,255,255,.07);
  border-radius:14px;
  background:linear-gradient(145deg,rgba(5,21,26,.88),rgba(4,15,19,.78));
}
.proTrustSummary>div{
  min-width:0;
  padding:10px;
  border:1px solid rgba(255,255,255,.055);
  border-radius:10px;
  background:rgba(255,255,255,.014);
}
.proTrustSummary>div>span{
  width:28px;
  height:28px;
  display:grid;
  place-items:center;
  border-radius:8px;
  border:1px solid rgba(88,229,173,.16);
  background:rgba(88,229,173,.045);
  color:#58e5ad;
  font-size:9px;
  font-weight:1000;
}
.proTrustSummary b{
  display:block;
  margin-top:8px;
  color:#e8f1f3;
  font-size:9px;
}
.proTrustSummary small{
  display:block;
  margin-top:4px;
  color:#758a91;
  font-size:7.5px;
  line-height:1.45;
}
.proTrustSummary nav{
  grid-column:1/-1;
  display:flex;
  flex-wrap:wrap;
  gap:7px;
  padding-top:2px;
}
.proTrustSummary nav a{
  padding:6px 8px;
  border:1px solid rgba(255,255,255,.06);
  border-radius:8px;
  background:rgba(255,255,255,.018);
  color:#98acb2;
  font-size:7.5px;
  font-weight:900;
  text-decoration:none;
}
.proTrustSummary nav a:hover{
  color:#58e5ad;
  border-color:rgba(88,229,173,.22);
}

@media(max-width:900px){
  .proTrustSummary{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:620px){
  .infoMiniGrid{grid-template-columns:1fr}
  .proTrustSummary{grid-template-columns:1fr}
}


/* =========================================================
   V1.59.3 — RELEASE CANDIDATE SMOKE TEST
   ========================================================= */
.launchSmokeSurface{margin-top:12px}
.launchSmokeActions{display:flex;align-items:center;gap:7px}
.launchSmokeActions button{min-height:31px;padding:0 10px;border:1px solid rgba(255,255,255,.07);border-radius:8px;background:rgba(255,255,255,.018);color:#91a5ab;font-size:7.5px;font-weight:900;cursor:pointer}
.releaseCandidateStatus{display:grid;grid-template-columns:auto minmax(0,1fr);gap:11px;align-items:center;margin:10px 0 12px;padding:13px;border:1px solid rgba(255,255,255,.07);border-radius:12px;background:rgba(4,18,23,.72)}
.releaseCandidateStatus>span{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;font-size:12px;font-weight:1000}
.releaseCandidateStatus small{display:block;font-size:6.5px;font-weight:950;letter-spacing:.08em;color:#758a91}
.releaseCandidateStatus b{display:block;margin-top:2px;font-size:18px;letter-spacing:.04em}
.releaseCandidateStatus p{margin:3px 0 0;color:#81959c;font-size:8px;line-height:1.45}
.releaseCandidateStatus.go{border-color:rgba(73,224,168,.27);background:rgba(31,121,89,.055)}
.releaseCandidateStatus.go>span{color:#58e5ad;border:1px solid rgba(73,224,168,.25);background:rgba(31,121,89,.08)}
.releaseCandidateStatus.go b{color:#58e5ad}
.releaseCandidateStatus.blocked{border-color:rgba(255,111,111,.24);background:rgba(130,36,36,.045)}
.releaseCandidateStatus.blocked>span{color:#ff8d8d;border:1px solid rgba(255,111,111,.22);background:rgba(130,36,36,.07)}
.releaseCandidateStatus.blocked b{color:#ff8d8d}
.launchSmokeList{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.launchSmokeItem{position:relative;display:flex;align-items:flex-start;gap:9px;min-width:0;padding:10px;border:1px solid rgba(255,255,255,.06);border-radius:10px;background:rgba(255,255,255,.014);cursor:pointer}
.launchSmokeItem input{position:absolute;opacity:0;pointer-events:none}
.launchSmokeTick{flex:0 0 auto;width:25px;height:25px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.10);border-radius:7px;color:#667b82;background:rgba(255,255,255,.02);font-size:9px;font-weight:1000}
.launchSmokeItem b{display:block;color:#dbe7ea;font-size:8.5px}
.launchSmokeItem small{display:block;margin-top:3px;color:#71868d;font-size:7px;line-height:1.45}
.launchSmokeItem.passed{border-color:rgba(73,224,168,.18);background:rgba(31,121,89,.035)}
.launchSmokeItem.passed .launchSmokeTick{color:#58e5ad;border-color:rgba(73,224,168,.25);background:rgba(31,121,89,.08)}
.launchSmokeItem.passed b{color:#72e9bb}
.launchSmokeNote{margin-top:9px;color:#687e85;font-size:7px}
@media(max-width:1000px){.launchSmokeList{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.launchSmokeList{grid-template-columns:1fr}.launchSmokeActions{width:100%;justify-content:space-between;flex-wrap:wrap}}


/* =========================================================
   V1.61.3 — APPROVED FULL-ART MY PICKS BANNERS
   ========================================================= */
.picksMatchCardsGrid{display:grid;grid-template-columns:1fr;gap:12px}
.picksFavoriteTile.picksBannerTile{
  --banner-accent:#299DFF;
  position:relative;
  display:block;
  width:94%;
  max-width:1120px;
  margin-inline:auto;
  aspect-ratio:1896/829;
  min-height:0;
  overflow:hidden;
  padding:0!important;
  border-radius:18px;
  border:1px solid color-mix(in srgb,var(--banner-accent) 55%,#2a3434);
  background:#061519;
  box-shadow:0 12px 28px rgba(0,0,0,.24);
  cursor:pointer;
}
.picksBannerTile.p10{--banner-accent:#A970FF}
.picksBannerTile.p15{--banner-accent:#E7B84B}
.picksBannerFullArt{
  position:absolute;
  inset:0;
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
  transform:none!important;
  filter:none!important;
  opacity:1!important;
}
.picksBannerTile::after{display:none!important}
.picksBannerTile.isLockedPro::before{
  content:'PRO';
  position:absolute;
  right:10px;
  top:9px;
  z-index:4;
  padding:4px 7px;
  border-radius:999px;
  border:1px solid color-mix(in srgb,var(--banner-accent) 55%,transparent);
  background:rgba(2,12,16,.78);
  color:var(--banner-accent);
  font-size:.55rem;
  font-weight:900;
  letter-spacing:.12em;
}
.picksBannerTile:focus-visible{outline:2px solid var(--banner-accent);outline-offset:3px}
@media(max-width:600px){
  .picksMatchCardsGrid{gap:9px}
  .picksFavoriteTile.picksBannerTile{width:96%;aspect-ratio:1896/829;border-radius:13px}
}

/* NOVO 5 multi-market fixture calls */
.multiMarketSection{border-top:1px solid rgba(255,255,255,.09);background:rgba(3,8,18,.24)}
.multiMarketToggle{width:100%;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 16px;border:0;background:transparent;color:inherit;text-align:left;cursor:pointer}
.multiMarketToggle>span:first-child{display:grid;gap:2px}.multiMarketToggle b{font-size:.82rem;letter-spacing:.04em}.multiMarketToggle small{opacity:.67;font-size:.72rem}.multiMarketToggle>span:last-child{font-size:1.05rem;transition:transform .18s ease}.multiMarketToggle.open>span:last-child{transform:rotate(180deg)}
.multiMarketList{display:grid;gap:7px;padding:0 12px 12px;max-height:620px;overflow:hidden;transition:max-height .22s ease,opacity .18s ease}.multiMarketList.collapsed{max-height:0;opacity:0;padding-bottom:0}.multiMarketCall{display:grid;grid-template-columns:90px minmax(0,1fr) 90px 112px;align-items:center;gap:9px;width:100%;border:1px solid rgba(255,255,255,.08);border-left:3px solid var(--call-accent);border-radius:10px;background:rgba(255,255,255,.035);color:inherit;padding:9px 10px;text-align:left;cursor:pointer}.multiMarketCall:hover{background:rgba(255,255,255,.075)}.multiMarketCall.primaryCall{background:rgba(255,255,255,.055)}
.multiMarketFamily{font-size:.65rem;font-weight:800;letter-spacing:.08em;opacity:.76}.multiMarketSelection{display:grid;gap:2px;min-width:0}.multiMarketSelection b{font-size:.8rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.multiMarketSelection small,.multiMarketNumbers small{font-size:.68rem;opacity:.67}.multiMarketNumbers{display:grid;gap:1px;text-align:right}.multiMarketNumbers b{font-size:.88rem}.multiMarketTier{font-size:.65rem;font-weight:800;text-align:right;letter-spacing:.03em}
@media(max-width:720px){.multiMarketCall{grid-template-columns:74px minmax(0,1fr) 64px}.multiMarketTier{grid-column:2/4;text-align:left}.multiMarketSelection b{white-space:normal}.multiMarketNumbers small{display:none}}

.multiMarketFamily{display:grid;gap:2px}.multiMarketFamily small{font-size:.56rem;letter-spacing:.04em;opacity:.62;font-weight:700}

.novo5MarketBadge{display:inline-flex;align-items:center;gap:4px;padding:4px 7px;border:1px solid rgba(43,232,182,.4);border-radius:999px;background:rgba(43,232,182,.08);color:#73f4d3;font-size:.58rem;font-weight:900;letter-spacing:.07em;white-space:nowrap}.novo4HeaderMeta .novo5MarketBadge{margin-left:3px}

/* NOVO 5 expanded multi-market cards */
.novo5ExpandedMarkets{border-top:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.08);background:rgba(2,11,19,.18);padding:10px 12px 12px}
.novo5MarketHeading{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}
.novo5MarketHeading span{display:grid;gap:2px}.novo5MarketHeading b{font-size:.72rem;letter-spacing:.08em}.novo5MarketHeading small{font-size:.66rem;opacity:.66}
.novo5ExpandedMarkets .multiMarketList{display:grid;gap:8px;padding:0;max-height:none;overflow:visible;opacity:1}
.novo5AltMarket{border:1px solid rgba(255,255,255,.09);border-left:3px solid var(--call-accent);border-radius:10px;background:rgba(255,255,255,.035);padding:10px}
.novo5AltMarketTop{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.novo5AltFamily,.novo5AltQualification{font-size:.6rem;font-weight:900;letter-spacing:.07em;opacity:.78}.novo5AltTier{margin-left:auto;font-size:.62rem}
.novo5AltSelection{display:flex;align-items:end;justify-content:space-between;gap:12px;margin-top:7px}.novo5AltSelection>div{display:grid;gap:2px}.novo5AltSelection small,.novo5AltNumbers small{font-size:.58rem;opacity:.62;letter-spacing:.06em}.novo5AltSelection b{font-size:.83rem}.novo5AltSelection em{font-style:normal;font-weight:900;font-size:.86rem}
.novo5AltNumbers{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px;margin-top:8px}.novo5AltNumbers>div{display:grid;gap:2px;padding:6px 7px;border:1px solid rgba(255,255,255,.07);border-radius:8px;background:rgba(255,255,255,.025)}.novo5AltNumbers b{font-size:.72rem}.novo5AltNumbers .positive b{color:#79f2cf}.novo5AltNumbers .negative b{color:#ff9a9a}
.novo5AltEvidence{display:flex;gap:10px;flex-wrap:wrap;margin-top:8px;font-size:.64rem;opacity:.8}.novo5AltEvidence b{font-weight:800}
.novo5AltReview{margin:8px 0 0;font-size:.68rem;line-height:1.45;opacity:.76}
@media(max-width:720px){.novo5AltNumbers{grid-template-columns:repeat(3,minmax(0,1fr))}.novo5AltTier{margin-left:0}.novo5AltSelection{align-items:center}}

.novo5AltQualification.isPass{color:#ffb37a}.novo5AltQualification.isWatch{color:#ffd76a}.novo5AltQualification.isQualified{color:#73f4d3}.novo5AltMarket:has(.novo5AltQualification.isPass){opacity:.88}

.novo5MarketBadge.explorerOnly{border-color:rgba(255,193,79,.45);background:rgba(255,193,79,.1);color:#ffd17a}
.novo5ExplorerLock{font-size:.62rem;font-weight:900;letter-spacing:.08em;color:#ffd17a;border:1px solid rgba(255,193,79,.3);border-radius:999px;padding:5px 8px}
.novo5AltMarketFull{padding:0;overflow:hidden}.novo5AltMarketFull>.novo5AltMarketTop,.novo5AltMarketFull>.novo5AltSelection{padding-left:10px;padding-right:10px}.novo5AltMarketFull>.novo5AltMarketTop{padding-top:10px}.novo5AltMarketFull>.novo5AltSelection{padding-bottom:10px}
.novo5AltEvidenceBand,.novo5AltMetrics,.novo5AltRisk,.novo5AltReviewBlock{margin:0;border-radius:0}
.novo5AltMetrics{padding:10px}.novo5AltRisk{padding:0 10px 10px}.novo5AltReviewBlock{border-top:1px solid rgba(255,255,255,.07)}
.novo5ExpandedMarkets.marketExplorerOnly{border-color:rgba(255,193,79,.25);background:rgba(255,193,79,.035)}

/* NOVO 5 approved cascade production tiles */
.novo5CascadeCard{overflow:hidden}
.novo5CascadeTop{background:linear-gradient(90deg,rgba(7,31,40,.98),rgba(5,21,28,.90))}
.novo5CascadeHeader{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px 0}
.novo5CascadeMeta{display:flex;align-items:center;gap:7px;flex-wrap:wrap;min-width:0}
.novo5CascadeKoPill,.novo5CascadeViewsPill{font-size:.58rem;font-weight:900;letter-spacing:.08em;border:1px solid rgba(255,255,255,.15);border-radius:999px;padding:5px 8px;white-space:nowrap}
.novo5CascadeViewsPill{border-color:rgba(43,240,192,.4);color:#5cf4d0;background:rgba(43,240,192,.08)}
.novo5CascadeViewsPill.explorerOnly{border-color:rgba(255,193,79,.42);color:#ffd17a;background:rgba(255,193,79,.08)}
.novo5CascadeCompetition{min-width:0}.novo5CascadeCompetition .competitionLine{font-size:.58rem}
.novo5CascadeState{display:flex;align-items:center;gap:8px;flex:0 0 auto}
.novo5CascadeTopGrid{display:grid;grid-template-columns:1.12fr .88fr;gap:14px;padding:12px 14px 14px}
.novo5CascadeMatch{display:flex;align-items:center;min-width:0}
.novo5CascadeTeams{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:12px;align-items:center;width:100%}
.novo5CascadeTeams .teamSide{min-width:0}.novo5CascadeTeams .teamSide.awaySide{justify-content:flex-end}
.novo5CascadeScore{padding:8px 12px;border-radius:10px;background:#06333c;text-align:center;min-width:76px}
.novo5CascadeScore strong{display:block;color:#29efc2;font-size:1.35rem}.novo5CascadeScore span{display:block;font-size:.55rem;letter-spacing:.08em;color:#99b8c0}
.novo5CascadePrimary{display:grid;gap:9px;border:1px solid color-mix(in srgb,var(--accent) 36%,transparent);border-radius:13px;background:color-mix(in srgb,var(--accent) 7%,rgba(255,255,255,.015));padding:12px}
.novo5CascadePrimaryHead{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.novo5CascadePrimaryHead>div{display:grid;gap:2px;min-width:0}.novo5CascadePrimaryHead small{font-size:.56rem;letter-spacing:.07em;opacity:.68}.novo5CascadePrimaryHead b{font-size:.92rem;line-height:1.2}.novo5CascadePrimaryHead em{font-style:normal;font-size:1.15rem;font-weight:900;color:var(--accent)}
.novo5CascadePrimaryActions{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}
.novo5CascadePrimaryStats{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}
.novo5CascadePrimaryStats>div{display:grid;gap:2px;padding:7px;border:1px solid rgba(255,255,255,.07);border-radius:8px;background:rgba(255,255,255,.025)}
.novo5CascadePrimaryStats small{font-size:.52rem;letter-spacing:.05em;opacity:.62}.novo5CascadePrimaryStats b{font-size:.72rem}.novo5CascadePrimaryStats .positive b{color:#64f2ca}.novo5CascadePrimaryStats .negative b{color:#ff8f8f}
.novo5CascadeSection{border-top:1px solid rgba(255,255,255,.08);background:rgba(3,14,20,.72)}
.novo5CascadeToggle{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;border:0;background:transparent;color:inherit;padding:11px 14px;cursor:pointer;text-align:left}
.novo5CascadeToggle>span:first-child{display:grid;gap:2px}.novo5CascadeToggle b{font-size:.67rem;letter-spacing:.09em}.novo5CascadeToggle small{font-size:.58rem;opacity:.62}
.novo5CascadeArrow{font-size:1rem;color:#66f0ce;transition:transform .18s ease}.novo5CascadeToggle.open .novo5CascadeArrow{transform:rotate(180deg)}
.novo5CascadeBody{max-height:0;overflow:hidden;opacity:0;transition:max-height .28s ease,opacity .18s ease,padding .2s ease;padding:0 14px}
.novo5CascadeBody.open{max-height:1800px;opacity:1;padding:0 14px 12px}
.novo5CascadeMarketRows{display:grid;gap:7px}
.novo5CascadeMarketRow{display:grid;grid-template-columns:92px minmax(0,1.5fr) 65px repeat(4,minmax(54px,72px));gap:7px;align-items:center;border:1px solid rgba(255,255,255,.07);border-left:3px solid var(--call-accent);border-radius:9px;background:rgba(255,255,255,.025);padding:8px}
.novo5CascadeMarketType{font-size:.57rem;font-weight:900;letter-spacing:.06em;color:#77d8ff;display:grid;gap:2px}.novo5CascadeMarketType small{font-size:.48rem;color:#90aab2}
.novo5CascadeMarketSelection{display:grid;gap:2px;min-width:0}.novo5CascadeMarketSelection small,.novo5CascadeMarketCell small{font-size:.48rem;opacity:.6}.novo5CascadeMarketSelection b{font-size:.67rem}.novo5CascadeMarketPrice{font-size:.82rem;font-weight:900;text-align:center}.novo5CascadeMarketCell{display:grid;gap:2px}.novo5CascadeMarketCell b{font-size:.62rem}.novo5CascadeMarketCell.positive b{color:#64f2ca}.novo5CascadeMarketCell.negative b{color:#ff8f8f}
.novo5CascadeEmpty{font-size:.65rem;opacity:.65;padding:8px 0}
.novo5CascadeEvidenceGrid{display:grid;grid-template-columns:1.1fr 1.1fr 1fr;gap:10px}
.novo5CascadeEvidencePanel{border:1px solid rgba(255,255,255,.07);border-radius:10px;background:rgba(255,255,255,.025);padding:10px}
.novo5CascadeEvidencePanel h3{margin:0 0 8px;font-size:.58rem;letter-spacing:.09em;color:#6ff0ce}
.novo5CascadeChips{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.novo5CascadeChips>div,.novo5CascadeRisk>div{display:grid;gap:2px;padding:7px;border-radius:8px;background:rgba(0,0,0,.15);border:1px solid rgba(255,255,255,.05)}
.novo5CascadeChips small,.novo5CascadeRisk small{font-size:.48rem;opacity:.58}.novo5CascadeChips b,.novo5CascadeRisk b{font-size:.61rem}
.novo5CascadeRisk{display:grid;gap:6px}.novo5CascadeEvidencePanel p{margin:0;font-size:.64rem;line-height:1.45;color:#c7d8dd}
@media(max-width:900px){.novo5CascadeTopGrid{grid-template-columns:1fr}.novo5CascadeEvidenceGrid{grid-template-columns:1fr}.novo5CascadeMarketRow{grid-template-columns:80px minmax(0,1fr) 60px repeat(2,minmax(48px,68px))}.novo5CascadeMarketRow .novo5CascadeMarketCell:nth-last-child(-n+2){display:none}}
@media(max-width:620px){.novo5CascadeHeader{align-items:flex-start}.novo5CascadeTopGrid{padding:10px}.novo5CascadeTeams{gap:8px}.novo5CascadeScore{min-width:64px;padding:7px 8px}.novo5CascadeScore strong{font-size:1.05rem}.novo5CascadePrimaryStats{grid-template-columns:repeat(3,minmax(0,1fr))}.novo5CascadeMarketRow{grid-template-columns:72px minmax(0,1fr) 54px}.novo5CascadeMarketCell{display:none}.novo5CascadePrimaryHead b{font-size:.84rem}}


/* V1.60.7 — Stats performance hub */
.statsSubnav{display:flex;gap:6px;margin:0 0 10px;padding:5px;background:rgba(2,20,25,.66);border:1px solid rgba(73,181,174,.22);border-radius:12px;backdrop-filter:blur(14px)}
.statsSubnav button{flex:1;min-height:38px;border:0;border-radius:8px;background:transparent;color:#8fa7ae;font:800 11px/1 inherit;letter-spacing:.06em;cursor:pointer}
.statsSubnav button.active{background:linear-gradient(180deg,rgba(43,232,182,.20),rgba(43,232,182,.09));color:#eafff9;box-shadow:inset 0 0 0 1px rgba(43,232,182,.42)}
.statsResultsPanel{padding:14px}
.statsResultsHead{display:flex;align-items:end;justify-content:space-between;gap:12px}
.statsResultsDateNav{display:flex;gap:6px;margin:4px 0 10px}
.statsResultsDateNav button{border:1px solid rgba(105,143,151,.24);background:rgba(2,19,24,.7);color:#9cb0b5;border-radius:8px;padding:8px 12px;font:800 10px/1 inherit;cursor:pointer}
.statsResultsDateNav button.active{border-color:rgba(43,232,182,.55);background:rgba(43,232,182,.12);color:#eafff9}
.statsResultsSummary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin-bottom:8px}
.statsResultsSummary article{padding:10px 11px;border-radius:9px;background:rgba(3,20,25,.72);border:1px solid rgba(105,143,151,.16)}
.statsResultsSummary small{display:block;color:#708890;font-size:8px;font-weight:900;letter-spacing:.09em}
.statsResultsSummary b{display:block;margin-top:3px;color:#eefaf7;font-size:19px}
.statsResultsSummary .won b{color:#58e5ad}.statsResultsSummary .lost b{color:#ff8d8d}
.statsTierResultGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin:0 0 10px}
.statsTierResultGrid article{position:relative;overflow:hidden;padding:10px 11px;border:1px solid color-mix(in srgb,var(--accent) 30%,transparent);border-radius:9px;background:rgba(3,19,24,.72)}
.statsTierResultGrid article:before{content:'';position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--accent)}
.statsTierResultGrid small{display:block;color:var(--accent);font-size:8px;font-weight:900;letter-spacing:.07em}
.statsTierResultGrid b{display:block;margin-top:3px;font-size:17px;color:#f4fbf9}.statsTierResultGrid span,.statsTierResultGrid em{display:block;margin-top:2px;font-size:8px;color:#91a6ac;font-style:normal}
.statsResultsList{border-top:1px solid rgba(105,143,151,.16);padding-top:8px}
.statsResultsListHead{display:flex;justify-content:space-between;align-items:center;margin:0 2px 6px;color:#80969d;font-size:9px}.statsResultsListHead b{color:#d8e7e3;font-size:10px}
.statsResultRow{display:grid;grid-template-columns:72px minmax(180px,1.45fr) minmax(150px,1.2fr) 105px 65px 72px 18px;gap:9px;align-items:center;min-height:56px;padding:8px 9px;margin-bottom:5px;border:1px solid rgba(105,143,151,.14);border-left:3px solid var(--accent);border-radius:9px;background:rgba(2,18,23,.72);cursor:pointer;transition:.15s ease}
.statsResultRow:hover{transform:translateY(-1px);border-color:rgba(130,183,190,.28);background:rgba(5,28,34,.86)}
.statsResultRow small{display:block;color:#667f87;font-size:7px;font-weight:900;letter-spacing:.06em}
.statsResultRow b{display:block;color:#e9f5f2;font-size:10px;line-height:1.25}.statsResultMatch span{color:#637d84;font-weight:600}.statsResultMatch small{margin-top:3px;font-weight:600;letter-spacing:0}
.statsResultSelection b{font-size:9px;color:#cfe0dc}.statsResultTier span{display:inline-block;margin-top:3px;padding:4px 6px;border-radius:999px;background:color-mix(in srgb,var(--accent) 16%,transparent);color:var(--accent);font-size:7px;font-weight:900}
.statsResultScore b{font-size:13px}.statsResultBadge{justify-self:end;padding:6px 8px;border-radius:7px;font-size:8px;font-weight:950;letter-spacing:.06em}.statsResultBadge.won{background:rgba(65,220,164,.14);color:#58e5ad}.statsResultBadge.lost{background:rgba(255,110,110,.12);color:#ff8d8d}.statsResultBadge.void{background:rgba(170,185,190,.12);color:#c3cdd1}.statsResultBadge.checking{background:rgba(255,208,100,.12);color:#ffd064}
.statsResultArrow{color:#68838a;font-size:18px}
@media(max-width:860px){
 .statsResultsSummary{grid-template-columns:repeat(2,minmax(0,1fr))}
 .statsTierResultGrid{grid-template-columns:1fr}
 .statsResultRow{grid-template-columns:58px minmax(0,1fr) 58px 62px 14px}
 .statsResultSelection{grid-column:2/3}.statsResultTier{display:none}.statsResultScore{grid-column:3}.statsResultBadge{grid-column:4}.statsResultArrow{grid-column:5}.statsResultDate{grid-row:1/3}.statsResultMatch{grid-column:2/3}
}
@media(max-width:520px){
 .statsSubnav{position:sticky;top:4px;z-index:15}
 .statsResultsPanel{padding:10px}
 .statsResultsDateNav button{flex:1;padding:8px 5px}
 .statsResultsSummary article{padding:8px}.statsResultsSummary b{font-size:17px}
 .statsResultRow{grid-template-columns:52px minmax(0,1fr) 58px 14px;gap:7px;padding:8px}
 .statsResultScore{display:none}.statsResultBadge{grid-column:3}.statsResultArrow{grid-column:4}.statsResultSelection{grid-column:2}.statsResultDate{grid-row:1/3}
}


/* V1.60.8 — Home tile artwork V2
   Exact 3:2 artwork, rendered as a normal IMG with no stretching. */
#todayHub .routeQuickLinksFive .visualTile{
  aspect-ratio:3/2!important;
  min-height:0!important;
  overflow:hidden!important;
}
#todayHub .routeQuickLinksFive .tileArtImage{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center center!important;
  transform:none!important;
  max-width:none!important;
  filter:saturate(1.02) contrast(1.01)!important;
}

/* V1.61.8 — exact uploaded My Picks artwork */
.picksFavoriteTile.picksBannerTile{aspect-ratio:1896/829!important}
.picksFavoriteTile.picksBannerTile .picksBannerFullArt{
  width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important;
  transform:none!important;filter:none!important;opacity:1!important;
}
.picksFavoriteTile.picksBannerTile.isLockedPro{filter:none!important}

/* V1.61.10 — compact My Picks banners aligned to the page heading */
#picksHub .picksMatchCardsGrid{grid-template-columns:1fr!important;gap:10px!important}
#picksHub .picksFavoriteTile.picksBannerTile{
  width:100%!important;
  max-width:none!important;
  height:clamp(118px,10.5vw,150px)!important;
  min-height:0!important;
  aspect-ratio:auto!important;
  margin:0!important;
  border-radius:15px!important;
}
#picksHub .picksFavoriteTile.picksBannerTile .picksBannerFullArt{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center!important;
}
@media(max-width:700px){
  #picksHub .picksFavoriteTile.picksBannerTile{
    height:clamp(105px,26vw,132px)!important;
    border-radius:12px!important;
  }
}

/* V1.61.12 — polished compact My Picks cards */
#picksHub .picksMatchCardsGrid{grid-template-columns:1fr!important;gap:10px!important}
#picksHub .picksFavoriteTile.picksCompactCard{
  --pc-accent:#299DFF;
  position:relative;
  width:100%!important;
  height:150px!important;
  min-height:150px!important;
  aspect-ratio:auto!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden;
  border-radius:15px!important;
  border:1px solid color-mix(in srgb,var(--pc-accent) 72%,rgba(255,255,255,.10))!important;
  background:linear-gradient(110deg,#06151a 0%,#07171c 45%,#041116 100%)!important;
  filter:none!important;
}
#picksHub .picksCompactCard.p10{--pc-accent:#A970FF}
#picksHub .picksCompactCard.p15{--pc-accent:#E7B84B}
#picksHub .picksCompactCard::after{
  content:''!important;display:block!important;position:absolute;z-index:3;inset:0;
  background:linear-gradient(90deg,rgba(3,17,22,.99) 0%,rgba(3,17,22,.98) 37%,rgba(3,17,22,.73) 51%,rgba(3,17,22,.12) 72%,rgba(3,17,22,.03) 100%)!important;
  pointer-events:none;
}
#picksHub .picksCompactArt{
  position:absolute!important;z-index:1!important;inset:0 0 0 auto!important;width:64%!important;height:100%!important;overflow:hidden!important;
}
#picksHub .picksCompactArt img{
  display:block!important;width:100%!important;height:100%!important;object-fit:cover!important;
  object-position:73% 49%!important;transform:scale(1.03)!important;filter:none!important;opacity:1!important;
}
#picksHub .picksCompactCopy{
  position:absolute!important;z-index:5!important;left:4.3%!important;top:50%!important;width:54%!important;
  transform:translateY(-50%)!important;text-align:left!important;
}
#picksHub .picksCompactCopy small{
  display:block!important;margin:0 0 5px!important;color:var(--pc-accent)!important;
  font-size:7px!important;font-weight:950!important;letter-spacing:.28em!important;
}
#picksHub .picksCompactCopy h3{
  margin:0!important;color:#f5fbfa!important;font-size:clamp(25px,3vw,42px)!important;
  line-height:.98!important;letter-spacing:-.045em!important;font-weight:950!important;white-space:nowrap!important;
}
#picksHub .picksCompactCopy h3 span{color:var(--pc-accent)!important}
#picksHub .picksCompactCopy p{
  margin:8px 0 0!important;color:#b7c7c4!important;font-size:clamp(9px,1vw,13px)!important;
  line-height:1.35!important;white-space:nowrap!important;
}
#picksHub .picksCompactBadge{
  position:absolute!important;z-index:5!important;right:5%!important;top:50%!important;
  transform:translateY(-50%)!important;color:var(--pc-accent)!important;opacity:.25!important;text-align:center!important;
}
#picksHub .picksCompactBadge span{display:block!important;font-size:18px!important;line-height:1!important}
#picksHub .picksCompactBadge b{display:block!important;font-size:52px!important;line-height:.82!important;font-weight:1000!important}
#picksHub .picksCompactBrand{
  position:absolute!important;z-index:5!important;right:2.8%!important;bottom:8px!important;color:#cbd9d7!important;
  font-size:6px!important;font-weight:950!important;letter-spacing:.23em!important;
}
#picksHub .picksCompactBrand span{color:var(--pc-accent)!important}
#picksHub .picksCompactCard.isLockedPro::before{top:8px!important;right:8px!important}
@media(max-width:700px){
  #picksHub .picksFavoriteTile.picksCompactCard{height:118px!important;min-height:118px!important;border-radius:12px!important}
  #picksHub .picksCompactArt{width:62%!important}
  #picksHub .picksCompactCopy{left:4%!important;width:60%!important}
  #picksHub .picksCompactCopy small{font-size:5px!important;margin-bottom:3px!important}
  #picksHub .picksCompactCopy h3{font-size:clamp(18px,5.4vw,27px)!important}
  #picksHub .picksCompactCopy p{font-size:clamp(7px,2.2vw,10px)!important;margin-top:5px!important}
  #picksHub .picksCompactBadge{right:4%!important}
  #picksHub .picksCompactBadge b{font-size:40px!important}
  #picksHub .picksCompactBrand{display:none!important}
}
@media(max-width:430px){
  #picksHub .picksFavoriteTile.picksCompactCard{height:108px!important;min-height:108px!important}
  #picksHub .picksCompactCopy p{max-width:200px!important;white-space:normal!important}
}


/* V1.61.13 — fit My Picks copy inside compact banners */
#picksHub .picksCompactCopy{left:3.8%!important;width:48%!important}
#picksHub .picksCompactCopy small{font-size:5px!important;margin-bottom:3px!important}
#picksHub .picksCompactCopy h3{font-size:clamp(18px,2vw,29px)!important;line-height:1!important;letter-spacing:-.025em!important;white-space:nowrap!important}
#picksHub .picksCompactCopy p{max-width:430px!important;margin-top:6px!important;font-size:clamp(7px,.72vw,10px)!important;line-height:1.25!important;white-space:normal!important}
@media(max-width:700px){
  #picksHub .picksCompactCopy{left:3.8%!important;width:54%!important}
  #picksHub .picksCompactCopy small{font-size:4px!important;margin-bottom:2px!important}
  #picksHub .picksCompactCopy h3{font-size:clamp(13px,4.3vw,20px)!important}
  #picksHub .picksCompactCopy p{font-size:clamp(5.5px,1.7vw,8px)!important;line-height:1.2!important;margin-top:4px!important;max-width:180px!important}
}
@media(max-width:430px){
  #picksHub .picksCompactCopy{width:56%!important}
  #picksHub .picksCompactCopy h3{font-size:clamp(12px,4vw,18px)!important}
  #picksHub .picksCompactCopy p{font-size:clamp(5px,1.6vw,7.5px)!important;max-width:165px!important}
}


/* V1.61.15 — News page + manual publisher */
.newsShell{border:1px solid rgba(43,232,182,.16);border-radius:18px;background:rgba(3,20,25,.82);padding:14px;backdrop-filter:blur(16px)}
.newsToolbar{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:14px}
.newsFilters{display:flex;flex-wrap:wrap;gap:7px}
.newsFilters button{border:1px solid rgba(88,190,209,.25);border-radius:999px;background:rgba(5,27,33,.86);color:#b8c9cd;padding:9px 13px;font-size:8px;font-weight:950;cursor:pointer}
.newsFilters button.active{background:#2be8b6;color:#061311;border-color:#2be8b6}
.newsSearch{min-width:230px;display:flex;align-items:center;gap:8px;padding:8px 11px;border:1px solid rgba(88,190,209,.25);border-radius:10px;background:rgba(2,17,22,.92);color:#698087}
.newsSearch input{width:100%;border:0;outline:0;background:transparent;color:#eef8f8;font-size:10px}
.newsLayout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:14px}
.newsGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}
.newsCard{overflow:hidden;border:1px solid rgba(255,255,255,.08);border-radius:14px;background:rgba(3,20,25,.94);color:#f4f9f9;text-decoration:none;box-shadow:0 14px 34px rgba(0,0,0,.2)}
.newsCardMedia{position:relative;height:150px;overflow:hidden;background:linear-gradient(135deg,#0c3140,#09231f)}
.newsCardMedia img{width:100%;height:100%;object-fit:cover;display:block}
.newsCardMedia>span{display:grid;place-items:center;width:100%;height:100%;font-size:38px;font-weight:1000;color:rgba(43,232,182,.35)}
.newsCardMedia em{position:absolute;left:10px;bottom:10px;padding:5px 8px;border-radius:999px;background:#0c63ba;color:white;font-size:7px;font-style:normal;font-weight:950;letter-spacing:.06em}
.newsCard.injuries .newsCardMedia em{background:#b71926}.newsCard.transfers .newsCardMedia em{background:#7b3fd2}.newsCard.match-previews .newsCardMedia em{background:#946100}.newsCard.competitions .newsCardMedia em{background:#008c70}
.newsCardBody{padding:12px}
.newsCardBody h3{margin:0 0 7px;font-size:14px;line-height:1.18}
.newsCardBody p{min-height:48px;margin:0;color:#9db0b5;font-size:9px;line-height:1.5}
.newsCardBody>div{display:flex;justify-content:space-between;gap:8px;margin-top:11px;color:#7d9298;font-size:8px}.newsCardBody>div b{color:#dce8e8}
.newsAside{display:grid;gap:12px;align-content:start}
.newsAside section{overflow:hidden;border:1px solid rgba(255,255,255,.08);border-radius:13px;background:rgba(3,20,25,.9)}
.newsAsideHead{display:flex;justify-content:space-between;padding:11px 12px;border-bottom:1px solid rgba(255,255,255,.07);color:#2be8b6;font-size:8px;letter-spacing:.1em}
.newsAside a{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:3px 8px;padding:10px 12px;border-top:1px solid rgba(255,255,255,.055);color:#eef6f6;text-decoration:none}
.newsAside a:first-of-type{border-top:0}.newsAside a strong{font-size:10px}.newsAside a small{grid-column:1;color:#8fa3a9;font-size:8px}.newsAside a em{grid-row:1/3;grid-column:2;align-self:center;color:#7f969b;font-size:7px;font-style:normal}.newsAside a i{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#2be8b6;color:#041411;font-size:8px;font-style:normal;font-weight:950}.newsAsideEmpty{padding:13px;color:#7f969b;font-size:9px}.newsEmpty{grid-column:1/-1;display:grid;place-items:center;min-height:250px;text-align:center;border:1px dashed rgba(255,255,255,.11);border-radius:13px;color:#82979d}.newsEmpty b{display:block;color:#e7f0f0;margin-bottom:5px}
.newsAdminGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.newsAdminGrid .wide{grid-column:1/-1}.newsAdminGrid label{display:grid;gap:6px;color:#99adb1;font-size:9px}.newsAdminGrid input,.newsAdminGrid select,.newsAdminGrid textarea{width:100%;border:1px solid rgba(255,255,255,.09);border-radius:9px;background:rgba(2,16,20,.9);color:#edf6f6;padding:10px}.newsAdminFlags{display:flex;gap:18px;margin:12px 0;color:#afc0c3;font-size:9px}.newsAdminFlags label{display:flex;align-items:center;gap:7px}.newsAdminList{display:grid;gap:7px}.newsAdminRow{display:grid;grid-template-columns:minmax(0,1fr) auto auto auto;gap:9px;align-items:center;padding:11px;border:1px solid rgba(255,255,255,.07);border-radius:10px;background:rgba(255,255,255,.018)}.newsAdminRow div small,.newsAdminRow div b,.newsAdminRow div span{display:block}.newsAdminRow div small{color:#2be8b6;font-size:7px}.newsAdminRow div b{margin:3px 0;font-size:10px}.newsAdminRow div span{color:#80969c;font-size:8px}.newsAdminRow em{color:#f3c65a;font-size:7px;font-style:normal;font-weight:950}.newsAdminRow button{font-size:8px}
@media(max-width:1000px){.newsLayout{grid-template-columns:1fr}.newsAside{grid-template-columns:1fr 1fr}.newsGrid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.newsToolbar{align-items:stretch;flex-direction:column}.newsSearch{min-width:0}.newsGrid{grid-template-columns:1fr}.newsAside{grid-template-columns:1fr}.newsAdminGrid{grid-template-columns:1fr}.newsAdminGrid .wide{grid-column:auto}.newsAdminRow{grid-template-columns:1fr auto}.newsAdminRow em{display:none}}


/* V1.61.18 — News page fidelity pass toward approved mockup */
.newsRouteActive .fidelityHeroBand{display:none!important}
#newsHub{margin-top:18px}
#newsHub .newsHero{
  min-height:168px;margin:0 -24px 0;padding:28px 54px 22px;
  display:flex;align-items:center;justify-content:space-between;gap:28px;
  background:
    linear-gradient(90deg,rgba(2,18,24,.32),rgba(2,18,24,.10) 48%,rgba(2,18,24,.28)),
    radial-gradient(circle at 50% 0%,rgba(37,195,190,.08),transparent 46%);
}
#newsHub .newsHeroCopy{max-width:920px;text-shadow:0 2px 22px rgba(0,0,0,.78)}
#newsHub .newsHeroCopy small{display:block;margin-bottom:8px;color:#e8f5f6;font-size:14px;font-weight:800;letter-spacing:.28em}
#newsHub .newsHeroCopy h2{margin:0;font-size:clamp(42px,4vw,68px);line-height:.98;letter-spacing:-.045em;font-weight:1000;color:#fff}
#newsHub .newsHeroCopy h2 span{color:#24e2b5}
#newsHub .newsHeroCopy p{margin:12px 0 0;color:#d5e1e4;font-size:17px}
#newsHub .newsHeroPromise{display:grid;gap:3px;min-width:200px;color:#e4eef0;font-size:14px;line-height:1.2;position:relative;padding-bottom:18px}
#newsHub .newsHeroPromise b{font-weight:700}
#newsHub .newsHeroPromise i{position:absolute;left:0;bottom:0;width:42px;height:3px;border-radius:4px;background:#2be8b6;box-shadow:0 0 16px rgba(43,232,182,.55)}

#newsHub .newsShell{margin:0 0 10px;border:1px solid rgba(60,196,190,.18);border-radius:18px;background:rgba(2,18,23,.88);padding:16px 18px 18px;backdrop-filter:blur(18px);box-shadow:0 18px 46px rgba(0,0,0,.18)}
#newsHub .newsToolbar{margin-bottom:18px}
#newsHub .newsFilters{gap:10px}
#newsHub .newsFilters button{
  min-height:44px;padding:0 20px;display:inline-flex;align-items:center;gap:9px;
  border:1px solid rgba(94,171,185,.34);background:rgba(2,20,26,.80);color:#dbe7e9;
  font-size:11px;font-weight:800;letter-spacing:0;border-radius:999px
}
#newsHub .newsFilters button i{font-style:normal;font-size:17px;line-height:1}
#newsHub .newsFilters button.active{background:#27e6b6;color:#031713;border-color:#27e6b6;box-shadow:0 0 24px rgba(39,230,182,.15)}
#newsHub .newsSearch{min-width:270px;height:44px;padding:0 14px;border-radius:11px;background:rgba(2,15,20,.94);border-color:rgba(94,171,185,.28)}
#newsHub .newsSearch input{font-size:12px}

#newsHub .newsLayout{grid-template-columns:minmax(0,1fr) 390px;gap:16px}
#newsHub .newsGrid{gap:14px}
#newsHub .newsCard{
  position:relative;min-height:350px;display:block;overflow:hidden;border-radius:14px;
  border:1px solid rgba(132,183,195,.24);background:#06161c;box-shadow:0 16px 38px rgba(0,0,0,.24)
}
#newsHub .newsCardMedia{position:absolute;inset:0;height:auto;background:#08212a}
#newsHub .newsCardMedia img{width:100%;height:100%;object-fit:cover;object-position:center top;display:block;transform:scale(1.003);transition:transform .28s ease,filter .28s ease}
#newsHub .newsCard:hover .newsCardMedia img{transform:scale(1.025);filter:saturate(1.06)}
#newsHub .newsCardShade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,5,10,.02) 0%,rgba(0,8,14,.16) 35%,rgba(0,13,18,.88) 62%,rgba(0,13,18,.98) 100%)}
#newsHub .newsCardContent{position:absolute;inset:auto 0 0;padding:18px 16px 15px;z-index:2}
#newsHub .newsCategoryPill{display:inline-flex;align-items:center;width:max-content;padding:6px 11px;border-radius:999px;background:#0d63bc;border:1px solid rgba(255,255,255,.32);color:#fff;font-size:9px;font-style:normal;font-weight:950;letter-spacing:.04em;box-shadow:0 5px 15px rgba(0,0,0,.18)}
#newsHub .newsCard.injuries .newsCategoryPill{background:#c21f2d}
#newsHub .newsCard.transfers .newsCategoryPill{background:#7b38cb}
#newsHub .newsCard.match-previews .newsCategoryPill{background:#a56e00}
#newsHub .newsCard.competitions .newsCategoryPill{background:#008f77}
#newsHub .newsCardContent h3{margin:10px 0 7px;font-size:19px;line-height:1.12;letter-spacing:-.025em;color:#fff}
#newsHub .newsCardContent p{margin:0;min-height:54px;color:#c0cdd0;font-size:12px;line-height:1.38}
#newsHub .newsSourceLine{display:flex;align-items:center;gap:8px;margin-top:13px;color:#aabcc0;font-size:11px}
#newsHub .newsSourceLine b{color:#e4ecee;font-weight:600}
#newsHub .newsSourceBadge{width:30px;height:30px;display:grid;place-items:center;flex:0 0 30px;border-radius:7px;background:linear-gradient(145deg,#0c4278,#09213d);border:1px solid rgba(255,255,255,.17);color:white;font-size:8px;font-weight:1000}
#newsHub .newsSourceLine span:last-child{color:#91a3a8}

#newsHub .newsAside{gap:14px}
#newsHub .newsAside section{border-radius:14px;border:1px solid rgba(91,176,187,.20);background:rgba(2,18,24,.91)}
#newsHub .newsAsideHead{padding:14px 16px;color:#24e2b5;font-size:10px;letter-spacing:.18em}
#newsHub .newsViewAll{border:0!important;padding:0!important;display:block!important;color:#27e6b6!important;background:none!important;font-size:10px!important;letter-spacing:0!important}
#newsHub .newsClubRow{grid-template-columns:48px minmax(0,1fr) auto 14px!important;align-items:center;gap:9px!important;padding:11px 14px!important}
#newsHub .newsClubLogo{width:42px;height:42px;display:grid;place-items:center}
#newsHub .newsClubLogo .teamCrestShell,#newsHub .newsClubLogo .teamInitials{width:38px;height:38px}
#newsHub .newsClubLogo .teamCrest{max-width:34px;max-height:34px}
#newsHub .newsClubCopy{min-width:0}
#newsHub .newsClubCopy strong{display:block;font-size:13px!important;color:#fff}
#newsHub .newsClubCopy small{display:block;grid-column:auto!important;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:10px!important;color:#96aab0!important}
#newsHub .newsClubRow em{display:flex;align-items:center;gap:6px;grid-column:auto!important;grid-row:auto!important;font-size:9px!important;color:#9bafb4!important;white-space:nowrap}
#newsHub .newsClubRow em i{width:8px;height:8px;border-radius:50%;background:#26e6b8;box-shadow:0 0 10px rgba(38,230,184,.45)}
#newsHub .newsRowArrow{font-size:25px;color:#709099;line-height:1}
#newsHub .newsClubFallback{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:#082b31;color:#25e4b6;font-size:10px;font-weight:950}

#newsHub .newsTrendRow{display:grid!important;grid-template-columns:30px minmax(0,1fr) 16px!important;align-items:center;gap:10px!important;padding:11px 14px!important}
#newsHub .newsTrendRow i{width:27px!important;height:27px!important;background:#ee4a4a!important;color:#fff!important;font-size:11px!important}
#newsHub .newsTrendRow:nth-of-type(3) i{background:#49a8ff!important}
#newsHub .newsTrendRow:nth-of-type(4) i{background:#ff9f2e!important}
#newsHub .newsTrendRow:nth-of-type(5) i{background:#8e54e9!important}
#newsHub .newsTrendRow:nth-of-type(6) i{background:#18b88d!important}
#newsHub .newsTrendRow strong{font-size:11px!important;font-weight:600}
#newsHub .newsTrendRow>span{font-size:24px;color:#6e8990}

@media(max-width:1200px){
  #newsHub .newsLayout{grid-template-columns:minmax(0,1fr) 330px}
  #newsHub .newsCard{min-height:330px}
  #newsHub .newsCardContent h3{font-size:17px}
}
@media(max-width:1000px){
  #newsHub .newsHero{margin:0 -24px;padding:24px 28px 18px}
  #newsHub .newsHeroPromise{display:none}
  #newsHub .newsLayout{grid-template-columns:1fr}
  #newsHub .newsAside{grid-template-columns:1fr 1fr}
}
@media(max-width:760px){
  #newsHub{margin-top:6px}
  #newsHub .newsHero{min-height:128px;padding:20px 18px 14px}
  #newsHub .newsHeroCopy small{font-size:9px}
  #newsHub .newsHeroCopy h2{font-size:clamp(34px,9vw,48px)}
  #newsHub .newsHeroCopy p{font-size:12px}
  #newsHub .newsToolbar{align-items:stretch}
  #newsHub .newsFilters{flex-wrap:nowrap;overflow-x:auto;padding-bottom:2px;scrollbar-width:none}
  #newsHub .newsFilters::-webkit-scrollbar{display:none}
  #newsHub .newsFilters button{min-height:39px;padding:0 14px;white-space:nowrap}
  #newsHub .newsSearch{min-width:0}
  #newsHub .newsGrid{grid-template-columns:1fr}
  #newsHub .newsCard{min-height:390px}
  #newsHub .newsAside{grid-template-columns:1fr}
}

/* V1.61.19 — News publisher article-preview controls */
.newsFetchRow{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center}
.newsFetchRow input{min-width:0}
.newsFetchRow button{height:39px;white-space:nowrap;border:1px solid rgba(43,232,182,.34);background:rgba(43,232,182,.08);color:#58efc7;border-radius:9px;padding:0 14px;font-weight:850}
.newsFetchRow button:disabled{opacity:.55;cursor:wait}
.newsAdminGrid label>small{color:#718991;font-size:8px;line-height:1.35}
@media(max-width:650px){.newsFetchRow{grid-template-columns:1fr}.newsFetchRow button{width:100%}}

/* V1.61.21 — Align brand heading and promise block */
.fidelityV1473 .fidelityHeroBand{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:start;
  padding-left:54px;
  padding-right:54px;
}
.fidelityV1473 .brandStatement,
.fidelityV1473 .heroPromise{
  align-self:start;
  margin-top:0;
}
.fidelityV1473 .heroPromise{
  margin-right:0;
  padding-right:0;
}
@media(max-width:760px){
  .fidelityV1473 .fidelityHeroBand{
    display:grid;
    grid-template-columns:1fr;
    padding-left:17px;
    padding-right:17px;
  }
}

/* V1.61.22 — Results windows + Pro pricing overlap fix */
.statsResultsDateNav{flex-wrap:wrap}
.statsResultsDateNav button{white-space:nowrap}
.pricingFeatured{padding-top:44px}
.pricingFeatured .savingBadge{
  top:14px;
  right:18px;
  left:auto;
  max-width:calc(100% - 36px);
  white-space:nowrap;
}
.pricingCard h3,.pricingCard .priceLine,.pricingCard p,.pricingCard button{position:relative;z-index:3}
@media(max-width:700px){
  .pricingFeatured{padding-top:42px}
  .pricingFeatured .savingBadge{right:14px;max-width:calc(100% - 28px)}
}


/* V1.61.24 — approved More-page artwork promoted from preview */
.moreGrid{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:8px!important;
}
.moreGrid .visualTile{
  --accent:#2be8b6;
  position:relative!important;
  aspect-ratio:5.2/1!important;
  min-height:104px!important;
  overflow:hidden!important;
  border-radius:18px!important;
  border:1px solid color-mix(in srgb,var(--accent) 58%,#33484d)!important;
  background:#06161c!important;
  box-shadow:0 16px 42px rgba(0,0,0,.30)!important;
  padding:0!important;
  display:block!important;
  text-decoration:none!important;
}
.moreGrid .visualTile .tileArtImage{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center!important;
  display:block!important;
  filter:none!important;
  image-rendering:auto!important;
  z-index:1!important;
}
.moreGrid .visualTile::before{
  content:''!important;
  position:absolute!important;
  inset:0!important;
  z-index:2!important;
  pointer-events:none!important;
  background:linear-gradient(90deg,rgba(2,14,18,.97) 0%,rgba(2,14,18,.83) 36%,rgba(2,14,18,.25) 72%,rgba(2,14,18,.10) 100%)!important;
}
.moreGrid .visualTile::after{display:none!important}
.moreGrid .visualTile>b{
  position:absolute!important;
  z-index:3!important;
  left:20px!important;
  right:58px!important;
  bottom:48px!important;
  margin:0!important;
  max-width:none!important;
  color:#fff!important;
  font-size:clamp(19px,2vw,28px)!important;
  line-height:1.05!important;
  text-shadow:0 2px 12px rgba(0,0,0,.75)!important;
}
.moreGrid .visualTile>small{
  position:absolute!important;
  z-index:3!important;
  left:20px!important;
  right:58px!important;
  bottom:20px!important;
  margin:0!important;
  max-width:560px!important;
  color:#d4dfe1!important;
  font-size:clamp(11px,1vw,14px)!important;
  line-height:1.4!important;
  text-shadow:0 2px 12px rgba(0,0,0,.72)!important;
}
.moreGrid .visualTile>span{
  position:absolute!important;
  z-index:3!important;
  right:18px!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  color:#fff!important;
  font-size:38px!important;
  font-weight:700!important;
  line-height:1!important;
  text-shadow:0 2px 12px #000!important;
}
.moreGrid .more-responsible{--accent:#e7b84b}
.moreGrid .more-support{--accent:#a970ff}
.moreGrid .more-privacy{--accent:#299dff}
.moreGrid .more-cookies{--accent:#f0b33c}
.moreGrid .more-terms{--accent:#ee5865}
@media(max-width:650px){
  .moreGrid{grid-template-columns:1fr!important}
  .moreGrid .visualTile{
    aspect-ratio:4.2/1!important;
    min-height:108px!important;
  }
  .moreGrid .visualTile>b{
    left:16px!important;
    right:46px!important;
    bottom:42px!important;
    font-size:20px!important;
  }
  .moreGrid .visualTile>small{
    left:16px!important;
    right:46px!important;
    bottom:14px!important;
    font-size:11.5px!important;
  }
}


/* V1.61.25 — approved modern Home promoted from preview */
.homeModernLive{width:100%;margin-top:12px}
.homeModernHero{position:relative;width:100%;height:auto;aspect-ratio:2048/682;max-height:none;border:1px solid rgba(43,232,182,.30);border-radius:14px;overflow:hidden;background:#05151a;box-shadow:0 18px 46px rgba(0,0,0,.20);display:flex;align-items:center;justify-content:center}
.homeModernHero img{width:100%;height:100%;object-fit:contain;object-position:center center;display:block;filter:none}
.homeModernLayout{display:grid;grid-template-columns:minmax(360px,.92fr) minmax(520px,1.55fr);gap:14px;margin-top:14px;align-items:start}
.homeModernRail{display:grid;gap:9px}
.homeModernTile{position:relative;min-height:100px;border:1px solid rgba(255,255,255,.10);border-radius:13px;overflow:hidden;background:#06161b;color:#fff;text-align:left;padding:0;isolation:isolate;cursor:pointer}
.homeModernTile:hover{transform:translateY(-1px);border-color:rgba(43,232,182,.28)}
.homeModernTile>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;display:block;filter:none}
.homeModernTile:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(2,14,18,.96) 0%,rgba(2,14,18,.74) 50%,rgba(2,14,18,.10) 100%);z-index:1}
.homeModernTile>span{position:absolute;z-index:2;left:16px;right:44px;bottom:14px}
.homeModernTile>span b{display:block;font-size:19px;line-height:1.05;color:#fff}
.homeModernTile>span small{display:block;margin-top:4px;color:#d4dfe1;font-size:10.5px;line-height:1.35}
.homeModernTile>em{position:absolute;z-index:2;right:15px;top:50%;transform:translateY(-50%);font-style:normal;font-size:29px;color:#fff}
.homeModernTile.isLockedPro>span b{color:#e7b84b}
.homeNewsPanel{border:1px solid rgba(43,232,182,.22);border-radius:14px;background:linear-gradient(180deg,rgba(7,24,29,.96),rgba(5,17,22,.96));overflow:hidden;min-height:640px}
.homeNewsHead{display:flex;align-items:center;justify-content:space-between;padding:16px 18px;border-bottom:1px solid rgba(255,255,255,.10)}
.homeNewsHead>div{display:grid;gap:3px}.homeNewsHead small{color:#2be8b6;font-weight:900;letter-spacing:.16em;font-size:8px}.homeNewsHead h2{margin:0;font-size:24px;color:#fff}
.homeNewsHead button{border:1px solid rgba(43,232,182,.28);background:rgba(43,232,182,.07);color:#2be8b6;border-radius:8px;padding:8px 10px;font-size:9px;font-weight:900}
.homeNewsScroll{max-height:580px;overflow:auto;padding:8px 14px 14px}
.homeNewsStory{display:grid;grid-template-columns:106px minmax(0,1fr);gap:13px;padding:12px 4px;border-bottom:1px solid rgba(255,255,255,.07);text-decoration:none;color:inherit}
.homeNewsStory:last-child{border-bottom:0}.homeNewsStory:hover strong{color:#2be8b6}
.homeNewsThumb{height:74px;border-radius:10px;overflow:hidden;background:#08161b;border:1px solid rgba(255,255,255,.08)}
.homeNewsThumb img{width:100%;height:100%;display:block;object-fit:cover}
.homeNewsCopy{min-width:0}.homeNewsMeta{display:flex;gap:8px;align-items:center;color:#71878d;font-size:8px;text-transform:uppercase;font-weight:900;letter-spacing:.08em}.homeNewsMeta b{color:#2be8b6}.homeNewsMeta em{font-style:normal}
.homeNewsCopy>strong{display:block;margin:5px 0 4px;font-size:14px;line-height:1.25;color:#fff}.homeNewsCopy>small{display:block;color:#91a3a8;font-size:10px;line-height:1.45}.homeNewsCopy>i{display:inline-block;margin-top:7px;color:#dce8eb;font-size:9px;font-style:normal;font-weight:800}
.homeNewsEmpty{padding:28px;color:#91a3a8}.homeNewsEmpty b{display:block;color:#fff;margin-bottom:5px}
.homeModernStats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:14px}
.homeModernStats article{padding:14px 16px;border:1px solid rgba(255,255,255,.10);border-radius:12px;background:#08161b}.homeModernStats small{color:#748990;font-size:8px;font-weight:900;letter-spacing:.12em}.homeModernStats b{display:block;margin-top:5px;font-size:20px;color:#fff}.homeModernStats span{color:#93a8ae;font-size:9px}
body:not(.newsRouteActive) #todayHub:not(.hidden)~.liveScoresMarquee{margin-top:16px}
@media(max-width:980px){.homeModernLayout{grid-template-columns:1fr}.homeModernRail{grid-template-columns:repeat(2,minmax(0,1fr))}.homeNewsPanel{min-height:520px}.homeNewsScroll{max-height:470px}}
@media(max-width:650px){.homeModernHero{height:auto;min-height:0;aspect-ratio:2048/682;max-height:none}.homeModernRail{grid-template-columns:1fr}.homeModernTile{min-height:94px}.homeNewsPanel{min-height:0}.homeNewsScroll{max-height:none}.homeNewsStory{grid-template-columns:82px 1fr}.homeNewsThumb{height:64px}.homeModernStats{grid-template-columns:1fr}}


/* V1.61.26 — More page responsive tile repair */
@media(max-width:980px){
  .moreGrid{
    grid-template-columns:1fr!important;
    gap:10px!important;
    width:100%!important;
  }
  .moreGrid .visualTile{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    aspect-ratio:auto!important;
    min-height:132px!important;
    border-radius:15px!important;
  }
  .moreGrid .visualTile .tileArtImage{
    object-fit:cover!important;
    object-position:center!important;
  }
  .moreGrid .visualTile>b{
    left:18px!important;
    right:54px!important;
    bottom:52px!important;
    max-width:calc(100% - 72px)!important;
    font-size:22px!important;
    white-space:normal!important;
    overflow-wrap:anywhere!important;
  }
  .moreGrid .visualTile>small{
    left:18px!important;
    right:54px!important;
    bottom:18px!important;
    max-width:calc(100% - 72px)!important;
    font-size:12px!important;
    line-height:1.35!important;
    white-space:normal!important;
    overflow-wrap:anywhere!important;
  }
  .moreGrid .visualTile>span{
    right:16px!important;
    font-size:32px!important;
  }
}
@media(max-width:520px){
  .moreGrid .visualTile{min-height:124px!important}
  .moreGrid .visualTile>b{left:16px!important;right:46px!important;bottom:48px!important;font-size:20px!important}
  .moreGrid .visualTile>small{left:16px!important;right:46px!important;bottom:15px!important;font-size:11px!important}
  .moreGrid .visualTile>span{right:14px!important;font-size:28px!important}
}

/* V1.61.27 — compliance visibility */
.responsibleFooterNotice{grid-column:1/-1;display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap;margin-top:10px;padding:10px 12px;border:1px solid rgba(255,209,102,.18);border-radius:12px;background:rgba(255,209,102,.045);font-size:10.5px;line-height:1.45;color:#b9c7cc;text-align:center}
.responsibleFooterNotice strong{color:#f4d36e}.responsibleFooterNotice a{color:#6fe0b3;font-weight:900}
.accountLegal{margin:12px 0 0;color:#8fa4ad;font-size:10.5px;line-height:1.45}.accountLegal a{color:#6fe0b3;font-weight:850}
@media(max-width:699px){.responsibleFooterNotice{align-items:flex-start;flex-direction:column;text-align:left}}


/* Pro pricing alignment — keep monthly/yearly content on a shared visual grid */
.pricingCard{display:grid;grid-template-rows:18px 28px 42px minmax(46px,1fr) auto;align-content:stretch}
.pricingCard>small{align-self:center}
.pricingCard h3{align-self:start;margin:2px 0 8px}
.pricingCard .priceLine{align-self:start}
.pricingCard p{min-height:46px;align-self:start;margin:6px 0 13px}
.pricingCard button{align-self:end}
.pricingFeatured{padding-top:18px}
.pricingFeatured .savingBadge{
  z-index:2;
  top:10px;
  right:12px;
  max-width:140px;
  white-space:nowrap;
  pointer-events:none;
}
.pricingFeatured>small{padding-right:150px}
@media(max-width:700px){
  .pricingCard{grid-template-rows:auto auto auto auto auto}
  .pricingCard p{min-height:0}
  .pricingFeatured>small{padding-right:0}
  .pricingFeatured .savingBadge{top:10px;right:12px}
}


/* Main Today / Tomorrow / Live tab alignment */
.mainTabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:min(100%,420px);gap:4px}
.mainTab{display:flex;align-items:center;justify-content:center;width:100%;min-width:0;padding:9px 12px;text-align:center}


/* NOVO 5 — explainable rating panel */
.novo5WhyRating{border-top:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg,rgba(4,18,22,.88),rgba(5,13,17,.96))}
.novo5WhyRatingToggle{width:100%;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 18px;border:0;background:transparent;color:#fff;text-align:left;cursor:pointer}
.novo5WhyRatingToggle>span:first-child{display:grid;gap:3px}.novo5WhyRatingToggle b{font-size:11px;letter-spacing:.13em}.novo5WhyRatingToggle small{color:#81979e;font-size:9px;line-height:1.35}
.novo5WhyRatingScore{display:flex;align-items:center;gap:9px;color:var(--accent,#2be8b6);font-size:18px;font-weight:950;white-space:nowrap}.novo5WhyRatingScore i{font-style:normal;color:#81979e;transition:transform .2s ease}.novo5WhyRatingToggle.open .novo5WhyRatingScore i{transform:rotate(180deg)}
.novo5WhyRatingBody{display:none;padding:0 18px 18px}.novo5WhyRatingBody.open{display:block}.novo5WhyRatingColumns{display:grid;grid-template-columns:1.35fr .85fr;gap:10px}.novo5WhyRatingPanel{border:1px solid rgba(255,255,255,.09);border-radius:12px;padding:12px;background:rgba(255,255,255,.025)}
.novo5WhyRatingPanel h3{margin:0 0 9px;font-size:9px;letter-spacing:.13em;color:#8fa4aa}.novo5WhyRow{display:grid;grid-template-columns:18px minmax(0,1fr) auto;align-items:center;gap:7px;padding:7px 0;border-top:1px solid rgba(255,255,255,.055)}.novo5WhyRow:first-of-type{border-top:0}.novo5WhyRow>span{display:grid;place-items:center;width:17px;height:17px;border-radius:50%;background:rgba(43,232,182,.11);color:#2be8b6;font-size:10px;font-weight:950}.novo5WhyRatingPanel.risks .novo5WhyRow>span{background:rgba(255,196,92,.10);color:#ffc45c}.novo5WhyRow small{color:#9babb0;font-size:9px}.novo5WhyRow b{font-size:10px;text-align:right;color:#eef6f7}
.novo5WhyRatingVerdict{margin-top:10px;display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:10px;padding:10px 12px;border:1px solid color-mix(in srgb,var(--accent,#2be8b6) 32%,transparent);border-radius:11px;background:color-mix(in srgb,var(--accent,#2be8b6) 6%,transparent)}.novo5WhyRatingVerdict small{font-size:8px;letter-spacing:.13em;color:#82979d;font-weight:900}.novo5WhyRatingVerdict strong{font-size:22px;color:var(--accent,#2be8b6)}.novo5WhyRatingVerdict b{font-size:10px;color:#fff}
@media(max-width:650px){.novo5WhyRatingToggle{padding:13px 14px}.novo5WhyRatingBody{padding:0 14px 14px}.novo5WhyRatingColumns{grid-template-columns:1fr}.novo5WhyRatingRow b{max-width:45vw}.novo5WhyRatingVerdict{grid-template-columns:1fr auto}.novo5WhyRatingVerdict b{grid-column:1/-1}}