.detail-page{min-height:100dvh;padding-bottom:6rem}.detail-hero{position:relative;overflow:hidden;padding-bottom:3.5rem}@media (max-width:767px){.detail-hero{padding-bottom:5rem}}.detail-backdrop{position:absolute;inset:0;z-index:0;pointer-events:none}.detail-backdrop-img{width:100%;height:100%;object-fit:cover;opacity:.25;filter:blur(48px) saturate(1.2);transform:scale(1.1)}.detail-backdrop-gradient{position:absolute;inset:0;background:linear-gradient(180deg,rgba(5,5,5,.2) 0,rgba(5,5,5,.6) 50%,rgba(5,5,5,1) 75%),linear-gradient(90deg,rgba(5,5,5,.7) 0,rgba(5,5,5,0) 55%)}.detail-hero-inner{position:relative;z-index:1;padding-top:2rem}.detail-back{display:inline-flex;align-items:center;gap:.25rem;font-family:var(--font-body);font-size:.75rem;font-weight:500;letter-spacing:.06em;text-transform:uppercase;color:var(--color-brand-muted);text-decoration:none;margin-bottom:2rem;transition:color var(--duration-fast)}.detail-back:hover{color:var(--color-brand-white)}.detail-layout{display:flex;flex-direction:column;gap:2rem}@media (min-width:768px){.detail-layout{flex-direction:row;gap:3rem;align-items:flex-start}}.detail-poster-wrap{flex-shrink:0;position:relative;width:100%;max-width:220px;aspect-ratio:2/3;margin-inline:0}@media (min-width:768px){.detail-poster-wrap{width:220px}}@media (min-width:1024px){.detail-poster-wrap{width:260px}}.detail-poster{object-fit:cover;border-radius:var(--radius-md);border:1px solid rgba(255,255,255,.1);transition:box-shadow var(--duration-normal)}.detail-poster-wrap:hover .detail-poster{box-shadow:var(--shadow-gold-subtle)}.detail-poster-placeholder{width:100%;aspect-ratio:2/3;background:var(--color-brand-surface);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-size:5rem;font-weight:700;color:var(--color-brand-border)}.detail-info{flex:1;min-width:0}.detail-genre{display:inline-block;align-self:flex-start;width:fit-content;font-family:var(--font-body);font-size:.625rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--color-brand-accent);margin-bottom:.75rem;padding:.25rem .6rem;background:rgba(232,201,126,.06);border:1px solid rgba(232,201,126,.15);border-radius:var(--radius-pill)}.detail-title{font-family:var(--font-display);font-size:clamp(2rem,5vw,3.5rem);font-weight:700;letter-spacing:-.03em;line-height:1.08;color:var(--color-brand-white);margin:0 0 1rem;text-shadow:0 2px 16px rgba(0,0,0,.4)}.detail-meta{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem .875rem;margin-bottom:1.5rem}.detail-meta-chip{font-family:var(--font-body);font-size:.6875rem;font-weight:600;letter-spacing:.07em;text-transform:uppercase;color:var(--color-brand-white);background:var(--color-brand-surface);border:1px solid var(--color-brand-border);padding:.2rem .55rem;border-radius:var(--radius-xs)}.detail-meta-item{display:flex;align-items:center;gap:.3rem;font-family:var(--font-body);font-size:.8125rem;color:var(--color-brand-muted)}.detail-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:28px;margin-bottom:16px}.detail-btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;min-width:220px;padding:0 28px;border-radius:10px;border:1px solid rgba(245,213,137,.55);background:linear-gradient(135deg,#f2d577,#c9a83d);color:#050505;font-family:var(--font-body);font-size:.875rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;text-decoration:none;box-shadow:0 18px 40px rgba(201,168,61,.18);transition:transform .2s,box-shadow .3s,filter .2s;touch-action:manipulation}.detail-btn-primary:hover{transform:translateY(-2px);box-shadow:0 22px 50px rgba(201,168,61,.28),0 0 70px rgba(201,168,61,.1);filter:brightness(1.06)}.detail-btn-ghost{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;min-width:190px;padding:0 24px;border-radius:10px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.055);color:rgba(255,255,255,.9);font-family:var(--font-body);font-size:.875rem;font-weight:500;letter-spacing:.04em;text-transform:uppercase;text-decoration:none;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);transition:background .2s,border-color .2s,transform .2s}.detail-btn-ghost:hover{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.35);transform:translateY(-1px)}.detail-auth-note{display:flex;align-items:center;gap:.35rem;flex-wrap:wrap;font-family:var(--font-body);font-size:.8rem;color:var(--color-brand-muted)}.detail-auth-note a{color:var(--color-brand-accent);text-decoration:none}.detail-auth-note a:hover{text-decoration:underline}.episodes-section{padding-top:2.5rem;padding-bottom:6rem;position:relative}.episodes-section:before{content:"";position:absolute;top:0;left:5%;right:5%;height:1px;background:linear-gradient(90deg,transparent 0,rgba(232,201,126,.12) 25%,rgba(232,201,126,.2) 50%,rgba(232,201,126,.12) 75%,transparent)}.episodes-head{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:1.25rem}.episodes-title{font-family:var(--font-display);font-size:clamp(1.25rem,2.5vw,1.5rem);font-weight:700;letter-spacing:-.01em;color:var(--color-brand-white);margin:0}.episodes-count{font-size:.75rem;font-weight:500;letter-spacing:.06em;text-transform:uppercase}.episodes-count,.episodes-empty{font-family:var(--font-body);color:var(--color-brand-muted)}.episodes-empty{font-size:.95rem;padding:2rem 0}.episodes-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.625rem}.ep-card{display:grid;grid-template-columns:100px 1fr;grid-template-rows:auto auto;column-gap:1rem;row-gap:.625rem;background:rgba(14,13,11,.6);border:1px solid rgba(255,255,255,.07);border-radius:var(--radius-md);padding:.875rem 1rem;transition:background var(--duration-fast),border-color var(--duration-fast),box-shadow var(--duration-normal)}.ep-card:hover{background:rgba(20,19,16,.75);border-color:rgba(229,190,91,.12);box-shadow:0 4px 20px rgba(0,0,0,.35)}@media (min-width:640px){.ep-card{grid-template-columns:160px 1fr auto;grid-template-rows:1fr;align-items:center}}.ep-thumb-wrap{position:relative;grid-column:1;grid-row:1/3;aspect-ratio:16/9;background:var(--color-brand-surface);border-radius:var(--radius-sm);overflow:hidden;align-self:start}@media (min-width:640px){.ep-thumb-wrap{grid-column:1;grid-row:1;align-self:center}}.ep-thumb-img{object-fit:cover}.ep-thumb-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-family:var(--font-body);font-size:.75rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--color-brand-muted)}.ep-body{grid-column:2;grid-row:1;min-width:0}.ep-meta-row{display:flex;align-items:center;gap:.625rem;margin-bottom:.25rem}.ep-label{font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--color-brand-accent)}.ep-duration,.ep-label{font-family:var(--font-body);font-size:.6875rem}.ep-duration{display:flex;align-items:center;gap:.2rem;color:var(--color-brand-muted)}.ep-title{font-size:.9375rem;font-weight:600;color:var(--color-brand-white);margin:0 0 .3rem;line-height:1.35}.ep-desc,.ep-title{font-family:var(--font-body)}.ep-desc{font-size:.8125rem;color:var(--color-brand-muted);line-height:1.55;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.ep-watch{grid-column:2;grid-row:2;display:flex;align-items:center}@media (min-width:640px){.ep-watch{grid-column:3;grid-row:1}}.ep-btn{display:inline-flex;align-items:center;gap:.3rem;font-family:var(--font-body);font-size:.75rem;font-weight:600;letter-spacing:.04em;color:var(--color-brand-black);background:var(--color-brand-accent);height:34px;padding:0 .875rem;border-radius:var(--radius-sm);text-decoration:none;white-space:nowrap;transition:filter var(--duration-fast),box-shadow var(--duration-normal)}.ep-btn:hover{filter:brightness(1.08);box-shadow:var(--shadow-gold-subtle)}.ep-btn--locked{background:transparent;color:var(--color-brand-white);border:1px solid rgba(255,255,255,.22)}.ep-btn--locked:hover{border-color:rgba(255,255,255,.55);background:rgba(255,255,255,.04);filter:none;box-shadow:none}.ep-soon{font-family:var(--font-body);font-size:.6875rem;font-weight:500;color:var(--color-brand-muted);letter-spacing:.06em;text-transform:uppercase}@media (max-width:767px){.detail-poster-wrap--mobile-hide{display:none}.detail-info{display:flex;flex-direction:column}.detail-genre{order:1}.detail-actions{order:2;gap:10px}.detail-title{order:3}.detail-meta{order:4}.detail-synopsis{order:5}.detail-status-badge{order:6}.detail-engagement{order:7}.detail-auth-note{order:8}.detail-btn-ghost,.detail-btn-primary{width:100%;min-width:0;justify-content:center}}@media (max-width:640px){.detail-actions{gap:10px}.detail-btn-ghost,.detail-btn-primary{width:100%;min-width:0}.detail-engagement{gap:8px}}.detail-status-badge{display:inline-flex;align-items:center;font-family:var(--font-body);font-size:.7rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:.25rem .65rem;border-radius:var(--radius-xs);margin-bottom:.75rem}.detail-status-badge--upcoming{background:rgba(232,201,126,.12);color:var(--color-brand-accent);border:1px solid rgba(232,201,126,.3)}.detail-status-badge--production{background:rgba(74,222,128,.08);color:#4ade80;border:1px solid rgba(74,222,128,.2)}.detail-engagement{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-top:16px}@media (max-width:767px){.detail-engagement{margin-top:14px;padding-bottom:.5rem;gap:8px}}.detail-poster-column{display:flex;flex-direction:row;align-items:flex-start;gap:.625rem}@media (min-width:768px){.detail-poster-column{flex-direction:column;gap:0}}.detail-cast-circle{width:44px;height:44px;border-radius:50%;overflow:hidden;border:1.5px solid rgba(232,201,126,.3);background:var(--color-brand-surface);display:flex;align-items:center;justify-content:center;flex-shrink:0;text-decoration:none;transition:border-color .18s,box-shadow .18s;cursor:pointer}.detail-cast-circle:hover{border-color:rgba(232,201,126,.65);box-shadow:0 0 0 3px rgba(232,201,126,.12)}.detail-cast-img{width:100%;height:100%;object-fit:cover;display:block}.detail-cast-initial{font-family:var(--font-display);font-size:1rem;font-weight:700;color:var(--color-brand-accent);line-height:1}.detail-cast-mobile{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding-top:.25rem}@media (min-width:768px){.detail-cast-mobile{display:none}}.detail-cast-mobile-label{font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:rgba(226,184,101,.82);line-height:1;margin-bottom:.1rem}.detail-cast-mobile-label,.detail-cast-more{font-family:var(--font-body);font-size:.5625rem}.detail-cast-more{display:flex;align-items:center;justify-content:center;width:44px;height:24px;border-radius:999px;background:rgba(232,201,126,.08);border:1px solid rgba(232,201,126,.28);font-weight:700;letter-spacing:.04em;color:rgba(232,201,126,.85);text-decoration:none;transition:background .15s,border-color .15s}.detail-cast-more:hover{background:rgba(232,201,126,.15);border-color:rgba(232,201,126,.5)}.detail-cast-desktop{display:none}@media (min-width:768px){.detail-cast-desktop{display:flex;align-items:center;gap:.6rem;margin-left:1.5rem;padding-left:1.25rem;border-left:1px solid rgba(255,255,255,.07)}}.detail-cast-label{font-family:var(--font-body);font-size:.625rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--color-brand-muted);opacity:.7}.detail-cast-circles{display:flex}.detail-cast-circles .detail-cast-circle{width:52px;height:52px;margin-left:-10px;box-shadow:0 0 0 2.5px var(--color-brand-black)}.detail-cast-circles .detail-cast-circle:first-child{margin-left:0}.detail-cast-viewall{font-family:var(--font-body);font-size:.625rem;font-weight:700;letter-spacing:.06em;color:rgba(232,201,126,.78);text-decoration:none;white-space:nowrap;padding:.3rem .7rem;border:1px solid rgba(232,201,126,.25);border-radius:999px;background:rgba(232,201,126,.06);transition:color .15s,border-color .15s,background .15s}.detail-cast-viewall:hover{color:var(--color-brand-accent);border-color:rgba(232,201,126,.5);background:rgba(232,201,126,.12)}@media (min-width:360px) and (max-width:767px){.detail-cast-mobile .detail-cast-circle{width:48px;height:48px}.detail-cast-mobile .detail-cast-initial{font-size:1.05rem}.detail-cast-more{width:48px}}@media (min-width:390px) and (max-width:767px){.detail-poster-wrap{max-width:240px}.detail-cast-mobile .detail-cast-circle{width:52px;height:52px}.detail-cast-mobile .detail-cast-initial{font-size:1.1rem}.detail-cast-more{width:52px}}@media (min-width:430px) and (max-width:767px){.detail-poster-wrap{max-width:260px}}