/* 433.cat v0.1.6 — shared sports system. Final visual polish. */
:root { --cat-red:#cb173a; --cat-live:#f1254b; --cat-yellow:#f3c72b; --cat-gold:var(--cat-yellow); --cat-surface:#14212d; --cat-border:#334351; --cat-muted:#99a8b8; --cat-ui:Arial,Helvetica,sans-serif; }
body.brand-433 { color:#eef3f8; background:radial-gradient(ellipse at 10% 0%,#79233225,transparent 42%),radial-gradient(ellipse at 94% 20%,#c98c1510,transparent 40%),linear-gradient(135deg,#101c29,#09131e 55%,#0d1620); background-attachment:fixed; }
body.brand-433::before,body.brand-433::after { display:none !important; }
body.brand-433 .app-shell { max-width:1100px; }
body.brand-433 .app-hero { position:relative; isolation:isolate; overflow:hidden; height:156px; min-height:0 !important; border:1px solid #47505b !important; border-radius:10px !important; padding:0 !important; box-shadow:0 16px 36px #02070e45,inset 0 1px 0 #ffffff12; }
body.brand-433 .app-hero-inner { position:relative; z-index:1; min-height:0 !important; height:100%; padding:22px 26px !important; }
body.brand-433 .hero-main,body.brand-433 .hero-copy-block { min-height:0 !important; padding:0 !important; }
body.brand-433 .hero-copy-block::after { content:none !important; }
body.brand-433 .hero-brand { font:900 66px/.92 var(--cat-ui) !important; letter-spacing:-3.6px !important; margin:0 !important; text-shadow:0 3px 0 #030b1550; }
body.brand-433 .hero-brand-main { color:#fff !important; -webkit-text-fill-color:#fff !important; }
body.brand-433 .hero-brand .hero-brand-cat { color:var(--cat-yellow) !important; -webkit-text-fill-color:var(--cat-yellow) !important; letter-spacing:-3px; }
body.brand-433 .brand-rule { display:block !important; width:164px; height:3px; margin:10px 0 9px; border-radius:0; background:linear-gradient(90deg,var(--cat-red) 0 74%,var(--cat-yellow) 74%); box-shadow:none; }
body.brand-433 .app-title,body.brand-433 .mobile-title-live,body.brand-433 .mobile-title-noise { font-family:var(--cat-ui) !important; font-style:normal !important; font-size:13px !important; font-weight:800 !important; line-height:1.4 !important; letter-spacing:.45px !important; text-transform:uppercase !important; color:#edf0f4 !important; -webkit-text-fill-color:currentColor !important; }
body.brand-433 .app-title { margin:0 !important; }
body.brand-433 .mobile-title-noise { color:#bfcbd6 !important; }
body.brand-433 .language-switch { position:absolute; z-index:3; top:17px; right:17px; display:flex; gap:2px; padding:3px; border:1px solid #6d76817a; border-radius:5px; background:#081421ed; box-shadow:inset 0 1px 0 #ffffff10; }
body.brand-433 .language-switch button { min-width:40px; min-height:38px; padding:0 8px; border:1px solid transparent; border-radius:3px; background:transparent; color:#b7c3cf; font:800 11px var(--cat-ui); cursor:pointer; }
body.brand-433 .language-switch button[aria-pressed=true] { color:#fff; background:#79213b; border-color:#ae3e54; box-shadow:inset 0 -2px var(--cat-yellow); }
body.brand-433 button { -webkit-tap-highlight-color:transparent; transition:background-color .15s,border-color .15s,color .15s; }
body.brand-433 button:focus-visible,body.brand-433 input:focus-visible,body.brand-433 select:focus-visible { outline:2px solid var(--cat-yellow); outline-offset:2px; }
body.brand-433 .app-controls { padding:10px !important; background:linear-gradient(180deg,#25313cbb,#101b27ee) !important; border:1px solid #3c4a58 !important; border-radius:9px !important; box-shadow:inset 0 1px 0 #ffffff0a,0 10px 26px #02081130; }
body.brand-433 .app-controls .tabs-scroll { gap:6px; flex-wrap:nowrap; }
body.brand-433 .app-controls .tabs-scroll .tab { position:relative; font:800 11px var(--cat-ui) !important; letter-spacing:.25px; padding:9px 10px !important; border-radius:5px !important; border:1px solid #43515f !important; color:#dce3eb !important; -webkit-text-fill-color:currentColor !important; background:linear-gradient(180deg,#2c3844,#1c2834) !important; box-shadow:inset 0 1px 0 #ffffff0b !important; }
body.brand-433 .app-controls .tabs-scroll .tab:hover { color:#fff !important; border-color:#9a7180 !important; background:#334151 !important; }
body.brand-433 .app-controls .tabs-scroll .tab.active { color:#fff !important; -webkit-text-fill-color:#fff !important; border-color:#e34a66 !important; background:linear-gradient(180deg,#c91b3e,#84152e) !important; box-shadow:inset 0 1px 0 #ffb3bb33,inset 0 -2px var(--cat-yellow) !important; }
body.brand-433 .app-controls .tab[data-filter=live]::before { content:''; width:5px; height:5px; display:inline-block; vertical-align:middle; margin-right:6px; border-radius:50%; background:var(--cat-live); box-shadow:0 0 7px #f1254b50; }
body.brand-433 .app-controls .tabs-scroll .tab[data-filter=live] { color:#ff8ca0 !important; }
body.brand-433 .app-controls .tabs-scroll .tab[data-filter=live].active { color:#fff !important; background:linear-gradient(180deg,#f1254b,#ca1237) !important; border-color:#ff8aa0 !important; box-shadow:inset 0 1px 0 #ffffff40,0 0 12px #ec1c4526 !important; }
body.brand-433 .app-controls .tab[data-filter=live].active::before { background:#fff; }
body.brand-433 .calendar-group { display:flex; align-items:center; flex-wrap:wrap; gap:8px !important; margin-top:10px !important; }
body.brand-433 .date-selector { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)) minmax(86px,1.4fr); min-width:306px; gap:3px; padding:3px; background:#091521; border:1px solid #344454; border-radius:6px; }
body.brand-433 .date-selector .calendar-strip { display:contents !important; }
body.brand-433 .date-selector .day-chip,body.brand-433 .date-selector .calendar-button { grid-area:auto !important; width:auto !important; min-width:0 !important; height:44px !important; min-height:44px !important; padding:4px 5px !important; border:1px solid #ffffff0e !important; border-radius:3px !important; background:#1c2937 !important; color:#c6d0dc !important; font:700 10px var(--cat-ui) !important; box-shadow:inset 0 1px 0 #ffffff07 !important; }
body.brand-433 .date-selector .day-chip { display:flex !important; flex-direction:column; align-items:center; justify-content:center; gap:2px !important; }
body.brand-433 .date-selector .day-chip span { font:700 10px/1.2 var(--cat-ui) !important; color:inherit !important; -webkit-text-fill-color:currentColor !important; text-transform:none !important; letter-spacing:0 !important; overflow:visible !important; text-overflow:clip !important; }
body.brand-433 .date-selector .day-chip span:last-child { font-size:14px !important; font-variant-numeric:tabular-nums; }
body.brand-433 .date-selector .day-chip.active,body.brand-433 .calendar-date.active { background:#702238 !important; border-color:#b54259 !important; color:#fff !important; -webkit-text-fill-color:#fff !important; box-shadow:inset 0 -2px var(--cat-yellow) !important; }
body.brand-433 .date-selector .day-chip.active span { color:#fff !important; }
body.brand-433 .date-selector .calendar-button { background:#142231 !important; color:#d4dee8 !important; }
body.brand-433 .date-selector button:hover { background:#2c3c4d !important; border-color:#687b8d !important; }
body.brand-433 .calendar-search { flex:1; background:#0c1825 !important; border:1px solid #3a4b5c !important; box-shadow:inset 0 1px 3px #0003 !important; border-radius:5px !important; min-height:44px; }
body.brand-433 .calendar-search input { font-family:var(--cat-ui) !important; font-weight:500 !important; color:#f3f5f7 !important; }
body.brand-433 .calendar-search > span { color:#a2b2c3 !important; }
body.brand-433 .calendar-search input::placeholder { color:#95a6b9; }
body.brand-433 .profile-btn { background:linear-gradient(#243341,#172634) !important; border:1px solid #3d4d5c !important; border-radius:5px !important; color:#d7e0e9 !important; font-family:var(--cat-ui) !important; }
body.brand-433 .refresh-btn,body.brand-433 #loadStandings,body.brand-433 .back-btn,body.brand-433 .close-btn,body.brand-433 .profile-close { background:transparent !important; border:1px solid transparent !important; border-radius:4px !important; color:#aebdcd !important; -webkit-text-fill-color:currentColor !important; box-shadow:none !important; font-family:var(--cat-ui) !important; }
body.brand-433 .refresh-btn:hover,body.brand-433 .profile-btn:hover,body.brand-433 #loadStandings:hover,body.brand-433 .back-btn:hover,body.brand-433 .close-btn:hover,body.brand-433 .profile-close:hover { color:#fff !important; background:#304252 !important; border-color:#5b7183 !important; }
body.brand-433 .refresh-icon,body.brand-433 .profile-btn-icon,body.brand-433 .calendar-button span { color:#b9c6d5 !important; }

/* One football-filter surface, distinct from primary match navigation. */
body.brand-433 .mobile-filters-panel { display:block; margin:12px 0; padding:8px 12px 10px; border:1px solid #344554; border-radius:7px; background:linear-gradient(115deg,#1e2a37,#131f2b); box-shadow:inset 3px 0 #ad2341; }
body.brand-433 .cat-filter-heading { display:flex; align-items:center; justify-content:space-between; gap:8px; margin:0 0 5px; min-height:32px; }
body.brand-433 .cat-filter-heading strong { color:#d3dce6; font:800 10px var(--cat-ui); text-transform:uppercase; letter-spacing:.9px; }
body.brand-433 .filter-reset { color:#9eb0c2; background:transparent; border:0; border-radius:4px; min-height:32px; padding:6px 8px; font:600 10px var(--cat-ui); cursor:pointer; }
body.brand-433 .filter-reset:hover { color:#fff; background:#ffffff08; }
body.brand-433 .cat-filters { margin:0; gap:8px; }
body.brand-433 .cat-filters label { display:grid; grid-template-columns:72px minmax(0,1fr); align-items:center; gap:6px; padding-left:9px; border:1px solid #3b4b5b; border-radius:4px; background:#142230; color:#93a8bd; font:800 9px var(--cat-ui); text-transform:uppercase; letter-spacing:.3px; }
body.brand-433 .cat-filters select { min-height:44px; background:#1d2c3b; border:0; border-left:1px solid #334454; border-radius:0 3px 3px 0; color:#e7edf3; font:600 11px var(--cat-ui); padding:8px 7px; text-transform:none; letter-spacing:0; }
body.brand-433 .cat-filters label:has(select option:checked:not([value=""])) { border-color:#b7405a; color:#f4c72b; box-shadow:inset 2px 0 #c72544; }
body.brand-433 .cat-button { border:1px solid #405366; border-radius:4px; background:linear-gradient(#283848,#1b2b3b); color:#dce5ee; font:700 11px var(--cat-ui); }
body.brand-433 .cat-button:hover { background:#304357; border-color:#a25064; color:#fff; }
body.brand-433 .cat-button.active { background:#462438; border-color:#b33c55; color:#fff; box-shadow:inset 0 -2px var(--cat-yellow); }
body.brand-433 .cat-shortcuts { gap:6px; margin:9px 0 0; }
body.brand-433 .cat-shortcuts .cat-button { position:relative; min-height:38px !important; padding:6px 12px 6px 22px; border-radius:18px; border-color:#455668; background:#152535; color:#cbd7e3; font-size:11px; box-shadow:none; }
body.brand-433 .cat-shortcuts .cat-button::before { content:''; position:absolute; width:7px; height:9px; top:50%; left:9px; transform:translateY(-50%); background:linear-gradient(90deg,#c62040 0 65%,#e8bd2b 65%); clip-path:polygon(0 0,100% 0,100% 68%,50% 100%,0 68%); opacity:.85; pointer-events:none; }
body.brand-433 .cat-shortcuts .cat-button.has-crest { padding-left:31px; }
body.brand-433 .cat-shortcuts .cat-button.has-crest::before { display:none; }
body.brand-433 .cat-shortcuts .shortcut-crest { position:absolute; left:9px; top:50%; transform:translateY(-50%); width:16px; height:16px; object-fit:contain; pointer-events:none; }
body.brand-433 .cat-shortcuts .cat-button.active { background:#49273a; border-color:#d34861; color:#fff; box-shadow:inset 0 -1px var(--cat-yellow); }

/* Match centre: continuous rows, white scores, low-weight metadata. */
body.brand-433 .panel,body.brand-433 .cat-catalog { background:#111e2b !important; border:1px solid #3c4c5d !important; border-radius:7px !important; box-shadow:0 8px 24px #0309132e,inset 0 1px 0 #ffffff07 !important; }
body.brand-433 .panel-head { background:linear-gradient(105deg,#77233a55,transparent 50%),linear-gradient(180deg,#283543,#1a2938) !important; border-bottom:1px solid #455666 !important; padding:7px 12px !important; min-height:48px !important; }
body.brand-433 .panel-title,body.brand-433 .panel-head h2 { color:#fff !important; font:800 12px var(--cat-ui) !important; letter-spacing:.5px; text-transform:uppercase; }
body.brand-433 .panel-title .mark { width:3px; height:13px; border-radius:0; background:linear-gradient(var(--cat-red) 0 65%,var(--cat-yellow) 65%); }
body.brand-433 #live .panel-head { background:linear-gradient(105deg,#a414395e,transparent 65%),#1d2a38 !important; }
body.brand-433 #live .panel-title .mark { background:var(--cat-live); box-shadow:0 0 8px #f1254b50; }
body.brand-433 .panel-share-btn { color:#9fadc0 !important; border:1px solid transparent !important; border-radius:4px !important; background:transparent !important; box-shadow:none !important; }
body.brand-433 .panel-share-btn:hover { color:#fff !important; background:#ffffff0b !important; }
body.brand-433 .match-row { background:linear-gradient(90deg,#182633,#14212e) !important; border:0 !important; border-bottom:1px solid #334454 !important; border-radius:0 !important; box-shadow:none !important; }
body.brand-433 .match-row:nth-child(even) { background:#1b2a39 !important; }
body.brand-433 .match-row:hover,body.brand-433 .match-row:focus-within { background:#27394b !important; }
body.brand-433 .match-row .team-name { color:#f3f6fa !important; font-family:var(--cat-ui) !important; font-weight:750 !important; }
body.brand-433 .match-row .score { color:#fff !important; font-family:var(--cat-ui) !important; font-weight:900 !important; font-variant-numeric:tabular-nums; letter-spacing:.1px; }
body.brand-433 .match-row .league-name { color:#93a7bc !important; font-family:var(--cat-ui) !important; font-weight:600 !important; }
body.brand-433 .match-row .minute { color:#b5c5d4 !important; font-family:var(--cat-ui) !important; font-weight:700 !important; }
body.brand-433 .match-row .status { color:#c9d6e3 !important; background:#263749 !important; border:1px solid #415265 !important; font:800 9px var(--cat-ui) !important; box-shadow:none !important; text-shadow:none !important; border-radius:3px !important; }
body.brand-433 .match-row .status::before,body.brand-433 .match-row .status::after { display:none !important; }
body.brand-433 .match-row[data-status=LIVE] { background:linear-gradient(90deg,#6d22383d,#182533 55%) !important; box-shadow:inset 3px 0 var(--cat-live) !important; }
body.brand-433 .match-row[data-status=LIVE] .status { color:#fff !important; background:#ce173c !important; border-color:#ec4765 !important; }
body.brand-433 .match-row[data-status=LIVE] .minute { color:#ff8ca3 !important; }
body.brand-433 .match-row .chev { color:#dd4867 !important; }
body.brand-433 .team-favorite-btn { color:#899caf !important; }
body.brand-433 .team-favorite-btn.is-favorite { color:var(--cat-yellow) !important; }
body.brand-433 .cat-catalog { padding:14px; }
body.brand-433 .cat-catalog .panel-head { border-radius:4px; margin-bottom:10px; box-shadow:inset 3px 0 #c22646; }
body.brand-433 .cat-card { background:linear-gradient(115deg,#20303f,#182736); border:1px solid #3c4c5d; border-radius:5px; }
body.brand-433 .cat-card strong { color:#f0f4f8; font:750 13px/1.4 var(--cat-ui); }
body.brand-433 .cat-card small,body.brand-433 .cat-muted,body.brand-433 .cat-coverage { color:#a1b1c2; }
body.brand-433 .cat-table-controls label { color:#aabaca; font:700 10px var(--cat-ui); letter-spacing:.25px; }
body.brand-433 .cat-table-controls select { color:#eef3f8; background:#1a2c3d; border:1px solid #40566a; border-radius:4px; font:600 12px var(--cat-ui); }
body.brand-433 .cat-table th { color:#ccd8e4; background:linear-gradient(#2a3c4f,#213447); font-weight:750; }
body.brand-433 .cat-table th,body.brand-433 .cat-table td { padding:10px; border-bottom-color:#35485a; }
body.brand-433 .cat-table td { color:#c6d3e0; }
body.brand-433 .cat-table td:last-child { color:#fff; font-weight:800; }
body.brand-433 .cat-table tr.cat-team { background:linear-gradient(90deg,#b92c4330,#70263b10); }
body.brand-433 .cat-table tr.cat-team td { color:#e9eef5; }
body.brand-433 .cat-table tr.cat-team td:first-child { box-shadow:inset 2px 0 var(--cat-red); }
body.brand-433 .cat-table tr.cat-team td:nth-child(2) { color:#f4d368; }
body.brand-433 .cat-table-scroll,body.brand-433 .cat-shortcuts,body.brand-433 .tabs-scroll { scrollbar-color:#64778c #0d1825 !important; }
body.brand-433 .detail-sheet,body.brand-433 .team-detail-sheet,body.brand-433 .profile-sheet,body.brand-433 .footer-info-sheet { background:linear-gradient(135deg,#213244,#101e2d 70%) !important; border-color:#4d6074 !important; }
body.brand-433 .detail-tab,body.brand-433 .team-tab { font:700 12px var(--cat-ui) !important; border-radius:4px !important; background:#233448 !important; border-color:#42576b !important; }
body.brand-433 .detail-tab.active,body.brand-433 .team-tab.active { background:#85223c !important; color:#fff !important; border-color:#c04960 !important; box-shadow:inset 0 -2px var(--cat-yellow) !important; }
body.brand-433 .calendar-popover { background:#162638 !important; border-color:#52677d !important; border-radius:6px !important; box-shadow:0 16px 45px #0009 !important; }
body.brand-433 .detail-head,body.brand-433 .profile-head,body.brand-433 .footer-info-head { background:linear-gradient(105deg,#65253b45,#24374a) !important; border-color:#465d72 !important; }
body.brand-433 .focus-score-card,body.brand-433 .app-widget,body.brand-433 .summary-item,body.brand-433 .team-stat-card,body.brand-433 .team-context-card,body.brand-433 .team-table-group,body.brand-433 .team-player-row,body.brand-433 .bench-player { background:#192b3d !important; border-color:#435b70 !important; border-radius:6px !important; }
body.brand-433 .summary-item { background:#233a4f !important; }
body.brand-433 .summary-label,body.brand-433 .focus-scorer,body.brand-433 .focus-phase { color:#bdcddd !important; background:#263b50 !important; border-color:#516478 !important; }
body.brand-433 .summary-value,body.brand-433 .widget-title,body.brand-433 .focus-team,body.brand-433 .focus-score-number { color:#f5f7fa !important; -webkit-text-fill-color:currentColor !important; }
body.brand-433 #focusStatus { background:#35495e !important; color:#eaf0f7 !important; box-shadow:none !important; }
body.brand-433:has(.match-row[data-status=LIVE].is-selected) #focusStatus { background:var(--cat-live) !important; color:#fff !important; }
body.brand-433 .cat-coverage { border-top-color:#3b4b5c; }
body.brand-433 .footer { background:linear-gradient(100deg,#281b2b,#0c1824 45%); border-top:1px solid #654054; }
body.brand-433 .footer-inner { color:#a9bbcd; font-size:12px; }
body.brand-433 .footer-logo { font-family:var(--cat-ui); font-weight:900; }
body.brand-433 .footer-red { color:#e45971 !important; }
body.brand-433 .footer-link:hover { color:#fff; }
@media(min-width:761px) {
 body.brand-433 .calendar-group { display:grid !important; grid-template-columns:auto minmax(170px,1fr) auto; }
 body.brand-433 .date-selector { grid-column:1; grid-row:1; }
 body.brand-433 .calendar-search { grid-column:2; grid-row:1; min-width:0 !important; width:100% !important; }
 body.brand-433 .controls-status { grid-column:3; grid-row:1; display:flex; gap:6px !important; }
 body.brand-433 .refresh-btn,body.brand-433 .profile-btn { min-width:44px; padding:8px 9px !important; }
 body.brand-433 #updatedChip { max-width:112px; font:600 10px var(--cat-ui); }
 body.brand-433 .profile-btn span:last-child { font:700 11px var(--cat-ui); }
 body.brand-433 .match-row { min-height:56px !important; }
 body.brand-433 .match-row .score { font-size:24px !important; }
}
@media(max-width:760px) {
 body.brand-433 .app-shell { padding:0 10px !important; }
 body.brand-433 .app-hero { height:94px; margin:0 0 6px !important; border-radius:7px !important; padding:10px !important; }
 body.brand-433 .app-hero-inner { height:auto; padding:0 !important; }
 body.brand-433 .hero-copy-block { max-width:calc(100% - 86px); }
 body.brand-433 .hero-brand { font-size:34px !important; letter-spacing:-1.8px !important; }
 body.brand-433 .hero-brand .hero-brand-cat { letter-spacing:-1.5px !important; }
 body.brand-433 .brand-rule { width:112px; height:2px; margin:7px 0 7px; }
 body.brand-433 .app-title { max-width:100% !important; }
 body.brand-433 .mobile-title-copy { gap:0 3px !important; }
 body.brand-433 .mobile-title-live,body.brand-433 .mobile-title-noise { font-size:9px !important; font-weight:800 !important; line-height:1.4 !important; letter-spacing:.1px !important; text-transform:none !important; }
 body.brand-433 .language-switch { top:1px; right:5px; padding:1px; gap:0; border-radius:4px; }
 body.brand-433 .language-switch button { min-width:33px; min-height:44px; padding:0 5px; font-size:10px; }
 body.brand-433 .mobile-header-actions { top:49px; right:6px; z-index:4; }
 body.brand-433 .mobile-header-actions .profile-btn,body.brand-433 .mobile-header-actions .refresh-btn { border-color:transparent !important; background:#07111a50 !important; border-radius:3px !important; }
 body.brand-433 .app-controls { padding:5px !important; gap:6px !important; border-radius:6px !important; }
 body.brand-433 .app-controls .tabs-scroll { gap:4px !important; padding-bottom:5px !important; }
 body.brand-433 .app-controls .tabs-scroll::-webkit-scrollbar,body.brand-433 .cat-shortcuts::-webkit-scrollbar { height:3px !important; }
 body.brand-433 .app-controls .tabs-scroll .tab { min-width:58px !important; border-radius:4px !important; padding:9px 10px !important; font-size:10px !important; }
 body.brand-433 .calendar-group { grid-template-columns:minmax(0,1fr) 90px !important; grid-template-areas:'dates dates' 'search filters' !important; gap:5px !important; margin:0 !important; }
 body.brand-433 .date-selector { grid-area:dates; min-width:0; width:100%; box-sizing:border-box; grid-template-columns:repeat(3,minmax(0,1fr)) minmax(78px,1.4fr); padding:2px; gap:2px; }
 body.brand-433 .date-selector .day-chip,body.brand-433 .date-selector .calendar-button { padding:3px 1px !important; }
 body.brand-433 .calendar-search { grid-area:search; border-radius:4px !important; min-height:44px; }
 body.brand-433 .mobile-filters-toggle { grid-area:filters; font:800 10px var(--cat-ui); border-radius:4px; border-color:#566a7c; background:linear-gradient(#2c3c4d,#1c2d3e); color:#e0e8f0; box-shadow:inset 0 1px 0 #ffffff10; }
 body.brand-433 .mobile-filters-toggle[aria-expanded=true],body.brand-433 .mobile-filters-toggle.has-filters { background:#692239; border-color:#c74761; color:#fff; box-shadow:inset 0 -2px var(--cat-yellow); }
 body.brand-433 #mobileFiltersCount { background:var(--cat-red); color:#fff; }
 body.brand-433 .mobile-filters-panel { display:none; }
 body.brand-433 .mobile-filters-panel.is-open { display:block; margin:8px 0 0; padding:8px 10px 10px; border-color:#526174; border-radius:6px; background:linear-gradient(135deg,#243143,#142334); animation:filters-enter .16s ease-out; }
 body.brand-433 .cat-filter-heading { margin:0 0 5px; }
 body.brand-433 .filter-reset { min-height:44px; }
 body.brand-433 .cat-filters { gap:6px; }
 body.brand-433 .cat-filters label { grid-template-columns:74px minmax(0,1fr); padding-left:7px; }
 body.brand-433 .cat-filters select { font-size:12px; padding:6px; }
 body.brand-433 .cat-shortcuts { margin:10px 0; padding-bottom:4px; }
 body.brand-433 .cat-shortcuts .cat-button { min-height:44px !important; }
 body.brand-433 .mobile-filters-done { color:#b9cadb; background:transparent; border:0; border-top:1px solid #4b5c6e; border-radius:0; font-weight:600; }
 body.brand-433 .home-grid { margin-top:8px !important; }
 body.brand-433 .home-grid .panel-head { padding:4px 9px !important; min-height:44px !important; }
 body.brand-433 .panel-title { font-size:11px !important; }
 body.brand-433 .match-row[data-status] { position:relative; grid-template-columns:32px minmax(0,1fr) 45px minmax(0,1fr) !important; grid-template-rows:minmax(32px,auto) !important; column-gap:5px !important; min-height:88px !important; padding:8px 7px 44px !important; align-items:center !important; }
 body.brand-433 .match-row[data-status]:has(.score.penalty) { grid-template-columns:32px minmax(0,1fr) 64px minmax(0,1fr) !important; }
 body.brand-433 .match-row[data-status] .minute { position:absolute !important; top:11px; left:6px; width:32px !important; font-size:9px !important; }
 body.brand-433 .match-row[data-status] .status { position:absolute !important; top:29px; left:5px; width:34px !important; min-width:0 !important; max-width:34px !important; padding:2px 0 !important; font-size:7px !important; }
 body.brand-433 .match-row[data-status] .team { position:static !important; grid-column:2 !important; grid-row:1 !important; display:flex !important; flex-direction:row !important; align-items:center !important; justify-content:flex-start !important; gap:4px !important; padding:0 !important; min-width:0; }
 body.brand-433 .match-row[data-status] .team.away { grid-column:4 !important; }
 body.brand-433 .match-row[data-status] .team > .team-logo { flex:0 0 17px !important; width:17px !important; height:20px !important; min-width:17px !important; order:0 !important; }
 body.brand-433 .match-row[data-status] .team-copy { display:contents !important; }
 body.brand-433 .match-row[data-status] .team-name { font-size:11px !important; font-weight:750 !important; text-align:left !important; line-height:1.3 !important; min-width:0; width:auto !important; }
 body.brand-433 .match-row[data-status] .score { grid-column:3 !important; grid-row:1 !important; width:45px !important; max-width:45px !important; font-size:19px !important; }
 body.brand-433 .match-row[data-status] .score.penalty { width:64px !important; max-width:64px !important; font-size:11px !important; }
 body.brand-433 .match-row[data-status] .team-favorite-btn { position:absolute !important; bottom:0; left:34px; min-width:44px !important; min-height:44px !important; width:44px !important; height:44px !important; margin:0 !important; font-size:17px !important; }
 body.brand-433 .match-row[data-status] .team.away .team-favorite-btn { left:auto; right:5px; }
 body.brand-433 .match-row[data-status] .league { position:absolute !important; left:81px; right:50px; bottom:0; height:44px; display:flex !important; align-items:center; justify-content:center; margin:0 !important; width:auto !important; }
 body.brand-433 .match-row[data-status] .league-name { font-size:8px !important; text-align:center; line-height:1.3 !important; }
 body.brand-433 .match-row[data-status] .chev { display:none; }
 body.brand-433 .cat-catalog { padding:9px; }
 body.brand-433 .cat-catalog .panel-head { padding:5px 8px !important; }
 body.brand-433 .cat-catalog .panel-head h2 { font-size:12px !important; }
 body.brand-433 .footer-inner { line-height:1.6; }
}
@keyframes filters-enter { from { opacity:0; transform:translateY(-3px); } to { opacity:1; transform:none; } }
@media(prefers-reduced-motion:reduce) { body.brand-433 *,body.brand-433 *::before,body.brand-433 *::after { animation:none !important; transition:none !important; scroll-behavior:auto !important; } }

/* Variant B — racing lanes. Four abstract ribbons, offset from the brand. */
body.brand-433 .app-hero { background:radial-gradient(ellipse at 0 100%,#60223888,transparent 52%),linear-gradient(112deg,#132739,#091727 60%); }
body.brand-433 .app-hero::before { content:''; display:block !important; position:absolute; inset:0 0 0 34%; width:auto; height:auto; border:0; border-radius:0; box-shadow:none; opacity:1; pointer-events:none; z-index:0; background:linear-gradient(118deg,transparent 0 25%,#ae1d3b 25% 29%,#efc32b 29% 30%,transparent 30% 34%,#8d1b35 34% 38%,#d9ab2520 38% 39%,transparent 39% 43%,#a71b37 43% 47%,#efc32b 47% 48%,transparent 48% 52%,#801c35 52% 56%,transparent 56%),linear-gradient(24deg,transparent 0 55%,#b11d381c 55% 70%,transparent 70%); }
body.brand-433 .app-hero::after { content:''; display:block !important; position:absolute; inset:auto 0 0; width:auto; height:4px; border:0; border-radius:0; opacity:1; pointer-events:none; background:linear-gradient(90deg,#c62041 0 34%,#f3c72b 34% 42%,#a91836 42% 58%,#31465c 58%); }
body.brand-433 .app-controls .tabs-scroll .tab { background:linear-gradient(180deg,#2f3d4b,#1a2938) !important; border-color:#536070 !important; }
body.brand-433 .app-controls .tabs-scroll .tab.active { background:#8d2038 !important; border-color:#b74259 !important; box-shadow:inset 0 -2px #f3c72b,inset 3px 0 #cb173a !important; }
body.brand-433 .app-controls .tabs-scroll .tab[data-filter=live].active { background:#cb173a !important; border-color:#e65a76 !important; box-shadow:inset 0 -2px #f3c72b !important; }
@media(max-width:760px) { body.brand-433 .app-hero::before { left:44%; opacity:1; background-position:0 0; } }