.reel{display:flex;height:auto;max-inline-size:100%;margin-inline:auto;padding-block-start:.5rem;overflow-x:auto;-webkit-overflow-scrolling:touch;scroll-behavior:smooth;gap:var(--gutter, 1rem)}.reel>*{flex-basis:var(--reel-item-width, calc(33.333% - var(--gutter, 1rem)));flex-shrink:0}.reel.scrollbar{padding-block-end:var(--gutter)}.reel[data-scroll=snap]{scroll-snap-type:x mandatory}.reel[data-scroll=snap]>*{scroll-snap-align:start}.face-off__question-text{color:var(--color-text-strong);letter-spacing:var(--font-letter-spacing--1);font-weight:var(--font-weight-light);line-height:var(--font-line-height-1)}.face-off__question-header{--repel-vertical-alignment: flex-start;flex-wrap:nowrap}@media (max-width: 340px){.face-off__question-header{flex-wrap:wrap}}.face-off__next-button{appearance:none;background-color:var(--color-accent);border-radius:var(--radius-round);color:var(--color-white);font-weight:var(--font-weight-bold);text-transform:uppercase;border:none;padding-inline:var(--fluid-space-r);padding-block-start:calc(var(--fluid-space-xs)*1.75);padding-block-end:var(--fluid-space-xs);cursor:pointer;transition:all .2s ease-in-out;white-space:nowrap}.face-off__next-button:hover,.face-off__next-button:focus{background-color:var(--color-accent-200)}.face-off__next-button[disabled]{background-color:var(--color-surface-primary);color:var(--color-text-faintest);cursor:default}.face-off__answers{--reel-item-width: calc((100% - var(--fluid-gutter-full) * 10) * .4545454545 + var(--fluid-gutter-full) * 4)}.face-off__answers .face-off__vs{flex-basis:calc((100% - var(--fluid-gutter-full) * 10) * .0909090909 + var(--fluid-gutter-full) * 0);display:flex;align-items:center;justify-content:center;align-self:center}.face-off__answers .face-off__vs>div{padding:var(--fluid-space-r);padding-block-start:calc(var(--fluid-space-r)*1.3);aspect-ratio:1;background-color:var(--color-accent);border-radius:var(--radius-round);display:flex;align-items:center;justify-content:center;line-height:0;color:var(--color-white);font-weight:var(--font-weight-bold);text-transform:uppercase}.face-off__answers .face-off__vs>div>span{display:block;line-height:0;color:var(--color-white);font-weight:var(--font-weight-bold);text-transform:uppercase}@media (max-width: 1023px){.face-off__answers{--reel-item-width: calc((100% - var(--fluid-gutter-full) * 16) * .4705882353 + var(--fluid-gutter-full) * 7)}.face-off__answers .face-off__vs{flex-basis:calc((100% - var(--fluid-gutter-full) * 16) * .0588235294 + var(--fluid-gutter-full) * 0)}.face-off__answers .face-off__vs>div{padding:var(--fluid-space-s);padding-block-start:calc(var(--fluid-space-s)*1.3);font-size:var(--font-size-fluid--1)}}@media (max-width: 640px){.face-off__answers{--reel-item-width: calc((100% - var(--fluid-gutter-full) * 2) * .6666666667 + var(--fluid-gutter-full) * 1);inline-size:100vw;max-inline-size:100vw;transform:translate(calc(-1 * var(--fluid-page-margin)));padding-inline:var(--fluid-page-margin);-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.face-off__answers .face-off__vs{display:none}.face-off__answers .face-off__vs>div{padding:.5rem;padding-block-start:.65rem;font-size:var(--font-size-fluid--2)}.face-off__answers::-webkit-scrollbar{width:0;height:0;display:none}}[data-answered=true] .face-off__answers{align-items:flex-start}.face-off__credit{margin-block-start:var(--fluid-space-m)}.face-off__answer>label{position:relative;height:100%;border:none;padding:var(--fluid-space-r);padding-block-end:var(--fluid-space-m);background-color:var(--color-surface-primary);border-radius:2rem;transition:all .2s ease-in-out;color:inherit}.face-off__answer>label h3{color:inherit}.face-off__answer>label img{aspect-ratio:1}.face-off__answer:not(.answered)>label{cursor:pointer}.face-off__answer:not(.answered)>input:not(:checked)+label:not([disabled]):hover h3:before{border-color:var(--color-text-faintest);background-color:#0000}@media (hover: hover){.face-off__answer:not(.answered)>input:not(:checked)+label:not([disabled]):hover{background-color:var(--color-surface-secondary)}.face-off__answer:not(.answered)>input:not(:checked)+label:not([disabled]):hover h3{--bullet-color: var(--color-accent);color:var(--color-text-full)}.face-off__answer:not(.answered)>input:not(:checked)+label:not([disabled]):hover h3:before{border-color:var(--color-accent);background-color:var(--color-accent)}}.face-off__answer[data-popular=true]>input:checked+label{background-color:var(--color-accent)}.face-off__answer[data-popular=true]>input:checked+label h3{color:var(--color-white)}.face-off__answer[data-popular=true]>input:checked+label h3:before{border-color:var(--color-white);background-color:var(--color-white)}.face-off__answer[data-popular=false]>input:checked+label{background-color:var(--color-surface-tertiary)}.face-off__answer[data-popular=false]>input:checked+label h3{color:var(--color-text-full)}.face-off__answer[data-popular=false]>input:checked+label h3:before{border-color:var(--color-accent);background-color:var(--color-accent)}.face-off__answer.answered>input:not(:checked)+label h3:hover:before{border-color:var(--color-text-faintest);background-color:#0000}.face-off__answer .repel{--repel-vertical-alignment: baseline;--repel-space: var(--fluid-space-s)}.face-off__answer .answer-banner{display:none}.face-off__answer>input:checked+label .answer-banner{display:block;animation:answer-banner-in .3s ease-in-out;transition:opacity .3s ease-in-out;text-align:center;border-start-start-radius:2rem;border-start-end-radius:2rem;color:var(--color-text-full);margin:0}.face-off__answer>input:checked+label .answer-banner>p{font-size:var(--font-size-fluid-2-3);font-weight:var(--font-weight-book);letter-spacing:var(--font-letter-spacing--1);line-height:var(--font-line-height-0)}.face-off__answer[data-popular=true]>input:checked+label .answer-banner{color:var(--color-white)}.face-off__answer .face-off__vote-info{--space: var(--fluid-space-xs);margin-block-start:-.25rem;text-align:right;flex-grow:1}@media (max-width: 640px){.face-off__answer .face-off__vote-info{text-align:left}}.face-off__answer .face-off__vote-info p{color:var(--color-text-full);opacity:.5}.face-off__answer[data-popular=true] .face-off__vote-info p{color:var(--color-text-full)}.face-off__answer[data-popular=true]>input:checked+label .face-off__vote-info p{color:var(--color-white)}.face-off__answer[data-selected=true] .face-off__vote-info p{opacity:.75}@keyframes answer-banner-in{0%{opacity:0}to{opacity:1}}@media (max-width: 767px){.face-off__answer>label{border-radius:var(--radius-3)}.face-off__answer>label img{border-radius:var(--radius-1)}}.page-sponsor{display:block;color:var(--color-text-fainter);width:150px}.page-sponsor[data-aspect-ratio=wide],.page-sponsor[data-aspect-ratio=wide] .page-sponsor__logo{width:200px}.page-sponsor[data-aspect-ratio=tall] .page-sponsor__logo{width:104px}.page-sponsor .page-sponsor__logo{border-radius:0;opacity:.75}.page-sponsor:hover .page-sponsor__logo{opacity:1}[data-theme=dark] .page-sponsor[data-color-mode=dark]{display:block}[data-theme=dark] .page-sponsor[data-color-mode=light],[data-theme=light] .page-sponsor[data-color-mode=dark]{display:none}[data-theme=light] .page-sponsor[data-color-mode=light]{display:block}@media (prefers-color-scheme: dark){[data-theme=system] .page-sponsor[data-color-mode=dark]{display:block}[data-theme=system] .page-sponsor[data-color-mode=light]{display:none}}@media (prefers-color-scheme: light){[data-theme=system] .page-sponsor[data-color-mode=dark]{display:none}[data-theme=system] .page-sponsor[data-color-mode=light]{display:block}}.page-header{--repel-vertical-alignment: flex-start}.page-header h1{transform:translate(-.55rem)}:root{--color-accent-50: var(--color-pink-50);--color-accent-100: var(--color-pink-100);--color-accent-150: var(--color-pink-150);--color-accent-200: var(--color-pink-200);--color-accent-400: var(--color-pink-400)}.game .game-status{flex-grow:1;margin-block-end:var(--fluid-space-m)}.game .game-status>p{font-size:var(--font-size-fluid--1);font-weight:var(--font-weight-regular);letter-spacing:var(--font-letter-spacing-2);text-transform:uppercase;color:var(--color-text-faint);text-align:right}.game .game-status>p+p{margin-block-start:.5em}@media (max-width: 500px){.game .game-status>p{text-align:left}}.game .game-status__score>*:before{display:inline-block;content:"";width:1em;height:1em;border-radius:var(--radius-round);margin-inline-end:.5em;vertical-align:-1px}.game .game-status__score>*+*{margin-inline-start:1em}.game .game-status__popular-score:before{background:var(--color-pink)}.game .game-status__unpopular-score:before{background:var(--color-surface-tertiary)}