/* Deep ink palette and live feedback; accepted page geometry stays intact. */
:root{--sport-accent:#4db8ff}
.header{background:var(--canvas)}
.layout>main{background-image:none}
.live-group,.fixture-list{background:var(--surface)}
[data-sport="ball"]{--sport-accent:#4db8ff}[data-sport="tennis"]{--sport-accent:#c2df56}[data-sport="basket"]{--sport-accent:#ffab62}[data-sport="esports"]{--sport-accent:#bd9fff}[data-sport="baseball"]{--sport-accent:#32d6b1}[data-sport="football"]{--sport-accent:#93a0ff}
.live-group-heading{box-shadow:inset 3px 0 var(--sport-accent);background:color-mix(in srgb,var(--sport-accent) 6%,var(--shell))}
.live-group-icon,.live-group-heading h2{color:var(--sport-accent)}
.sport:not(.active)>svg,.live-sport:not(.active)>svg{color:var(--sport-accent)}
.competition{background:var(--surface);box-shadow:inset 0 2px var(--sport-accent)}
.competition:nth-child(2){--sport-accent:#93a0ff}.competition:nth-child(3){--sport-accent:#ffab62}.competition:nth-child(4){--sport-accent:#32d6b1}.competition:nth-child(5){--sport-accent:#ff6486}
.competition>.event-icon{color:var(--sport-accent)}
.accepted-hero,.ticket-selection{background:var(--surface)}
.ticket-empty .empty-ticket-icon{background:var(--raised);border-color:#28505e;color:var(--cyan)}
.odds{background:#0b2734;transition:background-color 160ms,border-color 160ms,box-shadow 160ms}
.odds .outcome-label{color:var(--muted)}.odds strong{color:var(--ink)}
.odds:hover:not(:disabled){background:#0c3444;box-shadow:inset 0 0 0 1px #24e4eb66}
.odds.selected,.odds.selected:hover:not(:disabled){background:var(--aqua);border-color:var(--aqua);box-shadow:inset 0 0 0 1px var(--cyan)}
.odds.selected .outcome-label{color:var(--dark)}
.price-line{display:flex;align-items:center;gap:5px;min-width:0}.odds .price-direction{font-style:normal;font-size:12px;line-height:16px;font-weight:800}
.odds.price-up .price-line{color:var(--positive)}.odds.price-down .price-line{color:var(--negative)}
.odds.price-up .price-line strong,.odds.price-down .price-line strong{color:inherit}
.odds.selected .price-line{color:var(--dark)}
.odds.price-up{border-color:var(--positive)}.odds.price-down{border-color:var(--negative)}
.odds.selected.price-up,.odds.selected.price-down{border-color:var(--dark)}
.demo-controls{display:flex;align-items:center;gap:7px;color:var(--muted);font-size:10px;white-space:nowrap}
.demo-controls button{display:flex;gap:6px;align-items:center;background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:7px 10px;min-height:32px;color:var(--ink);font-size:10px;font-weight:700}
.demo-controls i{width:5px;height:5px;border-radius:50%;background:var(--positive);box-shadow:0 0 8px #35d49a44}.demo-controls button[aria-pressed="true"] i{background:var(--quiet);box-shadow:none}
.live-snapshot{flex-wrap:wrap;justify-content:flex-end}.live-snapshot .demo-controls{width:100%;justify-content:flex-end}.demo-pill.demo-controls{padding:0;background:transparent}
[data-demo-clock],[data-demo-score]{font-variant-numeric:tabular-nums}
.demo-number-changed{color:var(--positive)!important}
.search,.wallet{background:var(--surface)}
.stake-input{background:var(--canvas)}
.return{color:var(--return-accent)}
.rail-item.active,.sport.active,.phone-item.active{color:var(--ink)}
.rail-item.active>svg,.sport.active>svg,.phone-item.active>svg{color:var(--cyan)}
.tab.active,.market-tab.active{border-bottom-color:var(--cyan)}
/* Popular and the other selected market categories share a clear filled state. */
.page-match .market-tab.active{background:var(--aqua);color:var(--dark);border-bottom-color:var(--cyan)}
.page-match .market-tab.active:hover{background:#c6fbf6}
.live-label{color:var(--red);background:var(--red-bg)}
button[data-action="sport"][data-id="live"].active{color:var(--red);background:var(--red-bg);box-shadow:inset 0 0 0 1px #ff568040}
button[data-action="sport"][data-id="live"].active>svg{color:inherit}
@media(max-width:1050px){.header .demo-controls{display:none}}
@media(max-width:650px){.live-snapshot{gap:3px}.live-snapshot>span{font-size:9px}.demo-controls button{font-size:9px;padding:6px 8px}.live-snapshot .demo-controls{width:auto}.price-line{gap:3px}.odds .price-direction{font-size:11px}}
@media(prefers-reduced-motion:reduce){.odds{transition:none}}