:root{color-scheme:dark;--bg: #05070a;--panel: rgba(16, 20, 26, .92);--line: #232b35;--text: #f2f6fa;--muted: #9aa7b4;--focus: #4ea1ff;--live: #37d67a}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;overflow:hidden}#screen{position:fixed;inset:0}#stage{position:absolute;inset:0;background:#000}.player{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#000}.player-visible{visibility:visible;opacity:1;z-index:2}.player-hidden{visibility:hidden;opacity:0;z-index:1}#dog-layer{position:absolute;inset:0;pointer-events:none;z-index:6}.dog-overlay{position:absolute;padding:10px 16px;border-radius:10px;background:#0a0d118c;border:1px solid rgba(255,255,255,.14);color:#ffffffdb;font-weight:700;font-size:20px;letter-spacing:.08em;text-transform:uppercase;opacity:0;transform:translateY(-14px) scale(.96);transition:opacity .42s ease,transform .42s cubic-bezier(.2,.9,.25,1)}.dog-overlay.dog-visible{opacity:1;transform:translateY(0) scale(1)}.dog-overlay.dog-fading{opacity:0;transform:translateY(-6px) scale(.98);transition:opacity .65s ease,transform .65s ease}.dog-overlay.dog-hidden{opacity:0;visibility:hidden}#pause-layer{position:absolute;inset:0;z-index:8;pointer-events:none}.pause-mask{position:absolute;inset:0;background:#030508bd;display:flex;align-items:center;justify-content:center}.pause-ident-card{width:min(560px,46vw);aspect-ratio:16 / 9;border-radius:16px;overflow:hidden;border:1px solid rgba(255,255,255,.16);box-shadow:0 24px 80px #0009;background:#000}.pause-ident-card video,.pause-ident{width:100%;height:100%;object-fit:cover}.lineup-banner{position:absolute;left:0;right:0;bottom:0;z-index:9;display:flex;gap:28px;padding:22px 34px 26px;background:linear-gradient(180deg,#080b0fd1,#080b0ff7);border-top:1px solid var(--line);transform:translateY(110%);transition:transform .32s cubic-bezier(.2,.9,.25,1);pointer-events:auto}.lineup-banner.banner-visible{transform:translateY(0)}.banner-current{flex:1.2;min-width:0}.banner-title{margin:0 0 4px;font-size:26px}.banner-channel{margin:0 0 8px;color:var(--live);font-size:14px;letter-spacing:.08em;text-transform:uppercase}.banner-synopsis{margin:0 0 10px;color:var(--muted);font-size:15px;line-height:1.45}.banner-characters{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:0;padding:0}.banner-characters li{background:#4ea1ff1f;border:1px solid rgba(78,161,255,.35);color:#cfe4ff;border-radius:999px;padding:4px 12px;font-size:13px}.banner-upcoming{flex:1;list-style:none;margin:0;padding:0;overflow:hidden}.banner-upcoming-row{display:grid;grid-template-columns:130px 1fr 1fr;gap:10px;padding:7px 0;border-bottom:1px dashed var(--line);font-size:14px}.up-channel{color:var(--muted)}.up-now{font-weight:600}.up-next{color:var(--muted)}#guide-layer{position:absolute;inset:auto 0 0;z-index:7;max-height:62vh;overflow:hidden;background:linear-gradient(180deg,#05070a00,#05070aeb 22%);padding:30px 34px 24px}.guide-grid{position:relative}.guide-row{position:relative;height:84px;margin-bottom:6px}.guide-cell{position:absolute;height:76px;border-radius:10px;border:1px solid var(--line);background:var(--panel);padding:10px 14px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:17px;color:var(--text);transition:transform .12s ease,box-shadow .12s ease,border-color .12s ease}.guide-cell.cell-now{border-color:#37d67a8c}.guide-cell.cell-focus{border-color:var(--focus);box-shadow:0 0 0 3px #4ea1ff59,0 14px 40px #0000008c;transform:scale(1.035);z-index:3}#hud-layer{position:absolute;top:0;left:0;z-index:5;padding:18px 22px;color:var(--muted);font-size:13px;letter-spacing:.06em;pointer-events:none}