#fullscreen-toggle[hidden]{display:none!important}
@media(pointer:coarse),(max-width:640px){
  body #fullscreen-toggle.is-floating{width:44px;min-width:44px;min-height:44px;padding:0;gap:0;touch-action:manipulation}
  body #fullscreen-toggle.is-floating .fullscreen-label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
  body #fullscreen-toggle:hover{transform:none}
  body #market-desk,body #market-betslip,body .race-topbar,body #greyhound-live-win,body #greyhound-race-timer,body #fullscreen-toggle,body #launcher-back-button{-webkit-backdrop-filter:none;backdrop-filter:none}
}

/* Each desktop header control occupies its own space, including beside an open betslip. */
@media(min-width:641px){
  body #market-desk .race-topbar{display:flex;flex-wrap:wrap;align-items:center;gap:10px;overflow:visible;flex-shrink:0}
  body #market-desk .race-topbar> *{grid-area:auto;flex:0 0 auto;max-width:100%;box-sizing:border-box}
  body #market-desk .race-topbar .race-brand{flex:1 1 190px;min-width:0}
  body #market-desk .race-topbar .race-card-meta{flex-wrap:wrap;row-gap:6px}
  body #market-desk .race-topbar .account-balance{margin-left:auto}
  body #market-desk .race-topbar #fullscreen-toggle{position:static;flex-shrink:0}
}
/* Leave a full control row above the race overlays, including safe areas. */
body #greyhound-race-timer{top:calc(max(12px,env(safe-area-inset-top)) + 56px);right:max(14px,env(safe-area-inset-right))}
@media(min-width:641px){body #greyhound-live-win{top:calc(max(12px,env(safe-area-inset-top)) + 56px)}}
body #greyhound-market-result.is-visible{pointer-events:auto}

/* Keep related controls together even when the desktop header wraps. */
body #market-desk .race-header-actions{display:flex;align-items:center;gap:10px;flex:0 0 auto}
body #market-desk .race-header-actions>button{flex:0 0 auto}
@media(max-width:640px){
  body #market-desk .race-topbar{grid-template-columns:minmax(100px,.9fr) minmax(0,1fr) 44px}
  body #market-desk .race-header-actions{display:contents}
  body #market-desk .race-topbar .account-balance{grid-column:1;grid-row:2}
  body #market-desk .race-topbar .market-slip-toggle{grid-column:2 / -1;grid-row:2;justify-self:stretch;width:100%;min-width:0;height:100%;min-height:44px}
  body #market-desk .race-topbar #fullscreen-toggle{grid-column:3;grid-row:1}
}
/* Unplaced selections retain a glow until submitted or removed. */
body #market-desk .race-topbar .market-slip-toggle.has-selections{
  animation:none;border:1px solid #ffe08a;
  background:linear-gradient(180deg,#ffd454,#d98b0b);color:#241600;
  box-shadow:0 0 0 2px rgba(255,210,92,.3),0 0 16px rgba(255,191,45,.65),inset 0 1px rgba(255,255,255,.65);
}