/* M67.0 shared player experience design system. */
.player-shell{--player-space-1:.25rem;--player-space-2:.5rem;--player-space-3:.75rem;--player-space-4:1rem;--player-space-5:1.5rem;--player-space-6:2rem;--player-touch-target:2.75rem;--player-content-measure:72rem;--player-reading-measure:65ch;--player-shadow-sm:0 .25rem 1rem rgba(15,23,42,.08);--player-shadow-md:0 .75rem 2rem rgba(15,23,42,.12);--player-state-info:var(--bs-info);--player-state-success:var(--bs-success);--player-state-warning:var(--bs-warning);--player-state-danger:var(--bs-danger)}
.player-page-header__copy{min-width:0}.player-page-header__subtitle{max-width:var(--player-reading-measure)}.player-page-header__actions{flex:0 1 auto;min-width:0}.player-eyebrow{margin-bottom:var(--player-space-1);color:var(--player-accent);font-size:.75rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase}
.player-state-panel{display:flex;align-items:flex-start;gap:var(--player-space-4);width:100%;padding:var(--player-space-5);background:var(--player-surface);border:1px solid var(--player-border);border-inline-start:.3rem solid var(--player-state-info);border-radius:var(--tambola-radius-lg);box-shadow:var(--player-shadow-sm)}.player-state-panel--success{border-inline-start-color:var(--player-state-success)}.player-state-panel--warning{border-inline-start-color:var(--player-state-warning)}.player-state-panel--error{border-inline-start-color:var(--player-state-danger)}.player-state-panel--empty{border-inline-start-color:var(--player-muted)}.player-state-panel__icon{display:grid;flex:0 0 2.75rem;width:2.75rem;height:2.75rem;place-items:center;color:var(--player-accent);font-size:1.35rem;background:color-mix(in srgb,var(--player-accent) 12%,transparent);border-radius:50%}.player-state-panel__icon .spinner-border{width:1.35rem;height:1.35rem}.player-state-panel__body{min-width:0}
.player-metric-card{border-color:var(--player-border);box-shadow:var(--player-shadow-sm)}.player-metric-card__label{color:var(--player-muted);font-size:.8rem;font-weight:700}.player-metric-card__value{margin-top:var(--player-space-1);font-size:clamp(1.35rem,4vw,1.8rem);font-weight:800;line-height:1.15}.player-metric-card__hint{margin-top:var(--player-space-1);color:var(--player-muted);font-size:.75rem}.player-metric-card__icon{display:grid;flex:0 0 2.5rem;width:2.5rem;height:2.5rem;place-items:center;color:var(--player-accent);background:color-mix(in srgb,var(--player-accent) 12%,transparent);border-radius:var(--tambola-radius-md)}
.player-status-pill{display:inline-flex;align-items:center;gap:.35rem;min-height:1.75rem;max-width:100%;padding:.2rem .6rem;color:var(--player-text);font-size:.75rem;font-weight:750;line-height:1.2;background:var(--bs-secondary-bg);border:1px solid var(--player-border);border-radius:999px}.player-status-pill--primary{color:var(--bs-primary-text-emphasis);background:var(--bs-primary-bg-subtle);border-color:var(--bs-primary-border-subtle)}.player-status-pill--success{color:var(--bs-success-text-emphasis);background:var(--bs-success-bg-subtle);border-color:var(--bs-success-border-subtle)}.player-status-pill--warning{color:var(--bs-warning-text-emphasis);background:var(--bs-warning-bg-subtle);border-color:var(--bs-warning-border-subtle)}.player-status-pill--danger{color:var(--bs-danger-text-emphasis);background:var(--bs-danger-bg-subtle);border-color:var(--bs-danger-border-subtle)}.player-status-pill--info{color:var(--bs-info-text-emphasis);background:var(--bs-info-bg-subtle);border-color:var(--bs-info-border-subtle)}.player-status-pill__detail{color:inherit;opacity:.78;font-weight:600}
.player-action-bar{display:flex;flex-wrap:wrap;align-items:center;gap:var(--player-space-2)}.player-action-bar>:is(.btn,a){flex:0 0 auto}.player-navigation-indicators{min-width:0}.player-context-link{display:inline-flex;align-items:center;gap:.4rem;min-height:var(--player-touch-target);max-width:15rem;padding:.4rem .7rem;color:var(--player-text);font-size:.8rem;font-weight:700;text-decoration:none;border:1px solid var(--player-border);border-radius:999px}.player-context-link>span:not(.badge){overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.player-context-link:hover{color:var(--player-accent);background:var(--bs-tertiary-bg)}
@media(max-width:767.98px){.player-page-header__actions,.player-page-header__actions>:is(.btn,.input-group,a){width:100%}.player-state-panel{padding:var(--player-space-4)}.player-action-bar{display:grid;grid-template-columns:1fr}.player-action-bar>:is(.btn,a){width:100%}.player-action-bar--mobile-sticky{position:sticky;z-index:1020;bottom:calc(4.65rem + env(safe-area-inset-bottom));padding:var(--player-space-2);background:color-mix(in srgb,var(--player-surface) 94%,transparent);border:1px solid var(--player-border);border-radius:var(--tambola-radius-lg);box-shadow:var(--player-shadow-md);backdrop-filter:blur(.75rem)}}
@media(max-width:379.98px){.player-state-panel{gap:var(--player-space-3)}.player-state-panel__icon{flex-basis:2.25rem;width:2.25rem;height:2.25rem}}
html[data-large-player-text="true"] .player-shell{font-size:112.5%}html[data-high-contrast="true"] .player-shell :is(.player-state-panel,.player-metric-card,.player-status-pill,.player-context-link){border-width:2px}
@media(prefers-reduced-motion: reduce){.player-action-bar--mobile-sticky,.player-context-link{scroll-behavior:auto;transition:none}}
@media(forced-colors: active){.player-state-panel,.player-metric-card,.player-status-pill,.player-context-link{border:1px solid CanvasText}}