:root{--color-white:#fff;--color-deeppurple:#291855;--color-magenta:#9a259e;--color-burgundy:#701a4a;--color-charcoal:#2b2b35;--color-gold:#e5a500;--color-lightgrey:#e8e6f0;--color-offwhite:#fcfcfc;--color-steelgrey:#7a7786;--color-background:var(--color-offwhite);--color-brand:var(--color-deeppurple);--color-text:var(--color-charcoal);--color-text-link:var(--color-brand);--color-text-inverse:var(--color-white);--content-maxwidth:50rem;--content-maxwidth-wider:60rem;--border-s:.1875em;--border-m:.2em;--border-l:.4em;--border-radius-s:.25em;--border-radius-m:.375em;--space-3xs:clamp(.3125rem,.3125rem + 0vw,.3125rem);--space-2xs:clamp(.5625rem,.5341rem + .142vw,.625rem);--space-xs:clamp(.875rem,.8466rem + .142vw,.9375rem);--space-s:clamp(1.125rem,1.0682rem + .2841vw,1.25rem);--space-m:clamp(1.6875rem,1.6023rem + .4261vw,1.875rem);--space-l:clamp(2.25rem,2.1364rem + .5682vw,2.5rem);--space-xl:clamp(3.375rem,3.2045rem + .8523vw,3.75rem);--space-2xl:clamp(4.5rem,4.2727rem + 1.1364vw,5rem);--space-3xl:clamp(6.75rem,6.4091rem + 1.7045vw,7.5rem);--space-3xs-2xs:clamp(.3125rem,.1705rem + .7102vw,.625rem);--space-2xs-xs:clamp(.5625rem,.392rem + .8523vw,.9375rem);--space-xs-s:clamp(.875rem,.7045rem + .8523vw,1.25rem);--space-s-m:clamp(1.125rem,.7841rem + 1.7045vw,1.875rem);--space-m-l:clamp(1.6875rem,1.3182rem + 1.8466vw,2.5rem);--space-l-xl:clamp(2.25rem,1.5682rem + 3.4091vw,3.75rem);--space-xl-2xl:clamp(3.375rem,2.6364rem + 3.6932vw,5rem);--space-2xl-3xl:clamp(4.5rem,3.1364rem + 6.8182vw,7.5rem);--space-s-l:clamp(1.125rem,.5rem + 3.125vw,2.5rem);--hero-step-0:clamp(12.5rem,-2.375rem + 68vw,14.625rem);--hero-step-1:clamp(14.625rem,-1.2841rem + 63.6364vw,23.375rem);--heading-scroll-margin:clamp(5.9375rem,4.8011rem + 5.6818vw,8.4375rem);--bubble-position-0:clamp(7.1875rem,-2.0937rem + 30.9375vw,13.375rem);--step--2:clamp(.7813rem,.7727rem + .0426vw,.8rem);--step--1:clamp(.9375rem,.9091rem + .142vw,1rem);--step-0:clamp(1.125rem,1.0682rem + .2841vw,1.25rem);--step-1:clamp(1.35rem,1.2534rem + .483vw,1.5625rem);--step-2:clamp(1.62rem,1.4686rem + .7571vw,1.9531rem);--step-3:clamp(1.944rem,1.7179rem + 1.1305vw,2.4414rem);--step-4:clamp(2.3328rem,2.006rem + 1.634vw,3.0518rem);--step-5:clamp(2.7994rem,2.3378rem + 2.3076vw,3.8147rem);--link-offset:.4em}@media (prefers-reduced-motion:reduce){*,:before,:after{background-attachment:initial!important;scroll-behavior:auto!important;transition-duration:0s!important;transition-delay:0s!important;animation-duration:1ms!important;animation-iteration-count:1!important;animation-delay:-1ms!important}}:focus-visible,accordion-item::part(button):focus-visible,.focus-visible:focus-visible{outline:.4em double var(--color-text);outline-offset:.1em;box-shadow:0 0 0 var(--link-offset)var(--color-background);z-index:1;transition:outline-offset .15s linear;position:relative;overflow:visible}:focus-visible:is([type=reset],[type=search],[type=submit],[type=text]){outline:.2em solid var(--color-text)}.visually-hidden:not(:focus):not(:active){clip:rect(0,0,0,0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}*,:before,:after{box-sizing:border-box}[hidden]:not([hidden=until-found]){display:none!important}html{-webkit-text-size-adjust:100%;tab-size:4;overscroll-behavior:none;font-family:system-ui,Segoe UI,Roboto,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji;line-height:1.5}body{min-height:100dvh;color:var(--color-text);background-color:var(--color-background);font-size:var(--step-0);grid-template-rows:auto 1fr auto;margin:1em;display:grid}@supports (--css:variables){body{margin:0}}.content{max-width:var(--content-maxwidth);padding-inline:var(--space-m-l);text-wrap:pretty;orphans:3;margin:0 auto}main>.content{margin-block-end:var(--space-xs-s)}.hide-viewports--small{position:absolute;left:-1000px}@media screen and (min-width:30em){.hide-viewports--small{position:initial;left:initial}}h1,.heading--primary{font-size:var(--step-2);margin-block:var(--space-2xs)}h2,.heading--secondary{font-size:var(--step-1);margin-block:var(--space-2xs)}h3,.heading--tertiary{font-size:var(--step-0);margin-block:var(--space-2xs)}h4,h5,h6{font-size:var(--step--1);margin-block:var(--space-xs)}:is(h1,h2,h3,h4,h5,h6,.heading--primary,.heading--secondary,.heading--tertiary):target{scroll-margin-block-start:var(--heading-scroll-margin)}.heading--grid{justify-content:space-between;align-items:center;gap:1em;display:flex}@media screen and (min-width:30em){.heading--grid{grid-template-columns:max-content 1fr;display:grid}}dl,figcaption,p{margin-block:var(--space-s)}dt{font-weight:600}blockquote,figure{margin-block:var(--space-m);padding:var(--space-xs-s)var(--space-m-l);background-color:var(--color-gold);border-radius:var(--border-radius-m);color:var(--color-text);margin-inline:0}blockquote{padding-inline-start:var(--space-xs-s)}b,strong{font-weight:bolder}mark{background-color:var(--color-burgundy);color:var(--color-text-inverse);padding:0 var(--space-3xs);font-weight:600;display:inline-block}@media screen and (forced-colors:active){mark{color:highlight;background:highlighttext}}small,sub,sup{font-size:smaller}sub,sup{line-height:0}hr{border:0;border-top:dotted var(--border-m)var(--color-lightgrey);margin-block:var(--space-m);overflow:visible}@media screen and (forced-colors:active){hr{border-color:canvastext}}.capitalize{text-transform:capitalize;font-weight:600}.center{text-align:center}.colon:after{content:":"}.excerpt{overflow-wrap:anywhere}.excerpt:before,.excerpt:after{content:"..."}.italic{font-style:italic}.uppercase{text-transform:uppercase;font-weight:600}@media screen and (min-width:30em){.nav-return{text-align:right}}a{color:inherit;text-decoration-color:inherit;text-decoration-skip-ink:all;text-underline-offset:var(--link-offset);word-break:break-word;font-weight:600;text-decoration-thickness:.2em;display:inline-block}a svg{fill:currentColor;display:inline-block}a:has(svg:not(.icon--menu)){padding:.25em}a:has(svg.icon--feed){--link-color:var(--color-white);--link-bg-color:transparent;--link-border-radius:var(--border-radius-s);background-color:var(--link-bg-color);border-radius:var(--link-border-radius);color:var(--link-color)}a[href^=http]:not(:has(svg)):after{content:"";background-color:#000;background-color:var(--color-text);display:inline-block;position:relative}@supports (mask-image:initial){a[href^=http]:not(:has(svg)):after{width:1.2rem;height:1.2rem;margin-inline-start:.15rem;top:.125rem;mask-image:url("data:image/svg+xml,%3csvg%20role='img'%20viewBox='0%200%2032%2032'%20fill='none'%20stroke='currentColor'%20stroke-width='3'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20stroke-linecap='round'%20stroke-linejoin='round'%20d='M20%204h8v8M13.33%2018.67%2028%204M24%2017.33v8A2.67%202.67%200%200%201%2021.33%2028H6.67A2.67%202.67%200%200%201%204%2025.33V10.67A2.67%202.67%200%200%201%206.67%208h8'%3e%3c/path%3e%3c/svg%3e")}}@media screen and (forced-colors:active){a[href^=http]:not(:has(svg)):after{background-color:linktext}}.back-to-top{opacity:.8;color:var(--color-white);z-index:1;margin:0;position:fixed;bottom:0;right:0}.back-to-top:focus-within{z-index:11}a[href=\#top]{background-color:var(--color-charcoal);border:solid .15em var(--color-white);border-top-left-radius:var(--border-radius-m);border-block-end:0;border-inline-end:0}ul,ol{padding-inline-start:var(--space-xs-s)}[role=list]:is(ol,ul){list-style:none}li{margin-block:var(--space-xs)}dd{margin-inline-start:0}.list0{--list-display:block;--list-text-size:inherit;--list-style:none;display:var(--list-display);font-size:var(--list-text-size);list-style-type:var(--list-style);margin:0;padding:0}.items0>li{margin:0}img,svg{vertical-align:middle;max-width:100%;height:auto;display:block}summary{font-weight:600;display:list-item}::-webkit-search-decoration{appearance:none}[type=search]{appearance:textfield}button,input,optgroup,select,textarea{all:inherit;padding-block:var(--space-2xs-xs);padding-inline:var(--space-2xs-xs);margin:0;line-height:1.15;display:block}input,optgroup,select,textarea{--form-radius:.125em;--form-bg-color:#e8e6f099;--form-border:solid var(--form-radius)var(--color-steelgrey);background-color:var(--form-bg-color);border-radius:var(--form-radius);border:var(--form-border)}input:is([type=search],[type=text]),select,textarea{width:100%}label{margin-block:var(--space-s);display:block}:is(button,[type=button],[type=reset],[type=submit]){--btn-bg-color:var(--color-brand);--btn-text-color:var(--color-white);--btn-radius:var(--border-radius-m);--btn-border:solid .125em transparent;appearance:button;background-color:var(--btn-bg-color);border:var(--btn-border);border-radius:var(--btn-radius);color:var(--btn-text-color);cursor:pointer;text-align:center;text-transform:uppercase;touch-action:manipulation;user-select:none;font-weight:600}@media screen and (forced-colors:active){:is(button,[type=button],[type=reset],[type=submit]){color:buttontext;background-color:buttonface;border-color:buttontext}}form.search{grid-template-columns:1fr;gap:.4em;margin-block-end:var(--space-s);display:grid}@media screen and (min-width:30em){form.search{grid-template-columns:1fr repeat(2,auto)}}form.search button{font-size:var(--step--1)}form.search label{grid-column:1/-1}.grow-height{font-size:var(--step--1);position:relative}.grow-height button{z-index:2;margin:0;position:absolute;top:.5em;right:.5em}.grow-height textarea{field-sizing:content;resize:vertical;white-space:pre-wrap;overflow-y:auto}.icon{--icon-size:1.25em;width:1.5em;height:1.5em;width:var(--icon-size);height:var(--icon-size);fill:currentColor;margin:auto}.icon--medium{--icon-size:1.5em}.icon--large{--icon-size:2em}.logo--footer{--icon-size:5em;width:7.5em}.btn--primary{--btn-bg-color:var(--color-brand)}.btn--secondary{--btn-bg-color:var(--color-burgundy)}.avatar{--avatar-margin:0;--avatar-width:2.5rem;clip-path:circle(50%);max-width:4.375rem;max-width:var(--avatar-width);margin:0 auto;margin:var(--avatar-margin);border-radius:50%}.card--img.avatar{--avatar-margin:0 auto;--avatar-width:11.25rem}@media screen and (min-width:30em){.card--img.avatar{--avatar-width:100%}}:is(.card--leaderboard,.card--winner) .avatar{--avatar-width:4.375rem}@media screen and (min-width:30em){:is(.card--leaderboard,.card--winner) .avatar{--avatar-width:6.25rem}}.winner{--winner-position:static;--winner-inset:auto;position:var(--winner-position);inset:var(--winner-inset);justify-self:end}.winner--2,.winner--3{--winner-position:absolute;bottom:var(--space-m-l)}.winner--2{right:calc(var(--space-m-l) + 1.875rem)}.winner--3{right:calc(var(--space-m-l) + 3.75rem)}.bubble{--bubble-position:static;--bubble-inset:auto;--bubble-size:3.75rem;--bubble-icon-size:var(--space-s-m);--bubble-color:var(--color-gold);--bubble-text-color:var(--color-text-inverse);position:var(--bubble-position);width:var(--bubble-size);height:var(--bubble-size);inset:var(--bubble-inset);background-color:var(--bubble-color);color:var(--bubble-text-color);border-radius:50%;justify-content:center;align-items:center;margin:auto;font-weight:600;display:flex}.bubble .icon{--icon-size:var(--bubble-icon-size)}.bubble--score{--bubble-position:absolute;--bubble-inset:calc((11.25rem - 3.75rem) + 1em)auto auto calc((50% - (3.75rem/2)) + 3.75rem);--bubble-color:var(--color-burgundy)}@media screen and (min-width:30em){.bubble--score{--calc:calc(var(--bubble-position-0) - var(--space-l-xl));--bubble-size:var(--space-l-xl);--bubble-inset:var(--calc)auto auto var(--calc)}}.bubble--trophy{--bubble-size:var(--space-xl-2xl);--bubble-icon-size:calc(var(--space-m-l)*1.2)}.bubble--warren{--bubble-size:var(--space-m-l);--bubble-icon-size:var(--space-s-m)}.card--winner .bubble--warren{--bubble-position:absolute;--bubble-inset:auto auto calc(var(--space-3xs-2xs)*-1)calc(var(--space-m-l)*1.6)}.bubbles,.bubbles dt{align-items:center;gap:.5em;display:flex;position:relative}.bubbles--winner{grid-template-columns:auto 1fr;display:grid}.bubbles--overlap{justify-content:center;gap:0;margin:0}.bubbles--overlap :is(.avatar,.bubble){border:solid var(--border-s)var(--color-background)}.bubbles--overlap *+*{margin-inline-start:calc(var(--space-xs-s)*-1)}.series-score{justify-self:end;align-items:center;gap:.25em;display:flex}.list-cards:not(.items0)>li+li{margin-block:var(--space-xs)0}.list-cards--grid{--list-display:grid;--columns:1fr;--min:auto;gap:var(--space-xs);grid-template-columns:var(--columns)}@media screen and (min-width:30em){.list-cards--grid{--columns:repeat(auto-fit,minmax(var(--min),1fr))}}.list--detectives{margin-block-end:var(--space-xs)}@media screen and (min-width:30em){.list--detectives{--min:8.125rem}}.list--detectives li{background-color:var(--color-brand);justify-content:center;display:flex}@media screen and (min-width:30em){.list--series{--min:12.5rem}}.details{--list-display:flex;--list-text-size:var(--step--1);flex-wrap:wrap;align-items:center;gap:.5em}.details--series{--list-display:block;--list-style:circle;padding-inline-start:var(--space-xs-s)}.details--avatar{--list-display:grid;grid-template-columns:repeat(2,auto)}.flag-live{background-color:var(--color-magenta);width:4rem;color:var(--color-white);text-align:center;text-transform:uppercase;transform-origin:100% 0;margin:0;display:inline-block;position:absolute;inset:0 auto auto -4rem;transform:rotate(270deg)}.feeds{--list-display:flex;gap:var(--space-xs);margin-block:var(--space-s);align-items:center}.feeds--article{justify-content:center}.feeds--article a:has(.icon--feed){--link-bg-color:var(--color-charcoal);padding:.5em}.metadata{--list-display:flex;--list-text-size:var(--step--2);flex-wrap:wrap;gap:.4em}.metadata li{padding:calc(var(--space-3xs)/2)var(--space-3xs);background-color:var(--color-brand);border-radius:var(--border-radius-s);color:var(--color-text-inverse);margin-block:0}.card{--card-bg-color:var(--color-lightgrey);--card-text-color:var(--color-text);background-color:var(--card-bg-color);color:var(--card-text-color);padding:var(--space-m-l);flex:1;position:relative}.card>*+*{margin-block:var(--space-2xs)0}.card>:first-child{margin-block-start:0}.card .podnum{padding:var(--space-2xs)var(--space-3xs);font-size:var(--step-0);background-color:var(--color-burgundy);border:solid var(--border-m)var(--color-white);border-bottom-left-radius:var(--border-radius-m);color:var(--color-white);border-block-start:0;border-inline-end:0;margin:0;font-weight:600;display:flex;position:absolute;top:0;right:0}.card--heading{font-size:var(--step-0)}@supports (--css:variables){.card--link:after{content:"";z-index:1;position:absolute;inset:0}}.card--episode .card--heading{margin-block-start:calc((var(--step-0)*.4)*-1);padding-inline-end:var(--space-l);line-height:1.8}:is(.card--details,.card--leaderboard){padding-block:var(--space-xs-s)}.card--details .details{padding-inline-end:1.875rem}.card--detective{--card-bg-color:var(--color-brand);--card-text-color:var(--color-white);flex-direction:column;padding:1em;display:flex}.card--detective p{margin:0}.card--detective .card--content{text-align:center;flex-direction:column;margin:0;display:flex}.card--detective .topic{font-size:calc(var(--step-0)*.9)}@media screen and (min-width:30em){.card.hero .card--heading{font-size:var(--step-2)}}.card.hero .card--content{justify-content:end}.card--leaderboard{display:grid}@media screen and (min-width:38.75em){.card--leaderboard>*{grid-area:1/1;align-self:center;margin-block:0}}.card--result{font-size:var(--step--1)}.slice{--slice-bg-color:var(--color-background);--slice-border-color:var(--color-brand);--slice-border:solid var(--border-l)var(--slice-border-color);--slice-block:var(--space-xs);padding-block:var(--slice-block);background-color:var(--slice-bg-color);border-color:var(--slice-border-color);position:relative}.slice+.slice{border-block-start:var(--slice-border)}@media screen and (forced-colors:active){.slice+.slice{border-color:canvastext}}.slice--block-zero{--slice-block:0}:is(.slice--blockend-zero,.slice--header){--slice-block:var(--space-xs)0}.slice--header{padding-block-start:0}.slice--header span{font-size:var(--step-0);justify-self:end;font-weight:400}.slice--results{--slice-border:dotted var(--border-m)var(--color-lightgrey)}accordion-group,accordion-item{display:block}accordion-item{--accordion-bg-color:var(--color-background);--accordion-border-color:var(--color-brand);--accordion-border:solid var(--border-m)var(--accordion-border-color);background-color:var(--accordion-bg-color);border-color:var(--accordion-border-color)}accordion-item [slot=accordion-heading]{width:100%}accordion-item+:is(accordion-item){border-block-start:var(--accordion-border)}@media screen and (forced-colors:active){accordion-item+:is(accordion-item){border-color:canvastext}}accordion-group accordion-item{--accordion-bg-color:var(--color-lightgrey);--accordion-border-color:var(--color-background);padding:var(--space-s)}accordion-group .card{--card-bg-color:var(--color-background)}.msg{padding-block:var(--space-xs);padding-inline:var(--space-m);border:solid .125em var(--color-gold);font-size:var(--step--1)}.msg>*{margin-block:var(--space-2xs)}.msg .msg--heading{font-size:inherit}.msg--warning .msg--heading:before{content:"⚠️";margin-inline-end:.25em;display:inline-block}.notes{border-top:dotted var(--border-m)var(--color-lightgrey);margin-block-start:var(--space-m-l);padding-block-start:var(--space-xs-s)}@media screen and (forced-colors:active){.notes{border-color:canvastext}}.notes>*{max-width:40ch;margin:0 auto;font-style:oblique}.hero{--bg-color:var(--color-brand);--grid-gap:0 2em;gap:var(--grid-gap);background-color:var(--bg-color);color:var(--color-text-inverse);grid-template-columns:auto;display:grid}.card.hero{gap:0 2em;display:grid}@media screen and (min-width:30em){.card.hero{grid-template-columns:40% 1fr}}.hero--home{--bg-color:var(--color-charcoal);--grid-gap:0 1em}.hero--home img{object-fit:cover;min-height:100%}@media screen and (min-width:21.875em){.hero--home img{max-height:var(--hero-step-0)}}@media screen and (min-width:25em){.hero--home img{max-height:var(--hero-step-1)}}@media screen and (min-width:38.75em){.hero--home{grid-template-columns:minmax(auto,300px) 1fr}.hero--home img{max-height:none}}.hero--body{align-self:center;padding:1em}.site-navigation{--close-display:none;position:relative}.site-navigation .close{display:var(--close-display);top:calc(var(--space-s-m)*-1);border-radius:50%;position:absolute;right:0}.site-navigation ul[role=list]{--list-display:flex;--list-gap:1em;display:var(--list-display);gap:var(--list-gap);flex-direction:column;padding:0}@media screen and (min-width:35em){.site-navigation ul[role=list]{--list-display:grid;--list-gap:0 1em;grid-template-columns:auto repeat(2,minmax(min-content,auto));grid-template-areas:"home search search""about series detectives"}}.site-navigation .item{margin-block:var(--space-2xs)}.site-navigation:target{scroll-margin-block-start:var(--space-l-xl)}.site-navigation:target .close{--close-display:inline-block}.item--detectives{grid-area:detectives}.item--home{grid-area:home}.item--about{grid-area:about}.item--search{grid-area:search}.item--series{grid-area:series}h1.logo{font-size:inherit;font-weight:inherit;margin-block:0}.menu-link{justify-self:end;margin:0}.menu-link a{gap:.5em;text-decoration:none;display:flex}.site-header{--text-size:var(--step--1);padding-block:var(--space-s-m);background-color:var(--color-background);box-shadow:0 0 0 var(--border-l)#fcfcfc99;font-size:var(--text-size);z-index:10;font-weight:600;position:sticky;top:0}@media screen and (min-width:30em){.site-header{--text-size:var(--step-0)}}.content--header{max-width:var(--content-maxwidth-wider);grid-template-columns:auto minmax(min-content,auto);gap:1em;display:grid}footer{color:var(--color-offwhite);background-color:var(--color-charcoal);font-size:var(--step--1);z-index:10;padding-block-start:var(--space-l-xl)}footer:has(.site-navigation:target){min-height:100dvh}.row--bottom{grid-template-columns:repeat(auto-fit,minmax(148px,1fr));justify-items:center;gap:.5em;display:grid}.row--bottom>*{margin-block-start:0}@media screen and (min-width:22.5em){.row--bottom{justify-items:start}.row--bottom :last-child{justify-self:end}}.page_404 blockquote{font-size:var(--step--1);font-style:italic}.page_404 dl{grid-template-columns:max-content 1fr;gap:.25em 1em;display:grid}.page_404 dt{justify-self:end}.page_404 cite{text-align:right;display:block}.episode--blurb{--chars:52ch;max-width:var(--chars);margin-block:var(--space-m)}.episode--blurb a{display:inline}
