/* BIG EYES HWE TV + PHONE viewer pair. Reusable. (c) Kevin Lee Reiss AKA ROCK REISS WhatDeZine */
.tvp{--blue:#2f8bff;--txt:#ddd9d0;display:grid;grid-template-columns:minmax(0,3.2fr) minmax(0,1fr);gap:clamp(18px,3vw,56px);align-items:end;max-width:1400px;margin:2em auto;padding:0 2vw;color:var(--txt)}
.tvp h2.tvp-h{grid-column:1/-1;text-align:center;margin:0 0 .3em;letter-spacing:.06em}
.tvp-dev{position:relative;min-width:0}
.tvp-fsw{position:relative}
/* TV */
.tvp-tv .tvp-fsw{padding-top:9%}
.tvp-eyes{position:absolute;left:50%;top:9%;width:15%;transform:translate(-50%,-80%);z-index:4;pointer-events:none;filter:drop-shadow(0 .4em .5em rgba(0,0,0,.55))}
.tvp-eyes img{display:block;width:100%;height:auto}
.tvp-rim{position:relative;padding:.6%;background:linear-gradient(90deg,#123f9e,#2f8bff 30%,#9fd2ff 50%,#2f8bff 70%,#123f9e);clip-path:polygon(0 0,50% 3.2%,100% 0,100% 100%,50% 96.8%,0 100%);box-shadow:0 0 40px rgba(47,139,255,.45)}
.tvp-bezel{padding:2.4% 1.2%;background:linear-gradient(#141418,#030304);clip-path:polygon(0 0,50% 3%,100% 0,100% 100%,50% 97%,0 100%)}
.tvp-screen{position:relative;width:100%;aspect-ratio:16/9;overflow:hidden;background:#000;clip-path:none;contain:paint}
.tvp-screen iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.tvp-stand{width:22%;height:14px;margin:6px auto 0;border-radius:0 0 10px 10px;background:linear-gradient(#cfe6ff,#4b8fe0 50%,#1c4fb8)}
/* PHONE */
.tvp-phone .tvp-fsw{width:100%;max-width:330px;margin:0 auto}
.tvp-ph{position:relative;padding:5% 4.5%;border-radius:12%/6%;background:linear-gradient(145deg,#2a2d33,#0a0b0d 45%,#1b1d22);box-shadow:0 0 0 2px #3a3e46 inset,0 18px 40px rgba(0,0,0,.6)}
.tvp-ph::before{content:"";position:absolute;top:2.2%;left:50%;width:28%;height:1.6%;transform:translateX(-50%);border-radius:99px;background:#000;z-index:3}
.tvp-ph .tvp-screen{aspect-ratio:9/16;clip-path:none;border-radius:8%/4.5%}
/* controls */
.tvp-ctl{display:flex;align-items:center;justify-content:center;gap:.5em;flex-wrap:wrap;margin-top:.9em}
.tvp-btn{font:800 .82em/1 system-ui,"Segoe UI",Arial,sans-serif;letter-spacing:.08em;color:#fff;background:rgba(0,0,0,.6);border:1px solid rgba(255,255,255,.45);border-radius:.5em;padding:.55em .9em;cursor:pointer}
.tvp-btn:hover,.tvp-btn:focus-visible{background:rgba(20,80,200,.9);border-color:#9fd2ff;outline:none}
.tvp-fs{position:absolute;z-index:6;right:3.5%;top:calc(9% + 5%);display:inline-flex;align-items:center;gap:.4em}
.tvp-phone .tvp-fs{top:7%;right:9%;font-size:.7em}
.tvp-fs svg{width:1.2em;height:1.2em}
.tvp-list{display:flex;gap:.45em;overflow-x:auto;padding:.6em 0 .2em;scrollbar-width:thin}
.tvp-chip{flex:0 0 auto;width:150px;background:#0b0d12;border:1px solid rgba(221,217,208,.2);border-radius:8px;padding:0;cursor:pointer;color:var(--txt);text-align:left;overflow:hidden}
.tvp-chip img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover}
.tvp-chip span{display:block;font-size:.72em;line-height:1.25;padding:.35em .45em;max-height:2.7em;overflow:hidden}
.tvp-chip[aria-current="true"]{border-color:#d4af37;box-shadow:0 0 0 1px #d4af37}
.tvp-now{text-align:center;font-size:.85em;opacity:.85;margin:.5em 0 0;min-height:1.3em}
/* fullscreen */
.tvp-fsw:fullscreen,.tvp-fsw:-webkit-full-screen,.tvp-fsw.tvp-pseudo{display:flex;align-items:center;justify-content:center;width:100vw;height:100vh;max-width:none;margin:0;padding:0;background:#000}
.tvp-fsw.tvp-pseudo{position:fixed;inset:0;z-index:9999}
.tvp-tv .tvp-fsw:fullscreen>.tvp-inner,.tvp-tv .tvp-fsw.tvp-pseudo>.tvp-inner,.tvp-tv .tvp-fsw:-webkit-full-screen>.tvp-inner{position:relative;width:min(94vw,calc(80vh*16/9));padding-top:calc(min(94vw,calc(80vh*16/9))*.09)}
.tvp-phone .tvp-fsw:fullscreen>.tvp-inner,.tvp-phone .tvp-fsw.tvp-pseudo>.tvp-inner,.tvp-phone .tvp-fsw:-webkit-full-screen>.tvp-inner{width:min(92vw,calc(92vh*9/16*.92))}
.tvp-tv .tvp-inner{position:relative}
.tvp .tvp-fs .ex{display:none}.tvp-fsw.is-fs .tvp-fs .ex{display:inline}.tvp-fsw.is-fs .tvp-fs .en{display:none}
@media (max-width:820px),(orientation:portrait) and (max-width:1000px){.tvp{grid-template-columns:1fr}.tvp-phone .tvp-fsw{max-width:min(64vw,300px)}}
/* GOLD theme (frame only; BIG EYES art untouched) */
.tvp-gold .tvp-rim{background:linear-gradient(90deg,#7a5410,#d4af37 22%,#fff1b8 50%,#d4af37 78%,#7a5410);box-shadow:0 0 44px rgba(212,175,55,.45)}
.tvp-gold .tvp-bezel{background:linear-gradient(#2a2108,#0b0903)}
.tvp-gold .tvp-stand{background:linear-gradient(#fff1b8,#d4af37 50%,#8a6214)}
.tvp-gold .tvp-ph{background:linear-gradient(145deg,#fff1b8,#d4af37 18%,#8a6214 45%,#d4af37 72%,#fff6cc);box-shadow:0 0 0 2px #6b4a0e inset,0 0 36px rgba(212,175,55,.4),0 18px 40px rgba(0,0,0,.6)}
.tvp-gold .tvp-ph .tvp-screen{box-shadow:0 0 0 3px #1a1405}
.tvp-gold .tvp-chip[aria-current="true"]{border-color:#d4af37}
.tvp [hidden]{display:none!important}
.tvp-tv .tvp-fsw{padding-top:6.5%}.tvp-eyes{top:6.5%;width:17%}
.tvp-fs{top:calc(6.5% + 5%)}