/* JRA standard gate colours: 1 white, 2 black, 3 red, 4 blue, 5 yellow, 6 green, 7 orange, 8 pink. */
body .jra-frame-number{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;vertical-align:middle;min-width:29px;min-height:29px;padding:3px 6px;border-radius:5px;border:1px solid rgba(255,255,255,.33);font:900 16px/1.2 system-ui,'Yu Gothic',sans-serif;letter-spacing:0!important;text-shadow:none!important;box-shadow:0 1px 3px #0007;white-space:nowrap}
body .jra-frame-number.jra-waku-1{background:#fff!important;color:#111!important;border-color:#bdc5c9!important}
body .jra-frame-number.jra-waku-2{background:#101010!important;color:#fff!important;border-color:#8a9199!important}
body .jra-frame-number.jra-waku-3{background:#e22e35!important;color:#fff!important;border-color:#ff7981!important}
body .jra-frame-number.jra-waku-4{background:#1d4fc6!important;color:#fff!important;border-color:#85adff!important}
body .jra-frame-number.jra-waku-5{background:#ffdc2e!important;color:#111!important;border-color:#fff094!important}
body .jra-frame-number.jra-waku-6{background:#12804c!important;color:#fff!important;border-color:#75d8a8!important}
body .jra-frame-number.jra-waku-7{background:#f48d1e!important;color:#141414!important;border-color:#ffd39a!important}
body .jra-frame-number.jra-waku-8{background:#f29cbc!important;color:#191019!important;border-color:#ffdfef!important}
body .jra-frame-number.jra-waku-unknown{background:#283f52!important;color:#f1f6fa!important;border-color:#8296a4!important}
body .jra-pair-dash{display:inline-block;margin:0 .15em;color:#c5d7df!important;font-weight:800;vertical-align:middle}
body .edge-roster .jra-frame-number,body .edge-side-table .jra-frame-number,body #edge-results-topfive .jra-frame-number{min-width:33px;min-height:33px;font-size:17px}
body .edge-role-number.jra-frame-number,body .tile-horse-num.jra-frame-number{min-width:43px;min-height:43px;font-size:25px}
body .pair-view .jra-frame-number{min-width:1.05em;min-height:1.14em;padding:0 .1em;border-radius:9px;font-size:.8em}
body .edge-results-focus-card .jra-frame-number{font-size:19px;min-width:36px;min-height:36px}
body .edge-results-payvalues .jra-frame-number{min-width:25px;min-height:25px;font-size:14px}
body .jra-color-help{font-size:12px;color:#b4c9d5;margin:4px 0 9px}
@media(max-width:650px){body .jra-frame-number{min-width:24px;min-height:24px;font-size:14px;padding:2px 4px}body .pair-view .jra-frame-number{font-size:.75em}body .edge-results-payvalues .jra-frame-number{font-size:12px;min-width:23px;min-height:23px}}

/* v0.4.17: appropriate size inside very large buy-pair tiles and dense mobile tables */
body .ticket-card .tile-pair .jra-frame-number{font-size:clamp(24px,3vw,43px);min-width:1.35em;min-height:1.35em;padding:2px 5px;border-radius:7px}
body .edge-side-table td .jra-frame-number, body .edge-side-ranking td .jra-frame-number{min-width:26px;min-height:26px;font-size:15px;padding:2px 4px}
body .edge-next-pair .jra-frame-number{font-size:12px;min-width:22px;min-height:22px;padding:2px 3px}
body .edge-auto-row .jra-frame-number,body .real50-record-row .jra-frame-number{font-size:15px;min-width:27px;min-height:27px;margin:0 2px}
body .real50-record-row small .jra-frame-number{min-width:22px;min-height:22px;font-size:12px}
body #matrix-table .jra-frame-number{min-width:23px;min-height:23px;font-size:12px;padding:1px}
body #edge-audit-final .jra-frame-number{font-size:17px;min-width:28px;min-height:28px}
body #pair-names .jra-frame-number,body #pick-reason .jra-frame-number{font-size:14px;min-width:23px;min-height:23px}
body #edge-results-payouts .jra-frame-number{font-size:14px;min-width:25px;min-height:25px}