.race-view{isolation:isolate;background:#a9c8cb url(/images/race-background.png) var(--pan,50%) 0/auto 66% no-repeat;color:#fff;border-radius:16px;width:100%;height:clamp(430px,48vw,620px);font-family:Arial,Helvetica,sans-serif;position:relative;overflow:hidden}.race-view:before{content:"";pointer-events:none;z-index:1;background:linear-gradient(#0f1b2129,#0000 34% 83%,#0c150a6b);position:absolute;inset:0}.race-view__canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.race-broadcast{z-index:2;pointer-events:none;flex-direction:column;justify-content:space-between;padding:26px 24px 18px;display:flex;position:absolute;inset:0}.race-broadcast__top{filter:drop-shadow(0 6px 12px #0004);justify-content:center;align-items:center;width:100%;display:flex}.race-scoreboard{z-index:1;background:linear-gradient(130deg,#191e21,#101416);border:1px solid #ffffff32;border-radius:9px;width:65%;max-width:770px;padding:0 12px 9px;position:relative;box-shadow:inset 0 1px #fff1}.race-scoreboard__headline{letter-spacing:.07em;border-bottom:1px solid #ffffff12;justify-content:center;align-items:center;gap:10px;min-height:28px;margin-bottom:9px;font-size:11px;display:flex}.race-live{letter-spacing:.1em;color:#e1e8df;white-space:nowrap;align-items:center;gap:5px;font-size:9px;font-weight:800;display:inline-flex}.race-live:before{content:"";background:#e6bd5e;border-radius:50%;width:5px;height:5px;box-shadow:0 0 8px #e6bd5e80}.race-leader{text-overflow:ellipsis;white-space:nowrap;color:#f5ce72;max-width:80%;font-weight:800;overflow:hidden}.race-runners{gap:0;width:100%;display:flex}.race-runner{text-align:center;border-right:1px solid #ffffff0c;flex:1;min-width:0;padding:0 3px;transition:background .25s}.race-runner:last-child{border-right:0}.race-runner.is-leading{background:linear-gradient(#0000,#e1b65118)}.race-runner__portrait{border:2px solid var(--silk);background:radial-gradient(circle at 30% 20%,#3c454d,#15212a 80%);border-radius:50%;width:clamp(36px,4vw,52px);height:clamp(36px,4vw,52px);margin:0 auto 10px;position:relative}.race-runner__portrait svg{border-radius:50%;width:100%;height:100%;overflow:hidden}.race-runner__portrait b{background:var(--silk);color:#0e181a;border-radius:3px;min-width:20px;font-size:11px;font-weight:900;line-height:18px;position:absolute;bottom:-7px;left:50%;transform:translate(-50%)}.race-runner__name{text-overflow:ellipsis;white-space:nowrap;color:#b3bcbd;margin:3px 0 4px;font-size:9px;display:block;overflow:hidden}.race-runner__odds{letter-spacing:.01em;font-family:Impact,Arial Narrow,sans-serif;font-size:18px;font-weight:400;display:block}.race-runner__place{color:#92a09f;margin-top:3px;font-size:9px;font-weight:700;display:block}.is-leading .race-runner__place{color:#f5ce72}.race-distance{align-items:center;gap:10px;margin-top:10px;display:flex}.race-distance__track{background:#ffffff16;flex:1;height:3px;overflow:hidden}.race-distance__track i{transform-origin:0;background:#eac575;width:100%;height:100%;transition:transform .15s linear;display:block;transform:scaleX(0)}.race-distance__label{color:#b4beb8;white-space:nowrap;font-variant-numeric:tabular-nums;font-size:9px}.race-brand,.race-meeting{background:linear-gradient(140deg,#202326,#101416);border:1px solid #ffffff20;flex-direction:column;justify-content:center;align-items:center;width:18%;min-height:104px;padding:20px 14px;display:flex}.race-brand{border-right:0;border-radius:8px 0 0 8px}.race-meeting{border-left:0;border-radius:0 8px 8px 0}.race-brand>span,.race-meeting>span{letter-spacing:.28em;color:#a9b3b3;font-size:8px}.race-brand strong{letter-spacing:-.05em;margin-top:8px;font-size:clamp(13px,1.7vw,24px);font-style:italic;font-weight:900;line-height:1.1}.race-brand strong span{color:#f2ce7c;display:block}.race-meeting strong{color:#f2ce7c;font-family:Impact,Arial Narrow,sans-serif;font-size:clamp(24px,3.4vw,43px);font-style:italic;line-height:1.25}.race-meeting small{letter-spacing:.22em;color:#bdc4bf;font-size:8px}.race-broadcast__bottom{justify-content:space-between;align-items:center;gap:8px;display:flex}.race-caption,.race-controls button{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#121c1dd9;border:1px solid #ffffff26;border-radius:5px;align-items:center;gap:8px;padding:9px 12px;font-size:11px;font-weight:600;display:flex}.race-caption__dot{background:#eac575;border-radius:50%;width:5px;height:5px}.race-controls{pointer-events:auto;gap:7px;display:flex}.race-controls button{color:#f5f7f2;cursor:pointer;transition:background .2s}.race-controls button:hover{background:#314037}.race-controls button:focus-visible{outline-offset:3px;outline:2px solid #eac575}.race-controls [hidden]{display:none}.race-fullscreen{line-height:15px;font-size:19px!important}.race-fullscreen span{font-size:11px}.race-view:fullscreen{border-radius:0;width:100vw;height:100vh}.race-view:fullscreen .race-broadcast{padding:35px 5vw 25px}.race-view__fallback{color:#fff;text-align:center;background:#15201bde;border-radius:10px;padding:20px;font-size:14px;position:absolute;bottom:20%;left:10%;right:10%}.race-camera-card{background:#fff;border-radius:20px;padding:12px;box-shadow:0 3px 16px #1521190b}.race-camera-card__title{justify-content:space-between;align-items:center;gap:10px;padding:6px 6px 13px;display:flex}.race-camera-card__title h3{color:#223329;font-size:15px;font-weight:800}.race-camera-card__title span{color:#758078;font-size:11px}@media (width<=760px){.race-broadcast{padding:14px 12px}.race-brand,.race-meeting{display:none}.race-scoreboard{width:100%;padding:0 7px 8px}.race-runner__portrait{width:42px;height:42px}.race-runner__odds{font-size:17px}.race-runner__name{font-size:8px}.race-scoreboard__headline{gap:7px;font-size:9px}.race-leader{max-width:76%}.race-camera-card{border-radius:14px;padding:6px}.race-view{border-radius:10px;height:490px}.race-camera-card__title{padding:8px}.race-fullscreen span{display:none}}@media (width<=400px){.race-broadcast{padding:12px 8px}.race-runner__portrait{width:34px;height:34px}.race-scoreboard{padding:0 4px 8px}.race-runner{padding:0 2px}.race-runner__name{max-width:44px;margin-left:auto;margin-right:auto}.race-caption,.race-controls button{padding:8px;font-size:10px}.race-leader{font-size:8px}}@media (prefers-reduced-motion:reduce){.race-distance__track i,.race-runner,.race-controls button{transition:none}}