@font-face{font-family:'Barlow Condensed';src:url('/assets/fonts/barlow-condensed-latin-700-v13.woff2') format('woff2');font-weight:700;font-display:block}@font-face{font-family:Roboto;src:url('/assets/fonts/roboto-latin-normal-variable-v51.woff2') format('woff2');font-weight:100 900;font-display:block}
:root{color-scheme:dark;font-family:Roboto,Arial,sans-serif;color:#fff;background:#070709;font-size:16px;line-height:1.65}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-underline-offset:4px}a:hover{color:#ed2b88}h1,h2,h3,.brand,.tag{font-family:'Barlow Condensed',Impact,sans-serif;font-weight:700;text-transform:uppercase;line-height:1.1}header{border-bottom:1px solid #29292f}.header-inner{max-width:1120px;margin:auto;padding:24px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{font-size:36px;text-decoration:none;color:#ffe200}header nav{display:flex;gap:24px}main{max-width:960px;margin:0 auto;padding:56px 24px 80px}h1{font-size:clamp(38px,6vw,66px);margin:16px 0 20px;max-width:840px}h2{font-size:32px}h3{font-size:28px;margin:0 0 12px}.eyebrow,time,.subtle{color:#a9a9b5}.subtitle{font-size:20px;color:#c4c4cd;max-width:750px;margin:0 0 24px}.intro{margin-bottom:36px}.filters{display:flex;flex-wrap:wrap;gap:10px;margin:32px 0}.filters a,.pagination a{border:1px solid #41414b;border-radius:30px;padding:8px 16px;text-decoration:none}.filters a[aria-current],.filters a:hover{background:#ed2b88;border-color:#ed2b88;color:white}.cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px}.card{display:block;text-decoration:none}.card img{width:100%;aspect-ratio:1200/630;object-fit:cover;border-radius:16px;background:#18181e}.card h2{font-size:30px;margin:14px 0 8px}.card p{color:#b2b2bd;margin:0}.tag{color:#ed2b88;font-size:21px}.round{padding:32px 0;border-top:1px solid #34343e}.question{font-size:21px;font-weight:700;line-height:1.45;margin:0 0 18px}.round img{display:block;max-width:100%;max-height:540px;width:auto;height:auto;border-radius:12px;margin:18px 0;object-fit:contain;background:#17171b}.options{padding-left:30px;margin:20px 0}.options li{padding:5px 0 5px 8px}details{margin-top:22px}summary{cursor:pointer;color:#f0a7ca;display:inline-block;text-decoration:underline;text-underline-offset:4px;font-weight:400}summary:focus-visible,a:focus-visible,button:focus-visible{outline:3px solid #ffe200;outline-offset:5px}details[open]>summary{display:none}.answer{border-left:3px solid #ed2b88;padding:2px 0 2px 20px}.answer p{margin:8px 0}.answer strong{font-weight:700}.source{font-size:14px;color:#a9a9b5}.video{width:100%;aspect-ratio:16/9;border:0;border-radius:12px;background:#17171b}.clue{padding:16px;background:#18181e;border-radius:12px;margin:20px 0}.clue button,.reveal-video{font:inherit;cursor:pointer;color:#fff;background:#d91e74;border:0;border-radius:30px;padding:10px 20px}.clue .video{margin-top:14px}.clue-status{color:#b9b9c5;font-size:14px;margin-left:12px}.pagination{display:flex;gap:16px;margin:40px 0}.related{border-top:1px solid #34343e;margin-top:40px;padding-top:24px}.related li{margin:8px 0}footer{border-top:1px solid #29292f;padding:28px 24px 36px;max-width:1120px;margin:auto;color:#b2b2bd;font-size:14px}footer p{font-weight:300}footer nav{display:flex;flex-wrap:wrap;gap:14px 24px}footer a{text-decoration:none}.breadcrumb{font-size:14px}.breadcrumb a{color:#b2b2bd}.round-title{font-size:23px;font-weight:700}button:disabled{opacity:.65}noscript p{color:#c4c4cd}@media(max-width:620px){main{padding-top:32px}.header-inner{padding:18px 24px}.cards{grid-template-columns:1fr;gap:32px}h1{font-size:42px}.subtitle{font-size:18px}.round{padding:26px 0}header nav{gap:16px}.clue-status{display:block;margin:8px 0 0}}

.app-links{margin-top:48px;padding:28px;border:1px solid #393940;border-radius:18px;background:#141418;display:flex;align-items:center;justify-content:space-between;gap:24px}.app-links h2{font-size:30px;margin:0 0 6px}.app-links p{margin:0;color:#b2b2bd}.app-links nav{display:flex;flex-wrap:wrap;gap:10px}.app-links a{padding:10px 18px;background:#ed2b88;border-radius:28px;white-space:nowrap;text-decoration:none;font-weight:600}.app-links a:hover{background:#fd449c;color:white}@media(max-width:760px){.app-links{align-items:flex-start;flex-direction:column}.app-links nav{flex-direction:column;width:100%}.app-links a{text-align:center}}

.clue .video{display:block;width:min(100%,360px);height:auto;aspect-ratio:16/9}

.video{min-height:200px}

/* Match the homepage station bug. Keep the same Roboto lettering and colors. */
.brand{display:flex;align-items:center;padding:.22rem .58rem .14rem;border:0;color:#11143d;background:#ffe600;box-shadow:.18rem .18rem 0 #ff087f;transform:rotate(-2deg);font-family:Roboto,Arial,sans-serif;font-size:16px;font-weight:950;line-height:1.65;text-decoration:none}
.brand strong{font-size:1.12rem;direction:ltr;letter-spacing:-.08em}.brand:hover{color:#11143d}
header nav a,.intro h1 a,.tag a{text-decoration:none}.intro h1 a:hover{color:inherit}
.card img{display:block;aspect-ratio:16/9;height:auto}.card time{display:block;font-size:16px;line-height:1.5;margin:0 0 10px}.card h2{margin-bottom:6px}
[data-blog-index][aria-busy=true] .cards{opacity:.75}.filters a{transition:background-color .12s,border-color .12s}.filters a[aria-disabled=true]{cursor:progress}

/* Keep revealed videos compact on desktop and full width on smaller screens. */
.answer > .video{display:block;height:auto}
@media(min-width:761px){.answer > .video{width:60%}}

/* Owner-requested hidden YouTube clue experiment. Reveals stay visible. */
.clue{position:relative}
.clue-media{position:absolute;width:1px;height:1px;overflow:hidden;opacity:0;pointer-events:none}
.clue-media .video{width:200px;height:200px;min-height:0;margin:0}
