/* wL/roe page frame, bf chips, uL switch, sL feature and oL/cL compact rows. */
.catalogue-body{background:#0b0b0d;color:#f5f5f7}.catalogue-body:before{content:"";position:fixed;inset:0 0 auto;height:520px;background:url('../recovered/original/backgrounds/stade-foot.jpg') center 30%/cover;opacity:.11;mask-image:linear-gradient(to bottom,black 20%,transparent 100%);pointer-events:none}.catalogue-body .app-main{max-width:1024px;padding:32px;position:relative}.catalogue-body .app-header,.catalogue-body .app-footer,.catalogue-body .mobile-nav{background:#141416;color:#f5f5f7;border-color:#ffffff18}.catalogue-body .app-header a,.catalogue-body .app-footer a,.catalogue-body .mobile-nav a{color:inherit}
.cat-page{display:grid;gap:24px;font-size:14px;line-height:1.6;min-width:0}.cat-page>*{min-width:0}.cat-page h1,.cat-page h2,.cat-page h3,.cat-page p{margin:0}.cat-page a{color:inherit;text-decoration:none}.cat-page a:hover{text-decoration:underline}.cat-eyebrow{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.25em;color:#f5163b}.cat-heading h1{font-size:48px;font-weight:800;line-height:1.15;letter-spacing:-.04em;margin-top:8px}.cat-heading>p:not(.cat-eyebrow){color:#9e9ea6;margin-top:8px}.cat-worldcup{display:inline-block;font-size:12px;margin-top:12px;color:#f5163b!important}
.cat-competitions{display:flex;gap:8px;overflow-x:auto;padding:6px 2px;overscroll-behavior-inline:contain}.cat-competitions>a{flex-shrink:0;white-space:nowrap;background:#141416;border:1px solid #ffffff1a;color:#9e9ea6;border-radius:999px;font-size:12px;font-weight:700;padding:8px 16px}.cat-competitions>a[aria-current=page]{background:#f5163b1a;color:#f5163b;border-color:#f5163b4d;box-shadow:0 0 18px -6px #f5163b88}.cat-view-switch{display:inline-flex;max-width:100%;gap:4px;padding:4px;background:#19191c;border:1px solid #ffffff0d;border-radius:999px;overflow-x:auto}.cat-view-switch>a{white-space:nowrap;padding:6px 16px;font-size:11px;text-transform:uppercase;font-weight:700;letter-spacing:.06em;color:#9e9ea6;border-radius:999px}.cat-view-switch>a[aria-current=page]{color:#f5163b;background:#f5163b1a;box-shadow:inset 0 0 0 1px #f5163b4d}
.cat-search-row{display:flex;gap:12px}.cat-search{flex:1;min-width:0}.cat-filter-form input,.cat-filter-form select{background:#141416;border:1px solid #ffffff1a;color:#f5f5f7;border-radius:12px;padding:11px 14px;font:inherit;width:100%;min-width:0}.cat-filter-form input::placeholder{color:#66666e}.cat-filter-details{margin-top:16px;font-size:12px;color:#9e9ea6}.cat-filter-details summary{cursor:pointer}.cat-filter-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:12px}.cat-filter-fields label{display:grid;gap:5px;font-size:11px}.cat-filter-fields .cat-button,.cat-reset{align-self:end}.cat-reset{padding:10px;text-align:center}
.cat-button{display:inline-flex;justify-content:center;align-items:center;background:#f5163b;color:white!important;border:1px solid transparent;border-radius:12px;padding:11px 20px;font:inherit;font-size:14px;font-weight:600;cursor:pointer;text-decoration:none!important;line-height:1.4}.cat-button:hover{background:#d60d30}.cat-button:disabled{opacity:.5;cursor:wait}.cat-secondary{background:#ffffff08;border-color:#ffffff20}.cat-page :focus-visible{outline:2px solid #f5163b;outline-offset:4px}.cat-count{display:flex;justify-content:space-between;gap:16px;font-size:12px;color:#9e9ea6}.cat-count strong{color:#f5f5f7}.cat-page .source-notice{background:#ffffff06;border-color:#ffffff18;color:#d8d8df}.cat-fine{font-size:11px;color:#888892}.cat-muted{color:#9e9ea6;font-size:12px}.cat-notice{padding:16px;border-radius:16px}.cat-error{border:1px solid #f5163b40;background:#f5163b0d;color:#ffbdc9}.cat-center{text-align:center}
.cat-featured{position:relative;border-radius:24px;background:radial-gradient(60% 70% at 50% 0%,#f5163b0f,transparent 70%),linear-gradient(145deg,#262629,#141416 70%);border:1px solid #ffffff0d;padding:32px;overflow:hidden;cursor:pointer}.cat-featured-top{display:flex;justify-content:space-between;align-items:start;gap:16px;margin-bottom:20px}.cat-favorite-button{border:1px solid #ffffff18;background:#ffffff05;color:#9e9ea6;border-radius:10px;padding:7px 10px;font:inherit;font-size:11px;cursor:pointer}.cat-favorite-button[aria-pressed=true]{background:#f5163b1a;border-color:#f5163b4d;color:#f5163b}.cat-favorite .action-message{font-size:11px;margin-top:4px;max-width:240px}.cat-featured-meta{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px;color:#9e9ea6;font-size:11px;margin-bottom:24px}.cat-tag,.cat-countdown{padding:3px 10px;border-radius:999px;background:#f5163b1a;color:#f5163b;font-weight:700;font-size:10px}.cat-featured-teams{display:flex;align-items:center;justify-content:center;gap:24px;margin-bottom:24px;text-decoration:none!important}.cat-featured-teams>div{display:flex;align-items:center;justify-content:center;gap:12px;flex:1;min-width:0}.cat-featured-teams h2{font-size:28px;line-height:1.2;font-weight:800;letter-spacing:-.025em;overflow-wrap:anywhere}.cat-team-mark{display:grid;place-items:center;width:44px;height:44px;flex-shrink:0;background:#ffffff06;border:1px solid #ffffff20;border-radius:50%;color:#9e9ea6;font-size:18px}.cat-vs{display:grid;place-items:center;width:48px;height:48px;flex-shrink:0;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:12px;color:#9e9ea6;font-size:14px;font-weight:900}.cat-odds{max-width:512px;margin:0 auto 12px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.cat-odds>div{display:flex;flex-direction:column;align-items:center;padding:14px;background:#141416;border:1px solid #ffffff1a;border-radius:12px}.cat-odds span{font-size:10px;text-transform:uppercase;font-weight:700;color:#9e9ea6}.cat-odds strong{font-size:24px;font-weight:800;font-variant-numeric:tabular-nums}.cat-quote-source{font-size:11px;color:#9e9ea6;text-align:center}.cat-featured-actions{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:16px;margin:24px 0 16px}.cat-analysis-label{color:#b5c1d6;font-size:12px}
.cat-section-title{font-size:18px;font-weight:700;letter-spacing:-.02em;margin-bottom:16px!important}.cat-list{display:grid;gap:8px}.cat-event{border:1px solid #ffffff0d;background:#19191c;border-radius:12px;padding:16px;cursor:pointer}.cat-event:hover{background:#202024}.cat-event-row{display:flex;align-items:center;gap:16px}.cat-event-main{display:flex;align-items:center;gap:16px;flex:1;min-width:0;text-decoration:none!important}.cat-small-marks{display:flex;flex-shrink:0}.cat-small-marks>span{display:grid;place-items:center;border-radius:50%;width:30px;height:30px;background:#262629;border:1px solid #ffffff18;font-size:12px;color:#9e9ea6}.cat-small-marks>span+span{margin-left:-8px}.cat-event-info{min-width:0;flex:1}.cat-event-info h3{font-size:14px;font-weight:600;overflow-wrap:anywhere}.cat-event-info h3>span{color:#9e9ea6;font-weight:400}.cat-event-league{font-size:10px;color:#f5163b;text-transform:uppercase;letter-spacing:.07em;margin-top:2px!important}.cat-event-time{font-size:11px;color:#9e9ea6;margin-top:4px!important}.cat-live{color:#f5163b;font-weight:700}.cat-score{font-size:24px;font-weight:800;white-space:nowrap;font-variant-numeric:tabular-nums}.cat-event-bottom{border-top:1px solid #ffffff0d;padding-top:10px;margin-top:12px;display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px}.cat-analysis-link{font-size:11px;color:#d0d9e8!important}.cat-empty{padding:48px 24px;text-align:center;border:1px solid #ffffff0d;background:#19191c;border-radius:24px}.cat-empty>span{font-size:40px;color:#f5163b}.cat-empty h2{font-size:18px;font-weight:700;margin:8px 0}.cat-empty p{font-size:14px;color:#9e9ea6;max-width:560px;margin:0 auto 20px}.cat-pagination{display:flex;justify-content:center;align-items:center;gap:16px;font-size:12px;color:#9e9ea6}.cat-sr-only{position:absolute;width:1px;height:1px;clip:rect(0,0,0,0);overflow:hidden;white-space:nowrap}
@media(max-width:639px){.catalogue-body .app-main{padding:32px 16px 88px}.catalogue-body:before{height:440px}.cat-heading h1{font-size:36px}.cat-view-switch>a{padding:6px 10px;font-size:10px}.cat-filter-fields{grid-template-columns:1fr}.cat-search-row{gap:8px}.cat-search-row .cat-button{padding:11px 12px;font-size:12px}.cat-featured{padding:20px}.cat-featured-teams{flex-direction:column;gap:12px}.cat-featured-teams h2{font-size:22px}.cat-featured-teams>div{width:100%}.cat-vs{width:36px;height:36px;font-size:11px}.cat-odds{gap:8px}.cat-odds>div{padding:12px 8px}.cat-featured-actions{flex-direction:column}.cat-event-row{flex-wrap:wrap;gap:10px}.cat-event-main{flex-basis:100%;gap:12px}.cat-event-row>.cat-favorite{margin-left:44px}.cat-score{font-size:20px}.cat-pagination{gap:8px}.cat-pagination .cat-button{padding:10px;font-size:12px}.cat-count{flex-wrap:wrap;gap:4px}}
.cat-page .source-notice{margin:0}
/* Dark, thin scrollbars keep both navigation rows discoverable and operable. */
.cat-competitions,.cat-view-switch{scrollbar-width:thin;scrollbar-color:#45454d #141416}
.cat-competitions::-webkit-scrollbar,.cat-view-switch::-webkit-scrollbar{display:block;height:6px}
.cat-competitions::-webkit-scrollbar-track,.cat-view-switch::-webkit-scrollbar-track{background:#141416;border-radius:6px}
.cat-competitions::-webkit-scrollbar-thumb,.cat-view-switch::-webkit-scrollbar-thumb{background:#45454d;border-radius:6px}
