@import "https://fonts.googleapis.com/css2?family=Bowlby+One&family=Poppins:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";body.web.light-mode{color:#000;background-color:#fff}body.web.light-mode a{color:#000}body.web.light-mode .button{color:#fff;background-color:#000}body.web.light-mode>.bg>.in{background-color:#ffffff40}body.web.light-mode .progress>.step{background-color:#00000026}body.web.light-mode .progress>.step:after{content:"";background-color:#0009}body.web.light-mode .progress>.step.done:after{width:100%}.web input{-webkit-user-select:text;user-select:text;text-align:center;background-color:#fff;border:none;border-radius:.563em;outline:none;width:calc(100% - 2.5em);padding:1.25em;font-size:1em;font-weight:600;line-height:130%;transition:box-shadow .15s;box-shadow:0 0 0 1px #00000059}.web input:focus{box-shadow:0 0 0 2px #000}body.web{color:#fff;background-color:#000;background-position:50%;background-repeat:no-repeat;background-size:100%;margin:0;font-family:Poppins,sans-serif;font-size:1em;font-weight:500;line-height:130%}body.web>.bg{background:radial-gradient(circle at 50% 36%,#7c3aed73 0%,#0000 55%),radial-gradient(circle at 85% 65%,#06b6d440 0%,#0000 50%),radial-gradient(circle at 15% 75%,#ec48994d 0%,#0000 50%),linear-gradient(#0d0b18 0%,#151226 45%,#0a0913 100%);width:100%;height:100%;position:fixed;top:0;left:0}body.web>.bg>.in{background-color:#00000040;width:100%;height:100%;position:absolute;top:0;left:0}body.web>.content{background:radial-gradient(circle at 50% 36%,#7c3aed73 0%,#0000 55%),radial-gradient(circle at 85% 65%,#06b6d440 0%,#0000 50%),radial-gradient(circle at 15% 75%,#ec48994d 0%,#0000 50%),linear-gradient(#0d0b18 0%,#151226 45%,#0a0913 100%);border-top-left-radius:2em;border-top-right-radius:2em;flex-direction:column;max-width:600px;min-height:calc(100dvh - 2.1875em);margin:2.1875em auto 0;display:flex;position:relative;overflow:clip;box-shadow:0 0 15px #0003}.web b,.web strong{font-weight:700}.web a{color:#fff;text-decoration:none}.web a:hover{cursor:pointer;text-decoration:none}.web img,.web a img{border:none}@media screen and (width<=700px){body.web{font-size:.9em}body.web>.content{max-width:100%;min-height:100dvh;box-shadow:none;border-radius:0;margin-top:0}}@media screen and (width<=500px){body.web{font-size:.85em}}@media screen and (height<=750px){body.web{font-size:.8em}}.web .button{color:#000;text-align:center;-webkit-user-select:none;user-select:none;background-color:#fff;border-radius:1000px;max-width:300px;margin-left:auto;margin-right:auto;padding:.9375em 1.5625em;font-size:1.25em;font-weight:700;line-height:130%;transition:transform .15s;display:block;box-shadow:0 2px 5px #0000004d}.web .button:active{transform:scale(.95);animation:none!important}.web .button.full-width{max-width:inherit}.web .button.small{max-width:none;padding:.4375em 1.25em;font-size:1em;line-height:130%;display:inline-block;box-shadow:0 0 7px #00000026}.web .button.shake-that-shit{animation:3s infinite shake-that-shit}@keyframes shake-that-shit{0%,60%,to{transform:translate(0)scale(1)}63%{transform:translate(-2px)rotate(-.4deg)scale(1.01)}66%{transform:translate(2px)rotate(.4deg)scale(1.011)}69%{transform:translate(-3px)rotate(-.6deg)scale(1.01)}72%{transform:translate(3px)rotate(.6deg)scale(1.011)}75%{transform:translate(-1.5px)rotate(-.3deg)scale(1.007)}78%{transform:translate(1.5px)rotate(.3deg)scale(1.006)}81%{transform:translate(-.7px)rotate(-.15deg)scale(1.003)}84%{transform:translate(.7px)rotate(.15deg)scale(1.002)}87%{transform:translate(0)scale(1)}}@media screen and (width<=700px){.web .button{max-width:60%}}.web .topbar{z-index:3;box-sizing:border-box;justify-content:space-between;align-items:center;width:100%;height:5em;margin-bottom:-5em;padding:1.25em;transition:all .3s;display:flex;position:sticky;top:0}.web .topbar.hidden{opacity:0;pointer-events:none;transform:translateY(-20%)}.web .topbar>.logo{height:2.5em;display:block}.web .topbar>.logo>img{border-radius:.75em;width:auto;height:100%;display:block}.web .topbar>.logo>img,.web .topbar>.title,.web .topbar>.element-link{border-radius:.75em;box-shadow:0 0 0 1px #ffffff80,0 1px 5px 1px #0003}.web .topbar>.title,.web .topbar>.element-link{box-sizing:border-box;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);-webkit-user-select:none;user-select:none;background-color:#00000073;justify-content:center;align-items:center;height:2.5em;display:flex}.web .topbar>.title{color:#fff;white-space:nowrap;text-overflow:ellipsis;background-color:#ffffff26;min-width:0;padding:0 .75em;font-size:.875em;font-weight:700;line-height:130%;overflow:hidden}.web .topbar>.title:only-child{margin-left:auto;margin-right:auto}.web .topbar>.element-link{width:2.5em;transition:transform .15s}.web .topbar>.element-link>svg{fill:none;stroke:#fff;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:45%;height:45%}.web .topbar>.element-link:active{transform:scale(.9)}.web .popin-overlay{z-index:20;box-sizing:border-box;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:#00000080;justify-content:center;align-items:center;width:100%;height:100%;padding:1.25em;display:flex;position:fixed;top:0;left:0}.web .popin-overlay.hidden{display:none}.web .popin-overlay.open{animation:.3s both popin-overlay-appear}.web .popin-overlay.open>.popin{animation:.45s cubic-bezier(.22,1,.36,1) both popin-appear}.web .popin-overlay.closing{animation:.3s reverse both popin-overlay-appear}.web .popin-overlay.closing>.popin{animation:.3s reverse both popin-appear}.web .popin-overlay>.popin{box-sizing:border-box;color:#000;text-align:center;background-color:#fff;border-radius:1.5em;width:100%;max-width:380px;padding:3.125em 1.5625em;position:relative;box-shadow:0 0 15px #0003}.web .popin-overlay>.popin>.close{cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:1000px;justify-content:center;align-items:center;width:3.125em;height:3.125em;transition:background-color .15s,transform .15s;display:flex;position:absolute;top:.625em;right:.625em}.web .popin-overlay>.popin>.close>svg{fill:none;stroke:#000;stroke-width:2px;stroke-linecap:round;width:45%;height:45%}.web .popin-overlay>.popin>.close:hover{background-color:#00000012}.web .popin-overlay>.popin>.close:active{transform:scale(.9)}.web .popin-overlay>.popin>.title{margin-bottom:.9375em;padding:0 1.5625em;font-size:1.5em;font-weight:700;line-height:123.5%}.web .popin-overlay>.popin>.error{color:#f0324b;margin-top:.9375em;font-size:.875em;font-weight:600;line-height:130%}.web .popin-overlay>.popin>.error.hidden{display:none}.web .popin-overlay>.popin>.button{color:#fff;background-color:#000;margin-top:.9375em}@keyframes popin-overlay-appear{0%{opacity:0}to{opacity:1}}@keyframes popin-appear{0%{opacity:0;transform:translateY(1.5625em)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.web .loading-overlay{z-index:30;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:#00000080;justify-content:center;align-items:center;width:100%;height:100%;animation:.3s both loading-appear;display:flex;position:fixed;top:0;left:0}.web .loading-overlay.hidden{display:none}.web .loading-overlay>.in{text-align:center;color:#fff}.web .loading-overlay>.in>.loader{box-sizing:border-box;border:.1875em solid #ffffff40;border-top-color:#fff;border-radius:1000px;width:4em;height:4em;margin:0 auto .9375em;animation:.8s linear infinite loading-spin}.web .loading-overlay>.in>.label{font-size:1.125em;font-weight:700;line-height:130%}.web .loading-overlay>.in>.label:after{content:"";animation:1.2s step-end infinite loading-dots}@keyframes loading-appear{0%{opacity:0}to{opacity:1}}@keyframes loading-spin{to{transform:rotate(360deg)}}@keyframes loading-dots{0%{content:""}25%{content:"."}50%{content:".."}75%{content:"..."}}.web .bottom-bar{padding-top:2.1875em;padding-bottom:calc(1.5625em + env(safe-area-inset-bottom));margin-top:auto;margin-left:1.25em;margin-right:1.25em}.web .bottom-bar.no-push{margin-top:0;padding-top:1.5625em}.web .bottom-bar>.in{text-align:center}.web .bottom-bar .label{white-space:nowrap;margin-bottom:.9375em;font-size:1em;font-weight:600;line-height:130%}.web .bottom-bar .links{margin-top:2.1875em}.web .bottom-bar .links>a{opacity:.55;margin:0 .3125em;font-size:.825em;line-height:130%}.web .bottom-bar .links>a:hover{opacity:.85}.web .quiz{text-align:center;width:100%}.web .quiz .name{font-style:italic;font-weight:700}.web .quiz.playing{padding-bottom:3.125em}.web .quiz.playing>.thumbnail{aspect-ratio:1280/275}.web .quiz.playing>.profile-picture,.web .quiz.playing>.profile{max-width:5em;margin-top:-2em}.web .quiz.is-result>.profile{width:6.25em;max-width:none;margin-top:-2.5em}.web .quiz.is-result>.thumbnail{aspect-ratio:1280/380}.web .quiz.is-result>.title{margin-bottom:.3125em;font-size:1.375em;font-weight:500;line-height:130%}.web .quiz>.thumbnail{aspect-ratio:1280/460;background-position:50%;background-size:cover;width:100%;position:relative;overflow:hidden}.web .quiz>.thumbnail>.transition{background-image:linear-gradient(#fff0,#0000004d);width:100%;height:20%;position:absolute;bottom:0;left:0}.web .quiz>.profile-picture,.web .quiz>.profile{z-index:2;width:25%;max-width:7.5em;margin:-3em auto 0;position:relative}.web .quiz .profile-picture{aspect-ratio:1;box-sizing:border-box;object-fit:cover;border:.1875em solid #fff;border-radius:1000px;width:100%;display:block;box-shadow:0 0 15px #0003}.web .quiz>.profile{transform:translate(-37.5%)}.web .quiz>.profile>.profile-picture{animation:.6s cubic-bezier(.22,1,.36,1) .3s both profile-appear;transform:rotate(-3deg)}.web .quiz>.profile>.bubble{aspect-ratio:1;box-sizing:border-box;color:#fff;text-shadow:0 2px 2px #0000004d;background-color:#000;border:.1875em solid #fff;border-radius:1000px;flex-direction:column;justify-content:center;align-items:center;width:100%;animation:.6s cubic-bezier(.34,1.56,.64,1) .6s both bubble-pop;display:flex;position:absolute;top:50%;right:-75%;transform:translateY(-50%)rotate(3deg);box-shadow:0 0 15px #0003}.web .quiz>.profile>.bubble.medium{background-color:#ff9f1c}.web .quiz>.profile>.bubble.low{background-color:#f0324b}.web .quiz>.profile>.bubble.high{background-color:#1fce6d}.web .quiz>.profile>.bubble>.score{font-size:2.5em;font-weight:700;line-height:1}.web .quiz>.profile>.bubble>.total{opacity:.7;font-size:1.125em;font-weight:600;line-height:130%}.web .quiz>.title{margin:1.25em;font-size:1.75em;font-weight:600;line-height:117%}.web .quiz>.subtitle{margin:1.5625em 1.25em 0;font-size:1em;font-weight:600;line-height:130%}.web .quiz>.question{max-width:460px;margin-left:auto;margin-right:auto;padding:1.5625em 1.25em}.web .quiz>.question.hidden{display:none}.web .quiz>.question.appear{animation:.6s both question-appear}.web .quiz>.question.disappear{animation:.3s both question-disappear}.web .quiz>.question>.label{font-size:1.75em;font-weight:600;line-height:117%}.web .quiz>.question>.answers{margin-top:1.5625em}.web .quiz>.question>.answers>.answer{color:#000;-webkit-user-select:none;user-select:none;cursor:pointer;background-color:#fff;border-radius:.563em;padding:.9375em 1.25em;font-size:1.375em;font-weight:700;line-height:130%;transition:transform .15s,background-color .3s,color .3s;display:block;position:relative;overflow:hidden;box-shadow:0 2px 5px #0000004d}.web .quiz>.question>.answers>.answer+.answer{margin-top:.75em}.web .quiz>.question>.answers>.answer>.other-answers{background-color:#0000004d;border-top-right-radius:1000px;border-bottom-right-radius:1000px;width:0;height:.3125em;transition:width 1.2s cubic-bezier(.22,1,.36,1);position:absolute;bottom:0;left:0}.web .quiz>.question>.answers>.answer>.text{position:relative}.web .quiz>.question>.answers.has-images{grid-template-columns:repeat(2,1fr);gap:.75em;display:grid}.web .quiz>.question>.answers.has-images>.answer{padding:.3125em;font-size:1.125em;line-height:130%}.web .quiz>.question>.answers.has-images>.answer+.answer{margin-top:0}.web .quiz>.question>.answers.has-images>.answer>.image{aspect-ratio:4/3;object-fit:cover;border-radius:.375em;width:100%;display:block}.web .quiz>.question>.answers.has-images>.answer>.text{padding:.3125em .3125em .1875em}.web .quiz>.question>.answers.has-images.no-text>.answer{padding:.625em}.web .quiz>.question>.answers.has-images.no-text>.answer>.image{aspect-ratio:1}.web .quiz>.question>.answers:not(.answered)>.answer:active,.web .quiz>.question>.answers>.answer.selected{transform:scale(.95)}.web .quiz>.question>.answers.answered>.answer{cursor:default}.web .quiz>.question>.answers.answered>.answer.correct{color:#fff;background-color:#1fce6d;animation:.45s both answer-pop}.web .quiz>.question>.answers.answered>.answer.wrong{color:#fff;background-color:#f0324b;animation:.45s both answer-shake}@keyframes answer-pop{0%{transform:scale(1)}45%{transform:scale(1.05)}to{transform:scale(1)}}@keyframes answer-shake{0%,to{transform:translate(0)}20%{transform:translate(-.625em)}40%{transform:translate(.625em)}60%{transform:translate(-.3125em)}80%{transform:translate(.3125em)}}@keyframes question-appear{0%{opacity:0;transform:translateY(2.1875em)}to{opacity:1;transform:translateY(0)}}@keyframes profile-appear{0%{opacity:0;transform:rotate(-18deg)scale(.6)}to{opacity:1;transform:rotate(-3deg)scale(1)}}@keyframes bubble-pop{0%{opacity:0;transform:translateY(-50%)rotate(18deg)scale(.3)}to{opacity:1;transform:translateY(-50%)rotate(3deg)scale(1)}}@keyframes question-disappear{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-1.5625em)}}@media screen and (width<=700px){.web .quiz>.thumbnail{border-bottom-right-radius:1.5em;border-bottom-left-radius:1.5em}}@media screen and (width<=500px){.web .quiz>.thumbnail{aspect-ratio:1280/500}}.web .leaderboard{box-sizing:border-box;text-align:center;width:100%;max-width:460px;margin-left:auto;margin-right:auto;padding:.9375em 1.25em}.web .leaderboard>.label{margin-bottom:.4375em;font-size:1em;font-weight:500;line-height:130%}.web .leaderboard>.label>.name{font-style:italic;font-weight:600}.web .leaderboard>.lines{color:#000;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:#00000040 transparent;background-color:#fff;border-radius:1.5em;min-height:17.5em;max-height:25em;overflow-y:auto;box-shadow:0 0 7px #00000026}.web .leaderboard>.lines::-webkit-scrollbar{width:.75em}.web .leaderboard>.lines::-webkit-scrollbar-track{background-color:#0000}.web .leaderboard>.lines::-webkit-scrollbar-thumb{background-color:#00000040;background-clip:padding-box;border:.25em solid #0000;border-radius:1000px}.web .leaderboard>.lines>.line{align-items:center;padding:.625em .75em;font-size:1.125em;font-weight:600;line-height:130%;display:flex}.web .leaderboard>.lines>.line+.line{border-top:1px solid #0000001a}.web .leaderboard>.lines>.line>.rank{background-color:#0000001a;border-radius:1000px;flex-shrink:0;justify-content:center;align-items:center;width:2.1875em;height:2.1875em;margin-right:.625em;font-size:.875em;font-weight:700;line-height:1;display:flex}.web .leaderboard>.lines>.line>.firstname{text-align:left;white-space:nowrap;text-overflow:ellipsis;flex-grow:1;overflow:hidden}.web .leaderboard>.lines>.line>.score{flex-shrink:0;margin-left:.625em;font-size:1.125em;font-weight:700;line-height:130%}.web .leaderboard>.lines>.line>.score>.total{opacity:.4;margin-left:.1875em;font-size:.8em;font-weight:500}.web .leaderboard>.lines>.line.top-1>.rank{color:#fff;background-color:#f5b62b}.web .leaderboard>.lines>.line.top-2>.rank{color:#fff;background-color:#a9b4c2}.web .leaderboard>.lines>.line.top-3>.rank{color:#fff;background-color:#ce8146}.web .leaderboard>.lines>.line.me{background-color:#f5b62b26}.web .leaderboard>.button{margin-top:.625em}.web.light-mode .leaderboard>.label{opacity:.55}.web.light-mode .leaderboard>.lines{box-shadow:0 0 15px #0003}.web .progress{z-index:10;box-sizing:border-box;width:100%;max-width:600px;padding:.625em 1.25em calc(.625em + env(safe-area-inset-bottom));gap:.3125em;display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.web .progress>.step{background-color:#ffffff40;border-radius:1000px;flex-grow:1;height:.3125em;position:relative;overflow:hidden}.web .progress>.step:after{content:"";background-color:#fff;border-radius:1000px;width:0;height:100%;transition:width .6s cubic-bezier(.22,1,.36,1);position:absolute;top:0;left:0}.web .progress>.step.done:after{width:100%}.web button{color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;padding:0}.web button.answer{width:100%;text-align:inherit}.web button:focus-visible,.web a:focus-visible{outline-offset:3px;outline:3px solid #7c3aed}.web button:disabled{cursor:default}.web .submit-error,.web .startup-error{text-align:center;padding:24px}.web .submit-error button,.web .startup-error button{color:#fff;background:#7c3aed;border-radius:10px;padding:12px 20px}body.web:has(>.simple-page){color:#151515;background:#fff}.already-played{color:#fff;background:#ffffff2e;border-radius:14px;margin:24px 0;padding:14px 18px;font-weight:700}.leaderboard.scrollable .lines{overscroll-behavior:contain;max-height:min(48vh,430px);overflow-y:auto}.question-image{aspect-ratio:16/9;object-fit:cover;border-radius:12px;width:100%;margin-bottom:18px;display:block}.recommendations{color:#fff;width:calc(100% - 32px);max-width:520px;margin:22px auto 160px}.recommendations .label{margin-bottom:10px;font-weight:700}.recommendation{color:inherit;background:#ffffff29;border-radius:12px;margin-top:8px;padding:12px 15px;text-decoration:none;display:block}.simple-page{box-sizing:border-box;color:#151515;width:min(100% - 40px,720px);min-height:100vh;margin:auto;padding:48px 0 110px;font:16px/1.6 Montserrat,sans-serif}.simple-page h1{margin:64px 0 18px;font-size:clamp(32px,7vw,58px);line-height:1.05}.simple-page h2{margin-top:32px;font-size:20px}.simple-brand{color:inherit;align-items:center;gap:10px;font-size:20px;font-weight:800;text-decoration:none;display:inline-flex}.simple-brand img{border-radius:10px;width:38px;height:38px}.store-actions{flex-wrap:wrap;gap:12px;margin-top:30px;display:flex}.simple-cta{color:#fff;background:#7c3aed;border-radius:10px;padding:12px 17px;font-weight:700;text-decoration:none;display:inline-block}.simple-cta.secondary{background:#151515}.simple-links{flex-wrap:wrap;gap:18px;margin-top:70px;display:flex}.simple-links a{color:inherit}.cookie-banner{z-index:30;box-sizing:border-box;color:#151515;background:#fff;border:1px solid #ddd;border-radius:12px;width:min(100% - 28px,410px);padding:14px;font:12px/1.4 Montserrat,sans-serif;position:fixed;top:14px;right:14px;box-shadow:0 8px 35px #0000002e}.cookie-banner p{margin:0 0 10px}.cookie-banner div{justify-content:flex-end;gap:9px;display:flex}.cookie-banner a{color:#151515;border-radius:7px;padding:7px 10px;font-weight:700}.cookie-banner a:last-child{color:#fff;background:#151515;text-decoration:none}