/* Royal Derby: emerald turf, ivory rails and a distinct silk for every runner. */
.game-logo.game-logo-derby{background-image:url('assets/game-derby-v77.png');background-size:contain;background-position:center;background-repeat:no-repeat;mix-blend-mode:normal}
.derby-page{max-width:1720px}.derby-controls{display:flex;flex-direction:column}.derby-controls>h2{margin-bottom:28px}.derby-controls .bet-shortcuts{margin-bottom:24px}.derby-select-label{margin-bottom:11px}.derby-choices{display:grid;gap:7px}.derby-choice{display:grid;grid-template-columns:27px 1fr auto;align-items:center;gap:10px;width:100%;min-height:47px;padding:9px 12px;color:#beccd1;background:#102430;border:1px solid #354c57;border-radius:8px;text-align:left;font-size:12px;transition:background .18s,border-color .18s}.derby-choice:hover:not(:disabled){background:#203b40;border-color:var(--silk)}.derby-choice.selected{border-color:var(--silk);background:color-mix(in srgb,var(--silk) 12%,#102430);color:#f2f7ef;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--silk) 13%,transparent)}.derby-choice:disabled{opacity:.6;cursor:default}.derby-choice.selected:disabled{opacity:1}.derby-choice>b{font-size:13px;white-space:nowrap;font-variant-numeric:tabular-nums;color:var(--silk)}.derby-number{display:inline-flex;align-items:center;justify-content:center;width:25px;height:25px;border-radius:6px;color:#102730;background:var(--silk);font-size:12px;font-weight:750;flex:none}.derby-quote{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:23px 0;color:#9fb5bc;font-size:12px}.derby-quote>b{display:flex;align-items:center;gap:7px;color:#eef4ed;font-variant-numeric:tabular-nums;font-size:16px}.derby-quote .icon{color:#a6ff72;width:18px;height:18px}.derby-controls .derby-start{display:flex;align-items:center;justify-content:center;gap:11px;width:100%;min-height:57px;font-size:15px}.derby-start .icon{width:24px;height:24px}.derby-controls .game-hint{font-size:12px;line-height:1.65;margin-top:18px}.derby-controls .bet-panel-bottom{margin-top:auto;padding-top:26px}
.game-derby .derby-table{min-width:0;display:flex;flex-direction:column;background:radial-gradient(ellipse at 60% 25%,#184c4140,transparent 70%),#10252b}.derby-table .table-topline{color:#cfc798}.derby-table .table-topline>span:last-child{font-size:10px;letter-spacing:1.4px;color:#98b8aa}.derby-hud{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:30px 33px 27px}.derby-eyebrow{font-size:9px;letter-spacing:2px;color:#d2b77c}.derby-hud h3{font-size:25px;letter-spacing:-.5px;font-weight:600;color:#eef4e9;margin:9px 0 0}.derby-ticket{display:flex;align-items:center;gap:10px;padding:10px 14px;background:#173b344d;border:1px solid #426252;border-radius:8px}.derby-ticket .derby-number{width:31px;height:32px;font-size:15px}.derby-ticket small{display:block;font-size:9px;color:#92b2a7;margin-bottom:5px}.derby-ticket b{font-size:12px;font-weight:550;color:#e3eee6}.derby-track{margin:0 24px;border:1px solid #8c9c716b;border-radius:11px;overflow:hidden;box-shadow:0 16px 40px #030c1438}.derby-scene{display:block;width:100%;height:auto;font-family:inherit}.derby-pick-ring{display:none}.derby-runners[data-pick="royal"] [data-derby-runner="royal"] .derby-pick-ring,.derby-runners[data-pick="blue"] [data-derby-runner="blue"] .derby-pick-ring,.derby-runners[data-pick="gold"] [data-derby-runner="gold"] .derby-pick-ring,.derby-runners[data-pick="crimson"] [data-derby-runner="crimson"] .derby-pick-ring,.derby-runners[data-pick="silver"] [data-derby-runner="silver"] .derby-pick-ring,.derby-runners[data-pick="midnight"] [data-derby-runner="midnight"] .derby-pick-ring{display:block}.derby-distance{display:flex;align-items:center;gap:17px;margin:19px 27px 23px}.derby-distance>span{white-space:nowrap;font-size:10px;color:#a6c1b0;font-variant-numeric:tabular-nums;min-width:100px}.derby-distance>div{height:3px;flex:1;background:#315147;border-radius:3px;overflow:hidden}.derby-distance i{display:block;height:100%;background:#e6c47a;border-radius:3px;width:0}.derby-standings{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin:0 24px}.derby-standings>div{display:flex;align-items:center;gap:7px;border:1px solid #355047;border-radius:7px;padding:9px;background:#142d2d;flex:1;min-width:118px}.derby-standings>div.is-leading{border-color:#baa465;background:#3546334f}.derby-standings small{font-size:9px;color:#90aa9d;width:9px}.derby-standings .derby-number{width:18px;height:21px;border-radius:4px;font-size:10px}.derby-standings b{font-size:9px;font-weight:500;white-space:nowrap;color:#c6d9ce}.derby-status{font-size:12px;line-height:1.6;color:#a7c0b3;text-align:center;margin:26px 24px 30px;min-height:20px}.derby-paytable{border:1px solid #39544d;border-radius:9px;overflow:hidden;margin:20px 0}.derby-paytable>div{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:10px;padding:10px 14px;border-bottom:1px solid #30463f}.derby-paytable>div:first-child{background:#243e34;color:#e2d29f}.derby-paytable>div:last-child{border:0}.derby-paytable>div>:not(:first-child){text-align:right}
@media(max-width:1100px) and (min-width:761px){.derby-hud{padding:24px 20px}.derby-hud h3{font-size:20px}.derby-track{margin-inline:12px}.derby-ticket{padding:8px}.derby-ticket b{font-size:10px}.derby-standings{margin-inline:15px}.derby-standings>div{min-width:110px}.derby-status{margin-top:24px;padding-bottom:24px}}
@media(max-width:760px){.derby-page.casino-v3{padding:18px 14px 26px}.game-derby .derby-table{order:1;min-height:0}.game-derby .derby-controls{order:2}.derby-controls>.panel-label,.derby-controls>h2{display:none}.derby-table .table-topline{font-size:8px;padding:15px}.derby-table .table-topline>span:last-child{font-size:8px;letter-spacing:.7px}.derby-hud{padding:19px 16px;gap:8px}.derby-hud h3{font-size:17px;max-width:170px;line-height:1.3}.derby-eyebrow{font-size:8px;letter-spacing:1.3px}.derby-ticket{padding:7px;gap:6px}.derby-ticket .derby-number{width:23px;height:26px;font-size:12px}.derby-ticket small{font-size:8px;margin-bottom:4px}.derby-ticket b{font-size:9px}.derby-track{margin:0 8px;border-radius:7px}.derby-scene{width:100%}.derby-distance{margin:17px 15px;gap:10px}.derby-distance>span{font-size:9px;min-width:90px}.derby-standings{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin:0 12px}.derby-standings>div{min-width:0;padding:7px 5px;gap:4px}.derby-standings b{font-size:8px;white-space:normal;line-height:1.3}.derby-standings small{font-size:8px;width:6px}.derby-standings .derby-number{width:15px;height:19px;font-size:9px}.derby-status{font-size:11px;margin:18px 15px 20px}.derby-choices{grid-template-columns:1fr 1fr;gap:7px}.derby-choice{grid-template-columns:23px 1fr;gap:7px;padding:9px;min-height:67px;font-size:11px}.derby-choice>b{grid-column:2;font-size:12px;margin-top:-5px}.derby-choice .derby-number{width:23px;height:24px;grid-row:span 2}.derby-controls .bet-shortcuts{margin-bottom:22px}.derby-paytable>div{padding:9px 8px;font-size:11px}}
@media(prefers-reduced-motion:reduce){.derby-choice{transition:none}}