/* Review-only cards. Fixed type scale: body 16, metadata 14, headings 24–32. */
@font-face{font-family:'PF Reminder';src:url('assets/fonts/pf-reminder-bold.otf') format('opentype');font-weight:700;font-display:swap}
.card-options-page{margin:0;background:#F3F4F6;color:#0B1220;font-family:Nunito,system-ui,sans-serif}
html:has(.card-options-page){background:#F3F4F6}
.options-review{max-width:1180px;margin:auto;padding:40px 24px 30px;font-size:16px;line-height:1.5}
.options-review h1{font-size:32px;line-height:1.15;letter-spacing:-.04em;margin:0 0 14px}
.review-eyebrow{font-size:14px;font-weight:900;letter-spacing:.075em;line-height:1.5;margin:0 0 10px;text-transform:uppercase}
.review-intro{max-width:740px;margin:0;color:#495366;font-size:16px}
.review-controls{display:flex;flex-wrap:wrap;gap:16px;margin-top:24px}
.review-controls label{display:grid;gap:6px;font-size:14px;font-weight:900;text-transform:uppercase;letter-spacing:.04em}
.review-controls select{padding:10px 12px;background:white;color:#0B1220;border:1px solid #C9CDD4;border-radius:10px;font:700 16px Nunito,system-ui;max-width:100%;min-height:44px}
.fixture-note{font-size:14px;color:#495366;margin:14px 0 28px;max-width:740px}
.option-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;align-items:start}
.option-study{min-width:0}.study-heading{min-height:148px}.study-heading h2{font-size:24px;letter-spacing:-.035em;line-height:1.2;margin:0 0 8px}.study-heading>p:last-child{font-size:16px;line-height:1.5;color:#495366;margin:0 0 24px}
.option-frame{width:min(320px,100%);margin:auto;container-type:inline-size}
.option-grid[data-size=exchange] .option-frame{width:calc((min(393px,100vw) - 52px)/2)}
.netflix-option{display:block;width:100%;box-sizing:border-box;position:relative;isolation:isolate;color:#0B1220;font-size:16px;line-height:1.5;text-decoration:none;border:1px solid #D5D9E0;border-radius:24px;background:#FFF;transition:border-color 160ms ease;overflow:hidden}
.netflix-option:hover{border-color:#BD003D}.netflix-option:focus-visible{outline:3px solid #8400FF;outline-offset:4px}
.option-logo{object-fit:contain;padding:8px;box-sizing:border-box;background:#FFF9EE}
.option-art{object-fit:contain;filter:none;box-shadow:none;pointer-events:none}
.netflix-option h3{font:700 32px/1.15 'PF Reminder',Nunito,sans-serif;margin:0}
.option-category{margin:4px 0 10px;color:#495366;font-size:16px;overflow-wrap:anywhere}
.option-status{display:inline-block;font-size:14px;line-height:22px;color:#5900AC;font-weight:900}
.option-price{font-size:24px;line-height:30px;font-weight:900;white-space:nowrap;letter-spacing:-.035em}
.option-change{display:inline-flex;align-items:center;gap:5px;font-size:16px;line-height:24px;font-weight:900;white-space:nowrap;color:#13763F}
.option-change b{display:inline-grid;place-items:center;background:#22E274;color:#0B1220;width:24px;height:24px;border-radius:6px;font-size:20px;line-height:1}
.option-change[data-colour=down]{color:#B94E00}.option-change[data-colour=down] b{background:#FF7300}
.profile-option{padding:7px;background:white}
.profile-banner{position:relative;height:220px;border-radius:18px 18px 12px 12px;background:radial-gradient(ellipse at 5% 5%,#FF4B4B,transparent 65%),linear-gradient(135deg,#BD003D,#E70749);overflow:hidden}
.profile-banner:before{content:'';position:absolute;inset:auto auto -25% -15%;width:85%;height:70%;border-radius:50%;background:#FF4B4B;opacity:.4}
.profile-banner .option-art{position:absolute;width:88%;height:104%;right:-1%;top:0}
.profile-body{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:14px;padding:38px 12px 16px}
.profile-avatar{position:absolute;width:56px;height:56px;top:-28px;left:12px;background:white;border-radius:50%;padding:3px;box-sizing:border-box}
.profile-avatar .option-logo{width:100%;height:100%;border-radius:50%}
.profile-details{min-width:0}.profile-facts{margin:0;padding:0;display:grid;gap:10px;align-content:start;min-width:0}.profile-facts dt{font-size:14px;line-height:22px;color:#495366;margin-bottom:2px}.profile-facts dd{margin:0}
.profile-bio{margin:0 5px 5px;padding:12px 14px;border-radius:12px;background:#F3F4F6;color:#495366;font-size:16px;line-height:24px}
.collectible-option{padding:7px;border-color:#CDD2DA;background:white}
.collectible-scene{position:relative;height:280px;border-radius:18px 18px 12px 12px;background:radial-gradient(ellipse at 85% 20%,#FF4B4B,transparent 65%),#BD003D;overflow:hidden}
.collectible-scene .option-art{position:absolute;inset:32px 0 0;width:100%;height:calc(100% - 32px)}
.collectible-category{position:absolute;z-index:1;top:0;left:10%;right:10%;text-align:center;background:#FFF;border-radius:0 0 14px 14px;padding:7px 4px;color:#83002B;font-size:14px;line-height:22px;font-weight:900;letter-spacing:.035em}
.collectible-quote{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 9px;padding:14px 0;border-bottom:1px solid #E5E7EB}
.collectible-identity{display:grid;grid-template-columns:38px 1fr;column-gap:8px;row-gap:2px;align-items:center;padding:14px 9px 12px}.collectible-identity .option-logo{width:38px;height:38px;border-radius:10px;padding:6px;grid-row:1/3}.collectible-identity h3{font-size:28px}.collectible-identity .option-status{grid-column:2}
.ticket-option{background:#FFF9EE;border-color:#DED8CE}
.ticket-topline{padding:12px 16px;background:#FFE600;font-size:14px;line-height:22px;font-weight:900;letter-spacing:.05em}
.ticket-scene{position:relative;height:306px;background:#BD003D;overflow:hidden}
.ticket-scene:before{content:'';position:absolute;width:130%;height:66%;border-radius:50%;background:#FF4B4B;bottom:-30%;left:-30%;opacity:.6}
.ticket-identity{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:16px;color:white}.ticket-identity .option-logo{width:42px;height:42px;padding:6px;border-radius:10px;order:1}
.ticket-scene .option-art{position:absolute;width:95%;height:80%;bottom:-3%;right:-3%}
.ticket-stub{padding:14px 16px 16px;border:0}.ticket-stub:before,.ticket-stub:after{content:none}
.ticket-stub .option-status{margin-bottom:8px}
.ticket-quote{display:flex;align-items:center;justify-content:space-between;gap:12px}
.option-dimensions{text-align:center;font-size:14px;color:#495366;margin:12px 0 0;font-variant-numeric:tabular-nums}
.review-footer{display:flex;flex-wrap:wrap;gap:24px;margin-top:30px;font-size:16px}.review-footer a{display:inline-flex;align-items:center;min-height:44px;color:#5900AC;font-weight:800}
/* Stack facts when a narrow Exchange track cannot fit the two columns at the fixed scale. */
@container(max-width:230px){
 .profile-banner{height:168px}.profile-banner .option-art{width:115%;right:-15%}
 .profile-body{grid-template-columns:1fr;gap:14px;padding:36px 10px 14px}.profile-facts{gap:8px}.profile-facts>div{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:4px}.profile-facts dt{margin:0}
 .netflix-option h3{font-size:24px}.option-category{font-size:16px}
 .profile-bio{padding:10px}
 .collectible-scene{height:210px}.collectible-category{left:0;right:0;letter-spacing:0;padding:7px 1px}
 .collectible-quote{flex-direction:column;align-items:flex-start;gap:6px;margin:0 7px;padding:12px 0}
 .collectible-identity{padding:12px 7px;grid-template-columns:28px 1fr;column-gap:6px}.collectible-identity .option-logo{width:28px;height:28px;padding:4px}.collectible-identity .option-status{grid-column:1/-1;margin-top:4px}
 .ticket-topline{padding:10px 10px;letter-spacing:0}.ticket-scene{height:238px}.ticket-identity{padding:12px 10px;gap:4px}.ticket-identity .option-logo{width:28px;height:28px;padding:4px}
 .ticket-scene .option-art{width:118%;right:-12%;height:82%}.ticket-stub{padding:12px 10px}.ticket-quote{flex-direction:column;align-items:flex-start;gap:6px}
}
@media(max-width:760px){.option-grid{grid-template-columns:1fr;gap:38px}.options-review{padding:26px 20px}.study-heading{min-height:0;max-width:360px;margin:auto}.review-controls{display:grid;grid-template-columns:1fr}.review-controls select{width:100%}}
@media(max-width:374px){.option-grid[data-size=exchange] .option-frame{width:calc((100vw - 50px)/2)}}
@media(prefers-reduced-motion:reduce){.netflix-option{transition:none}}
@container(min-width:231px){
 .collectible-identity{grid-template-columns:38px minmax(0,1fr) auto;gap:8px}
 .collectible-identity .option-logo{grid-row:auto}
 .collectible-identity .option-status{grid-column:auto}
}