.tv-wrap{margin:2rem auto 0;max-width:960px}
.tv{background:#0a0a0a;border-radius:14px;padding:10px;box-shadow:0 0 0 1px #222,0 30px 60px -20px rgba(0,0,0,.45),0 0 80px -10px rgba(80,140,255,.18);position:relative}
.tv:after{content:"";position:absolute;inset:10px;border-radius:6px;pointer-events:none;background:linear-gradient(135deg,rgba(255,255,255,.07),transparent 40%)}
.tv-screen{position:relative;aspect-ratio:16/9;background:#000;border-radius:5px;overflow:hidden}
.tv-screen video{width:100%;height:100%;display:block;object-fit:contain;background:#000}
.tv-stand{display:flex;justify-content:center}
.tv-stand i{display:block;width:26%;height:14px;background:linear-gradient(#2a2a2a,#111);clip-path:polygon(12% 0,88% 0,100% 100%,0 100%);border-radius:0 0 6px 6px}
.osd{position:absolute;top:6%;right:4%;display:flex;flex-direction:column;align-items:flex-end;color:#fff;text-shadow:0 2px 8px #000;font-variant-numeric:tabular-nums}
.osd-n{font-size:clamp(28px,6vw,60px);font-weight:700;color:#6f6}
.osd-name{font-size:clamp(13px,2vw,20px);background:rgba(0,0,0,.5);padding:2px 10px;border-radius:6px}
.nosig{position:absolute;inset:0}
.nosig canvas{width:100%;height:100%;image-rendering:pixelated;opacity:.55}
.nosig .bars{position:absolute;left:0;right:0;top:0;height:50%;background:linear-gradient(90deg,#c0c0c0 0 14.3%,#c0c000 0 28.6%,#00c0c0 0 42.9%,#00c000 0 57.2%,#c000c0 0 71.5%,#c00000 0 85.8%,#0000c0 0);opacity:.35}
.nosig-t{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;color:#fff;text-align:center;font-size:14px;text-shadow:0 1px 4px #000;padding:8px}
.nosig-t b{font-size:clamp(18px,4vw,32px);background:#000;padding:2px 14px;border-radius:4px}
.nosig button,.unmute{background:#fff;color:#000;border:0;border-radius:999px;padding:6px 14px;font:inherit;font-weight:600;cursor:pointer}
.unmute{position:absolute;bottom:5%;left:50%;transform:translateX(-50%)}
.tv-load{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#aaa;font-size:14px;pointer-events:none}
.remote{margin:1.5rem auto 0;max-width:960px;background:var(--color-card,#f4f4f5);border:1px solid var(--color-line,#e4e4e7);border-radius:18px;padding:14px}
.dark .remote{background:#141414;border-color:#27272a}
.rbtns{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.rbtns button{width:44px;height:44px;border-radius:50%;border:0;background:#18181b;color:#fff;font-size:18px;cursor:pointer;touch-action:manipulation}
.rbtns input[type=range]{flex:1;min-width:80px;accent-color:#18181b}
.dark .rbtns button{background:#f4f4f5;color:#000}.dark .rbtns input{accent-color:#f4f4f5}
.rfilters{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}
.rfilters input{grid-column:1/-1}
.rfilters select,.rfilters input{min-width:0;width:100%;height:44px;border-radius:10px;border:1px solid var(--color-line,#d4d4d8);background:var(--color-bg,#fff);color:inherit;padding:0 10px;font:inherit;font-size:16px}
.dark .rfilters select,.dark .rfilters input{background:#0b0b0b;border-color:#333}
.rcount{margin:10px 2px 6px}
.chlist{list-style:none;margin:0;padding:0;max-height:420px;overflow-y:auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:6px}
.chlist button{display:flex;align-items:center;gap:10px;width:100%;min-height:48px;padding:6px 10px;border-radius:10px;border:1px solid transparent;background:transparent;color:inherit;font:inherit;font-size:14px;text-align:left;cursor:pointer}
.chlist button:hover{background:rgba(127,127,127,.12)}
.chlist button.on{border-color:currentColor;font-weight:700}
.chlist .n{width:2.2em;text-align:right;color:#888;font-variant-numeric:tabular-nums;flex:none}
.chlist img,.chlist .ph{width:44px;height:28px;object-fit:contain;flex:none;background:#fff;border-radius:4px}
.chlist .nm{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
.tv:fullscreen{padding:0;border-radius:0}.tv:fullscreen .tv-screen{aspect-ratio:auto;height:100vh;border-radius:0}
@media(max-width:600px){.tv{padding:5px;border-radius:9px}.tv:after{inset:5px}.remote{padding:10px}.chlist{max-height:360px}}
.mini{display:none}
@media (orientation:landscape) and (max-height:500px){
html,body{background:#000!important;overflow:hidden;height:100%}
.wv-head,footer,.landing h1,.landing section>p,.tv-stand,.remote{display:none!important}
.tv-wrap{position:fixed;inset:0;margin:0;max-width:none;background:#000;display:flex;align-items:center;justify-content:center;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);z-index:50}
.tv{padding:0;border-radius:0;box-shadow:none;background:#000;height:100%;width:100%;display:flex;align-items:center;justify-content:center}
.tv:after{display:none}
.tv-screen{height:100%;max-height:100%;max-width:100%;width:auto;aspect-ratio:16/9;border-radius:0}
.mini{display:flex;gap:10px;position:absolute;bottom:4%;right:3%;opacity:0;pointer-events:none;transition:opacity .25s}
.mini.show{opacity:1;pointer-events:auto}
.mini button{width:48px;height:48px;border-radius:50%;border:0;background:rgba(0,0,0,.6);color:#fff;font-size:20px;touch-action:manipulation;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
}