/* M67.9.3 one visual language for global page navigation and contextual Room actions. */
@media(max-width:767.98px){
 :where(.player-bottom-nav,.contextual-player-action-bar.mobile-live-action-bar){--bottom-nav-height:4.55rem;position:fixed;z-index:1040;inset-inline:0;bottom:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.25rem;width:100%;min-height:var(--bottom-nav-height);margin:0;padding:.375rem max(.375rem,env(safe-area-inset-right)) max(.375rem,env(safe-area-inset-bottom)) max(.375rem,env(safe-area-inset-left));border:0;border-top:1px solid var(--player-border);border-radius:0;background:color-mix(in srgb,var(--player-surface) 96%,transparent);box-shadow:0 -.5rem 1.5rem rgba(15,23,42,.14);backdrop-filter:blur(.75rem)}
 :where(.player-bottom-nav__item,.contextual-player-action-bar .mobile-live-action){position:relative;display:flex;min-width:0;min-height:var(--player-touch-target);flex-direction:column;align-items:center;justify-content:center;gap:.1rem;padding:.25rem;color:var(--player-muted,var(--bs-secondary-color));font-size:.68rem;font-weight:700;line-height:1.15;text-align:center;text-decoration:none;border:0;border-radius:var(--tambola-radius-md);background:transparent}
 :where(.player-bottom-nav__item,.contextual-player-action-bar .mobile-live-action)>i{font-size:1.05rem;line-height:1}
 :where(.player-bottom-nav__item.active,.contextual-player-action-bar .mobile-live-action.is-active){color:var(--bs-primary-text-emphasis);background:var(--bs-primary-bg-subtle)}
 :where(.player-bottom-nav__item.active,.contextual-player-action-bar .mobile-live-action.is-active)::before{position:absolute;inset-inline:22%;bottom:.12rem;height:.1875rem;content:"";background:currentColor;border-radius:999px}
 .contextual-player-action-bar .mobile-live-action--primary{color:var(--bs-primary-text-emphasis);background:var(--bs-primary-bg-subtle)!important}
 :where(.player-bottom-nav__item,.contextual-player-action-bar .mobile-live-action):focus-visible{outline:3px solid var(--tambola-primary,#4f46e5);outline-offset:-2px}
 :where(.player-bottom-nav,.contextual-player-action-bar) .badge{position:absolute;inset-block-start:.2rem;inset-inline-end:calc(50% - 1.7rem);min-width:1.2rem;padding:.15rem .3rem;font-size:.65rem}
}
@media(max-width:379.98px){:where(.player-bottom-nav__item,.contextual-player-action-bar .mobile-live-action){font-size:.64rem}:where(.player-bottom-nav__item,.contextual-player-action-bar .mobile-live-action)>i{font-size:1rem}}
@media(orientation:landscape) and (max-height:575.98px){:where(.player-bottom-nav,.contextual-player-action-bar.mobile-live-action-bar){--bottom-nav-height:3.75rem;padding-block:.2rem}:where(.player-bottom-nav__item,.contextual-player-action-bar .mobile-live-action){min-height:2.5rem}}
@media(prefers-reduced-motion:reduce){:where(.player-bottom-nav__item,.contextual-player-action-bar .mobile-live-action){transition:none!important}}
@media(forced-colors:active){:where(.player-bottom-nav,.contextual-player-action-bar.mobile-live-action-bar){border-top:2px solid CanvasText;background:Canvas!important;box-shadow:none}:where(.player-bottom-nav__item.active,.contextual-player-action-bar .mobile-live-action.is-active,.contextual-player-action-bar .mobile-live-action--primary){color:HighlightText;background:Highlight!important}:where(.player-bottom-nav__item,.contextual-player-action-bar .mobile-live-action):focus-visible{outline-color:Highlight}}