/* ============================================================
   assets/css/player.css — public TV screen
   Pure black, one full-screen video, nothing else.
   ============================================================ */

html, body {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    background: #000;
    overflow: hidden;   /* no scrollbars on the TV */
    cursor: none;       /* hide the mouse pointer */
}

/* The video fills the screen and keeps its 16:9 shape.
   "contain" letterboxes in black on non-16:9 screens
   (phones, portrait tablets). Change to "cover" if you
   prefer cropping over black bars. */
#signage-video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: contain;
    background: #000;
}