/* Oracle Octaves TV wall: one real embedded player per selected show window. */
#phiChannelCards{margin:20px 0;padding:18px;background:linear-gradient(145deg,#fffcff 0%,#f7f0ff 65%,#fffaf0 100%);border:1px solid #d9c8e8;border-radius:22px;color:#332347;box-shadow:0 8px 28px #6b339e17}
.channelphi-heading h2{margin:6px 0 8px;font-size:clamp(24px,4.8vw,34px);color:#40235c;line-height:1.15}
.channelphi-heading p{margin:0 0 15px;line-height:1.45;color:#5c4a70}
.channelphi-kicker{display:block;font-weight:900;letter-spacing:.08em;font-size:10px;color:#794e97}
.channelphi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,270px),1fr));gap:14px;align-items:start}
.channelphi-card{background:#fff;border:1px solid #ddcfeb;border-radius:18px;padding:13px;display:flex;flex-direction:column;gap:9px;min-width:0;box-shadow:0 5px 14px #45276912}
.channelphi-card.channelphi-playing{grid-column:1/-1}
.channelphi-card.channelphi-kyou{grid-column:1/-1;border-color:#a4c9e6;background:#f7fbff}
.channelphi-kyou-logo{display:block;width:90px;max-width:35%;height:48px;object-fit:contain}
.channelphi-mast{display:flex;align-items:center;gap:10px;min-width:0}
.channelphi-monogram{display:grid;place-items:center;flex:0 0 48px;height:48px;border-radius:13px;color:white;font-size:18px;font-weight:950;background:linear-gradient(145deg,#7340aa,#42205f)}
.channelphi-omni .channelphi-monogram{background:linear-gradient(145deg,#0c74bf,#4d2ca3)}
.channelphi-chiller .channelphi-monogram{background:linear-gradient(145deg,#285467,#091b28)}
.channelphi-shoplc .channelphi-monogram{background:linear-gradient(145deg,#d53b92,#522181)}
.channelphi-name{min-width:0}.channelphi-name h3{font-size:22px;line-height:1.1;margin:3px 0;color:#342049}
.channelphi-description{margin:0!important;font-size:13px;line-height:1.45;color:#544566}
.channelphi-screen{display:block;position:relative;width:100%;aspect-ratio:16/9;min-height:155px;overflow:hidden;border:2px solid #422d63;border-radius:15px;padding:0!important;background:#080913;cursor:pointer;touch-action:manipulation}
.channelphi-screen:focus-visible,.channelphi-stop:focus-visible{outline:3px solid #7a3cb4;outline-offset:3px}
.channelphi-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.78}
.channelphi-screen-label{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;padding:12px;background:linear-gradient(#07061822,#05030ab8);color:#fff;text-align:center;text-shadow:0 2px 12px #000;line-height:1.2}
.channelphi-play-icon{display:grid;place-items:center;width:54px;height:54px;border-radius:50%;background:#753ab8;color:#fff;font-size:25px;border:2px solid #fff9}
.channelphi-screen-label strong{font-size:17px}
.channelphi-viewer[hidden],.channelphi-screen[hidden]{display:none!important}
.channelphi-viewer{background:#090b14;border-radius:14px;padding:7px;min-width:0}
.channelphi-frame{display:block;width:100%;height:clamp(360px,100vw,530px);min-height:360px;border:0;border-radius:10px;background:#080a13}
.channelphi-status{margin:7px 4px!important;font-size:12px;line-height:1.4;color:#e5ddfa}
.channelphi-controls{display:flex;gap:9px;align-items:center;flex-wrap:wrap;padding:4px}
.channelphi-stop{padding:10px 14px!important;min-height:45px;background:#fff;color:#4f1a75;border-radius:11px;font-size:14px;cursor:pointer}
.channelphi-hint{color:#d3cce0;font-size:12px;line-height:1.4}
.channelphi-foot{font-size:12px;color:#746080;margin:14px 0 0;line-height:1.55}
@media(max-width:430px){#phiChannelCards{padding:12px}.channelphi-card{padding:10px}.channelphi-frame{height:370px}}
@media(prefers-reduced-motion:reduce){#phiChannelCards *{animation:none!important;transition:none!important}}

/* Direct TV video-only stage: no site chrome, page scroll or nested navigation. */
.channelphi-video-slot{position:relative;width:100%;aspect-ratio:16/9;overflow:hidden;border-radius:10px;background:#000}
.channelphi-video-slot .channelphi-frame,.channelphi-video-slot .channelphi-video{display:block;width:100%;height:100%;min-height:0;max-height:none;aspect-ratio:16/9;border:0;background:#000;object-fit:contain}
.channelphi-viewer{padding:8px;background:#030507;color:#fff}
.channelphi-now{display:block;margin:8px 6px 2px;font-size:15px;line-height:1.35;color:#fff;overflow-wrap:anywhere}
.channelphi-controls{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}
.channelphi-controls button{padding:9px 5px!important;min-width:0;min-height:48px;font-size:12px;border:1px solid #947ac4;background:#281b43;color:#fff;touch-action:manipulation}
.channelphi-controls .channelphi-sound{background:#175b46;color:#fff}
.channelphi-controls .channelphi-stop{background:#56212c;color:#fff}
.channelphi-prev:focus-visible,.channelphi-next:focus-visible,.channelphi-sound:focus-visible{outline:3px solid #ffd877;outline-offset:2px}
@media(max-width:430px){.channelphi-video-slot .channelphi-frame,.channelphi-video-slot .channelphi-video{height:100%;min-height:0}.channelphi-controls{grid-template-columns:repeat(2,minmax(0,1fr))}.channelphi-controls button{font-size:14px}}

/* KYOU official media screen. It must never be a 520px embedded website. */
.channelphi-kyou .channelphi-screen{display:block;aspect-ratio:16/9;min-height:0;border:1px solid #31546f;border-radius:15px;background:radial-gradient(circle at 50% 35%,#285a75 0%,#091925 76%);text-decoration:none}
.channelphi-kyou .channelphi-art{inset:10% 16%;width:68%;height:80%;object-fit:contain;opacity:1}
.channelphi-kyou .channelphi-screen-label{justify-content:flex-end;gap:8px;padding:12px;background:linear-gradient(0deg,#071923ed 0%,#07192322 62%,transparent 100%);text-shadow:none;color:#fff}
.channelphi-kyou .channelphi-screen .channelphi-play-icon{display:grid;place-items:center;flex:none;width:54px;height:54px;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);margin:0;border:2px solid #f5faff;border-radius:50%;background:#f7fbff;color:#183c58;font-size:23px;box-shadow:0 3px 20px #0006}
.channelphi-kyou .channelphi-screen-label strong{font:700 13px/1.35 system-ui,sans-serif;color:#fff}
.channelphi-kyou .channelphi-screen:focus-visible{outline:3px solid #2b88bd;outline-offset:3px}
.channelphi-kyou .channelphi-screen:hover .channelphi-play-icon{background:#e7f3fb}