/*
Theme Name: PikaShow Browser
Version: 1.0.0
Description: Responsive catalogue and direct-source HTML5 player with app downloads and below-fold article.
Author: Custom Build
Requires at least: 6.0
Requires PHP: 7.4
License: GPL-2.0-or-later
*/
:root{--yellow:#ffd82e;--panel:#121619;--border:#303941}*{box-sizing:border-box}body{margin:0;background:#000;color:#f3f3f3;font:16px/1.6 system-ui,-apple-system,Segoe UI,sans-serif}a{color:var(--yellow);text-decoration:none}a:hover{text-decoration:underline}button,input{font:inherit}button,a.yellow{cursor:pointer}button{background:#1d2023;color:#fff;border:1px solid var(--border);border-radius:8px;padding:9px 15px}button:hover,button.active{color:#000;background:var(--yellow)}.yellow{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 20px;border:0;border-radius:8px;background:var(--yellow);color:#000;font-weight:700;min-height:44px;text-decoration:none!important}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid white;outline-offset:4px}.skip{position:absolute;left:-1000px}.skip:focus{left:10px;top:10px;z-index:100;background:#000;padding:10px}.home-screen{min-height:100svh;background:#090d10 url(assets/background.webp) center/cover;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:28px 16px 0;gap:16px}.wordmark{width:clamp(210px,29vw,340px);height:auto}.ball{width:clamp(180px,25vw,270px);height:auto;max-height:34svh;object-fit:contain}.shortcuts{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.shortcuts img{display:block;width:clamp(48px,6.5vw,70px);height:auto}.shortcut-disabled{opacity:.75}.home-download{margin:3px 0 18px}.home-nav{width:calc(100% + 32px);margin-top:auto;background:#000d;display:flex;align-items:center;justify-content:space-evenly;padding:16px 8px;gap:8px}.home-nav a{font-size:clamp(13px,2vw,20px);font-weight:650}.site-header{display:flex;gap:30px;align-items:center;padding:18px max(4%,16px);border-bottom:1px solid #252a30}.site-header img{width:190px;height:auto;display:block}.site-header nav{display:flex;gap:24px;flex-wrap:wrap}.catalogue,.watch{max-width:1440px;margin:auto;padding:28px max(4%,16px)}h1,h2,h3{color:var(--yellow);line-height:1.25}h1{font-size:clamp(25px,3vw,38px)}.search{width:100%;background:#1b1d20;color:#fff;border:1px solid #353b42;border-radius:9px;padding:14px 18px}.filters{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0}.filters button{border-radius:25px}.filters button[data-filter=hindi]{color:#46e84a}.filters button[data-filter=crime]{color:#ff4141}.filters button[data-filter=sci-fi]{color:#36e3ee}.grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:24px 18px}.card{min-width:0;color:#fff}.card img,.poster-placeholder{width:100%;aspect-ratio:2/3;object-fit:cover;border-radius:9px;background:#191d22}.poster-placeholder{display:flex;align-items:center;justify-content:center;padding:14px;text-align:center;color:#b3b6bb}.card[data-channel] img,.card[data-channel] .poster-placeholder{aspect-ratio:1;object-fit:contain}.card strong{display:block;margin-top:8px;font-size:15px}.card small{display:block;color:#a7acb4;font-size:13px}.app-banner{display:flex;align-items:center;gap:18px;padding:15px 20px;background:var(--panel);border:1px solid var(--border);border-radius:10px;margin:28px 0}.app-banner img{width:70px;height:70px;object-fit:contain}.app-banner strong{font-size:24px;line-height:1.3}.app-banner small{display:block;color:#abb3bf}.app-banner .yellow{margin-left:auto;white-space:nowrap}.article-wrap{max-width:1100px;margin:0 auto;padding:32px max(4%,16px)}article{overflow-wrap:anywhere}article h2,article h3{scroll-margin-top:20px}article p{max-width:78ch}article img{max-width:100%;height:auto}article table{display:block;max-width:100%;overflow-x:auto;border-collapse:collapse}article td,article th{border:1px solid var(--border);padding:10px}.toc{padding:16px 20px;background:var(--panel);border:1px solid var(--border);border-radius:9px}.toc summary{cursor:pointer;font-weight:700}.toc ol{margin-bottom:0}.toc a{color:#eee}.player{background:#101113;border:1px solid var(--border);border-radius:12px;overflow:hidden}.player video{display:block;width:100%;aspect-ratio:16/9;background:#000;object-fit:contain}.player-tools,.servers{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:14px 0}.muted,#player-status{color:#aeb5c0}.ad{border:1px solid var(--border);border-radius:9px;padding:14px;text-align:center}.ad>small{display:block;color:#9aa1ac}.ad img{max-width:100%;height:auto}.site-footer{padding:24px;text-align:center;color:#8d96a0;border-top:1px solid #20262c}.site-footer ul{list-style:none;padding:0;display:flex;justify-content:center;gap:15px;flex-wrap:wrap}dialog{width:min(480px,calc(100% - 30px));padding:28px;background:var(--panel);color:#fff;border:2px solid var(--yellow);border-radius:14px}dialog::backdrop{background:#000b}dialog .close{float:right;font-size:23px;padding:0 10px}dialog h2{padding-right:35px}.popup-body img{width:75px}.popup-body h3{color:#fff}dialog .yellow,dialog .cancel{width:100%;margin:7px 0}dialog small{display:block;text-align:center;color:#aeb5c0;font-size:12px}.navigation.pagination{margin:24px 0}.page-numbers{display:inline-block;padding:6px 12px}.page-numbers.current{background:var(--yellow);color:black;border-radius:6px}[hidden]{display:none!important}@media(max-width:1000px){.grid{grid-template-columns:repeat(4,minmax(0,1fr))}.site-header{gap:18px;flex-wrap:wrap}.site-header nav{gap:18px}}@media(max-width:600px){.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 12px}.site-header img{width:145px}.site-header nav{gap:18px;font-size:14px}.home-screen{gap:12px;padding-top:24px}.shortcuts{gap:12px}.app-banner{gap:10px;padding:12px;flex-wrap:wrap}.app-banner img{width:50px;height:50px}.app-banner strong{font-size:19px}.app-banner small{font-size:12px}.app-banner .yellow{margin-left:0;flex:1 0 100%}.home-download{margin-bottom:18px}.article-wrap{padding-top:24px}.card strong{font-size:14px}dialog{padding:20px}.servers span{flex-basis:100%}}@media(max-height:620px) and (min-width:601px){.home-screen{gap:8px;padding-top:16px}.ball{max-height:26svh}.shortcuts img{width:48px}.wordmark{width:230px}.home-download{margin-bottom:8px}}
