/* Project-owned styles for the stock Video.js 10.1.0 skin. Native data attributes drive visibility. */
media-play-button { background: #1b1610 !important; color: #ffc36d !important; border: 1px solid #ffb95780 !important; border-radius: 10px !important; }
/* The native central control owns initial play/replay; the toolbar owns pause/resume. */
media-play-button:not([data-started]), media-play-button[data-ended] { visibility: hidden; pointer-events: none; }
media-play-button:focus-visible { outline: 2px solid #ffe0aa; outline-offset: 3px; }
@media (hover: hover) and (pointer: fine) { media-play-button:hover { background: #302112 !important; } }