/* ANBITA TV – ausschließlich für den TV-Inhalt innerhalb des gemeinsamen Portals. */
.anbita-tv-page{
    --tv-gold:#ffd84a;
    --tv-green:#2ee68a;
    --tv-blue:#2f7de1;
    --tv-panel:#121827;
    --tv-panel-soft:#1a2233;
    --tv-text:#f8fafc;
    --tv-muted:#cbd5e1;
    --tv-border:rgba(255,255,255,.16);
    width:100%;
    max-width:100%;
    margin:0 auto;
    color:var(--tv-text);
    font-family:Arial,Helvetica,sans-serif;
}
.anbita-tv-header{
    width:min(100%,1200px);
    margin:0 auto 18px;
    line-height:0;
}
.anbita-tv-header img{
    display:block;
    width:100%;
    height:auto;
    aspect-ratio:1200/220;
    object-fit:fill;
    border:0;
    border-radius:0;
}
.tv-visually-hidden{
    position:absolute!important;
    width:1px!important;
    height:1px!important;
    padding:0!important;
    margin:-1px!important;
    overflow:hidden!important;
    clip:rect(0,0,0,0)!important;
    white-space:nowrap!important;
    border:0!important;
}
.tv-area{display:grid;place-items:center;width:100%}
.tv-frame{position:relative;width:min(100%,980px);padding:18px 18px 28px;border:1px solid rgba(255,255,255,.2);border-radius:34px;background:linear-gradient(145deg,#30374d,#070911 45%,#252c3f);box-shadow:0 20px 55px rgba(2,6,23,.38),inset 0 0 0 2px rgba(255,255,255,.04)}
.tv-frame::before{content:"";position:absolute;inset:8px;border:1px solid rgba(255,255,255,.08);border-radius:27px;pointer-events:none}
.tv-glow{position:absolute;inset:-10px;border-radius:40px;background:radial-gradient(circle at 50% 8%,rgba(255,216,74,.15),transparent 44%);pointer-events:none}
.tv-front{position:relative;display:grid;grid-template-columns:72px minmax(0,1fr) 72px;align-items:stretch;gap:10px}
.tv-speaker{position:relative;min-width:0;border:1px solid rgba(255,255,255,.12);border-radius:22px;background:radial-gradient(circle at 50% 20%,#30394c,#0d111a 60%);box-shadow:inset 0 0 18px rgba(0,0,0,.55)}
.tv-speaker::before{content:"";position:absolute;inset:13px;border-radius:16px;background-image:radial-gradient(circle,rgba(255,255,255,.14) 0 1.5px,transparent 1.7px);background-size:10px 10px;opacity:.5}
.tv-speaker span{position:absolute;left:50%;bottom:15%;width:28px;height:28px;transform:translateX(-50%);border:2px solid rgba(255,255,255,.12);border-radius:50%;background:#080b11;box-shadow:inset 0 0 10px #000}
.tv-screen{position:relative;overflow:hidden;width:100%;aspect-ratio:16/9;border:2px solid rgba(255,255,255,.18);border-radius:21px;background:#000;box-shadow:inset 0 0 80px rgba(47,125,225,.08),0 12px 38px rgba(0,0,0,.5)}
.tv-video-stage{position:absolute;inset:0;overflow:hidden;width:100%;height:100%;border-radius:18px;background:#000}
.youtube-player,.youtube-player iframe{position:absolute;inset:0;width:100%;height:100%;border:0;border-radius:18px;background:#000}
.tv-watermark{position:absolute;top:8px;right:10px;z-index:12;color:#fff;font-family:Arial,Helvetica,sans-serif;font-size:14px;font-style:italic;font-weight:700;line-height:1;letter-spacing:.1px;text-shadow:0 1px 4px rgba(0,0,0,.95);pointer-events:none;user-select:none}
.tv-footer-light{position:absolute;left:50%;bottom:10px;width:110px;height:7px;transform:translateX(-50%);border-radius:999px;background:linear-gradient(90deg,transparent,var(--tv-green),transparent);box-shadow:0 0 18px rgba(46,230,138,.55)}
.start-overlay{position:absolute;inset:0;z-index:7;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:18px;border:0;background:radial-gradient(circle,rgba(11,18,32,.78),rgba(0,0,0,.94));color:#fff;cursor:pointer;text-align:center;touch-action:manipulation}
.start-overlay strong{color:var(--tv-gold);font-size:clamp(24px,4vw,44px)}
.start-overlay.is-hidden{display:none}
.play-symbol{display:flex;align-items:center;justify-content:center;width:74px;height:74px;padding-left:5px;border-radius:50%;background:var(--tv-gold);color:#111;font-size:34px;font-weight:900;box-shadow:0 0 36px rgba(255,216,74,.45)}
.screen-message{position:absolute;left:14px;right:14px;bottom:14px;z-index:9;display:none;padding:10px 12px;border-radius:14px;background:rgba(0,0,0,.76);color:#fff;font-size:14px;text-align:center}
.screen-message.is-visible{display:block}
.tv-off-overlay{position:absolute;inset:0;z-index:5;display:none;align-items:center;justify-content:center;padding:12px;background:#03050a}
.tv-off-overlay.is-visible{display:flex}
.tv-off-banner{display:block;width:100%;height:100%;padding:10px;object-fit:contain;border-radius:17px}
.tv-off-banner.is-clickable{cursor:pointer}
.tv-off-fallback{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:#fff;text-align:center}
.tv-off-fallback span{color:var(--tv-muted);font-size:clamp(14px,2vw,18px)}
.channel-panel,.control-panel,.rating-panel{width:min(100%,980px);margin:14px auto 0;padding:14px;border:1px solid var(--tv-border);border-radius:20px;background:rgba(18,24,39,.95);box-shadow:0 10px 30px rgba(2,6,23,.25)}
.channel-buttons{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-items:stretch;gap:10px;width:100%}
.control-panel{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:10px}
.channel-btn,.control-btn,.rating-btn{border:1px solid rgba(255,255,255,.2);background:linear-gradient(180deg,#5b647b 0%,#252b39 48%,#111520 100%);color:#fff;font-family:Arial,Helvetica,sans-serif;font-weight:900;cursor:pointer;touch-action:manipulation;transition:transform .12s ease,filter .12s ease,box-shadow .12s ease}
.channel-btn,.control-btn{min-height:48px;padding:11px 18px;border-radius:14px;font-size:16px;box-shadow:0 7px 0 rgba(0,0,0,.34),0 12px 20px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.22)}
.channel-btn{position:relative;display:flex;align-items:center;justify-content:center;gap:8px;width:100%;min-width:0;white-space:normal;text-align:center}
.channel-icon{display:inline-flex;align-items:center;justify-content:center;flex:0 0 28px;width:28px;height:28px;border-radius:50%;background:rgba(255,255,255,.12);font-family:"Segoe UI Symbol","Arial Unicode MS",Arial,sans-serif;font-size:20px;font-weight:700;line-height:1}
.channel-btn-label{min-width:0;line-height:1.15}
.channel-btn:hover,.channel-btn:focus-visible,.control-btn:hover,.control-btn:focus-visible,.rating-btn:hover,.rating-btn:focus-visible{filter:brightness(1.08);transform:translateY(-1px)}
.channel-btn:active,.control-btn:active,.rating-btn:active{transform:translateY(2px)}
.channel-btn.is-active,.rating-btn.is-active{border-color:rgba(255,255,255,.48);background:linear-gradient(180deg,#fff2a0 0%,#ffd34d 45%,#ef9a1a 100%);color:#121212;box-shadow:0 7px 0 rgba(98,64,8,.5),0 0 22px rgba(255,216,74,.25),inset 0 1px 0 rgba(255,255,255,.45)}
.control-btn{min-width:52px;background:linear-gradient(180deg,#4c78a3 0%,#214a74 48%,#14213b 100%);font-size:24px}
.channel-premium-badge{display:inline-block!important;width:24px!important;height:24px!important;min-width:24px!important;max-width:24px!important;object-fit:contain!important;pointer-events:none}
.channel-premium-tooltip{position:absolute;left:50%;bottom:calc(100% + 10px);z-index:50;width:190px;max-width:70vw;padding:8px 10px;transform:translateX(-50%);border:1px solid rgba(255,255,255,.18);border-radius:10px;background:rgba(5,16,39,.98);color:#fff;font-size:13px;line-height:1.35;text-align:center;box-shadow:0 14px 28px rgba(0,0,0,.3);opacity:0;visibility:hidden;pointer-events:none}
.channel-premium-tooltip::after{content:"";position:absolute;left:50%;top:100%;width:10px;height:10px;transform:translateX(-50%) rotate(45deg);border-right:1px solid rgba(255,255,255,.18);border-bottom:1px solid rgba(255,255,255,.18);background:rgba(5,16,39,.98)}
.channel-btn.is-premium-channel:hover .channel-premium-tooltip,.channel-btn.is-premium-channel:focus-visible .channel-premium-tooltip,.channel-btn.is-premium-channel.show-premium-info .channel-premium-tooltip{opacity:1;visibility:visible}
.rating-panel{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:10px}
.rating-panel[hidden]{display:none!important}
.rating-label{color:var(--tv-gold);font-weight:900}
.rating-btn{width:50px;height:46px;border-radius:14px;font-size:24px;line-height:1}
.rating-btn:disabled{opacity:.55;cursor:not-allowed;transform:none}
.rating-status{min-width:160px;color:var(--tv-muted);font-size:14px;font-weight:700}
.tv-fullscreen-hitarea{position:absolute;inset:0;z-index:4;display:block;width:100%;height:100%;padding:0;border:0;background:transparent;cursor:zoom-in;opacity:0}
.tv-screen.is-powered-off .tv-fullscreen-hitarea{display:none}
.tv-screen:fullscreen,.tv-screen:-webkit-full-screen,.tv-screen.is-faux-fullscreen{position:fixed!important;inset:0!important;z-index:99999!important;width:100vw!important;height:100vh!important;max-width:none!important;max-height:none!important;aspect-ratio:auto!important;border:0!important;border-radius:0!important;background:#000!important;box-shadow:none!important}
.tv-screen:fullscreen .tv-video-stage,.tv-screen:fullscreen .youtube-player,.tv-screen:fullscreen .youtube-player iframe,.tv-screen:fullscreen .tv-off-overlay,.tv-screen:fullscreen .tv-off-banner,.tv-screen:-webkit-full-screen .tv-video-stage,.tv-screen:-webkit-full-screen .youtube-player,.tv-screen:-webkit-full-screen .youtube-player iframe,.tv-screen:-webkit-full-screen .tv-off-overlay,.tv-screen:-webkit-full-screen .tv-off-banner,.tv-screen.is-faux-fullscreen .tv-video-stage,.tv-screen.is-faux-fullscreen .youtube-player,.tv-screen.is-faux-fullscreen .youtube-player iframe,.tv-screen.is-faux-fullscreen .tv-off-overlay,.tv-screen.is-faux-fullscreen .tv-off-banner{border-radius:0!important}
.tv-screen:fullscreen .tv-fullscreen-hitarea,.tv-screen:-webkit-full-screen .tv-fullscreen-hitarea,.tv-screen.is-faux-fullscreen .tv-fullscreen-hitarea{cursor:zoom-out}
html.tv-faux-fullscreen-open,body.tv-faux-fullscreen-open{overflow:hidden!important}
html:not(.dark-mode) .anbita-tv-page{--tv-panel:#fff;--tv-panel-soft:#eef4ff;--tv-text:#0f172a;--tv-muted:#334155;--tv-border:rgba(15,23,42,.18)}
html:not(.dark-mode) .channel-panel,html:not(.dark-mode) .control-panel,html:not(.dark-mode) .rating-panel{background:rgba(255,255,255,.96);box-shadow:0 10px 28px rgba(15,23,42,.12)}
html:not(.dark-mode) .channel-btn{border-color:rgba(15,23,42,.2);background:linear-gradient(180deg,#f8fbff 0%,#cbd7ea 48%,#8fa4c2 100%);color:#111827;box-shadow:0 7px 0 rgba(65,79,99,.35),0 12px 20px rgba(15,23,42,.14),inset 0 1px 0 rgba(255,255,255,.75)}
html:not(.dark-mode) .control-btn{border-color:rgba(15,23,42,.2)}
html:not(.dark-mode) .rating-btn{border-color:rgba(15,23,42,.2);background:linear-gradient(180deg,#f8fbff,#cbd7ea 55%,#8fa4c2);color:#111827}
@media (max-width:900px){.tv-front{grid-template-columns:54px minmax(0,1fr) 54px}.tv-frame{padding:14px 14px 24px;border-radius:28px}.tv-speaker::before{inset:10px;background-size:8px 8px}.tv-speaker span{width:22px;height:22px}.channel-buttons{grid-template-columns:repeat(3,minmax(0,1fr))}.channel-btn{font-size:15px;padding:10px 14px}}
@media (max-width:640px){.anbita-tv-header{margin-bottom:12px}.tv-frame{padding:9px 9px 20px;border-radius:22px}.tv-front{display:block}.tv-speaker{display:none}.tv-screen{border-radius:15px}.youtube-player,.youtube-player iframe{border-radius:12px}.channel-panel,.control-panel,.rating-panel{padding:11px;border-radius:16px}.channel-buttons{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.channel-btn{min-height:48px;padding:9px 10px;border-radius:12px;font-size:14px;box-shadow:0 5px 0 rgba(0,0,0,.3),0 9px 14px rgba(0,0,0,.18)}.channel-icon{flex-basis:25px;width:25px;height:25px;font-size:18px}.control-btn{min-width:46px;min-height:44px;padding:8px 13px;font-size:22px}.channel-premium-badge{width:20px!important;height:20px!important;min-width:20px!important}.rating-status{width:100%;min-width:0;text-align:center}.play-symbol{width:58px;height:58px;font-size:27px}}
@media (max-width:420px){.channel-buttons{grid-template-columns:repeat(2,minmax(0,1fr))}.channel-btn{width:100%}.tv-off-overlay{padding:5px}.tv-off-banner{padding:4px}.start-overlay{padding:10px}.tv-watermark{top:6px;right:7px}}
@media (max-width:300px){.channel-buttons{grid-template-columns:1fr}}
@media (max-height:520px) and (orientation:landscape){.anbita-tv-header{width:min(88vw,1200px);margin-bottom:8px}.tv-frame{width:min(88vw,980px);padding:7px 7px 15px}.channel-panel,.control-panel,.rating-panel{width:min(88vw,980px);margin-top:8px;padding:8px}.channel-btn,.control-btn{min-height:38px;padding:7px 11px}.play-symbol{width:48px;height:48px;font-size:22px}.start-overlay{gap:4px}}

/* v6: Bewertungstext mittig über den beiden Daumen */
.rating-panel{
    gap:6px 8px;
}
.rating-panel .rating-label{
    flex:0 0 100%;
    width:100%;
    margin:0 0 2px;
    text-align:center;
}
.rating-panel .rating-status{
    flex:0 0 100%;
    width:100%;
    min-width:0;
    margin-top:2px;
    text-align:center;
}



/* Update 174: Live-TV-Auswahl und responsive Fernseheransicht */
.tv-mobile-console{display:none}
.tv-channel-select-label{
    display:block;
    margin:0 0 9px;
    color:var(--tv-text);
    font-family:Arial,Helvetica,sans-serif;
    font-size:16px;
    font-weight:900;
    line-height:1.25;
    text-align:center;
}
.tv-channel-select-wrap{
    position:relative;
    width:min(100%,720px);
    margin:0 auto;
}
.tv-channel-select-wrap::after{
    content:"▾";
    position:absolute;
    top:50%;
    right:17px;
    transform:translateY(-52%);
    color:#111827;
    font-size:20px;
    font-weight:900;
    pointer-events:none;
}
.tv-channel-select{
    display:block;
    width:100%;
    min-height:52px;
    padding:11px 48px 11px 16px;
    border:2px solid rgba(15,23,42,.38);
    border-radius:14px;
    box-sizing:border-box;
    appearance:none;
    -webkit-appearance:none;
    background:linear-gradient(180deg,#fff9ca 0%,#ffd84a 58%,#efae20 100%);
    color:#111827;
    font-family:Arial,Helvetica,sans-serif;
    font-size:16px;
    font-weight:900;
    line-height:1.3;
    cursor:pointer;
    box-shadow:0 6px 0 rgba(100,65,8,.42),0 10px 20px rgba(15,23,42,.18),inset 0 1px 0 rgba(255,255,255,.7);
}
.tv-channel-select:focus-visible{
    outline:3px solid rgba(47,125,225,.35);
    outline-offset:3px;
}
.tv-channel-select option{
    background:#fff;
    color:#111827;
    font-family:Arial,Helvetica,sans-serif;
    font-size:16px;
}
.tv-screen:fullscreen,
.tv-screen:-webkit-full-screen,
.tv-screen.is-faux-fullscreen{
    touch-action:manipulation!important;
}
.tv-screen:fullscreen .tv-video-stage,
.tv-screen:-webkit-full-screen .tv-video-stage,
.tv-screen.is-faux-fullscreen .tv-video-stage{
    top:50%!important;
    left:50%!important;
    right:auto!important;
    bottom:auto!important;
    width:min(100vw,calc(100vh * 16 / 9))!important;
    height:auto!important;
    aspect-ratio:16/9!important;
    max-width:100vw!important;
    max-height:100vh!important;
    transform:translate(-50%,-50%)!important;
    border-radius:0!important;
}
.tv-screen:fullscreen .tv-watermark,
.tv-screen:-webkit-full-screen .tv-watermark,
.tv-screen.is-faux-fullscreen .tv-watermark{
    top:clamp(8px,1.8vw,14px)!important;
    right:clamp(8px,1.8vw,14px)!important;
    font-size:clamp(12px,2vw,16px)!important;
}
@media (max-width:640px){
    .tv-frame{
        width:100%!important;
        max-width:100%!important;
        padding:11px 11px 36px!important;
        border:3px solid #566177!important;
        border-radius:23px!important;
        background:linear-gradient(145deg,#4c556b 0%,#141925 18%,#080b12 58%,#30384c 100%)!important;
        box-shadow:0 16px 34px rgba(2,6,23,.42),inset 0 0 0 2px rgba(255,255,255,.08)!important;
    }
    .tv-frame::before{
        inset:5px!important;
        border:1px solid rgba(255,255,255,.12)!important;
        border-radius:17px!important;
    }
    .tv-screen{
        border:4px solid #05070c!important;
        border-radius:15px!important;
        box-shadow:inset 0 0 0 2px rgba(255,255,255,.08),0 8px 18px rgba(0,0,0,.55)!important;
    }
    .youtube-player,.youtube-player iframe{border-radius:10px!important}
    .tv-mobile-console{
        position:relative;
        display:flex;
        align-items:center;
        gap:8px;
        min-height:27px;
        margin:9px 5px 0;
        padding:5px 8px;
        border:1px solid rgba(255,255,255,.1);
        border-radius:9px;
        background:linear-gradient(180deg,#222a39,#090c12);
        box-shadow:inset 0 2px 7px rgba(0,0,0,.65);
    }
    .tv-mobile-speaker-grille{
        flex:1 1 auto;
        align-self:stretch;
        min-width:0;
        border-radius:6px;
        background-image:radial-gradient(circle,rgba(255,255,255,.2) 0 1px,transparent 1.3px);
        background-size:7px 7px;
        opacity:.7;
    }
    .tv-mobile-status-light{
        flex:0 0 9px;
        width:9px;
        height:9px;
        border-radius:50%;
        background:#2ee68a;
        box-shadow:0 0 8px rgba(46,230,138,.9);
    }
    .tv-mobile-control-knob{
        flex:0 0 18px;
        width:18px;
        height:18px;
        border:2px solid #596377;
        border-radius:50%;
        background:radial-gradient(circle at 40% 35%,#737f94 0 12%,#202633 35%,#080b10 72%);
        box-shadow:inset 0 0 4px #000,0 1px 2px rgba(255,255,255,.08);
    }
    .tv-footer-light{bottom:9px!important;width:74px!important;height:5px!important}
    .channel-panel,.control-panel,.rating-panel{
        width:100%!important;
        max-width:100%!important;
        margin-top:14px!important;
        padding:13px!important;
        box-sizing:border-box!important;
    }
    .tv-channel-select{min-height:50px;padding-left:14px;font-size:16px}
}
@media (max-height:520px) and (orientation:landscape){
    .anbita-tv-header{width:min(100%,1200px)!important}
    .tv-frame,.channel-panel,.control-panel,.rating-panel{width:min(100%,980px)!important}
}

/* Update 177: Play/Pause/Stop statt Einschaltknopf */
.tv-playback-control{display:inline-grid;grid-template-columns:repeat(3,minmax(78px,1fr));align-items:stretch;gap:6px;max-width:100%;padding:5px;border:1px solid rgba(255,255,255,.18);border-radius:16px;background:rgba(3,7,18,.62);box-sizing:border-box}
.tv-playback-btn{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;min-width:0!important;min-height:48px!important;padding:9px 13px!important;font-family:Arial,Helvetica,sans-serif!important;font-size:16px!important;line-height:1.1!important;white-space:nowrap!important}
.tv-playback-btn>span:first-child{display:inline-flex;align-items:center;justify-content:center;min-width:21px;font-size:20px;line-height:1}
.tv-playback-btn.is-active{border-color:rgba(255,255,255,.6)!important;color:#fff!important;transform:none!important;filter:none!important}
.tv-playback-btn.is-play.is-active{background:linear-gradient(180deg,#47dd8d,#11824b)!important;box-shadow:0 5px 0 rgba(7,72,39,.7),0 0 18px rgba(46,230,138,.25)!important}
.tv-playback-btn.is-pause.is-active{background:linear-gradient(180deg,#ffd970,#d68b12)!important;color:#18120a!important;box-shadow:0 5px 0 rgba(103,62,5,.65),0 0 18px rgba(255,216,74,.24)!important}
.tv-playback-btn.is-stop.is-active{background:linear-gradient(180deg,#f87171,#b91c1c)!important;box-shadow:0 5px 0 rgba(82,8,8,.72),0 0 18px rgba(239,68,68,.22)!important}
html:not(.dark-mode) .tv-playback-control{border-color:rgba(15,23,42,.2);background:rgba(226,232,240,.86)}
@media(max-width:640px){.control-panel{gap:9px!important}.tv-playback-control{width:100%;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}.tv-playback-btn{width:100%!important;min-height:48px!important;padding:8px 5px!important;font-size:15px!important}.tv-playback-btn>span:first-child{font-size:19px}.tv-control-label{overflow:hidden;text-overflow:ellipsis}}
@media(max-width:360px){.tv-playback-btn{font-size:0!important}.tv-playback-btn>span:first-child{font-size:21px!important}.tv-control-label{display:none!important}}