/* Flat spectating only. Riding, workshop editors and their camera controls stay independent. */
#race-view{width:min(98vw,850px);height:97svh;max-height:97svh;overflow:auto;background:#183e31}
#race-view>.panel-head{padding:6px 12px;min-height:44px;flex:none}
#race-view>.panel-head h2{font-size:.85rem;line-height:1.3;max-height:2.6em;overflow:hidden}
#race-view .race-hud{padding:4px 8px;flex:none}
.race-broadcast-modes{display:flex;gap:5px;padding:5px 8px;background:#183e31;flex:none}
.race-broadcast-modes button{flex:1;min-height:36px;font-size:.8rem;padding:5px;border:1px solid #879f8d;background:#2e5444;color:#fff9de;border-radius:7px}
.race-broadcast-modes button[aria-pressed=true]{background:#e6cc83;border-color:#f5e3a6;color:#193e30;font-weight:800}
.race-broadcast-modes button:focus-visible{outline:3px solid white;outline-offset:1px}
#race-view #race-camera-settings{padding:0 8px;max-height:38svh}
#race-view #race-camera-settings summary{font-size:.7rem;min-height:25px;padding:4px}
#race-view #race-canvas{height:0;min-height:360px;flex:1 1 0;object-fit:fill}
#race-broadcast-info{display:grid;grid-template-columns:1fr auto;gap:3px 8px;padding:7px 11px;background:#f1f0df;border-top:2px solid #c4a75e;color:#1d3d31;font-size:.69rem;line-height:1.35;flex:none}
#race-broadcast-info .broadcast-name{font-size:.84rem;grid-column:1}
#race-broadcast-info .broadcast-prize{grid-column:2;grid-row:1/3;align-self:center;font-weight:bold}
#race-broadcast-info .broadcast-conditions{grid-column:1}
#race-broadcast-info .broadcast-course{grid-column:1/-1}
#race-view #race-call{margin:0;min-height:0;max-height:46px;overflow:auto;padding:5px 10px;font-size:.72rem;line-height:1.45;flex:none}
#race-view #race-event-log:not(:empty){max-height:18svh;overflow:auto;background:#fff9e9}
#race-view #race-result-only{min-height:32px;padding:5px;font-size:.8rem;flex:none}
@media(max-height:600px){#race-view>.panel-head{min-height:32px}#race-view .race-hud{padding:2px 7px}.race-broadcast-modes{padding:3px 7px}.race-broadcast-modes button{min-height:30px}#race-broadcast-info{padding:4px 9px}#race-view #race-call{max-height:28px}}

@media(max-height:560px){#race-view{overflow:auto}#race-view #race-canvas{height:360px;min-height:360px;flex:none}}

/* Keep the result action reachable without widening a narrow phone HUD. */
#race-view .race-hud{flex-wrap:wrap}
#race-view #race-finish-skip{flex:1 0 100%;min-width:0;min-height:36px;white-space:normal;background:#e3ebd8;color:#254936;font-weight:bold}

#race-view.race-committed-result #race-canvas,#race-view.race-committed-result .race-hud,#race-view.race-committed-result .race-broadcast-modes,#race-view.race-committed-result #race-camera-settings,#race-view.race-committed-result #race-broadcast-info{display:none}
#race-view.race-committed-result #race-event-log{flex:1 1 auto;max-height:none;min-height:0;overflow:auto;padding:12px}
.owned-committed-result h3{margin:0 0 12px}.owned-committed-result ol{list-style:none;padding:0}.owned-committed-result li{padding:9px 0;border-bottom:1px solid #d8d5c4;overflow-wrap:anywhere}.owned-committed-result li span{white-space:nowrap}.owned-committed-result button{width:100%;min-height:44px}