
/* UFC 334 visual theme — presentation only; Matchora/API hooks are untouched */
:root{--bg:#f2f2f2;--panel:#fff;--panel2:#f7f7f8;--line:#d8d8dc;--text:#19191e;--muted:#65656d;--red:#dc0000;--green:#dc0000;--gold:#dc0000;--blue:#dc0000;color-scheme:light}
html,body{background:#f2f2f2!important;color:#19191e!important}
body{font-family:Arial,Helvetica,sans-serif!important}
a{color:inherit}
.app-topbar,.top,.site-header{height:84px!important;min-height:84px!important;position:sticky;top:0;z-index:50;background:#fff!important;color:#17171b!important;border:0!important;box-shadow:0 4px 18px rgba(0,0,0,.12)!important;padding:0 3.2%!important}
.app-topbar{display:flex;align-items:center;gap:24px!important}
.brand{position:absolute!important;left:50%!important;top:50%!important;transform:translate(-50%,-50%)!important;z-index:2}
.brand-logo{display:block!important;width:74px!important;height:42px!important;object-fit:contain!important;object-position:center!important}
.brand-name{display:none!important}
.main-nav{margin-right:auto!important;gap:28px!important}
.main-nav a,.top nav a,.site-nav a,.nav a{color:#202027!important;font-family:"Barlow Condensed",Impact,sans-serif!important;font-size:14px!important;font-weight:800!important;text-transform:uppercase!important;letter-spacing:.02em!important;border-bottom:0!important}
.main-nav a.active,.main-nav a:hover,.top nav a.on,.site-nav a[aria-current="page"],.nav a.on{color:#dc0000!important;position:relative}
.main-nav a.active:after,.top nav a.on:after,.site-nav a[aria-current="page"]:after,.nav a.on:after{content:"";position:absolute;left:0;right:0;bottom:14px;height:2px;background:#dc0000}
.top-actions{margin-left:auto!important}
.feed-state,.header-status,.site-header-status{color:#555!important}
.feed-state i,.schedule-status i,.ticker-item i,.live-pulse,.live-badge i,.header-status i,.site-header-status i{background:#dc0000!important}
.mobile-menu{display:none;background:#fff!important;color:#17171b!important;border:1px solid #ccc!important;border-radius:0!important}
.ticker-wrap{background:#1a1a1f!important;color:#fff!important;border:0!important}
.ticker-item{border-color:#38383f!important}
.ticker-item b,.ticker-item small{color:#ff4242!important}
.sports-layout{background:#f2f2f2!important;max-width:1600px!important;grid-template-columns:190px 54px minmax(0,1fr)!important;gap:16px!important;padding:20px 24px 45px!important}
.sports-sidebar{background:#fff!important;border:1px solid #e2e2e5!important;padding:12px!important;box-shadow:0 2px 8px rgba(0,0,0,.05)}
.sidebar-title,.date-rail-label{color:#777!important}
.sport-filter,.sidebar-link{color:#29292f!important;border-radius:0!important}
.sport-filter:hover,.sidebar-link:hover,.sport-filter.selected{background:#f4f4f5!important;color:#dc0000!important;border-color:#dc0000!important}
.date-chip{background:#fff!important;color:#555!important;border:1px solid #d6d6da!important;border-radius:0!important}
.date-chip strong{color:#1c1c22!important}
.date-chip.active{background:#1a1a1f!important;border-color:#dc0000!important}
.date-chip.active strong{color:#fff!important}
.schedule-toolbar h1{color:#19191e!important;font-family:"Barlow Condensed",Impact,sans-serif!important;text-transform:uppercase!important;font-size:34px!important}
.section-kicker,.schedule-toolbar p,.schedule-status{color:#666!important}
.searchbox,.toolbar-actions select{background:#fff!important;color:#202027!important;border:1px solid #c9c9ce!important;border-radius:0!important}
.searchbox input{color:#202027!important}
.notice-bar{background:#fff!important;border:1px solid #dc0000!important;border-radius:0!important;color:#333!important}
.notice-bar strong{color:#dc0000!important}
.match-card{background:#fff!important;border:1px solid #d7d7dc!important;border-radius:0!important;box-shadow:0 2px 7px rgba(0,0,0,.06)!important}
.match-card:hover{border-color:#dc0000!important;transform:translateY(-2px)}
.match-card.is-live{border-color:#dc0000!important}
.match-card-top,.league-label,.match-card-bottom{color:#65656d!important}
.match-card-top time,.team-row strong{color:#1c1c22!important}
.team-avatar{background:#f0f0f2!important;border:1px solid #d5d5d9!important;color:#222!important}
.team-score{background:#202027!important;color:#fff!important;border-radius:0!important}
.match-card.is-live .team-score{background:#dc0000!important;color:#fff!important}
.live-badge{color:#dc0000!important}
.no-events{background:#fff!important;border:1px dashed #dc0000!important;color:#555!important;border-radius:0!important}
.app-footer{color:#68686f!important;border-color:#d5d5d9!important}
button,.btn,.watch-btn,.primary-btn{border-radius:0!important}
button.primary,.btn-primary,.watch-btn,.primary-btn{background:#dc0000!important;border-color:#dc0000!important;color:#fff!important}
button.primary:hover,.btn-primary:hover,.watch-btn:hover,.primary-btn:hover{background:#b90000!important}
.top .wrap,.site-header-inner{max-width:1600px!important;height:100%!important;display:flex!important;align-items:center!important;position:relative!important}
.top .brand,.site-logo{position:absolute!important;left:50%!important;transform:translateX(-50%)!important;display:flex!important;align-items:center!important;gap:8px!important;color:#17171b!important}
.top .brand img,.site-logo img{width:74px!important;height:42px!important;object-fit:contain!important}
.brand-mark{background:#dc0000!important;color:#fff!important;border-radius:0!important}
.top nav,.site-nav{display:flex!important;align-items:center!important;gap:28px!important}
.top nav a,.site-nav a{padding:0!important}
.header-spacer,.spacer{flex:1!important}
@media(max-width:1050px){.sports-layout{grid-template-columns:165px 48px minmax(0,1fr)!important;padding:16px 14px 32px!important}.main-nav{gap:14px!important}.top nav,.site-nav{gap:14px!important}}
@media(max-width:760px){
 .app-topbar,.top,.site-header{height:64px!important;min-height:64px!important;padding:0 12px!important}
 .brand{left:50%!important}
 .brand-logo{width:65px!important;height:36px!important}
 .main-nav{display:none!important}
 .mobile-menu{display:block!important}
 .sports-layout{display:grid!important;grid-template-columns:minmax(0,1fr)!important;padding:12px 10px 28px!important;gap:0!important}
 .sports-sidebar{display:none;position:fixed!important;z-index:70!important;top:64px!important;left:0!important;bottom:0!important;width:min(290px,86vw)!important;max-height:none!important;overflow:auto!important;box-shadow:12px 0 30px rgba(0,0,0,.2)!important}
 .sports-sidebar.open{display:block!important}
 .date-rail{position:static!important;display:flex!important;flex-direction:row!important;gap:6px!important;overflow-x:auto!important;margin-bottom:12px!important}
 .date-chip{flex:0 0 52px!important;min-height:54px!important}
 .schedule-toolbar{display:block!important}
 .toolbar-actions{margin-top:10px!important}
 .match-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 .top .wrap,.site-header-inner{justify-content:center!important}
 .top nav,.site-nav{display:none!important}
}
@media(max-width:420px){.match-grid{grid-template-columns:1fr!important}}
