@charset "UTF-8";*{box-sizing:inherit}html{line-height:1.15;box-sizing:border-box;-webkit-text-size-adjust:100%;font-optical-sizing:auto;text-rendering:optimizeLegibility}h1,h2,h3,h4,h5,h6,p{margin:0}button,input,select,textarea,dl,dt,dd{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button{padding:0;cursor:pointer;border:none;background:none}a{text-decoration:none;color:inherit}img,picture,video,canvas,svg{display:block;max-width:100%}:root{--color-black: #000;--color-dark: #1a1a1a;--color-light: #8b8b8b;--color-white: #fff;--color-text: var(--color-white);--color-background: var(--color-black);--color-background-card: var(--color-white);--color-border: #cbcbcb;--color-background-valid: #89c87e;--color-background-invalid: #c88c7e;--color-accent: #74c3e4;--color-accent-dark: #133442;--color-accent-hover: #5898b2;--font-family-title: "Lineal", sans-serif;--font-family-text: "Open sans", sans-serif}@font-face{font-family:Lineal;src:url(/fonts/LinealVF.woff2) format("woff2-variations");font-weight:0 1500;font-style:normal}@property --color-theme{syntax: "<color>"; inherits: true; initial-value: black;}@property --color-bg-gradient{syntax: "<color>"; inherits: true; initial-value: black;}html{font-weight:400;font-style:normal;scrollbar-gutter:stable}body{font-family:var(--font-family-text);font-weight:400;font-style:normal;position:relative;display:flow-root;min-height:100svh;margin:0;color:var(--color-text);background-color:var(--color-theme, var(--color-black));font-variation-settings:"wgth" 400;--color-bg-gradient: var(--color-theme)}.content-container{position:relative;z-index:1;min-height:100svh;padding-inline:var(--site-gap)}.content-container:before{position:absolute;z-index:-1;inset:0 0 auto;width:100%;height:100svh;margin:auto;content:"";background:linear-gradient(to bottom,hsl(from var(--color-bg-gradient) h s l / 1),hsl(from var(--color-bg-gradient) h s l / .738) 19%,hsl(from var(--color-bg-gradient) h s l / .541) 34%,hsl(from var(--color-bg-gradient) h s l / .382) 47%,hsl(from var(--color-bg-gradient) h s l / .278) 56.5%,hsl(from var(--color-bg-gradient) h s l / .194) 65%,hsl(from var(--color-bg-gradient) h s l / .126) 73%,hsl(from var(--color-bg-gradient) h s l / .075) 80.2%,hsl(from var(--color-bg-gradient) h s l / .042) 86.1%,hsl(from var(--color-bg-gradient) h s l / .021) 91%,hsl(from var(--color-bg-gradient) h s l / .008) 95.2%,hsl(from var(--color-bg-gradient) h s l / .002) 98.2%,hsl(from var(--color-bg-gradient) h s l / 0))}.content-container:after{position:absolute;z-index:-2;inset:0 0 auto;width:100%;height:100vh;max-height:100%;margin:auto;content:"";animation:grain 1.5s step-end infinite;opacity:.5;background:url(/img/noise.webp) repeat;-webkit-mask-image:linear-gradient(black 30%,transparent);mask-image:linear-gradient(black 30%,transparent);animation-fill-mode:both;mix-blend-mode:screen}@keyframes grain{0%{background-position:23px -41px}5%{background-position:-38px 12px}10%{background-position:57px -29px}15%{background-position:-14px 48px}20%{background-position:39px -63px}25%{background-position:-52px 7px}30%{background-position:18px 44px}35%{background-position:-31px -19px}40%{background-position:62px 33px}45%{background-position:-47px -55px}50%{background-position:8px 61px}55%{background-position:-59px -8px}60%{background-position:35px -37px}65%{background-position:-21px 54px}70%{background-position:49px -12px}75%{background-position:-64px 27px}80%{background-position:11px -48px}85%{background-position:-43px 64px}90%{background-position:26px -6px}95%{background-position:-17px 38px}}a{transition:.4s;text-decoration:none;color:inherit}@media(hover:hover){a:hover{color:var(--color-black);background-color:var(--color-accent)}}.grid{--gap: 48px;--max-width: 1440px;display:grid;align-content:start;grid-template-columns:repeat(12,1fr);grid-auto-flow:row;column-gap:var(--gap);max-width:var(--max-width);margin-inline:auto;width:100%}@media screen and not (min-width:960px){.grid{--gap: 32px}}@media screen and not (min-width:640px){.grid{--gap: 24px}}@media screen and not (min-width:480px){.grid{--gap: 16px}}q{display:block;transition:all .3s ease-in-out}q:before{content:"“"}q:after{content:"”"}cite{font:normal 11px/100% var(--font-family-text);display:block;transition:all .3s ease-in-out;letter-spacing:20%;text-transform:uppercase;opacity:.5;font-variation-settings:"wght" 600}img.img-transition{transition:opacity .3s ease-in-out}img.img-transition:not(.loaded){opacity:0}.button{font:400 12px/24px var(--font-family-text);position:relative;z-index:1;display:block;height:fit-content;margin:auto;padding:12px 24px;transition:color .3s ease,background-color .3s ease,box-shadow .3s ease;letter-spacing:20%;text-transform:uppercase;color:var(--color-dark);border-radius:300px;outline:none;background-color:var(--color-white);box-shadow:0 8px 40px 10px #0003}.button--dark{color:var(--color-white);background-color:var(--color-dark)}.button:hover,.button:focus-visible{color:var(--color-white);background-color:var(--color-theme);box-shadow:0 16px 40px 10px #00000080}.button--dark:hover,.button--dark:focus-visible{color:var(--color-dark);background-color:var(--color-white)}@container (width < 740px){.button{padding:8px 12px}}.about-overlay{position:fixed;z-index:1000;inset:0;display:flex;align-items:center;justify-content:center;padding:16px;background-color:rgb(from var(--color-background) r g b/ calc(alpha - .7));-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.about-modal{overflow:hidden;overflow-y:auto;width:100%;max-width:600px;max-height:80vh;border-radius:16px;background-color:var(--color-dark);box-shadow:0 8px 32px #0000004d;overscroll-behavior:contain}.about-header{position:sticky;top:0;display:flex;align-items:center;justify-content:space-between;width:100%;margin:0;padding:16px;border-bottom:1px solid var(--color-border);background-color:var(--color-dark);text-box-trim:trim-both}.about-header h2{font:var(--title-s)}.close-button{position:absolute;top:0;right:4px;bottom:0;display:flex;align-items:center;justify-content:center;width:40px;height:40px;margin:auto;cursor:pointer;transition:background-color .2s;color:var(--color-text);border:none;border-radius:100%;background:none;aspect-ratio:1}.close-button:hover{background-color:var(--color-accent-hover)}.about-content{padding:32px}.about-section{margin-bottom:32px}.about-title{font:var(--title-m);margin-bottom:8px}.about-subtitle{font:var(--title-s);margin-top:16px}@media(max-width:768px){.about-overlay{padding:8px}.about-modal{max-height:90vh}.about-content{padding:16px}}.about-enter-active{transition:opacity .5s ease}.about-enter-active .about-modal{transition:opacity .5s ease,transform .5s ease}.about-leave-active{transition:opacity .5s ease}.about-leave-active .about-modal{transition:opacity .5s ease,transform .5s ease}.about-enter-from,.about-leave-to{opacity:0}.about-enter-from .about-modal,.about-leave-to .about-modal{transform:translateY(48px);opacity:0}.cookie-banner[data-v-3d5b1dd8]{position:fixed;inset:auto 16px 16px;z-index:1000;max-width:600px;border:1px solid var(--color-border);border-radius:16px;background:var(--color-dark)}.cookie-banner__title[data-v-3d5b1dd8]{font:var(--title-s);width:100%;margin:0;padding:16px;border-bottom:1px solid var(--color-border);text-box-trim:trim-both}.cookie-banner__content[data-v-3d5b1dd8]{padding:16px 16px 24px}.cookie-banner__toggle[data-v-3d5b1dd8]{padding:.25rem;cursor:pointer;transition:all .2s ease;text-decoration:underline;color:var(--color-text);border:none;border-radius:.25rem;background:none}.cookie-banner__toggle[data-v-3d5b1dd8]:hover{text-decoration:none;background:var(--color-accent-hover)}.cookie-banner__toggle-icon[data-v-3d5b1dd8]{width:1.25rem;height:1.25rem;transition:transform .2s ease}.cookie-banner__toggle-icon--rotated[data-v-3d5b1dd8]{transform:rotate(180deg)}.cookie-banner__description[data-v-3d5b1dd8]{line-height:1.5;margin:0 0 1rem}.cookie-banner__details[data-v-3d5b1dd8]{margin-bottom:24px}.cookie-banner__category[data-v-3d5b1dd8]{margin-bottom:1rem}.cookie-banner__category[data-v-3d5b1dd8]:last-child{margin-bottom:0}.cookie-banner__category-header[data-v-3d5b1dd8]{display:flex;align-items:flex-start;gap:.75rem}.cookie-banner__checkbox[data-v-3d5b1dd8]{display:flex;align-items:flex-start;width:100%;cursor:pointer;gap:.75rem}.cookie-banner__checkbox-input[data-v-3d5b1dd8]{width:20px;height:20px;accent-color:var(--color-accent)}.cookie-banner__checkbox-custom[data-v-3d5b1dd8]{position:relative;flex-shrink:0;width:1.25rem;height:1.25rem;margin-top:.125rem;transition:all .2s ease;border:2px solid #4a5568;border-radius:.25rem;background:#2a2f3e}.cookie-banner__checkbox-input:checked+.cookie-banner__checkbox-custom[data-v-3d5b1dd8]{border-color:var(--color-border)}.cookie-banner__checkbox-input:checked+.cookie-banner__checkbox-custom[data-v-3d5b1dd8]:after{position:absolute;top:-.05rem;left:.25rem;width:.5rem;height:.75rem;content:"";transform:rotate(45deg);border:solid white;border-width:0 2px 2px 0}.cookie-banner__checkbox-input:disabled+.cookie-banner__checkbox-custom[data-v-3d5b1dd8]{opacity:.6;border-color:var(--color-border);background:#4a5568}.cookie-banner__checkbox-label[data-v-3d5b1dd8]{display:flex;flex:1;flex-direction:column;gap:.25rem}.cookie-banner__checkbox-label strong[data-v-3d5b1dd8]{font-weight:600}.cookie-banner__checkbox-description[data-v-3d5b1dd8]{font-size:.875rem;line-height:1.4}.cookie-banner__actions[data-v-3d5b1dd8]{display:flex;flex-wrap:wrap;margin-bottom:1rem;gap:.75rem}.cookie-banner__button[data-v-3d5b1dd8]{font:var(--text-m);padding:8px 16px;cursor:pointer;transition:all .2s ease;color:var(--color-white);border:none;border-radius:.5rem;background:var(--color-black)}.cookie-banner__button--primary[data-v-3d5b1dd8]:hover{color:var(--color-black);background:var(--color-accent-hover)}.cookie-banner__button--secondary[data-v-3d5b1dd8]{background:var(--color-background)}.cookie-banner__button--secondary[data-v-3d5b1dd8]:hover{background:var(--color-accent-hover)}.cookie-banner__button--save[data-v-3d5b1dd8]{background:var(--color-light)}.cookie-banner__button--save[data-v-3d5b1dd8]:hover{background:var(--color-accent-hover)}.cookie-banner__footer[data-v-3d5b1dd8]{text-align:center}.cookie-banner__link[data-v-3d5b1dd8]{font:var(--text-m);transition:color .2s ease;text-decoration:none}.cookie-banner__link[data-v-3d5b1dd8]:hover{background:var(--color-accent-hover)}.cookie-modal[data-v-3d5b1dd8]{position:fixed;z-index:2000;inset:0;display:flex;align-items:center;justify-content:center;padding:1rem;background:#000000b3}.cookie-modal__content[data-v-3d5b1dd8]{overflow-y:auto;width:100%;max-width:600px;max-height:80vh;border:1px solid #3a4151;border-radius:.75rem;background:#1a1f2e}.cookie-modal__header[data-v-3d5b1dd8]{display:flex;align-items:center;justify-content:space-between;padding:1.5rem;border-bottom:1px solid #3a4151}.cookie-modal__header h3[data-v-3d5b1dd8]{font-size:1.25rem;margin:0}.cookie-modal__close[data-v-3d5b1dd8]{padding:.5rem;cursor:pointer;transition:all .2s ease;border:none;border-radius:.25rem;background:none}.cookie-modal__close[data-v-3d5b1dd8]:hover{background:#3a4151}.cookie-modal__close svg[data-v-3d5b1dd8]{width:1.25rem;height:1.25rem}.cookie-modal__body[data-v-3d5b1dd8]{line-height:1.6;padding:1.5rem}.cookie-modal__body h4[data-v-3d5b1dd8]{font-size:1.125rem;margin:1.5rem 0 .75rem}.cookie-modal__body h4[data-v-3d5b1dd8]:first-child{margin-top:0}.cookie-modal__body h5[data-v-3d5b1dd8]{font-size:1rem;margin:1rem 0 .5rem}.cookie-modal__body p[data-v-3d5b1dd8]{margin:0 0 1rem}.cookie-banner-enter-active[data-v-3d5b1dd8],.cookie-banner-leave-active[data-v-3d5b1dd8]{transition:transform .3s ease,opacity .3s ease}.cookie-banner-enter-from[data-v-3d5b1dd8],.cookie-banner-leave-to[data-v-3d5b1dd8]{transform:translateY(12px);opacity:0}.cookie-details-enter-active[data-v-3d5b1dd8],.cookie-details-leave-active[data-v-3d5b1dd8]{overflow:hidden;transition:all .3s ease}.cookie-details-enter-from[data-v-3d5b1dd8],.cookie-details-leave-to[data-v-3d5b1dd8]{max-height:0;margin-bottom:0;padding:0 1rem;opacity:0}.modal-enter-active[data-v-3d5b1dd8],.modal-leave-active[data-v-3d5b1dd8]{transition:opacity .3s ease}.modal-enter-from[data-v-3d5b1dd8],.modal-leave-to[data-v-3d5b1dd8]{opacity:0}@media(max-width:768px){.cookie-banner[data-v-3d5b1dd8]{padding:.75rem}.cookie-banner__actions[data-v-3d5b1dd8]{flex-direction:column}.cookie-banner__button[data-v-3d5b1dd8]{width:100%}.cookie-modal__content[data-v-3d5b1dd8]{max-height:calc(100vh - 2rem);margin:1rem}}.logo[data-v-db9f5605]{text-align:center;padding-block:163px 115px}@media screen and not (min-width:1920px){.logo[data-v-db9f5605]{padding-block:96px}}@media screen and not (min-width:960px){.logo[data-v-db9f5605]{padding-block:96px 64px}}@media screen and not (min-width:480px){.logo[data-v-db9f5605]{padding-block:64px 48px}}h2[data-v-db9f5605]{font:normal 148px / 100% var(--font-family-title);margin-bottom:23px;animation:1.5s ease-out logo-title-in-db9f5605 .5s;color:var(--color-text);animation-fill-mode:both;text-box:trim-both cap alphabetic;font-variation-settings:"wght" 1500}@media not (min-width:960px){h2[data-v-db9f5605]{font-size:114px}}@keyframes logo-title-in-db9f5605{0%{opacity:0;font-variation-settings:"wght" 0}to{opacity:1;font-variation-settings:"wght" 1500}}h1[data-v-db9f5605]{font:300 13px / 123% var(--font-family-text);animation:1.5s ease-out logo-subtitle-in-db9f5605 .75s;letter-spacing:24%;text-transform:uppercase;color:var(--color-text);animation-fill-mode:both}@media not (min-width:960px){h1[data-v-db9f5605]{font-size:10px}}@keyframes logo-subtitle-in-db9f5605{0%{opacity:0;letter-spacing:6%}to{opacity:1;letter-spacing:24%}}.logo[data-v-7d19aa60]{--gap: 48px;display:flex;column-gap:var(--gap)}@media screen and not (min-width:960px){.logo[data-v-7d19aa60]{--gap: 24px}}@media screen and not (min-width:640px){.logo[data-v-7d19aa60]{--gap: 16px}}@media screen and not (min-width:480px){.logo[data-v-7d19aa60]{--gap: 8px}}.logo[data-v-7d19aa60]{position:relative;align-items:center;justify-content:start;padding:0;cursor:pointer;text-align:left;color:inherit;color:var(--color-text);outline:none;margin-block:64px}@media not (min-width:640px){.logo[data-v-7d19aa60]{align-items:center;flex-direction:column;justify-content:center;gap:16px;margin-inline:auto}}.logo.logo-enter-active[data-v-7d19aa60],.logo.logo-leave-active[data-v-7d19aa60]{position:absolute;top:0;left:0}.logo:hover .logo--baseline[data-v-7d19aa60],.logo:focus-visible .logo--baseline[data-v-7d19aa60]{animation:.3s ease-out logo-subtitle-in-7d19aa60;animation-fill-mode:both}.logo:not(:hover,:focus-visible) .logo--baseline[data-v-7d19aa60]{animation:.3s ease-out logo-subtitle-out-7d19aa60;animation-fill-mode:both}.logo--main[data-v-7d19aa60]{font:normal 32px/100% var(--font-family-title);animation:1s ease-out logo-title-in-7d19aa60 .5s;animation-fill-mode:both;text-box:trim-both cap alphabetic;font-variation-settings:"wght" 1500}.logo--baseline[data-v-7d19aa60]{font:300 12px/100% var(--font-family-text);padding-top:2px;letter-spacing:24%;text-transform:uppercase;animation-fill-mode:both}@keyframes logo-title-in-7d19aa60{0%{opacity:0;letter-spacing:24%;font-variation-settings:"wght" 0}to{opacity:1;letter-spacing:0;font-variation-settings:"wght" 1500}}@keyframes logo-subtitle-in-7d19aa60{0%{opacity:0;clip-path:inset(0% 100% 0% 0%)}to{opacity:1;clip-path:inset(0% 0% 0% 0%)}}@keyframes logo-subtitle-out-7d19aa60{0%{opacity:1;clip-path:inset(0% 0% 0% 0%)}to{opacity:0;clip-path:inset(0% 100% 0% 0%)}}.site-container{display:flex;flex-direction:column;min-height:100svh;color:var(--color-text);--site-gap: 24px}@media screen and not (max-width:640px){.site-container{--site-gap: 32px}}@media screen and not (max-width:960px){.site-container{--site-gap: 48px}}@media screen and not (max-width:1280px){.site-container{--site-gap: 112px}}.site-container.admin-page{width:100%;padding-top:128px}.site-header{position:absolute;z-index:10;margin:auto;inset:0 var(--site-gap) auto}.site-baseline{font:var(--title-s);margin-bottom:1rem;text-align:center;color:var(--color-dark)}.quiz-page .site-baseline{font:var(--text-xs)}.admin-menu{position:fixed;z-index:999;display:flex;align-items:center;flex-direction:column;justify-content:center;text-align:center;border-radius:100px;gap:8px;inset:auto 8px 16px auto}.admin-menu .button{z-index:999;display:flex;align-items:center;justify-content:center;width:40px;height:40px;padding:4px;transition:all .6s ease;text-decoration:none;color:var(--color-text);border-radius:50%;background:var(--color-dark);box-shadow:0 4px 8px #0000001a}.admin-menu .button.router-link-exact-active,.admin-menu .button.router-link-active{background:var(--color-accent)}.admin-menu .button:hover{background-color:var(--color-accent-hover);box-shadow:0 8px 8px #0000004d}@media(max-width:1024px){.admin-menu{inset:auto 12px 12px auto;gap:4px}.admin-menu .button{width:30px;height:30px}}.footer-buttons{position:fixed;z-index:99;display:none;gap:8px;inset:auto auto 16px 16px}.footer-button{display:flex;align-items:center;flex:none;justify-content:center;height:40px;cursor:pointer;transition:all .6s ease;color:var(--color-text);border-radius:100px;background:var(--color-dark);box-shadow:0 8px 16px #00000040}.footer-button:hover{background-color:var(--color-accent-hover);box-shadow:0 16px 16px #00000080}.footer-button.about-button{width:fit-content;padding:0 16px}.footer-button.cookie-fab{width:40px}.logo-enter-active,.logo-leave-active{transition:opacity .3s ease}.logo-enter-from,.logo-leave-to{opacity:0}.btn-theme{--outline-radius: 12px;position:relative}.btn-theme:before{position:absolute;z-index:-1;content:"";transition:opacity .25s ease 0s,scale 1s ease 0s;pointer-events:none;opacity:0;border:1px solid var(--color-white);border-radius:var(--outline-radius);inset:-8px;scale:.9;will-change:transform}.btn-theme:active,.btn-theme:hover,.btn-theme:focus,.btn-theme:focus-visible{outline:none}.btn-theme:active:before,.btn-theme:hover:before,.btn-theme:focus:before,.btn-theme:focus-visible:before{transition-delay:.1s,0s;transition-duration:.2s,.3s;opacity:.5;scale:1}.btn-theme:hover:before{opacity:.75}.btn-theme:focus-visible:before,.btn-theme:active:before{opacity:1}.btn-theme:focus:not(:focus-visible):not(:hover):before{opacity:0}.btn-theme:active:before{opacity:1}.btn-theme{font:var(--text-m);position:relative;z-index:1;display:flex;align-items:center;flex:none;flex-direction:column;justify-content:end;width:100%;height:auto;padding:38px 38px 64px;cursor:pointer;transition:translate 1s ease,opacity 1s ease,box-shadow 1s ease;text-align:center;color:var(--color-white);box-shadow:0 20px 30px -10px #0000004d;--outline-radius: 24px;aspect-ratio:400/704;will-change:transform,box-shadow;container-type:inline-size}.btn-theme:nth-child(1){transition-delay:0s,0s,0s}.btn-theme:nth-child(2){transition-delay:.1666666667s,.1666666667s,0s}.btn-theme:nth-child(3){transition-delay:.3333333333s,.3333333333s,0s}.btn-theme:nth-child(4){transition-delay:.5s,.5s,0s}.btn-theme:nth-child(5){transition-delay:.6666666667s,.6666666667s,0s}.btn-theme:nth-child(6){transition-delay:.8333333333s,.8333333333s,0s}.btn-theme:nth-child(7){transition-delay:1s,1s,0s}.btn-theme:nth-child(8){transition-delay:1.1666666667s,1.1666666667s,0s}.btn-theme:nth-child(9){transition-delay:1.3333333333s,1.3333333333s,0s}.btn-theme:nth-child(10){transition-delay:1.5s,1.5s,0s}.btn-theme:nth-child(11){transition-delay:1.6666666667s,1.6666666667s,0s}.btn-theme:nth-child(12){transition-delay:1.8333333333s,1.8333333333s,0s}.btn-theme:nth-child(13){transition-delay:2s,2s,0s}.btn-theme:nth-child(14){transition-delay:2.1666666667s,2.1666666667s,0s}.btn-theme:nth-child(15){transition-delay:2.3333333333s,2.3333333333s,0s}.btn-theme:nth-child(16){transition-delay:2.5s,2.5s,0s}.btn-theme:nth-child(17){transition-delay:2.6666666667s,2.6666666667s,0s}.btn-theme:nth-child(18){transition-delay:2.8333333333s,2.8333333333s,0s}.btn-theme:nth-child(19){transition-delay:3s,3s,0s}.btn-theme:nth-child(20){transition-delay:3.1666666667s,3.1666666667s,0s}@media(max-width:480px){.btn-theme{padding:16px 4px;aspect-ratio:400/500}}.btn-theme:focus(:not(:focus-visible)) q{font:normal 16px/150% var(--font-family-text);text-wrap:balance;margin-block:24px 16px}@keyframes btn-border{0%{opacity:0;clip-path:polygon(0 0,0 0,50% 10%,100% 0,100% 0,100% 100%,100% 100%,50% 90%,0 100%,0 100%)}to{opacity:1;clip-path:polygon(0 0,0 0,50% 10%,100% 0,100% 0,100% 100%,100% 100%,50% 90%,0 100%,0 100%)}}.btn-theme--image{position:absolute;z-index:-1;width:100%;height:100%;margin:auto;border-radius:16px;inset:0;object-fit:cover}.btn-theme--title{font-family:var(--font-family-title);line-height:95%;text-align:center;text-transform:uppercase;text-box:trim-both cap alphabetic}[data-theme=romance] .btn-theme--title{font-size:22cqw;word-break:break-all;font-variation-settings:"wght" 1500}[data-theme=sciencefiction] .btn-theme--title{font-size:30cqw;font-variation-settings:"wght" 0}[data-theme=superhero] .btn-theme--title{font-size:37.4cqw;font-variation-settings:"wght" 1000}[data-theme=horror] .btn-theme--title{font-size:28.4cqw;font-variation-settings:"wght" 0}[data-theme=action] .btn-theme--title{font-size:30.25cqw;font-variation-settings:"wght" 1000}[data-theme=animation] .btn-theme--title{font-size:35.5cqw;font-variation-settings:"wght" 0}[data-theme=comedy] .btn-theme--title{font-size:27.8cqw;font-variation-settings:"wght" 1000}[data-theme=drama] .btn-theme--title{font-size:34cqw;font-variation-settings:"wght" 1500}[data-theme=fantasy] .btn-theme--title{font-size:20cqw;font-variation-settings:"wght" 0}.quiz-theme-selector{position:relative;padding-top:416px;background-color:var(--color-black);container-type:inline-size;--color-bg-gradient: var(--color-black);--color-theme: var(--color-black)}.quiz-theme-selector:before{z-index:-3}@media screen and not (min-width:1920px){.quiz-theme-selector{padding-top:320px}}@media screen and not (min-width:960px){.quiz-theme-selector{padding-top:280px}}@media screen and not (min-width:480px){.quiz-theme-selector{padding-top:224px}}.quiz-description{font:normal 40px/120% var(--font-family-title);max-width:960px;text-align:center;text-wrap:pretty;font-variation-settings:"wght" 0;margin-inline:auto;grid-column:4/-4}@media screen and not (min-width:1650px){.quiz-description{grid-column:3/-3}}@media screen and not (min-width:960px){.quiz-description{font-size:30px;grid-column:2/-2}}@media screen and not (min-width:480px){.quiz-description{font-size:24px;grid-column:1/-1}}.quiz-description strong{font-variation-settings:"wght" 1200}.theme-title{font:normal 24.69cqw/100% var(--font-family-title);position:absolute;z-index:-2;width:fit-content;-webkit-user-select:none;user-select:none;animation:theme-title-animation linear;text-align:center;pointer-events:none;opacity:.06;color:var(--color-white);grid-column:1/-1;margin-inline:auto;text-box:trim-both cap alphabetic;inset:0 0 auto;font-variation-settings:"wght" 0;animation-fill-mode:both;animation-timeline:view(block 0% 0%);translate:0 -60%}@keyframes theme-title-animation{0%{transform:translateY(25%)}to{transform:translateY(-25%)}}.theme-selector-wrapper{position:relative;z-index:10;display:grid;width:100%;margin:243px auto 120px;transition:opacity .5s ease-out;grid-column:1/-1;gap:inherit;row-gap:var(--gap);container-type:inline-size}.pages-enter-active .theme-selector-wrapper{opacity:0}.pages-enter-active .theme-selector-wrapper .btn-theme,.pages-enter-active .theme-selector-wrapper .theme-selector-random{opacity:0;translate:0 20%}@media screen and not (min-width:1920px){.theme-selector-wrapper{margin-block:128px}}@media screen and not (min-width:960px){.theme-selector-wrapper{margin-block:96px}}@media screen and not (min-width:480px){.theme-selector-wrapper{margin--block:80px 48px}}@container (480px < width < 960px){.theme-selector-wrapper{grid-template-columns:repeat(2,1fr)}.theme-selector-wrapper .theme-selector-random{animation-name:btn-animation-1}.theme-selector-wrapper .btn-theme:nth-of-type(2n+2){animation:btn-animation-1 linear;animation-fill-mode:both;animation-timeline:scroll(nearest)}}@container (width >= 960px){.theme-selector-wrapper{grid-template-columns:repeat(3,1fr)}.theme-selector-wrapper .theme-selector-random{animation-name:btn-animation-3}.theme-selector-wrapper .btn-theme:nth-of-type(3n+2){animation:btn-animation-2 linear;animation-fill-mode:both;animation-timeline:scroll(nearest)}.theme-selector-wrapper .btn-theme:nth-of-type(3n+3){animation:btn-animation-3 linear;animation-fill-mode:both;animation-timeline:scroll(nearest)}}.theme-selector-random{font:400 20px/24px var(--font-family-text);display:flex;align-items:center;flex-direction:column;width:100%;transition:translate 1s ease,color .3s ease;text-align:center;color:var(--color-light);gap:12px;grid-row:1}.theme-selector-random:has(.theme-selector-random--button:hover,.theme-selector-random--button:focus,.theme-selector-random--button:focus-visible){color:var(--color-light)}.theme-selector-random:has(.theme-selector-random--button:hover,.theme-selector-random--button:focus,.theme-selector-random--button:focus-visible) .quote q,.theme-selector-random:has(.theme-selector-random--button:hover,.theme-selector-random--button:focus,.theme-selector-random--button:focus-visible) .quote cite{opacity:1}.theme-selector-random .quote q{font:400 20px/28px var(--font-family-text)}@container (480px < width < 960px){.theme-selector-random{grid-column:2}}@container (width >= 960px){.theme-selector-random{grid-column:3}}@container (width > 480px){.theme-selector-random{position:absolute;top:0;right:0;animation-timing-function:linear;animation-fill-mode:both;animation-timeline:scroll(nearest);padding-bottom:58px;translate:0 -100%}}@container (width < 480px){.theme-selector-random{margin-bottom:24px}}@container (width < 740px){.theme-selector-random{font:400 14px/20px var(--font-family-text);gap:12px}}@container (width < 960px){.theme-selector-random .quote q{font:400 16px/24px var(--font-family-text)}}.theme-selector-random cite{margin-block:16px}.theme-selector-all{font:400 20px/24px var(--font-family-text);display:flex;align-items:center;flex-direction:column;width:100%;transition:translate 1s ease,color .3s ease;text-align:center;color:var(--color-light);gap:12px;grid-row:1}.theme-selector-all:has(.theme-selector-all--button:hover,.theme-selector-all--button:focus,.theme-selector-all--button:focus-visible){color:var(--color-light)}.theme-selector-all:has(.theme-selector-all--button:hover,.theme-selector-all--button:focus,.theme-selector-all--button:focus-visible) .quote q,.theme-selector-all:has(.theme-selector-all--button:hover,.theme-selector-all--button:focus,.theme-selector-all--button:focus-visible) .quote cite{opacity:1}.theme-selector-all .quote q{font:400 20px/28px var(--font-family-text)}@container (480px < width < 960px){.theme-selector-all{grid-column:1}}@container (width >= 960px){.theme-selector-all{grid-column:1}}@container (width > 480px){.theme-selector-all{position:absolute;top:0;left:0;animation-timing-function:linear;animation-fill-mode:both;animation-timeline:scroll(nearest);padding-bottom:58px;translate:0 -100%}}@container (480px < width < 960px){.theme-selector-all{animation-name:btn-animation-1}}@container (width >= 960px){.theme-selector-all{animation-name:btn-animation-3}}@container (width < 480px){.theme-selector-all{margin-bottom:24px}}@container (width < 740px){.theme-selector-all{font:400 14px/20px var(--font-family-text);gap:12px}}@container (width < 960px){.theme-selector-all .quote q{font:400 16px/24px var(--font-family-text)}}.theme-selector-all cite{margin-block:16px}.theme-selector-quote{display:grid;grid-column:2/-2;grid-template-columns:subgrid}.theme-selector-quote q{font:normal 120px/100% var(--font-family-title);font-size:clamp(30px,13cqw,120px);display:block;margin-bottom:40px;text-wrap:pretty;font-variation-settings:"wght" 300;grid-column:1/-1}.theme-selector-quote cite{grid-column:2/-1}.theme-selector-stats{display:grid;width:fit-content;margin:162px auto 400px;text-align:center;color:var(--color-white);grid-column:1/-1;grid-auto-flow:column;gap:128px}.theme-selector-stat{display:flex;flex-direction:column;gap:16px}.theme-selector-stat .value{font:normal 80px/100% var(--font-family-title);font-variation-settings:"wght" 1500}.theme-selector-stat .label{font:normal 16px/150% var(--font-family-text);order:2;letter-spacing:20%;text-transform:uppercase}:root{--quiz-theme-selector-button-offset-s: 196px;--quiz-theme-selector-button-offset-l: 392px}@media not (min-width:1920px){:root{--quiz-theme-selector-button-offset-s: 176px;--quiz-theme-selector-button-offset-l: 352px}}@keyframes btn-animation-1{0%{transform:translateY(var(--quiz-theme-selector-button-offset-s))}to{transform:translateY(calc(-1 * var(--quiz-theme-selector-button-offset-s)))}}@keyframes btn-animation-2{0%{transform:translateY(var(--quiz-theme-selector-button-offset-s))}to{transform:translateY(calc(-1 * var(--quiz-theme-selector-button-offset-s)))}}@keyframes btn-animation-3{0%{transform:translateY(var(--quiz-theme-selector-button-offset-l))}to{transform:translateY(calc(-1 * var(--quiz-theme-selector-button-offset-l)))}}.intro-btn{--outline-radius: 12px;position:relative}.intro-btn:before{position:absolute;z-index:-1;content:"";transition:opacity .25s ease 0s,scale 1s ease 0s;pointer-events:none;opacity:0;border:1px solid var(--color-white);border-radius:var(--outline-radius);inset:-8px;scale:.9;will-change:transform}.intro-btn:active,.intro-btn:hover,.intro-btn:focus,.intro-btn:focus-visible{outline:none}.intro-btn:active:before,.intro-btn:hover:before,.intro-btn:focus:before,.intro-btn:focus-visible:before{transition-delay:.1s,0s;transition-duration:.2s,.3s;opacity:.5;scale:1}.intro-btn:hover:before{opacity:.75}.intro-btn:focus-visible:before,.intro-btn:active:before{opacity:1}.intro-btn:focus:not(:focus-visible):not(:hover):before{opacity:0}.intro-btn:active:before{opacity:1}.intro-btn{display:grid;flex:none;width:100%;height:auto;padding:6px 64px;cursor:pointer;text-align:left;color:var(--color-text);border-radius:8px;background:var(--color-theme);box-shadow:0 20px 30px -10px #0000004d;--outline-radius: 12px;grid-template-columns:128px 1fr;gap:16px 65px;will-change:transform,box-shadow}@container (520px > width){.intro-btn{gap:16px 32px;padding:6px 16px;grid-template-columns:96px 1fr}}.intro-btn svg{width:128px;height:128px;grid-column:1;margin-inline:auto;grid-row:1/span 2}.intro-btn--title{font:normal 24px/100% var(--font-family-title);align-self:end;letter-spacing:8%;text-transform:uppercase;font-variation-settings:"wght" 1500;grid-column:2;grid-row:1;text-box:trim-both cap alphabetic}.intro-btn--description{font:normal 14px/100% var(--font-family-text);opacity:.5;font-variation-settings:"wght" 400;grid-column:2;grid-row:2;text-box:trim-both cap alphabetic}.tick[data-v-6c050b99]{animation:toggle-6c050b99 8s linear infinite 0s;stroke-opacity:0}.tick[data-v-6c050b99]:nth-of-type(1){animation-delay:0s}.tick[data-v-6c050b99]:nth-of-type(2){animation-delay:2s}.tick[data-v-6c050b99]:nth-of-type(3){animation-delay:4s}.tick[data-v-6c050b99]:nth-of-type(4){animation-delay:6s}@keyframes toggle-6c050b99{0%,to{stroke-opacity:0}20%{stroke-opacity:0}25%{stroke-opacity:1}40%{stroke-opacity:1}45%{stroke-opacity:0}}.cursor[data-v-26c4af49]{animation:cursor-pulse-26c4af49 .8s steps(1) infinite}@keyframes cursor-pulse-26c4af49{0%,to{stroke-opacity:.7}50%{stroke-opacity:.1}}.quiz-mode-selector{padding-top:280px;--color-bg-gradient: var(--color-black)}.quiz-mode-selector__inner{grid-column:4/-4;container-type:inline-size}@media not (min-width:1280px){.quiz-mode-selector__inner{grid-column:3/-3}}@media not (min-width:960px){.quiz-mode-selector__inner{grid-column:2/-2}}@media not (min-width:640px){.quiz-mode-selector__inner{grid-column:1/-1}}@media not (max-width:1280px){.quiz-mode-selector__inner{grid-column:3/-3}}@media not (max-width:1500px){.quiz-mode-selector__inner{grid-column:4/-4}}.selector-title{font:normal 14px/150% var(--font-family-text);margin-bottom:28px;letter-spacing:.2em;text-transform:uppercase}@media not (min-width:640px){.selector-title{text-align:center}}.selector-buttons{display:flex;flex-direction:column;gap:24px}svg[data-v-381488a6]{overflow:visible;width:95px}.pop[data-v-381488a6]{animation:pop-381488a6 10s linear infinite 0s;transform-box:content-box}.pop--1[data-v-381488a6]{animation-duration:12s;animation-delay:5s}.pop--2[data-v-381488a6]{animation-duration:13s;animation-delay:2s}@keyframes pop-381488a6{0%,to{translate:-1px 0;rotate:-3deg}1%{translate:-1px 0;rotate:-3deg;animation-timing-function:ease-out}2%{translate:1px -3px;rotate:3deg;animation-timing-function:linear}3%{translate:1px 0;rotate:3deg;animation-timing-function:ease-in}50%{translate:1px 0;rotate:3deg;animation-timing-function:ease-out}51%{translate:-1px -7px;rotate:-3deg;animation-timing-function:linear}52%{animation-timing-function:ease-in;rotate:-3deg;translate:-1px 0}}svg[data-v-6bd2268f]{width:83px}.pixel[data-v-6bd2268f]{animation:pixel-6bd2268f 6s ease-in-out infinite 0s;fill-opacity:0}.pixel[data-v-6bd2268f]:nth-of-type(1){animation-delay:0s}.pixel[data-v-6bd2268f]:nth-of-type(2){animation-duration:7s;animation-delay:2s}.pixel[data-v-6bd2268f]:nth-of-type(3){animation-duration:11s;animation-delay:4s}.pixel[data-v-6bd2268f]:nth-of-type(4){animation-duration:5s;animation-delay:6s}.pixel[data-v-6bd2268f]:nth-of-type(5){animation-duration:6s;animation-delay:8s}.pixel[data-v-6bd2268f]:nth-of-type(6){animation-duration:7s;animation-delay:10s}.pixel[data-v-6bd2268f]:nth-of-type(7){animation-duration:4s;animation-delay:12s}@keyframes pixel-6bd2268f{0%,to{fill-opacity:0}20%{fill-opacity:0}40%{fill-opacity:1}60%{fill-opacity:1}80%{fill-opacity:0}}.movie-card{flex:none;width:100%;transition:all .5s ease;border-radius:8px;container:movie-card / inline-size}.movie-card--inner{width:100%;border-radius:16px;background:var(--color-theme, var(--color-black));box-shadow:0 16px 80px 20px #0003}@container (width >= 480px){.movie-card--inner{display:grid;align-items:center;grid-template-columns:auto 1fr;padding:32px;gap:32px}}@container (width >= 640px){.movie-card--inner{padding:48px 64px;gap:64px}}@container (width < 480px){.movie-card--inner{display:flex;flex-direction:column;gap:16px;padding:32px}}.movie-poster{width:100%;max-width:192px;height:auto;grid-column:1;grid-row:1;aspect-ratio:208/312}.movie-poster img{width:100%;height:100%;border-radius:8px;box-shadow:0 8px 40px 10px #0003;object-fit:cover}@container (width < 480px){.movie-poster{max-width:none}}.movie-title{font:var(--title-m);text-wrap:balance;margin-block:16px 8px}.movie-info-meta{display:flex;flex-direction:column;gap:12px}.movie-info-meta-item .label{font:normal 11px/20px var(--font-family-text);letter-spacing:20%;text-transform:uppercase;opacity:.5;font-variation-settings:"wght" 600}.movie-info-meta-item .value{font:normal 20px/28px var(--font-family-text);font-variation-settings:"wght" 300}.movie-info-meta-item:last-child{border-bottom:none}.track-status{position:relative;z-index:2;align-self:end;width:fit-content;padding:4px 16px;border-radius:100px;background:var(--color-theme);box-shadow:0 4px 20px 10px #00000026;justify-self:center;grid-column:1;grid-row:1;translate:0 50%}.movie-card.not-found .movie-poster{opacity:.4;filter:grayscale(1)}.step-indicator{position:fixed;z-index:40;display:flex;align-items:end;align-self:end;flex-wrap:wrap;justify-content:center;width:fit-content;height:fit-content;margin:auto;padding:12px 24px;border-radius:100px;background:var(--color-theme);box-shadow:0 16px 80px 20px #0003;inset:auto 0 64px;grid-column:1/-1;gap:32px}@media not (min-width:960px){.step-indicator{gap:24px}}@media not (min-width:640px){.step-indicator{gap:8px}.step-indicator .step{font-size:12px;width:28px;height:28px}}.step{font:normal 18px/100% var(--font-family-title);position:relative;display:flex;align-items:center;flex-shrink:0;justify-content:center;width:40px;height:40px;transition:all .3s ease-in-out;border:1px solid transparent;border-radius:50%;font-variation-settings:"wght" 1500;aspect-ratio:1}.step:after{position:absolute;width:25px;height:2px;margin:auto;content:"";transition:scale .3s ease-in-out;background:currentColor;inset:0;rotate:45deg;scale:0}.step span{text-box:trim-both text alphabetic}.step.step--interactive{cursor:pointer}.step.step--interactive:hover,.step.step--interactive:focus-visible,.step.step--interactive:active{border-color:rgb(from currentColor r g b/.5)}.step--pending{opacity:.5;font-variation-settings:"wght" 0}.step--missed:after{scale:1}.step--current{border-color:currentColor}.step--active{color:var(--color-background);border-color:currentColor;background-color:currentColor}.slider-outer{overflow-x:clip;width:100vw;margin-inline:calc(50% - 50vw);padding-inline:var(--site-gap);grid-column:1/-1}.slider-wrapper{--gap: 48px;--max-width: 1440px;display:grid;align-content:start;grid-template-columns:repeat(12,1fr);grid-auto-flow:row;column-gap:var(--gap);max-width:var(--max-width);margin-inline:auto;width:100%}@media screen and not (min-width:960px){.slider-wrapper{--gap: 32px}}@media screen and not (min-width:640px){.slider-wrapper{--gap: 24px}}@media screen and not (min-width:480px){.slider-wrapper{--gap: 16px}}.slider-inner{margin:0;background-color:var(--color-background-dark);gap:var(--gap);grid-column:3/-3}@media screen and not (min-width:960px){.slider-inner{grid-column:2/-2}}@media screen and not (min-width:480px){.slider-inner{grid-column:2/-2;gap:8px}}.slider{display:flex;align-items:stretch;flex-direction:row;justify-content:start;width:calc((100% + var(--items-gap)) * var(--num-items, 1));gap:var(--items-gap)}.slider>*{width:calc(100% / var(--num-items, 1))}.slider .summary-card{height:auto}.slider .movie-card,.slider .movie-card--inner{height:100%}.quiz-summary--inner{--gap: 48px;--max-width: 1440px;display:grid;align-content:start;grid-template-columns:repeat(12,1fr);grid-auto-flow:row;column-gap:var(--gap);max-width:var(--max-width);margin-inline:auto;width:100%}@media screen and not (min-width:960px){.quiz-summary--inner{--gap: 32px}}@media screen and not (min-width:640px){.quiz-summary--inner{--gap: 24px}}@media screen and not (min-width:480px){.quiz-summary--inner{--gap: 16px}}.quiz-summary--inner{position:relative;z-index:1;padding-bottom:176px}.summary-theme{font:normal 10cqw/100% var(--font-family-title);position:absolute;z-index:-1;width:fit-content;height:fit-content;margin:auto;text-align:center;text-transform:uppercase;opacity:.04;inset:10% 0 auto;text-box:trim-both cap alphabetic}.summary-theme[data-theme=romance]{font-size:12cqw;word-break:break-all;font-variation-settings:"wght" 1500}.summary-theme[data-theme=sciencefiction]{font-size:20cqw;font-variation-settings:"wght" 0}.summary-theme[data-theme=superhero]{font-size:27.4cqw;font-variation-settings:"wght" 1000}.summary-theme[data-theme=horror]{font-size:18.4cqw;font-variation-settings:"wght" 0}.summary-theme[data-theme=action]{font-size:20.25cqw;font-variation-settings:"wght" 1000}.summary-theme[data-theme=animation]{font-size:25.5cqw;font-variation-settings:"wght" 0}.summary-theme[data-theme=comedy]{font-size:17.8cqw;font-variation-settings:"wght" 1000}.summary-theme[data-theme=drama]{font-size:24cqw;font-variation-settings:"wght" 1500}.summary-theme[data-theme=fantasy]{font-size:12cqw;font-variation-settings:"wght" 0}.summary-stats{font:normal 16px/150% var(--font-family-text);position:relative;display:flex;align-items:center;justify-content:center;padding-top:178px;text-align:center;letter-spacing:20%;text-transform:uppercase;font-variation-settings:"wght" 600;grid-column:2/-2;text-box:trim-both cap alphabetic}.quote{margin-top:56px;text-align:center;grid-column:1/-1}.quote q{font:normal 24px/150% var(--font-family-title);opacity:.5;font-variation-settings:"wght" 300}.summary-correct-answers{font:normal 80px/100% var(--font-family-title);letter-spacing:0;text-transform:uppercase;font-variation-settings:"wght" 1500;margin-inline:16px;text-box:trim-both cap alphabetic}.summary-content{position:relative;display:grid;grid-column:1/-1;grid-template-columns:subgrid}.restart-wrapper{position:absolute;z-index:1;display:flex;align-items:center;justify-content:center;margin:36px auto 0;inset:0;grid-column:1/-1;gap:var(--gap)}@media not (min-width:480px){.restart-wrapper{flex-direction:column}}.restart-wrapper .replay-btn,.restart-wrapper .restart-btn{margin:0}.restart-wrapper .replay-btn{color:var(--color-white);background-color:var(--color-theme)}.movies-wrapper{position:relative;z-index:2;margin-top:46px;pointer-events:none;grid-column:1/-1}.movies-wrapper .slider-inner{--items-gap: var(--site-gap)}.movies-wrapper .summary-card{position:relative;pointer-events:auto}.movies-wrapper .summary-card--empty{pointer-events:none}.input-container[data-v-3588ec76]{margin-top:136px;grid-column:3/-3}@media(max-width:1280px){.input-container[data-v-3588ec76]{margin-top:64px}}@media(max-width:960px){.input-container[data-v-3588ec76]{margin-top:56px;grid-column:2/-2}}@media(max-width:640px){.input-container[data-v-3588ec76]{grid-template-columns:repeat(2,1fr);grid-column:1/-1}}@media(max-width:480px){.input-container[data-v-3588ec76]{margin-top:32px}}.quiz-input--wrapper[data-v-3588ec76]{position:relative}.quiz-input--wrapper .submit[data-v-3588ec76]{position:absolute;margin:auto;transition:opacity .3s ease-in-out;opacity:.3}.quiz-input--wrapper .submit[data-v-3588ec76]:hover,.quiz-input--wrapper .submit[data-v-3588ec76]:focus-visible,.quiz-input--wrapper .submit[data-v-3588ec76]:active{opacity:1}.quiz-input--wrapper .submit svg[data-v-3588ec76]{width:100%;height:100%}@media(min-width:640px){.quiz-input--wrapper .submit[data-v-3588ec76]{width:72px;height:72px;padding:24px;inset:1px 17px 1px auto}}@media not (min-width:640px){.quiz-input--wrapper .submit[data-v-3588ec76]{width:48px;height:48px;padding:12px;inset:auto 1px 8px auto}}.quiz-input[data-v-3588ec76]{font:normal var(--font-size, 70px)/80px var(--font-family-text);display:block;overflow:hidden;width:100%;height:144px;padding:32px 88px 32px 64px;resize:none;text-align:left;color:var(--color-white);border:1px solid var(--color-white);border-radius:16px;outline:none;background:rgb(from var(--color-theme) r g b/.7);font-variation-settings:"wght" 300}@media(min-width:640px){.quiz-input[data-v-3588ec76]{white-space:nowrap}}@media not (min-width:640px){.quiz-input[data-v-3588ec76]{font:normal 20px/150% var(--font-family-text);overflow-y:auto;height:auto;min-height:62px;padding:16px 48px 16px 16px;white-space:normal;field-sizing:content}}.quiz-input[data-v-3588ec76]::placeholder{color:rgb(from var(--color-white) r g b/.2)}.quiz-input[data-v-3588ec76]:disabled{color:#aaa}.quiz-input[data-v-3588ec76]:focus-visible{border-color:var(--color-border)}.quiz-input.shake[data-v-3588ec76]{animation:shake-3588ec76 .6s ease-in-out;border-color:#f44}@keyframes shake-3588ec76{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-8px)}20%,40%,60%,80%{transform:translate(8px)}}.similarity-info[data-v-3588ec76]{font:normal 16px/20px var(--font-family-text);width:fit-content;padding:8px 24px;transition:all .3s ease;text-align:center;color:var(--color-black);border-radius:100px;font-variation-settings:"wght" 400;translate:0 -50%;margin-inline:auto;text-box:trim-both}.similarity-info.similarity-low[data-v-3588ec76]{background-color:#982d5d}.similarity-info.similarity-medium[data-v-3588ec76]{background-color:#fc4}.similarity-info.similarity-high[data-v-3588ec76]{color:#309d7e}.similarity-info[data-v-3588ec76]:empty{display:none}.movie-choice[data-v-58c35536]{--outline-radius: 12px;position:relative}.movie-choice[data-v-58c35536]:before{position:absolute;z-index:-1;content:"";transition:opacity .25s ease 0s,scale 1s ease 0s;pointer-events:none;opacity:0;border:1px solid var(--color-white);border-radius:var(--outline-radius);inset:-8px;scale:.9;will-change:transform}.movie-choice[data-v-58c35536]:active,.movie-choice[data-v-58c35536]:hover,.movie-choice[data-v-58c35536]:focus,.movie-choice[data-v-58c35536]:focus-visible{outline:none}.movie-choice[data-v-58c35536]:active:before,.movie-choice[data-v-58c35536]:hover:before,.movie-choice[data-v-58c35536]:focus:before,.movie-choice[data-v-58c35536]:focus-visible:before{transition-delay:.1s,0s;transition-duration:.2s,.3s;opacity:.5;scale:1}.movie-choice[data-v-58c35536]:hover:before{opacity:.75}.movie-choice[data-v-58c35536]:focus-visible:before,.movie-choice[data-v-58c35536]:active:before{opacity:1}.movie-choice[data-v-58c35536]:focus:not(:focus-visible):not(:hover):before{opacity:0}.movie-choice[data-v-58c35536]:active:before{opacity:1}.movie-choice[data-v-58c35536]{border-radius:8px;background:var(--color-theme)}.movie-poster[data-v-58c35536]{max-width:none}.loading-choices[data-v-fb10a242]{font-size:18px;margin:32px 0;text-align:center;color:var(--color-text-secondary)}.mcq-grid[data-v-fb10a242]{display:grid;margin-top:136px;grid-column:3/-3;grid-template-columns:repeat(4,1fr);gap:var(--gap)}@media(max-width:1280px){.mcq-grid[data-v-fb10a242]{margin-top:64px}}@media(max-width:960px){.mcq-grid[data-v-fb10a242]{margin-top:56px;grid-column:2/-2}}@media(max-width:640px){.mcq-grid[data-v-fb10a242]{grid-template-columns:repeat(2,1fr);grid-column:1/-1}}@media(max-width:480px){.mcq-grid[data-v-fb10a242]{margin-top:32px}}.track-info{font:normal 20px/140% var(--font-family-text);display:flex;align-items:baseline;flex-direction:column;justify-content:start;margin-bottom:48px;text-align:left;font-variation-settings:"wght" 400;grid-column:1/-1}.track-info .label{font:normal 11px/150% var(--font-family-text);flex:none;margin-right:16px;margin-bottom:8px;letter-spacing:20%;text-transform:uppercase;opacity:.5;font-variation-settings:"wght" 600}.track-title{flex:0 1 auto}.track-artist,.track-composer{font-size:16px;flex:none;font-variation-settings:"wght" 400}.quiz-step-result{position:relative;display:grid;margin-top:48px;grid-column:3/-3;grid-template-columns:subgrid;gap:0 var(--gap)}.quiz-step-result .step-results-wrapper{grid-column:1/-1}.quiz-step-result .step-results-wrapper .slider-inner{--items-gap: var(--site-gap)}@media(max-width:960px){.quiz-step-result{grid-column:2/-2}}@media(max-width:640px){.quiz-step-result{grid-template-columns:repeat(2,1fr);grid-column:1/-1}.quiz-step-result .slider{gap:16px}}.quiz-step-result>.movie-card{grid-column:1/-1}.button-next{position:absolute;top:0;right:0;bottom:0}.step-results-type{position:relative;text-align:center;grid-column:1/-1}.step-results-type span{font:normal 12px/200% var(--font-family-text);position:absolute;inset:0;display:block;width:fit-content;height:fit-content;margin:auto;padding:4px 12px;border-radius:100px}.step-results-type.step-results-type--wrong span{background:red}.step-results-type.step-results-type--correct span{background:green}.step-results-type.step-results-type--timeout span{background:red}.quiz-play-wrapper{flex:auto;padding-block:176px 196px;grid-template-rows:auto auto 1fr}.quiz-play-header{position:relative;display:flex;align-items:start;justify-content:space-between;gap:inherit;grid-column:3/-3}@media(max-width:960px){.quiz-play-header{grid-column:2/-2}}@media(max-width:640px){.quiz-play-header{grid-column:1/-1}}.current-step-container{position:relative;z-index:10;display:grid;align-items:start;grid-template-columns:subgrid;grid-column:1/-1}.quiz-theme-title{font:normal 56px/100% var(--font-family-title);text-transform:uppercase;grid-column:1/span 5;text-box:trim-both cap alphabetic}@media not (min-width:960px){.quiz-theme-title{font-size:32px}}@media not (min-width:640px){.quiz-theme-title{font-size:24px}}.quiz-theme-title[data-theme=romance]{font-variation-settings:"wght" 1500}.quiz-theme-title[data-theme=sciencefiction]{font-variation-settings:"wght" 0}.quiz-theme-title[data-theme=superhero]{font-variation-settings:"wght" 1000}.quiz-theme-title[data-theme=horror]{font-variation-settings:"wght" 0}.quiz-theme-title[data-theme=action] .quiz-theme-title{font-variation-settings:"wght" 1000}.quiz-theme-title[data-theme=animation] .quiz-theme-title{font-variation-settings:"wght" 0}.quiz-theme-title[data-theme=comedy]{font-variation-settings:"wght" 1000}.quiz-theme-title[data-theme=drama]{font-variation-settings:"wght" 1500}.quiz-theme-title[data-theme=fantasy]{font-variation-settings:"wght" 0}.quiz-progress{font:normal 56px/100% var(--font-family-title);position:absolute;top:0;right:0;bottom:0;display:flex;align-items:baseline;height:fit-content;margin:auto;text-align:right;font-variation-settings:"wght" 900;grid-column:6/-1;text-box:trim-both cap alphabetic}@media not (min-width:960px){.quiz-progress{font-size:32px}}@media not (min-width:640px){.quiz-progress{font-size:24px}}.quiz-progress-unit{font-size:24px;margin-left:8px;font-variation-settings:"wght" 1500}.step-enter-active{position:absolute;inset:0 0 auto}.step-enter-active,.step-leave-active{transition:opacity .3s ease-in-out}.step-enter-to,.step-leave-from{opacity:1}.step-enter-from,.step-leave-to{opacity:0}.quiz-theme-background{position:fixed;inset:0;z-index:-3;width:100%;height:100%;opacity:0;background-color:var(--color-theme, var(--color-black));object-fit:cover;object-position:top}.quiz-theme-background.loaded{animation:6s ease-out appear 1s;animation-fill-mode:both}@keyframes appear{0%{opacity:0}to{opacity:.45}}.quiz-header{position:relative;display:flex;align-items:center;flex-direction:column;gap:48px}.quiz-container{position:relative;display:flex;flex:1;flex-direction:column;justify-content:flex-start}.quiz-container.loading{font-size:20px;margin-top:80px}body:has(.pages-enter-active){height:200vh}.pages-enter-active{position:fixed;inset:0 0 auto}html:has(.pages-enter-active) body.theme-selector{overflow-y:hidden;height:100vh}.pages-enter-active,.pages-leave-active{transition:opacity .3s ease}.pages-enter-to,.pages-leave-from{opacity:1}.pages-enter-from,.pages-leave-to{opacity:0}.view-movies-container[data-v-f5616be9]{max-width:960px;padding:20px;margin-inline:auto}.view-movies-container h1[data-v-f5616be9]{font:var(--title-m);margin-bottom:16px}.view-movies-container a[data-v-f5616be9]{color:var(--color-dark)}.view-movies-container a[data-v-f5616be9]:hover{color:var(--color-black)}.movies-list[data-v-f5616be9]{display:flex;flex-direction:column;padding:0;list-style:none;counter-reset:moviesCounter;gap:4px}.movies-item[data-v-f5616be9]{counter-increment:moviesCounter}.movies-item a[data-v-f5616be9]{display:flex;align-items:center;justify-content:left;padding:8px 32px 8px 8px;color:var(--color-white);border-radius:8px;background:var(--color-dark);gap:8px}.movies-item a[data-v-f5616be9]:hover{color:var(--color-white);background-color:var(--color-accent-dark)}.movies-item a[data-v-f5616be9]:before{font:var(--text-s);display:flex;align-items:center;flex:none;justify-content:center;width:40px;height:40px;content:counter(moviesCounter);color:inherit;border:1px solid rgb(from currentColor r g b / calc(alpha - .7));border-radius:100%}.movies-item a .movie-music-count[data-v-f5616be9]{margin-left:auto}.view-movies-header[data-v-f5616be9]{display:flex;align-items:flex-start;align-items:end;flex-wrap:wrap;margin-bottom:16px;gap:16px}.view-movies-header h1[data-v-f5616be9]{flex:1 1 100%;margin-bottom:0}.reassign-controls[data-v-f5616be9]{display:flex;align-items:center;gap:16px}:is(.btn-reassign,.btn-stop)[data-v-f5616be9]{font:var(--text-m);padding:8px 16px;cursor:pointer;transition:background-color .5s ease,border-color .5s ease;border:2px solid var(--color-border);border-radius:8px;background-color:var(--color-border)}:is(.btn-reassign,.btn-stop)[data-v-f5616be9]:hover{border-color:var(--color-accent-hover);background-color:var(--color-accent-hover)}.btn-stop[data-v-f5616be9]{color:var(--color-accent-hover);border-color:var(--color-accent-hover)}.reassign-progress[data-v-f5616be9]{font:var(--text-m);color:var(--color-dark)}.sort-controls label[data-v-f5616be9]{font:var(--text-m);display:block;margin-bottom:8px;cursor:pointer}.sort-controls select[data-v-f5616be9]{min-width:300px;padding:8px;text-align:left;border:2px solid var(--color-border);border-radius:8px;accent-color:var(--color-accent-hover)}.sort-controls select option[data-v-f5616be9]{text-align:left}.view-tracks-container[data-v-1d148c82]{max-width:960px;padding:20px;margin-inline:auto}.view-tracks-container h1[data-v-1d148c82]{font:var(--title-m);margin-bottom:16px}.view-tracks-header[data-v-1d148c82]{display:flex;align-items:flex-end;flex-wrap:wrap;margin-bottom:16px;gap:16px}.view-tracks-header h1[data-v-1d148c82]{flex:1 1 100%;margin-bottom:0}.recheck-controls[data-v-1d148c82]{display:flex;align-items:center;gap:16px}.btn-recheck[data-v-1d148c82]{font:var(--text-m);padding:8px 16px;cursor:pointer;transition:background-color .5s ease,border-color .5s ease;border:2px solid var(--color-border);border-radius:8px;background-color:var(--color-border)}.btn-recheck[data-v-1d148c82]:hover:not(:disabled){border-color:var(--color-accent-hover);background-color:var(--color-accent-hover)}.btn-recheck[data-v-1d148c82]:disabled{opacity:.4;cursor:default}.recheck-result[data-v-1d148c82],.recheck-progress[data-v-1d148c82],.empty-state[data-v-1d148c82]{font:var(--text-m);color:var(--color-dark)}.tracks-list[data-v-1d148c82]{display:flex;flex-direction:column;padding:0;list-style:none;gap:4px}.track-item[data-v-1d148c82]{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;gap:16px;border-radius:8px;background:var(--color-dark)}.track-info[data-v-1d148c82]{display:flex;align-items:baseline;flex-wrap:wrap;gap:8px}.track-title[data-v-1d148c82]{font:var(--text-m);color:var(--color-white)}.track-artist[data-v-1d148c82]{font:var(--text-s);color:rgb(from var(--color-white) r g b / .6)}.track-since[data-v-1d148c82]{font:var(--text-s);color:var(--color-accent-hover)}.track-movies[data-v-1d148c82]{display:flex;flex-wrap:wrap;flex-shrink:0;gap:8px}.track-movie-link[data-v-1d148c82]{font:var(--text-s);padding:4px 10px;text-decoration:none;color:var(--color-white);border:1px solid rgb(from var(--color-white) r g b / .3);border-radius:100px}.track-movie-link[data-v-1d148c82]:hover{color:var(--color-white);border-color:var(--color-accent-hover);background-color:var(--color-accent-hover)}.notification[data-v-c815eaf8]{position:fixed;top:20px;left:50%;transform:translate(-50%);padding:15px 30px;border-radius:4px;color:#fff;font-weight:700;z-index:1000;box-shadow:0 2px 8px #0003}.success[data-v-c815eaf8]{background-color:#4caf50}.error[data-v-c815eaf8]{background-color:#f44336}.info[data-v-c815eaf8]{background-color:#2196f3}.slide-fade-enter-active[data-v-c815eaf8]{transition:all .3s ease-out}.slide-fade-leave-active[data-v-c815eaf8]{transition:all .3s ease-in}.slide-fade-enter-from[data-v-c815eaf8],.slide-fade-leave-to[data-v-c815eaf8]{transform:translate(-50%,-100%);opacity:0}.admin-login[data-v-4cba16a7]{display:flex;align-items:start;justify-content:center}.login-container[data-v-4cba16a7]{width:320px;max-width:100%;margin-top:300px;padding:32px;border:1px solid var(--color-border);border-radius:8px;background-color:var(--color-white)}.login-form[data-v-4cba16a7],.form-group[data-v-4cba16a7]{display:flex;flex-direction:column;gap:8px}label[data-v-4cba16a7]{color:var(--color-text)}input[data-v-4cba16a7]{font-size:1rem;padding:8px;color:var(--color-text);border:1px solid var(--color-border);border-radius:4px;background-color:var(--color-background)}input[data-v-4cba16a7]:focus{border-color:var(--color-text);outline:none}.login-btn[data-v-4cba16a7]{font-size:1rem;font-weight:700;padding:.75rem;cursor:pointer;transition:background-color .2s;color:var(--color-text);border:none;border-radius:4px;background-color:var(--color-accent)}.login-btn[data-v-4cba16a7]:hover:not(:disabled){background-color:var(--color-accent-hover)}.login-btn[data-v-4cba16a7]:disabled{cursor:not-allowed;opacity:.7}