/* Fit seven live lanes and betting controls to the visible app viewport. */
html body #erisGamesModal#erisGamesModal.eg-horse-mode{overflow:hidden!important;padding:0!important;place-items:center!important}
html body #erisGamesModal#erisGamesModal.eg-horse-mode .eg-panel{height:var(--eg-viewport-height,100dvh)!important;max-height:var(--eg-viewport-height,100dvh)!important;width:100%!important;max-width:660px!important;display:flex!important;flex-direction:column!important;overflow:hidden!important;box-sizing:border-box!important;gap:4px!important;padding:max(5px,env(safe-area-inset-top)) 8px max(5px,env(safe-area-inset-bottom))!important;background:var(--lydia-panel,var(--ui-panel))!important}
html body #erisGamesModal#erisGamesModal.eg-horse-mode .eg-head{position:static!important;display:flex!important;align-items:center!important;gap:5px!important;min-height:34px!important;flex:0 0 auto!important;margin:0!important;padding:0!important}
html body #erisGamesModal#erisGamesModal.eg-horse-mode .eg-head h2{flex:1!important;min-width:0!important;font-size:16px!important;margin:0!important;display:flex!important;align-items:center!important;gap:4px!important;white-space:nowrap!important}
html body #erisGamesModal#erisGamesModal.eg-horse-mode .eg-head img{width:25px!important;height:25px!important;object-fit:contain}
html body #erisGamesModal#erisGamesModal.eg-horse-mode [data-horse-ranking]{display:flex!important;align-items:center;gap:2px;padding:4px!important;font-size:10px!important;min-height:32px!important}
html body #erisGamesModal#erisGamesModal [data-horse-ranking][hidden]{display:none!important}
html body #erisGamesModal#erisGamesModal.eg-horse-mode .eg-wallet{position:static!important;flex:0 0 auto!important;display:flex!important;min-height:22px!important;padding:2px 6px!important;margin:0!important;max-width:none!important;width:auto!important;font-size:11px!important;background:var(--ui-raised)!important;color:var(--ui-ink)!important}
html body #erisGamesModal#erisGamesModal.eg-horse-mode :is(.eg-intro,.eg-keys,[data-name],[data-scope],[data-controls],.eg-bj-stake-bar){display:none!important}
html body #erisGamesModal#erisGamesModal.eg-horse-mode [data-horse-clock]{flex:0 0 auto!important;min-height:18px!important;margin:0!important;padding:2px!important;font-size:11px!important;background:var(--ui-raised)!important;color:var(--ui-gold)!important}
html body #erisGamesModal#erisGamesModal.eg-horse-mode .eg-stage{flex:1 1 0!important;min-height:0!important;height:auto!important;max-height:none!important;margin:0!important;padding:0!important;overflow:hidden!important;display:flex!important}
html body #erisGamesModal#erisGamesModal.eg-horse-mode .horse-arena{height:100%!important;min-height:0!important;padding:5px!important;display:flex!important;flex-direction:column!important;gap:3px!important;background:var(--ui-raised)!important;border:1px solid var(--ui-line)!important;box-shadow:none!important}
html body #erisGamesModal#erisGamesModal.eg-horse-mode .horse-arena>div:first-child{padding:0 2px!important;flex:0 0 auto!important;min-height:17px!important}
html body #erisGamesModal#erisGamesModal.eg-horse-mode .horse-arena>div:first-child strong{font-size:11px!important;color:var(--ui-gold)!important}
html body #erisGamesModal#erisGamesModal.eg-horse-mode .horse-arena>div:first-child>span{font-size:8px!important;color:var(--ui-muted)!important}
html body #erisGamesModal#erisGamesModal.eg-horse-mode .horse-track{flex:1 1 0!important;min-height:0!important;display:grid!important;grid-template-rows:repeat(7,minmax(0,1fr))!important;gap:3px!important}
html body #erisGamesModal#erisGamesModal.eg-horse-mode .horse-lane{height:auto!important;min-height:0!important;background:linear-gradient(90deg,var(--ui-panel),var(--ui-raised))!important;border-color:var(--ui-line)!important;box-shadow:none!important}
html body #erisGamesModal#erisGamesModal.eg-horse-mode .horse-lane>span{top:1px!important;font-size:8px!important;text-shadow:none!important;color:var(--ui-gold)!important}
html body #erisGamesModal#erisGamesModal.eg-horse-mode .horse-lane>span>span{padding:0 3px!important;background:var(--ui-panel)!important;color:var(--ui-ink)!important}
html body #erisGamesModal#erisGamesModal.eg-horse-mode .horse-runner{bottom:1px!important;line-height:1!important}
html body #erisGamesModal#erisGamesModal.eg-horse-mode .horse-runner img{width:27px!important;height:24px!important;object-fit:contain}
html body #erisGamesModal#erisGamesModal.eg-horse-mode #raceStatusText{flex:0 0 auto!important;padding:1px!important;font-size:9px!important;min-height:13px!important;color:var(--ui-gold)!important}
html body #erisGamesModal#erisGamesModal.eg-horse-mode [data-horse-bets]{flex:0 0 auto!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;min-height:14px!important;padding:0 3px!important;margin:0!important;font-size:9px!important;color:var(--ui-muted)!important}
html body #erisGamesModal#erisGamesModal.eg-horse-mode .eg-form{flex:0 0 auto!important;display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:4px!important;margin:0!important;padding:5px!important;background:var(--ui-raised)!important}
html body #erisGamesModal#erisGamesModal.eg-horse-mode .eg-form>label{display:none!important}
html body #erisGamesModal#erisGamesModal.eg-horse-mode .eg-horse-picks{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:3px!important;margin:0!important}
html body #erisGamesModal#erisGamesModal.eg-horse-mode .eg-horse-pick{min-width:0!important;min-height:40px!important;display:flex!important;flex-direction:column!important;justify-content:center!important;gap:0!important;padding:2px!important;background:var(--ui-panel)!important;color:var(--ui-ink)!important;box-shadow:none!important}
html body #erisGamesModal#erisGamesModal.eg-horse-mode .eg-horse-pick .hp-icon{display:none!important}
html body #erisGamesModal#erisGamesModal.eg-horse-mode .eg-horse-pick b{font-size:10px!important;line-height:1.15!important}
html body #erisGamesModal#erisGamesModal.eg-horse-mode .eg-horse-pick :is(small,.hp-total){font-size:8px!important;line-height:1.15!important;color:var(--ui-muted)!important}
html body #erisGamesModal#erisGamesModal.eg-horse-mode .eg-horse-pick.active{outline:2px solid var(--ui-gold)!important;outline-offset:-2px!important}
html body #erisGamesModal#erisGamesModal.eg-horse-mode .eg-stake-presets{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:3px!important;margin:0!important}
html body #erisGamesModal#erisGamesModal.eg-horse-mode [data-stake-value]{display:flex!important;justify-content:center!important;align-items:center!important;gap:2px!important;min-width:0!important;min-height:30px!important;padding:3px!important;font-size:11px!important;background:var(--ui-panel)!important;color:var(--ui-ink)!important}
html body #erisGamesModal#erisGamesModal.eg-horse-mode [data-stake-value][hidden]{display:none!important}
html body #erisGamesModal#erisGamesModal.eg-horse-mode [data-stake-value]::before,html body #erisGamesModal#erisGamesModal.eg-horse-mode [data-stake-value]::after{content:none!important}
html body #erisGamesModal#erisGamesModal.eg-horse-mode [data-stake-value] img{width:17px!important;height:17px!important;object-fit:contain}
html body #erisGamesModal#erisGamesModal.eg-horse-mode [data-horse-bet-bar]{display:grid!important;grid-template-columns:32px minmax(0,1fr) 32px 86px!important;align-items:center!important;gap:4px!important;min-width:0!important}
html body #erisGamesModal#erisGamesModal.eg-horse-mode [data-horse-bet-bar]>div{text-align:center;min-width:0}
html body #erisGamesModal#erisGamesModal.eg-horse-mode [data-horse-bet-bar] small{display:block;font-size:8px;color:var(--ui-muted)}
html body #erisGamesModal#erisGamesModal.eg-horse-mode [data-horse-amount]{font-size:14px;color:var(--ui-gold);white-space:nowrap}
html body #erisGamesModal#erisGamesModal.eg-horse-mode [data-horse-bet-bar]>button{min-width:0!important;min-height:36px!important;padding:4px!important;margin:0!important;width:auto!important;border-radius:10px!important;font-size:19px!important}
html body #erisGamesModal#erisGamesModal.eg-horse-mode [data-horse-bet-bar] [data-play]{grid-column:auto!important;font-size:11px!important;background:linear-gradient(140deg,#b68c46,#765121)!important;color:#fff6de!important;box-shadow:none!important}
html body #erisGamesModal#erisGamesModal.eg-horse-mode .eg-result{flex:0 0 auto!important;min-height:18px!important;max-height:32px!important;padding:2px 4px!important;margin:0!important;font-size:10px!important;line-height:1.25!important;overflow:hidden!important;background:var(--ui-raised)!important;color:var(--ui-ink)!important}
.lr-dialog .lr-game-buttons{grid-template-columns:repeat(3,minmax(0,1fr))!important}
@media(max-height:580px){html body #erisGamesModal#erisGamesModal.eg-horse-mode .eg-panel{gap:2px!important}html body #erisGamesModal#erisGamesModal.eg-horse-mode .eg-horse-pick{min-height:32px!important}html body #erisGamesModal#erisGamesModal.eg-horse-mode .eg-head{min-height:29px!important}html body #erisGamesModal#erisGamesModal.eg-horse-mode .horse-runner img{width:20px!important;height:17px!important}}
@media(max-height:480px) and (min-width:600px){
html body #erisGamesModal#erisGamesModal.eg-horse-mode .eg-panel{display:grid!important;grid-template-columns:minmax(0,1fr) 280px!important;grid-template-rows:32px 24px minmax(0,1fr) 22px!important;gap:4px!important}
html body #erisGamesModal#erisGamesModal.eg-horse-mode .eg-head{grid-column:1/-1!important;grid-row:1!important}
html body #erisGamesModal#erisGamesModal.eg-horse-mode .eg-wallet{grid-column:1!important;grid-row:2!important}
html body #erisGamesModal#erisGamesModal.eg-horse-mode [data-horse-clock]{grid-column:2!important;grid-row:2!important}
html body #erisGamesModal#erisGamesModal.eg-horse-mode .eg-stage{grid-column:1!important;grid-row:3!important;height:100%!important}
html body #erisGamesModal#erisGamesModal.eg-horse-mode .eg-form{grid-column:2!important;grid-row:3!important;align-content:center!important;height:100%!important;box-sizing:border-box!important}
html body #erisGamesModal#erisGamesModal.eg-horse-mode [data-horse-bets]{grid-column:2!important;grid-row:4!important}
html body #erisGamesModal#erisGamesModal.eg-horse-mode .eg-result{grid-column:1!important;grid-row:4!important}
}


/* Let the race use the viewport fitter's full height, not a stale modal height. */
html body #erisGamesModal#erisGamesModal.eg-horse-mode.gv-fit .eg-panel{height:100%!important;max-height:100%!important}
/* Reserve a label column so larger horses never cover names or lane numbers. */
html body #erisGamesModal#erisGamesModal.eg-horse-mode .horse-lane>span{left:3px!important;top:0!important;bottom:0!important;width:72px!important;gap:2px!important;line-height:1.2!important;align-items:center!important;font-size:9px!important;white-space:nowrap!important}
html body #erisGamesModal#erisGamesModal.eg-horse-mode .horse-runner{left:78px!important;top:4px!important;bottom:auto!important;height:calc(100% - 8px)!important;width:auto!important;aspect-ratio:329 / 285;max-height:72px!important;display:flex!important;align-items:center!important;justify-content:center!important;line-height:0!important;font-size:0!important}
html body #erisGamesModal#erisGamesModal.eg-horse-mode .horse-runner img{display:block!important;width:100%!important;height:100%!important;max-height:none!important;max-width:none!important;object-fit:contain!important;padding:0!important;margin:0!important}