/**
 * Smart TV player (Bloco 06) — standalone, no Bootstrap, no admin dependency.
 *
 * Fullscreen art only: never any title/subtitle/body/logo/chrome (Image-First, D62).
 * Object-fit strategy matches the tested full_art technique in slide-templates.css
 * (never crop/distort the art; a blurred, dimmed copy of the same art fills any
 * letterbox area instead of plain black bars) without pulling in that whole stylesheet.
 */

* {
    box-sizing: border-box;
}

html, body {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    background: #000;
    overflow: hidden;
}

.tv-stage {
    width: 100vw;
    height: 100vh;
    display: block;
    cursor: none;
    font-family: system-ui, sans-serif;
}

.tv-canvas {
    position: relative;
    width: 100%;
    height: 100%;
    background: #000;
    isolation: isolate;
}

.tv-image,
.tv-backdrop {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    display: block;
}

.tv-image {
    object-fit: contain; /* the art itself: never cropped, never distorted */
    object-position: center;
}

.tv-backdrop {
    object-fit: cover;
    filter: blur(56px) brightness(.45) saturate(1.05);
    transform: scale(1.15);
}

.tv-empty {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    color: #64748b;
    font-size: clamp(18px, 2.2vw, 28px);
    padding: 0 5vw;
}

[hidden] {
    display: none !important;
}