:root {
	--popco-catalog-navy: #011920;
	--popco-catalog-navy-2: #062a33;
	--popco-catalog-yellow: #ffc51f;
	--popco-catalog-paper: #f3f4f1;
	--popco-catalog-ink: #071f26;
	--popco-catalog-muted: #68787c;
	--popco-catalog-line: #d9dfdc;
}

.popco-catalog,
.popco-catalog * { box-sizing: border-box; }
.popco-catalog { background: var(--popco-catalog-paper); color: var(--popco-catalog-ink); font-family: var(--popco-copy,"PopCo Written 2","PopCo Roboto",Arial,sans-serif); min-height: 70vh; overflow: clip; }
.popco-catalog a { color: inherit; text-decoration: none; }
.popco-catalog-shell { width: min(1240px, calc(100% - 40px)); margin-inline: auto; }
.popco-catalog-hero,
.popco-episode-hero { isolation: isolate; min-height: 560px; padding: 64px 0; position: relative; background: var(--popco-catalog-navy); color: #fff; }
.popco-catalog-hero::before,
.popco-episode-hero::before { content: ""; position: absolute; inset: 0; z-index: -3; background: var(--catalog-backdrop) center 25%/cover no-repeat; opacity: .32; }
.popco-catalog-hero::after,
.popco-episode-hero::after { content: ""; position: absolute; inset: 0; z-index: -2; background: linear-gradient(90deg, #011920 3%, rgba(1,25,32,.96) 44%, rgba(1,25,32,.62) 100%); }
.popco-catalog-hero__wash { position: absolute; inset: 0; z-index: -1; background: linear-gradient(180deg, transparent 55%, rgba(1,25,32,.78)); }
.popco-catalog-hero__grid { display: grid; grid-template-columns: 240px minmax(0,1fr) 180px; align-items: center; gap: clamp(28px,4vw,60px); }
.popco-catalog-hero__poster { width: 100%; aspect-ratio: 2/3; object-fit: cover; border-radius: 22px; box-shadow: 0 24px 60px rgba(0,0,0,.38); }
.popco-catalog-hero.is-series { min-height: 470px; padding: 42px 0; }
.popco-catalog-hero.is-series .popco-catalog-hero__grid { grid-template-columns: 210px minmax(0,1fr) 170px; gap: clamp(26px,3.4vw,52px); }
.popco-catalog-hero__poster-wrap { align-self: center; aspect-ratio: 2/3; border-radius: 20px; box-shadow: 0 24px 60px rgba(0,0,0,.38); overflow: hidden; width: 100%; }
.popco-catalog-hero__poster-wrap .popco-catalog-hero__poster { aspect-ratio: auto!important; border-radius: 0; box-shadow: none; display: block; height: 100%!important; max-height: none!important; object-fit: cover; width: 100%!important; }
.popco-catalog-kicker,
.popco-catalog-section-head p { color: var(--popco-catalog-yellow); font: 800 .74rem/1.2 "PopCo Roboto",Arial,sans-serif; letter-spacing: .18em; text-transform: uppercase; margin: 0 0 14px; }
.popco-catalog-hero h1,
.popco-episode-hero h1 { color: #fff; font: 700 clamp(2.7rem,5.2vw,5rem)/.94 var(--popco-display,"PopCo Written 2","Arial Black",sans-serif); letter-spacing: -.055em; margin: 0; max-width: 12ch; text-wrap: balance; }
.popco-catalog-original { color: #9db0b5; font-size: 1rem; margin: 12px 0 0; }
.popco-catalog-chips { display: flex; flex-wrap: wrap; gap: 8px; margin: 24px 0 18px; }
.popco-catalog-chips span { border: 1px solid rgba(255,255,255,.25); border-radius: 999px; color: #dbe5e6; font: 700 .76rem/1 "PopCo Roboto",Arial,sans-serif; padding: 8px 11px; }
.popco-catalog-overview { color: #d1dcde; font-size: clamp(1rem,1.5vw,1.15rem); line-height: 1.65; margin: 0; max-width: 65ch; }
.popco-catalog-hero__actions { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 26px; }
.popco-catalog-hero__actions a { align-items: center; background: var(--popco-catalog-yellow); border: 1px solid var(--popco-catalog-yellow); border-radius: 999px; color: var(--popco-catalog-navy); display: inline-flex; font: 800 .88rem/1 "PopCo Roboto",Arial,sans-serif; min-height: 46px; padding: 0 20px; }
.popco-catalog-hero__actions a.is-outline { background: transparent; border-color: rgba(255,255,255,.45); color: #fff; }
.popco-catalog-hero__score { align-items: center; background: rgba(1,25,32,.7); border: 1px solid rgba(255,197,31,.42); border-radius: 22px; display: flex; flex-direction: column; min-height: 190px; padding: 24px 14px; text-align: center; backdrop-filter: blur(10px); }
.popco-catalog-hero__score span { color: var(--popco-catalog-yellow); font: 800 .7rem/1 "PopCo Roboto",Arial,sans-serif; letter-spacing: .12em; text-transform: uppercase; }
.popco-catalog-hero__score strong { color: #fff; font: 700 3.5rem/1 var(--popco-display,"PopCo Written 2",Arial,sans-serif); letter-spacing: -.06em; margin: 13px 0 8px; }
.popco-catalog-hero__score > div { align-items: center; display: flex; justify-content: center; }
.popco-catalog-hero__score > div strong { margin-right: 5px; }
.popco-catalog-tier-emblem { align-items: center; background: #eef0ee; border: 2px solid rgba(255,197,31,.72); border-radius: 50%; display: inline-flex; flex: 0 0 auto; height: 52px; justify-content: center; margin: 0; overflow: hidden; width: 52px; }
.popco-catalog-tier-emblem[hidden] { display: none; }
.popco-catalog-tier-emblem img,
.popco-catalog-hero__score > div .popco-catalog-tier-emblem img { border-radius: 50%; display: block; height: 100%; object-fit: cover; width: 100%; }
.popco-catalog-hero__score small { color: #fff; font-weight: 700; line-height: 1.25; }
.popco-catalog-hero__score em { color: #9db0b5; font-size: .76rem; font-style: normal; margin-top: 6px; }

.popco-catalog-seasons,
.popco-season-meter,
.popco-catalog-facts { padding-block: 64px 20px; }
.popco-catalog-section-head { align-items: end; border-bottom: 1px solid var(--popco-catalog-line); display: flex; justify-content: space-between; gap: 20px; margin-bottom: 24px; padding-bottom: 18px; }
.popco-catalog-section-head h2 { color: var(--popco-catalog-ink); font: 700 clamp(1.85rem,4vw,3rem)/1 "PopCo Written 2",Arial,sans-serif; letter-spacing: -.04em; margin: 0; }
.popco-catalog-section-head > span { color: var(--popco-catalog-muted); font-size: .9rem; }
.popco-catalog-section-head > img { border-radius: 8px; height: 90px; object-fit: cover; width: 60px; }
.popco-season-tabs { display: flex; gap: 8px; margin: 0 0 24px; overflow-x: auto; padding: 2px 2px 8px; scrollbar-width: thin; }
.popco-season-tabs a { background: #fff; border: 1px solid var(--popco-catalog-line); border-radius: 999px; flex: 0 0 auto; font: 800 .82rem/1 "PopCo Roboto",Arial,sans-serif; padding: 12px 16px; }
.popco-season-tabs a.is-active { background: var(--popco-catalog-navy); border-color: var(--popco-catalog-navy); color: #fff; }
.popco-season-summary { align-items: center; background: #fff; border: 1px solid var(--popco-catalog-line); border-radius: 18px; display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 24px; margin-bottom: 26px; padding: 24px 28px; }
.popco-season-summary > div:first-child > span { color: #8a6a00; font: 800 .72rem/1 "PopCo Roboto",Arial,sans-serif; letter-spacing: .12em; text-transform: uppercase; }
.popco-season-summary h3 { font: 700 1.55rem/1.1 "PopCo Written 2",Arial,sans-serif; letter-spacing: -.03em; margin: 8px 0; }
.popco-season-summary p { color: var(--popco-catalog-muted); line-height: 1.55; margin: 0; }
.popco-season-summary > a { align-items: center; border-left: 1px solid var(--popco-catalog-line); display: flex; flex-direction: column; min-width: 130px; padding-left: 24px; }
.popco-season-summary > a strong { font: 700 2.5rem/1 "PopCo Written 2",Arial,sans-serif; }
.popco-season-summary > a span { color: var(--popco-catalog-muted); font-size: .75rem; margin-top: 5px; }
.popco-season-summary__progress { align-items: center; border-left: 1px solid var(--popco-catalog-line); display: flex; flex-direction: column; justify-content: center; padding-left: 28px; text-align: center; }
.popco-season-summary__progress strong { font: 700 2.3rem/1 "PopCo Written 2",Arial,sans-serif; }
.popco-season-summary__progress span { color: var(--popco-catalog-muted); font-size: .7rem; font-weight: 800; margin-top: 5px; text-transform: uppercase; }
.popco-season-summary__progress small { color: #78868a; font-size: .68rem; line-height: 1.35; margin-top: 8px; max-width: 190px; }

.popco-episode-explorer { background: #fff; border: 1px solid var(--popco-catalog-line); border-radius: 22px; overflow: hidden; }
.popco-episode-rail { align-items: end; background: #f7f8f6; border-bottom: 1px solid var(--popco-catalog-line); display: flex; gap: 8px; overflow-x: auto; padding: 24px 24px 0; scrollbar-width: thin; }
.popco-episode-rail button { appearance: none; background: #fff; border: 1px solid #c8cfcc; border-bottom: 0; border-radius: 12px 12px 0 0; color: var(--popco-catalog-muted); cursor: pointer; flex: 1 0 86px; height: 70px; max-width: 130px; overflow: hidden; padding: 8px 10px 0; position: relative; }
.popco-episode-rail button span { display: block; font: 800 .68rem/1 "PopCo Roboto",Arial,sans-serif; letter-spacing: .08em; }
.popco-episode-rail button strong { display: block; font: 700 1.2rem/1 "PopCo Written 2",Arial,sans-serif; margin-top: 7px; }
.popco-episode-rail button small { display: block; font-size: .55rem; font-style: normal; font-weight: 800; letter-spacing: .08em; margin-top: 3px; text-transform: uppercase; }
.popco-episode-rail button i { background: var(--popco-catalog-yellow); bottom: 0; height: 5px; left: 0; position: absolute; width: var(--episode-score,0%); }
.popco-episode-rail button.is-active { background: var(--popco-catalog-yellow); border-color: var(--popco-catalog-yellow); color: var(--popco-catalog-navy); }
.popco-episode-rail button.is-active i { background: var(--popco-catalog-navy); }
.popco-episode-panel { display: grid; grid-template-columns: minmax(0,1.35fr) minmax(320px,.85fr); min-height: 380px; }
.popco-episode-panel[hidden] { display: none; }
.popco-episode-panel__image { background: var(--popco-catalog-navy); display: block; min-height: 380px; overflow: hidden; }
.popco-episode-panel__image img { display: block; height: 100%; object-fit: cover; width: 100%; }
.popco-episode-panel__image span { align-items: center; color: #9db0b5; display: flex; height: 100%; justify-content: center; }
.popco-episode-panel__copy { align-self: center; padding: clamp(26px,4vw,50px); }
.popco-episode-panel__copy > p:first-child { color: var(--popco-catalog-muted); font: 700 .78rem/1.4 "PopCo Roboto",Arial,sans-serif; letter-spacing: .06em; text-transform: uppercase; }
.popco-episode-panel__copy h3 { font: 700 clamp(1.65rem,3vw,2.5rem)/1.03 "PopCo Written 2",Arial,sans-serif; letter-spacing: -.04em; margin: 10px 0; }
.popco-episode-panel__copy > p { color: #42545a; line-height: 1.6; }
.popco-episode-panel__score { align-items: baseline; display: flex; gap: 10px; margin: 14px 0; }
.popco-episode-panel__score strong { background: var(--popco-catalog-yellow); border-radius: 9px; font-size: 1.1rem; padding: 8px 11px; }
.popco-episode-panel__score span { color: var(--popco-catalog-muted); font-size: .8rem; }
.popco-episode-panel__copy > div:last-child { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 22px; }
.popco-episode-panel__copy > div:last-child a { border: 1px solid var(--popco-catalog-navy); border-radius: 999px; font: 800 .78rem/1 "PopCo Roboto",Arial,sans-serif; padding: 11px 14px; }
.popco-episode-panel__copy > div:last-child a.is-review { background: var(--popco-catalog-navy); color: #fff; }
.popco-catalog-empty-state { background: #fff; border: 1px dashed #bdc8c5; border-radius: 18px; padding: 50px; text-align: center; }

/* The linked editorial critique lives inside the shared series page. */
.popco-series-editorial { padding-top: 58px; scroll-margin-top: 130px; }
.popco-series-editorial__panel[hidden] { display: none; }
.popco-series-editorial__article { background: #fff; border: 1px solid var(--popco-catalog-line); border-radius: 22px; overflow: hidden; }
.popco-series-editorial__article > header { align-items: center; background: var(--popco-catalog-navy); color: #fff; display: grid; gap: 28px; grid-template-columns: minmax(0,1fr) auto; padding: clamp(26px,4vw,48px); }
.popco-series-editorial__article > header p { color: var(--popco-catalog-yellow); font: 800 .7rem/1.2 "PopCo Roboto",Arial,sans-serif; letter-spacing: .15em; margin: 0 0 12px; text-transform: uppercase; }
.popco-series-editorial__article > header h2 { color: #fff; font: 700 clamp(2rem,4.5vw,3.75rem)/1 var(--popco-display,"PopCo Written 2",Arial,sans-serif); letter-spacing: -.05em; margin: 0; max-width: 18ch; text-wrap: balance; }
.popco-series-editorial__article > header span { color: #9db0b5; display: block; font-size: .8rem; margin-top: 14px; }
.popco-series-editorial__article > header aside { align-items: center; background: var(--popco-catalog-yellow); border-radius: 18px; color: var(--popco-catalog-navy); display: flex; flex-direction: column; min-width: 126px; padding: 18px; }
.popco-series-editorial__article > header aside small { font-size: .62rem; font-weight: 900; letter-spacing: .09em; text-transform: uppercase; }
.popco-series-editorial__article > header aside strong { font: 700 2.8rem/1 var(--popco-display,"PopCo Written 2",Arial,sans-serif); margin-top: 7px; }
.popco-series-editorial__content { color: #253a40; font-family: var(--popco-copy,"PopCo Written 2","PopCo Roboto",Arial,sans-serif); font-size: 1.08rem; line-height: 1.75; margin-inline: auto; max-width: 820px; padding: clamp(30px,5vw,64px) 24px 42px; }
.popco-series-editorial__content p,
.popco-series-editorial__content li,
.popco-series-editorial__content blockquote { color: #253a40; font-family: inherit!important; font-size: 1.08rem!important; font-weight: 400; letter-spacing: 0; line-height: 1.75!important; }
.popco-series-editorial__content p { margin: 0 0 1.55em; }
.popco-series-editorial__content > :first-child { margin-top: 0; }
.popco-series-editorial__content > :last-child { margin-bottom: 0; }
.popco-series-editorial__content h2,
.popco-series-editorial__content h3 { color: var(--popco-catalog-ink); font-family: var(--popco-display,"PopCo Written 2",Arial,sans-serif); line-height: 1.12; }
.popco-series-editorial__content img { border-radius: 14px; height: auto; max-width: 100%; }
.popco-series-editorial__content blockquote { border-left: 4px solid var(--popco-catalog-yellow); color: #41565b; margin-inline: 0; padding-left: 20px; }
.popco-series-editorial__article > footer { border-top: 1px solid var(--popco-catalog-line); padding: 20px 24px; text-align: center; }
.popco-series-editorial__article > footer a { background: var(--popco-catalog-navy); border-radius: 999px; color: #fff; display: inline-flex; font-size: .8rem; font-weight: 800; padding: 13px 18px; }
.popco-series-editorial__empty { background: #fff; border: 1px dashed #bdc8c5; border-radius: 20px; padding: clamp(34px,6vw,70px); text-align: center; }
.popco-series-editorial__empty span { color: #8a6a00; font-size: .7rem; font-weight: 900; letter-spacing: .14em; text-transform: uppercase; }
.popco-series-editorial__empty h3 { font: 700 clamp(1.5rem,3vw,2.3rem)/1.1 "PopCo Written 2",Arial,sans-serif; margin: 12px 0 8px; }
.popco-series-editorial__empty p { color: var(--popco-catalog-muted); margin: 0 auto; max-width: 620px; }

/* Shared PopCômetro */
.popco-catalog-meter { background: #fff; border: 1px solid var(--popco-catalog-line); border-radius: 22px; margin-top: 64px; overflow: hidden; }
.popco-catalog-meter__head { align-items: end; background: var(--popco-catalog-navy); color: #fff; display: flex; justify-content: space-between; gap: 20px; padding: 27px 34px; }
.popco-catalog-meter__head span,
.popco-catalog-community header span { color: var(--popco-catalog-yellow); font: 800 .7rem/1 "PopCo Roboto",Arial,sans-serif; letter-spacing: .16em; text-transform: uppercase; }
.popco-catalog-meter__head h2 { color: #fff; font: 700 clamp(1.65rem,3vw,2.35rem)/1.05 "PopCo Written 2",Arial,sans-serif; letter-spacing: -.035em; margin: 7px 0 0; }
.popco-catalog-meter__head small { color: #9db0b5; white-space: nowrap; }
.popco-catalog-meter__scores { background: var(--popco-catalog-navy); border-top: 1px solid rgba(255,255,255,.12); color: #fff; display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); }
.popco-catalog-meter__score { align-items: center; display: flex; gap: 24px; min-height: 190px; padding: 30px 42px; }
.popco-catalog-meter__score + .popco-catalog-meter__score { border-left: 1px solid rgba(255,255,255,.18); }
.popco-catalog-meter__copy { align-items: flex-start; display: flex; flex-direction: column; min-width: 0; }
.popco-catalog-meter__label { align-items: center; display: flex; gap: 11px; }
.popco-catalog-meter__label .popco-catalog-tier-emblem { height: 42px; width: 42px; }
.popco-catalog-meter__score b { font: 700 1.25rem/1.2 var(--popco-display,"PopCo Written 2",Arial,sans-serif); }
.popco-catalog-meter__copy > span { color: #9db0b5; font-size: .86rem; margin-top: 7px; }
.popco-catalog-meter__score a { border-bottom: 1px solid var(--popco-catalog-yellow); color: var(--popco-catalog-yellow); font-size: .76rem; font-weight: 800; margin-top: 11px; }
.popco-catalog-meter__dial { --score: 0; align-items: center; background: conic-gradient(var(--popco-catalog-yellow) calc(var(--score)*1%), #243c42 0); border-radius: 50%; display: flex; flex: 0 0 112px; height: 112px; justify-content: center; position: relative; }
.popco-catalog-meter__dial::after { background: var(--popco-catalog-navy); border-radius: inherit; content: ""; inset: 10px; position: absolute; }
.popco-catalog-meter__dial.is-editorial { background: conic-gradient(var(--popco-catalog-yellow) calc(var(--score)*1%),#243c42 0); }
.popco-catalog-meter__dial strong { font: 700 2rem/1 var(--popco-display,"PopCo Written 2",Arial,sans-serif); position: relative; z-index: 1; }
.popco-catalog-meter__participate { background: #f1f2ef; padding: 30px 42px 38px; }
.popco-catalog-progress { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 28px; }
.popco-catalog-progress button { background: #fff; border: 1px solid #c9d1ce; border-radius: 999px; color: var(--popco-catalog-ink); cursor: pointer; font: 800 .76rem/1 "PopCo Roboto",Arial,sans-serif; min-height: 38px; padding: 0 15px; }
.popco-catalog-progress button.is-active { background: var(--popco-catalog-navy); border-color: var(--popco-catalog-navy); color: #fff; }
[data-catalog-rating-form] { max-width: 850px; }
[data-catalog-rating-form] fieldset { border: 0; margin: 0; padding: 0; }
[data-catalog-rating-form] legend,
.popco-catalog-review-field { color: var(--popco-catalog-ink); display: block; font: 700 1.05rem/1.3 "PopCo Written 2",Arial,sans-serif; }
.popco-catalog-stars { height: 62px; margin: 13px 0 7px; max-width: 370px; position: relative; width: 100%; }
.popco-catalog-stars__art { font-size: 58px; height: 62px; left: 0; letter-spacing: 6px; line-height: 1; overflow: hidden; position: absolute; top: 0; white-space: nowrap; }
.popco-catalog-stars__art span { color: transparent; -webkit-text-stroke: 2px #dc9f00; }
.popco-catalog-stars__art b { color: #ffb600; left: 0; overflow: hidden; position: absolute; top: 0; width: var(--fill,0%); }
.popco-catalog-stars__inputs { display: grid; grid-template-columns: 2fr repeat(8,1fr); height: 100%; left: 0; max-width: 350px; position: absolute; top: 0; width: 100%; }
.popco-catalog-stars__inputs label { cursor: pointer; }
.popco-catalog-stars__inputs input { height: 100%; margin: 0; opacity: 0; width: 100%; }
[data-catalog-star-output] { color: var(--popco-catalog-muted); display: block; font: 700 .83rem/1.2 "PopCo Roboto",Arial,sans-serif; margin-bottom: 24px; }
.popco-catalog-review-field span { color: #7b8582; float: right; font: 800 .68rem/1 "PopCo Roboto",Arial,sans-serif; letter-spacing: .1em; text-transform: uppercase; }
.popco-catalog-review-field textarea { background: #fff; border: 1px solid #c9d1ce; border-radius: 14px; color: var(--popco-catalog-ink); display: block; font: 400 1rem/1.55 "PopCo Roboto",Arial,sans-serif; margin-top: 10px; min-height: 140px; padding: 17px; resize: vertical; width: 100%; }
.popco-catalog-spoiler-check { align-items: center; color: #526267; display: flex; font-size: .83rem; gap: 8px; margin: 14px 0 20px; }
.popco-catalog-submit { background: var(--popco-catalog-navy); border: 0; border-radius: 999px; color: #fff; cursor: pointer; font: 800 .88rem/1 "PopCo Roboto",Arial,sans-serif; min-height: 48px; padding: 0 22px; }
.popco-catalog-submit:disabled { opacity: .58; }
.popco-catalog-status { display: inline-block; font-size: .85rem; margin: 0 0 0 14px; }
.popco-catalog-status.is-success { color: #08783c; }
.popco-catalog-status.is-error { color: #ad2e24; }
.popco-catalog-honeypot { left: -9999px!important; position: absolute!important; }
.popco-catalog-community { border-top: 1px solid var(--popco-catalog-line); padding: 34px 42px 42px; }
.popco-catalog-community > header { align-items: end; display: flex; justify-content: space-between; gap: 20px; margin-bottom: 22px; }
.popco-catalog-community h3 { font: 700 1.8rem/1 "PopCo Written 2",Arial,sans-serif; letter-spacing: -.03em; margin: 7px 0 0; }
.popco-catalog-community header small { color: var(--popco-catalog-muted); }
.popco-catalog-review-list { display: grid; gap: 12px; }
.popco-catalog-review { background: #f7f8f6; border: 1px solid var(--popco-catalog-line); border-radius: 16px; padding: 19px; }
.popco-catalog-review header { align-items: center; display: grid; grid-template-columns: 44px minmax(0,1fr) auto; gap: 12px; }
.popco-catalog-review__avatar { align-items: center; background: var(--popco-catalog-yellow); border-radius: 50%; color: var(--popco-catalog-navy); display: flex; font: 800 1.05rem/1 "PopCo Roboto",Arial,sans-serif; height: 44px; justify-content: center; width: 44px; }
.popco-catalog-review header strong { display: block; font-size: .93rem; }
.popco-catalog-review header time { color: var(--popco-catalog-muted); display: block; font-size: .73rem; margin-top: 3px; }
.popco-catalog-review header > b { background: var(--popco-catalog-yellow); border-radius: 9px; font-size: 1.05rem; padding: 8px 12px; }
.popco-catalog-review header > b small { font-size: .65rem; }
.popco-catalog-review__copy { margin: 18px 0 0 56px; position: relative; }
.popco-catalog-review__copy p { color: #33474d; line-height: 1.6; margin: 0; white-space: pre-line; }
.popco-catalog-review__copy.is-spoiler p { filter: blur(7px); user-select: none; }
.popco-catalog-review__copy.is-spoiler.is-revealed p { filter: none; user-select: auto; }
.popco-catalog-review__copy button { background: var(--popco-catalog-navy); border: 0; border-radius: 999px; color: #fff; cursor: pointer; left: 50%; padding: 10px 14px; position: absolute; top: 50%; transform: translate(-50%,-50%); z-index: 2; }
.popco-catalog-review__copy.is-revealed button { display: none; }
.popco-catalog-report { background: none; border: 0; color: #748184; cursor: pointer; display: block; font-size: .7rem; margin: 12px 0 0 auto; text-decoration: underline; }
.popco-catalog-empty { color: var(--popco-catalog-muted); margin: 0; }

.popco-catalog-auth[hidden] { display: none; }
.popco-catalog-auth { align-items: center; display: flex; inset: 0; justify-content: center; padding: 20px; position: fixed; z-index: 999999; }
.popco-catalog-auth > button { background: rgba(1,25,32,.72); border: 0; inset: 0; position: absolute; }
.popco-catalog-auth section { background: #fff; border-radius: 20px; box-shadow: 0 30px 90px rgba(0,0,0,.3); max-width: 470px; padding: 34px; position: relative; width: 100%; z-index: 1; }
.popco-catalog-auth section > button { background: none; border: 0; cursor: pointer; font-size: 1.6rem; position: absolute; right: 17px; top: 13px; }
.popco-catalog-auth section > span { color: #8a6a00; font: 800 .7rem/1 "PopCo Roboto",Arial,sans-serif; letter-spacing: .13em; text-transform: uppercase; }
.popco-catalog-auth h3 { font: 700 2rem/1.02 "PopCo Written 2",Arial,sans-serif; letter-spacing: -.04em; margin: 11px 0; }
.popco-catalog-auth p { color: var(--popco-catalog-muted); line-height: 1.5; }
.popco-catalog-auth section > div { display: flex; gap: 9px; margin-top: 22px; }
.popco-catalog-auth section a { background: var(--popco-catalog-navy); border: 1px solid var(--popco-catalog-navy); border-radius: 999px; color: #fff; font-weight: 800; padding: 12px 17px; }
.popco-catalog-auth section a + a { background: var(--popco-catalog-yellow); border-color: var(--popco-catalog-yellow); color: var(--popco-catalog-navy); }

.popco-catalog-facts { padding-bottom: 46px; }
.popco-catalog-facts dl { background: #fff; border: 1px solid var(--popco-catalog-line); border-radius: 18px; display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); margin: 0; overflow: hidden; }
.popco-catalog-facts dl > div { border-bottom: 1px solid var(--popco-catalog-line); min-width: 0; padding: 20px 24px; }
.popco-catalog-facts dl > div:nth-child(odd) { border-right: 1px solid var(--popco-catalog-line); }
.popco-catalog-facts dl > div.is-wide { border-right: 0; grid-column: 1/-1; }
.popco-catalog-facts dt { color: #7d8986; font: 800 .68rem/1 "PopCo Roboto",Arial,sans-serif; letter-spacing: .12em; text-transform: uppercase; }
.popco-catalog-facts dd { color: var(--popco-catalog-ink); line-height: 1.5; margin: 8px 0 0; overflow-wrap: anywhere; }
.popco-catalog-source { border-top: 1px solid var(--popco-catalog-line); display: flex; justify-content: space-between; gap: 24px; padding-block: 22px 50px; }
.popco-catalog-source span { font-weight: 800; }
.popco-catalog-source small { color: var(--popco-catalog-muted); max-width: 700px; }

/* Episode page */
.popco-catalog-breadcrumb { align-items: center; color: #a9b9bc; display: flex; flex-wrap: wrap; font-size: .8rem; gap: 8px; margin-bottom: 32px; }
.popco-catalog-breadcrumb a:hover { color: var(--popco-catalog-yellow); }
.popco-episode-hero__grid { align-items: center; display: grid; grid-template-columns: minmax(0,1.25fr) minmax(320px,.8fr) 170px; gap: clamp(25px,3vw,46px); }
.popco-episode-hero__visual { aspect-ratio: 16/9; background: #0b2d35; border-radius: 20px; box-shadow: 0 24px 60px rgba(0,0,0,.35); overflow: hidden; position: relative; }
.popco-episode-hero__visual img { height: 100%; object-fit: cover; width: 100%; }
.popco-episode-hero__visual > div { align-items: center; color: #9db0b5; display: flex; height: 100%; justify-content: center; }
.popco-episode-hero__visual span { background: var(--popco-catalog-yellow); border-radius: 9px; bottom: 14px; color: var(--popco-catalog-navy); font: 800 .77rem/1 "PopCo Roboto",Arial,sans-serif; left: 14px; padding: 9px 11px; position: absolute; }
.popco-episode-hero h1 { font-size: clamp(2.4rem,4.6vw,4.2rem); max-width: 15ch; }
.popco-episode-adjacent { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; padding-top: 26px; }
.popco-episode-adjacent a { background: #fff; border: 1px solid var(--popco-catalog-line); border-radius: 14px; display: flex; flex-direction: column; min-height: 76px; padding: 16px 19px; }
.popco-episode-adjacent a.is-next { align-items: flex-end; text-align: right; }
.popco-episode-adjacent span { color: #8a6a00; font-size: .72rem; font-weight: 800; text-transform: uppercase; }
.popco-episode-adjacent strong { margin-top: 5px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.popco-season-meter .popco-catalog-meter { margin-top: 0; }
.popco-catalog-meter.is-compact .popco-catalog-community { display: none; }
.popco-catalog-account { margin: 34px auto; max-width: 1100px; }
.popco-catalog-account > div { display: grid; gap: 8px; }
.popco-catalog-account a { align-items: center; background: #fff; border: 1px solid var(--popco-catalog-line); border-radius: 12px; color: var(--popco-catalog-ink); display: grid; grid-template-columns: 1fr auto auto; gap: 18px; padding: 15px 18px; }
.popco-catalog-account a strong { background: var(--popco-catalog-yellow); border-radius: 8px; padding: 7px 9px; }
.popco-catalog-account a small { color: var(--popco-catalog-muted); min-width: 100px; }
.popco-catalog-return { align-items: center; background: var(--popco-catalog-navy); border-radius: 999px; color: #fff!important; display: inline-flex; font: 800 .8rem/1 "PopCo Roboto",Arial,sans-serif; gap: 8px; margin: 0 0 22px; min-height: 42px; padding: 0 16px; }

@media (max-width: 980px) {
	.popco-catalog-hero__grid { grid-template-columns: 190px minmax(0,1fr); }
	.popco-catalog-hero.is-series .popco-catalog-hero__grid { grid-template-columns: 180px minmax(0,1fr); }
	.popco-catalog-hero__score { grid-column: 1/-1; min-height: 0; display: grid; grid-template-columns: auto auto 1fr auto; text-align: left; gap: 14px; padding: 17px 20px; }
	.popco-catalog-hero__score strong { font-size: 2.1rem; margin: 0; }
	.popco-catalog-hero__score > div strong { margin-right: 4px; }
	.popco-catalog-hero__score > div .popco-catalog-tier-emblem { height: 42px; width: 42px; }
	.popco-catalog-hero__score em { margin: 0; text-align: right; }
	.popco-episode-hero__grid { grid-template-columns: minmax(0,1fr) minmax(280px,.8fr); }
	.popco-episode-hero__visual { grid-column: 1/-1; }
	.popco-episode-hero__grid .popco-catalog-hero__score { grid-column: auto; align-self: stretch; display: flex; }
	.popco-episode-panel { grid-template-columns: 1fr; }
	.popco-episode-panel__image { aspect-ratio: 16/9; min-height: 0; }
}

@media (max-width: 700px) {
	.popco-catalog-shell { width: min(100% - 24px,1240px); }
	.popco-catalog-hero,
	.popco-episode-hero { min-height: 0; padding: 30px 0 38px; }
	.popco-catalog-hero::after,
	.popco-episode-hero::after { background: linear-gradient(180deg,rgba(1,25,32,.78),#011920 60%); }
	.popco-catalog-hero__grid { align-items: start; grid-template-columns: 108px minmax(0,1fr); gap: 18px; }
	.popco-catalog-hero.is-series { padding: 28px 0 34px; }
	.popco-catalog-hero.is-series .popco-catalog-hero__grid { display: flex; flex-direction: column; gap: 0; }
	.popco-catalog-hero.is-series .popco-catalog-hero__poster-wrap { align-self: center; margin: 0 auto 24px; width: min(52vw,190px); }
	.popco-catalog-hero.is-series .popco-catalog-hero__copy { display: block; width: 100%; }
	.popco-catalog-hero.is-series .popco-catalog-kicker { margin-bottom: 10px; }
	.popco-catalog-hero.is-series .popco-catalog-overview { margin-top: 20px; }
	.popco-catalog-hero.is-series .popco-catalog-hero__actions { margin-top: 22px; }
	.popco-catalog-hero.is-series .popco-catalog-hero__score { display: grid; grid-template-columns: auto minmax(0,1fr); margin-top: 24px; width: 100%; }
	.popco-catalog-hero.is-series .popco-catalog-hero__score > span { grid-column: 1/-1; }
	.popco-catalog-hero.is-series .popco-catalog-hero__score > div { grid-row: 2/4; justify-content: flex-start; }
	.popco-catalog-hero.is-series .popco-catalog-hero__score .popco-catalog-tier-emblem { height: 44px; width: 44px; }
	.popco-catalog-hero.is-series .popco-catalog-hero__score > small,
	.popco-catalog-hero.is-series .popco-catalog-hero__score > em { align-self: center; text-align: left; }
	.popco-catalog-hero__poster-wrap { border-radius: 13px; }
	.popco-catalog-hero__poster { border-radius: 13px; }
	.popco-catalog-hero h1 { font-size: clamp(2.1rem,10vw,3.2rem); max-width: none; }
	.popco-catalog-kicker { font-size: .62rem; margin-bottom: 9px; }
	.popco-catalog-original { font-size: .8rem; margin-top: 7px; }
	.popco-catalog-chips { gap: 5px; margin: 14px 0 0; }
	.popco-catalog-chips span { font-size: .63rem; padding: 6px 8px; }
	.popco-catalog-overview { grid-column: 1/-1; font-size: .94rem; line-height: 1.55; }
	.popco-catalog-hero__copy { display: contents; }
	.popco-catalog-hero__copy .popco-catalog-kicker,
	.popco-catalog-hero__copy h1,
	.popco-catalog-hero__copy .popco-catalog-original,
	.popco-catalog-hero__copy .popco-catalog-chips { grid-column: 2; }
	.popco-catalog-hero__copy .popco-catalog-overview,
	.popco-catalog-hero__copy .popco-catalog-hero__actions { grid-column: 1/-1; }
	.popco-catalog-hero__actions { margin-top: 0; }
	.popco-catalog-hero__actions a { font-size: .75rem; min-height: 42px; padding: 0 15px; }
	.popco-catalog-hero__score { grid-column: 1/-1; grid-template-columns: auto auto 1fr; margin-top: 2px; }
	.popco-catalog-hero__score em { display: none; }
	.popco-catalog-seasons,
	.popco-season-meter,
	.popco-catalog-facts { padding-top: 42px; }
	.popco-catalog-section-head { align-items: start; }
	.popco-catalog-section-head h2 { font-size: clamp(1.65rem,7.4vw,2rem); line-height: 1.08; }
	.popco-catalog-section-head > span { display: none; }
	.popco-season-summary { grid-template-columns: 1fr; padding: 20px; }
	.popco-season-summary > a { align-items: baseline; border-left: 0; border-top: 1px solid var(--popco-catalog-line); flex-direction: row; gap: 9px; padding: 16px 0 0; }
	.popco-season-summary > a strong { font-size: 1.7rem; }
	.popco-season-summary__progress { align-items: flex-start; border-left: 0; border-top: 1px solid var(--popco-catalog-line); padding: 16px 0 0; text-align: left; }
	.popco-season-summary__progress small { max-width: none; }
	.popco-episode-rail { padding: 17px 14px 0; }
	.popco-episode-rail button { flex-basis: 72px; height: 72px; }
	.popco-episode-panel__copy { padding: 23px 20px 27px; }
	.popco-episode-panel__copy h3 { font-size: 1.75rem; }
	.popco-series-editorial { padding-top: 36px; }
	.popco-series-editorial__article { border-radius: 18px; }
	.popco-series-editorial__article > header { align-items: start; gap: 20px; grid-template-columns: 1fr; padding: 24px 20px; }
	.popco-series-editorial__article > header h2 { font-size: clamp(1.7rem,8vw,2.15rem); letter-spacing: -.035em; line-height: 1.05; max-width: 100%; }
	.popco-series-editorial__article > header span { font-size: .76rem; line-height: 1.4; margin-top: 11px; }
	.popco-series-editorial__article > header aside { align-items: baseline; border-radius: 13px; flex-direction: row; gap: 9px; justify-self: start; min-width: 0; padding: 11px 13px; }
	.popco-series-editorial__article > header aside strong { font-size: 1.8rem; margin-top: 0; }
	.popco-series-editorial__content { font-size: 1rem; line-height: 1.65; padding: 24px 20px 28px; }
	.popco-series-editorial__content p,
	.popco-series-editorial__content li,
	.popco-series-editorial__content blockquote { font-size: 1rem!important; line-height: 1.65!important; }
	.popco-series-editorial__content p { margin-bottom: 1.25em; }
	.popco-series-editorial__article > footer { padding: 16px 20px; }
	.popco-series-editorial__article > footer a { justify-content: center; min-height: 44px; width: 100%; }
	.popco-catalog-meter { border-radius: 18px; margin-top: 36px; }
	.popco-catalog-meter__head { align-items: start; flex-direction: column; gap: 10px; padding: 21px 20px; }
	.popco-catalog-meter__head h2 { font-size: clamp(1.55rem,7vw,1.9rem); line-height: 1.08; }
	.popco-catalog-meter__head small { font-size: .75rem; }
	.popco-catalog-meter__scores { grid-template-columns: 1fr; }
	.popco-catalog-meter__score { align-items: center; flex-direction: row; gap: 16px; min-height: 0; padding: 20px; text-align: left; }
	.popco-catalog-meter__score + .popco-catalog-meter__score { border-left: 0; border-top: 1px solid rgba(255,255,255,.18); }
	.popco-catalog-meter__score > div:last-child,
	.popco-catalog-meter__copy { align-items: flex-start; }
	.popco-catalog-meter__label { gap: 9px; }
	.popco-catalog-meter__label .popco-catalog-tier-emblem { height: 36px; width: 36px; }
	.popco-catalog-meter__score b { font-size: 1.02rem; }
	.popco-catalog-meter__copy > span { font-size: .76rem; line-height: 1.35; }
	.popco-catalog-meter__dial { flex-basis: 82px; height: 82px; }
	.popco-catalog-meter__dial::after { inset: 8px; }
	.popco-catalog-meter__dial strong { font-size: 1.5rem; }
	.popco-catalog-meter__participate,
	.popco-catalog-community { padding: 22px 20px 26px; }
	.popco-catalog-progress { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); margin-bottom: 24px; overflow: visible; padding-bottom: 0; }
	.popco-catalog-progress button { flex: initial; font-size: .65rem; min-height: 38px; padding: 0 7px; }
	.popco-catalog-stars { height: 49px; max-width: 286px; }
	.popco-catalog-stars__art { font-size: 45px; height: 49px; letter-spacing: 4px; }
	.popco-catalog-stars__inputs { max-width: 274px; }
	.popco-catalog-review-field textarea { min-height: 118px; padding: 15px; }
	.popco-catalog-status { display: block; margin: 12px 0 0; }
	.popco-catalog-community > header { align-items: start; flex-direction: column; }
	.popco-catalog-review__copy { margin-left: 0; }
	.popco-catalog-review header { grid-template-columns: 40px minmax(0,1fr) auto; }
	.popco-catalog-review__avatar { height: 40px; width: 40px; }
	.popco-catalog-auth section { padding: 28px 22px; }
	.popco-catalog-auth section > div { flex-direction: column; }
	.popco-catalog-auth section a { text-align: center; }
	.popco-catalog-facts dl { grid-template-columns: 1fr; }
	.popco-catalog-facts dl > div,
	.popco-catalog-facts dl > div:nth-child(odd) { border-right: 0; grid-column: 1; }
	.popco-catalog-source { flex-direction: column; }
	.popco-episode-hero__grid { grid-template-columns: 1fr; }
	.popco-episode-hero__visual { grid-column: 1; }
	.popco-episode-hero__copy { display: block; }
	.popco-episode-hero__copy .popco-catalog-kicker,
	.popco-episode-hero__copy h1,
	.popco-episode-hero__copy .popco-catalog-chips,
	.popco-episode-hero__copy .popco-catalog-overview,
	.popco-episode-hero__copy .popco-catalog-hero__actions { grid-column: auto; }
	.popco-episode-hero__grid .popco-catalog-hero__score { align-self: auto; display: grid; grid-column: 1; }
	.popco-catalog-breadcrumb { margin-bottom: 20px; }
	.popco-episode-adjacent { grid-template-columns: 1fr; }
	.popco-episode-adjacent > span { display: none; }
	.popco-episode-adjacent a.is-next { align-items: flex-start; text-align: left; }
	.popco-catalog-account a { grid-template-columns: 1fr auto; }
	.popco-catalog-account a small { grid-column: 1/-1; min-width: 0; }
}

@media (prefers-reduced-motion: reduce) {
	.popco-catalog *, .popco-catalog *::before, .popco-catalog *::after { scroll-behavior: auto!important; transition: none!important; }
}
