/* V1.6: independent hero stage and centered, generously sized poster rail. */
:root{--bg:#0c0d10;--surface:#17191f;--line:#ffffff18;--text:#f4f2ed;--muted:#aaaab2}
body{background:radial-gradient(ellipse at 50% 0,#242127 0,transparent 900px),var(--bg);font-family:Inter,"Segoe UI",Arial,"Nirmala UI",sans-serif}
.shell,.header-inner{width:min(1420px,calc(100% - 64px))}.header{background:#0c0d10ed;border-color:var(--line)}.header-inner{height:76px}.brand{font-size:25px;letter-spacing:-.8px}.brand img{width:35px;height:35px}nav>a{font-size:13px;color:#cac9ce}nav>a.selected{background:#e8bf7814;color:var(--accent)}
.hero{height:auto;margin-top:28px;border:1px solid #ffffff12;border-radius:24px;background:#121419;box-shadow:0 28px 70px #0004;overflow:hidden}.hero-stage{position:relative;height:var(--hero-height,580px)}.hero-stage picture img{object-fit:cover}.hero-shade{background:linear-gradient(90deg,#090b10e8 0%,#090b1070 45%,transparent 85%),linear-gradient(0deg,#121419 0%,transparent 55%)}.hero-copy{left:6%;bottom:64px;width:53%;max-width:680px}.hero h1{font-size:clamp(34px,3.8vw,58px);line-height:1.1;letter-spacing:-1.5px;font-weight:650;margin:18px 0}.hero-eyebrow{font-size:10px;letter-spacing:4px}.hero-copy>p:not(.hero-eyebrow){font-size:13px;color:#c9c9ce;line-height:1.8}.hero-copy .download{padding:15px 26px;margin-top:18px}.hero-center{width:68px;height:68px;background:#ffffff16;border:1px solid #ffffff65;color:#fff;box-shadow:0 0 0 9px #ffffff08;backdrop-filter:blur(10px)}
.hero-bottom{position:relative;inset:auto;display:flex;justify-content:center;align-items:center;gap:24px;padding:20px 30px 32px;background:#121419}.hero-bottom #heroThumbs{flex:0 1 auto;display:grid;grid-template-columns:repeat(6,minmax(0,110px));justify-content:center;gap:16px;overflow:visible;padding:6px;min-width:0}.hero-bottom #heroThumbs button{width:100%;height:auto;aspect-ratio:2/3;border:2px solid #ffffff18;border-radius:10px;opacity:.75;box-shadow:0 6px 14px #0004;transition:transform .2s,opacity .2s,border-color .2s}.hero-bottom #heroThumbs button:hover{opacity:1;transform:translateY(-4px)}.hero-bottom #heroThumbs button[aria-pressed=true]{border-color:var(--accent);opacity:1;box-shadow:0 0 0 3px #e8bf7815,0 8px 24px #0006}.hero-bottom>.shuffle{width:42px;height:42px;padding:0;border:1px solid #ffffff24;border-radius:50%;background:#ffffff05;font-size:18px;color:#eee}
.intro{margin:48px 0 24px}.intro h1{font-size:28px;letter-spacing:-.8px;font-weight:600}.intro p{font-size:13px;color:var(--muted);margin-top:9px}.shuffle{background:#ffffff05;border-color:#ffffff20;border-radius:10px;color:#d6d5da}.discovery-tabs{gap:24px;padding-bottom:0;border-bottom:1px solid var(--line)}.discovery-tabs button{border:0;border-radius:0;background:transparent;color:#aeadb5;padding:16px 0;font-weight:500}.discovery-tabs button.active{background:transparent;color:var(--accent);box-shadow:inset 0 -2px var(--accent)}.result-bar{margin:22px 0 18px;color:var(--muted)}.grid{gap:28px 20px}.poster-button{border-radius:12px;border:1px solid #ffffff10}.card-title{font-size:13px;font-weight:600;line-height:1.5}.card-meta{color:var(--muted)}.download{background:var(--accent);border-radius:9px;color:#211b11;font-weight:650}.app-panel{margin-top:45px;background:linear-gradient(115deg,#26231d,#17191f);border:1px solid #e8bf7828;padding:32px;border-radius:20px}dialog{background:#17191f;border-color:#ffffff26;box-shadow:0 25px 100px #0008}.mobile-bar{background:#111318f5}.catalog-note,footer>div{color:var(--muted)}
@media(max-width:900px){.hero-copy{width:64%}.hero-bottom{gap:16px;padding:14px 18px 26px}.hero-bottom #heroThumbs{gap:10px;grid-template-columns:repeat(6,minmax(0,95px))}.hero-bottom>.shuffle{width:34px;height:34px}.shell,.header-inner{width:calc(100% - 36px)}}
@media(max-width:650px){.shell,.header-inner{width:calc(100% - 24px)}.header-inner{height:64px}.brand{font-size:23px}.brand img{width:30px;height:30px}.hero{margin-top:14px;border-radius:18px}.hero-stage{height:var(--hero-mobile-height,560px)}.hero-shade{background:linear-gradient(0deg,#121419 0%,#121419ab 35%,transparent 85%)}.hero-copy{left:7%;width:86%;bottom:36px}.hero h1{font-size:clamp(29px,7vw,40px);letter-spacing:-.8px;max-width:100%;line-height:1.15}.hero-copy>p:not(.hero-eyebrow){font-size:12px}.hero-copy .download{padding:13px 23px}.hero-center{top:18%;left:calc(50% - 30px);width:60px;height:60px}.hero-bottom{gap:10px;padding:8px 12px 24px}.hero-bottom #heroThumbs{grid-template-columns:repeat(3,minmax(0,100px));gap:12px;flex:0 1 324px}.hero-bottom #heroThumbs button{min-width:0;border-radius:8px}.hero-bottom>.shuffle{width:30px;height:38px;flex-shrink:0;border-radius:10px}.intro{margin:32px 0 18px}.intro h1{font-size:22px}.intro p{font-size:11px}.discovery-tabs{gap:12px}.discovery-tabs button{font-size:11px;padding:12px 0}.grid{gap:22px 10px}.card-title{font-size:11px}.app-panel{padding:23px 18px;margin-top:30px}}
@media(prefers-reduced-motion:reduce){.hero-bottom #heroThumbs button{transition:none}.hero-bottom #heroThumbs button:hover{transform:none}}