/* Home: bold space poster. Scoped to .ph-* classes so other screens are untouched. */
:root{--ph-green:#a7f3d0;--ph-green-deep:#34d399;--ph-violet:#c4b5fd;--ph-pink:#f9a8d4;--ph-ink:#0b1020;--ph-card:#141c33;--ph-line:#ffffff1f}

.ph-top{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;align-items:start;padding:22px 0 14px}
.ph-eyebrow{display:block;font-size:11px;letter-spacing:1.6px;color:#9fb3c8;font-weight:600}
.ph-greeting h1{font-family:Zen,system-ui,sans-serif;font-weight:400;font-size:clamp(23px,7.2vw,31px);line-height:1.18;margin:10px 0 8px;letter-spacing:-.4px;color:#fff;overflow-wrap:anywhere}
.ph-greeting h1 em{font-style:normal;color:var(--ph-green);text-shadow:0 0 18px #34d39966}
.ph-greeting p{margin:0;color:#b9c4d6;font-size:14px}
.ph-count{min-width:84px;max-width:104px;min-height:92px;padding:12px 10px;border-radius:22px;border:1px solid #a7f3d055;background:radial-gradient(120% 90% at 30% 0%,#1f4a46,#122036 70%);box-shadow:0 0 0 1px #00000040 inset,0 10px 30px #34d39922;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;cursor:pointer}
.ph-count b{font-family:Zen,system-ui,sans-serif;font-weight:400;font-size:clamp(28px,10vw,42px);line-height:1;color:var(--ph-green)}
.ph-count small{margin-top:6px;font-size:12px;letter-spacing:1px;color:#cfe9df;text-transform:uppercase}
.ph-count.is-today b{font-size:clamp(17px,5.4vw,22px)}
.ph-count.is-empty{border-color:#ffffff2a;background:#141c33;box-shadow:none}
.ph-count.is-empty b{color:#8fa0b8}

.ph-next{position:relative;display:grid;gap:4px;width:100%;text-align:left;padding:16px 46px 16px 18px;margin:4px 0 22px;border-radius:24px;border:2px solid #c4b5fd66;background:linear-gradient(135deg,#1a2444,#121a30);color:#fff;cursor:pointer}
.ph-next>svg{position:absolute;right:16px;top:50%;width:20px;height:20px;transform:translateY(-50%);color:var(--ph-green)}
.ph-label{display:flex;align-items:center;gap:8px;font-size:11px;letter-spacing:1.5px;color:#9fb3c8;font-weight:600}
.ph-code{font-family:Zen,system-ui,sans-serif;letter-spacing:.5px;font-size:11px;color:var(--ph-ink);background:var(--ph-violet);padding:3px 8px;border-radius:999px}
.ph-next b{font-size:18px;line-height:1.3;font-weight:600}
.ph-meta{font-size:13px;color:#b9c4d6}
.ph-format{justify-self:start;margin-top:4px;font-size:12px;font-weight:600;color:var(--ph-green);background:#34d3991a;border:1px solid #34d39940;padding:4px 10px;border-radius:999px}
.ph-next.is-empty b{color:#dfe5f1}

.ph-hero{position:relative;overflow:hidden;margin:0 0 30px;border-radius:28px;border:2px solid #a7f3d0b3;background:#121a30;box-shadow:0 0 0 4px #34d39914,0 18px 40px #0008,0 0 32px #34d39926}
.ph-hero-art{position:relative;display:block;width:100%;aspect-ratio:16/11;padding:0;border:0;border-bottom:1px solid #ffffff1f;background:#0b1020 var(--hero-bg) center/cover no-repeat;cursor:pointer;overflow:hidden}
.ph-hero-art::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#0b102000 55%,#0b102066)}
.ph-hero-alien{position:absolute;z-index:1;left:50%;bottom:-4%;height:96%;width:auto;max-width:90%;object-fit:contain;transform:translateX(-50%);filter:drop-shadow(0 16px 22px #000b)}
.ph-hero-art .ph-chip{position:absolute;z-index:2;left:14px;top:14px}
.ph-chip{display:inline-block;font-family:Zen,system-ui,sans-serif;font-size:10px;letter-spacing:1px;color:var(--ph-ink);background:var(--ph-green);padding:6px 10px;border-radius:999px;box-shadow:0 4px 12px #0006}
.ph-hero-copy{padding:16px 18px 18px}
.ph-hero-season{display:block;font-size:12px;letter-spacing:1.4px;text-transform:uppercase;color:var(--ph-violet);font-weight:600}
.ph-hero h2{font-family:Zen,system-ui,sans-serif;font-weight:400;font-size:clamp(17px,5.2vw,21px);line-height:1.3;margin:8px 0 16px;color:#fff;overflow-wrap:break-word;hyphens:auto}
.ph-hero-actions{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}
.ph-play{display:inline-flex;align-items:center;gap:10px;min-height:48px;padding:0 20px 0 7px;border:0;border-radius:999px;background:var(--ph-green);color:var(--ph-ink);font:inherit;font-weight:700;font-size:15px;cursor:pointer;box-shadow:0 8px 22px #34d39940}
.ph-play-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--ph-ink);color:var(--ph-green)}
.ph-play-icon svg{width:16px;height:16px;margin-left:2px}
.ph-all{display:flex;align-items:center;gap:6px;min-height:44px;padding:0 4px;border:0;background:none;color:#e6ecf7;font:inherit;font-size:13px;cursor:pointer}
.ph-all svg{width:16px;height:16px}
.ph-hero-empty .ph-hero-copy{padding:22px 18px}

.ph-section{margin:0 0 28px}
.ph-heading{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:14px}
.ph-heading h2{font-family:Zen,system-ui,sans-serif;font-weight:400;font-size:20px;margin:0;color:#fff}
.ph-heading span{display:flex;align-items:center;gap:6px;font-size:12px;color:#9fb3c8}
.ph-heading span svg{width:14px;height:14px}
.ph-rail{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:18px;margin:0 -18px;padding:4px 18px 10px;scrollbar-width:none}
.ph-rail::-webkit-scrollbar{display:none}
.ph-season{position:relative;isolation:isolate;flex:0 0 152px;height:214px;scroll-snap-align:start;overflow:hidden;border-radius:24px;border:2px solid #c4b5fd80;background:#141c33 var(--season-bg) center/cover;color:#fff;text-align:left;padding:0;cursor:pointer;box-shadow:0 10px 24px #0006}
.ph-season::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,#0b102000 40%,#0b1020ee 100%)}
.ph-season img{position:absolute;z-index:-1;left:50%;top:12px;width:120px;height:120px;object-fit:contain;transform:translateX(-50%);filter:drop-shadow(0 10px 12px #000a)}
.ph-season-num{position:absolute;left:12px;top:10px;font-family:Zen,system-ui,sans-serif;font-size:22px;color:#fff;text-shadow:0 2px 8px #000}
.ph-soon{position:absolute;right:10px;top:12px;font-size:10px;font-weight:700;color:var(--ph-ink);background:var(--ph-pink);padding:3px 7px;border-radius:999px}
.ph-season-name{position:absolute;left:12px;right:12px;bottom:12px;font-size:15px;font-weight:600;line-height:1.25}
.ph-season-name small{display:block;font-size:10px;letter-spacing:1.4px;color:var(--ph-green);margin-bottom:3px}

.ph-dest{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.ph-tile{position:relative;isolation:isolate;overflow:hidden;min-height:176px;border-radius:24px;border:2px solid #a7f3d080;padding:14px;text-align:left;color:#fff;display:flex;flex-direction:column;justify-content:flex-end;cursor:pointer}
.ph-clips{background:linear-gradient(180deg,#14223900,#142239f2 75%),url('identity/S3_Background.webp') center/cover}
.ph-gaming{background:linear-gradient(180deg,#152a3100,#152a31f2 75%),url('identity/S5_Background.webp') center/cover}
.ph-tile img{position:absolute;z-index:-1;right:-4px;top:8px;width:84px;height:88px;object-fit:contain;filter:drop-shadow(0 8px 10px #0009);transform:rotate(6deg)}
.ph-tile small{font-size:10px;letter-spacing:1.2px;color:#c9d6e6}
.ph-tile b{font-family:Zen,system-ui,sans-serif;font-weight:400;font-size:20px;margin-top:4px}

.ph-count:focus-visible,.ph-next:focus-visible,.ph-play:focus-visible,.ph-season:focus-visible,.ph-tile:focus-visible,.ph-all:focus-visible{outline:2px solid var(--ph-green);outline-offset:3px}
@media (prefers-reduced-motion:no-preference){.ph-play,.ph-season,.ph-tile,.ph-next{transition:transform .15s ease}.ph-play:active,.ph-season:active,.ph-tile:active,.ph-next:active{transform:scale(.97)}}

/* Header: bolder brand, shared by all screens */
.app-header .brand-image{width:46px;height:46px;border-radius:14px;box-shadow:0 0 0 1px #a7f3d040,0 6px 18px #34d39926}
.app-header .brand-name{font-family:Zen,system-ui,sans-serif;font-weight:400;font-size:16px;letter-spacing:.2px}
.app-header .brand small{font-size:9px;letter-spacing:1.6px;color:#a7f3d0b3}