.quiz{justify-items:center;gap:2.5rem;padding-top:1.25rem;padding-bottom:4rem;display:grid}.quiz__top{scroll-margin-top:5rem;position:absolute;top:0}.quiz__hero,.quiz__result{text-align:center;justify-items:center;gap:.9rem;width:min(100%,36rem);display:grid}.quiz__title{margin:0;font-size:clamp(2.4rem,9vw,3.6rem)}.quiz__lead{max-width:30rem;color:var(--text-muted);margin:0;font-size:1.1rem;line-height:1.5}.quiz__fan{--fan-card:clamp(5.4rem, 22vw, 7.4rem);width:min(100%,26rem);height:calc(var(--fan-card) * 88 / 63 + 1.6rem);margin:.25rem 0 1rem;position:relative}.quiz__fan-card{width:var(--fan-card);aspect-ratio:63/88;box-shadow:var(--sticker-shadow), var(--shadow-md);transform-origin:50% 160%;translate:calc(-50% + var(--i) * clamp(1.15rem, 5.4vw, 2.1rem)) calc(var(--i) * var(--i) * 2.5px);rotate:calc(var(--i) * 7deg);animation:quiz-deal .6s cubic-bezier(.2, 1.3, .4, 1) calc((var(--i) + 3) * 70ms) both, quiz-nod 4.2s ease-in-out calc(.9s + (var(--i) + 3) * .6s) infinite;border-radius:6px;position:absolute;top:0;left:50%}@keyframes quiz-deal{0%{opacity:0;transform:translateY(40px)}}@keyframes quiz-nod{0%,80%,to{transform:none}88%{transform:translateY(-14px)}}.quiz__facts{flex-wrap:wrap;justify-content:center;gap:.5rem;margin:-.4rem 0 .4rem;padding:0;list-style:none;display:flex}.quiz__facts li{border:2px solid var(--ink-line,#221a2c);color:#221a2c;font-family:var(--font-hand);box-shadow:2px 2px 0 var(--ink-line,#221a2c);rotate:var(--r);background:#fffdf8;border-radius:999px;padding:.25rem .75rem;font-size:1.15rem;font-weight:700}.quiz__start{min-width:min(100%,19rem);min-height:3.75rem;padding:.9rem 2.2rem;font-size:1.3rem;animation:.5s cubic-bezier(.2,1.4,.4,1) .6s both quiz-pop}@keyframes quiz-pop{0%{opacity:0;scale:.85}}body:has(.quiz[data-playing]){flex-direction:column;min-height:100dvh;display:flex}.quiz[data-playing]{isolation:isolate;flex:1;align-content:center;width:auto;margin:0;padding-inline:1rem;position:relative;overflow-x:clip}.quiz__sky{z-index:-1;background:radial-gradient(circle, #ffffff59 1.4px, transparent 1.9px) 0 0 / 14px 14px, radial-gradient(ellipse at 50% 40%, color-mix(in srgb, var(--tone) 55%, #fff) 0%, var(--tone) 70%);transition:background-color .6s;animation:.5s ease-out both quiz-sky-in;position:fixed;inset:0;overflow:hidden}:root[data-theme=dark] .quiz__sky{background:radial-gradient(circle, #ffffff1f 1.4px, transparent 1.9px) 0 0 / 14px 14px, radial-gradient(ellipse at 50% 40%, color-mix(in srgb, var(--tone) 75%, #2a2420) 0%, color-mix(in srgb, var(--tone) 48%, #1d1a17) 75%)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .quiz__sky{background:radial-gradient(circle, #ffffff1f 1.4px, transparent 1.9px) 0 0 / 14px 14px, radial-gradient(ellipse at 50% 40%, color-mix(in srgb, var(--tone) 75%, #2a2420) 0%, color-mix(in srgb, var(--tone) 48%, #1d1a17) 75%)}}@keyframes quiz-sky-in{0%{opacity:0}}.quiz__doodle{fill:#fff;opacity:.7;filter:drop-shadow(2px 3px #221a2c2e);animation:quiz-drift var(--d) ease-in-out infinite alternate;position:absolute}.quiz__doodle--heart{fill:#f7a8c8}.quiz__doodle--star{fill:#ffe27a}.quiz__doodle--spark{fill:#fffdf8}.quiz__doodle--dot{fill:#c9b2f5}@keyframes quiz-drift{0%{transform:translate(0)rotate(-12deg)}to{transform:translate(10px,-22px)rotate(14deg)}}.quiz__stage{justify-items:center;width:min(100%,40rem);margin:0 auto;display:grid;position:relative}@media (max-width:719px){.quiz[data-playing]{padding-top:1rem;padding-bottom:1.5rem}.quiz__panel{gap:.65rem;padding:1.2rem .9rem 1.1rem}.quiz__question{font-size:clamp(1.55rem,6.4vw,2rem)}.quiz__answers{gap:.6rem}.quiz__answer{min-height:3.4rem;padding:.7rem 1rem;font-size:1rem}}.quiz[data-playing]{--guest-h:clamp(10rem, 40vh, 23rem)}.quiz__guest{z-index:0;height:calc(var(--guest-h) * var(--gs,1));aspect-ratio:var(--ar);filter:drop-shadow(0 10px 8px #221a2c38);pointer-events:none;display:block;position:absolute;overflow:hidden}.quiz__guest img{left:var(--ix);top:var(--iy);width:var(--iw);max-width:none;height:auto;position:absolute}.quiz__guest[data-side=left]{transform-origin:0 100%;animation:.7s cubic-bezier(.2,1.15,.4,1) both quiz-guest-in-left,3.4s ease-in-out .7s infinite quiz-guest-sway}.quiz__guest[data-side=right]{transform-origin:100% 100%;animation:.7s cubic-bezier(.2,1.15,.4,1) .12s both quiz-guest-in-right,3.8s ease-in-out .8s infinite reverse quiz-guest-sway}@keyframes quiz-guest-in-left{0%{transform:translate(-110%)rotate(-8deg)}}@keyframes quiz-guest-in-right{0%{transform:translate(110%)rotate(8deg)}}@keyframes quiz-guest-sway{0%,to{transform:rotate(0)translateY(0)}50%{transform:rotate(2.5deg)translateY(-6px)}}.quiz__guest[data-cheer]{animation:.6s cubic-bezier(.3,1.5,.5,1) both quiz-guest-hop}.quiz__guest[data-cheer][data-second]{animation-delay:80ms}@keyframes quiz-guest-hop{40%{transform:translateY(-28px)rotate(-3deg)scaleY(1.04)}72%{transform:translateY(0)scaleY(.95)}}.quiz__guest[data-dance]{animation:.55s ease-in-out infinite alternate quiz-guest-dance}.quiz__guest[data-dance][data-second]{animation-delay:-.28s}@keyframes quiz-guest-dance{0%{transform:translateY(0)rotate(-4deg)}to{transform:translateY(-20px)rotate(4deg)}}@media (max-width:719px){.quiz[data-playing]{--guest-h:clamp(7rem, 17vh, 9.5rem);padding-bottom:calc(var(--guest-h) * .9)}.quiz__guest[data-second]{display:none}.quiz__guest:not([data-floor]){bottom:.3rem!important}}.quiz__panel{z-index:1;text-align:center;border-radius:14px;justify-items:center;gap:.9rem;width:100%;padding:1.6rem 1.1rem 1.4rem;animation:.5s cubic-bezier(.2,1.1,.3,1) both quiz-deal-panel;display:grid;position:relative}@keyframes quiz-deal-panel{0%{opacity:0;transform:translate(70px)rotate(5deg)scale(.96)}}.quiz__dots{gap:.35rem;margin:0;padding:0;list-style:none;display:flex}.quiz__dots button{cursor:pointer;background:0 0;border:0;width:1.6rem;height:1.6rem;padding:0;display:block}.quiz__dots button:before{content:"";border:2px solid var(--primary);border-radius:50%;width:.95rem;height:.95rem;margin:auto;transition:background .3s,transform .15s;display:block}.quiz__dots button:disabled{cursor:default}.quiz__dots button[data-state=done]:before{background:var(--primary)}.quiz__dots button[data-state=done]:hover:before{transform:scale(1.3)}.quiz__dots button[data-state=now]:before{background:var(--blush-400);animation:1.2s ease-in-out infinite quiz-bounce}.quiz__dots button:focus-visible{outline:2px solid var(--ring);border-radius:50%}@keyframes quiz-bounce{50%{transform:translateY(-4px)}}.quiz__count{color:var(--primary);font-family:var(--font-hand);margin:-.4rem 0 0;font-size:1.3rem;font-weight:700}.quiz__question{margin:0 0 .3rem;font-size:clamp(1.8rem,6.5vw,2.6rem)}.quiz__reaction{color:var(--primary);font-family:var(--font-hand);margin:0;font-size:1.6rem;font-weight:700;animation:.45s cubic-bezier(.2,1.6,.4,1) both quiz-say;position:absolute;top:.4rem;right:1rem;rotate:8deg}@keyframes quiz-say{0%{opacity:0;scale:.4}}.quiz__answers{grid-template-columns:1fr;gap:.85rem;width:100%;display:grid}@media (min-width:640px){.quiz__answers{grid-template-columns:1fr 1fr}}.quiz__answer{border:2px solid var(--border-strong);min-height:4.5rem;color:var(--text);font:inherit;box-shadow:3px 4px 0 var(--ink-line,#221a2c);rotate:var(--r);cursor:pointer;animation:quiz-stick .5s cubic-bezier(.2, 1.5, .4, 1) calc(.15s + var(--i) * 80ms) both;background:#fffdf8;border-radius:12px;padding:1rem 1.2rem;font-size:1.08rem;font-weight:600;line-height:1.3;transition:transform .18s,border-color .18s,box-shadow .18s,opacity .3s,translate .4s;position:relative}@keyframes quiz-stick{0%{opacity:0;scale:1.35;rotate:calc(var(--r) * -3)}}.quiz__answer:hover:not(:disabled){transform:translateY(-3px) rotate(calc(var(--r) * -.5));border-color:var(--primary);box-shadow:4px 6px 0 var(--primary)}.quiz__answer:focus-visible{outline:3px solid var(--ring);outline-offset:3px}.quiz__answer:disabled{cursor:default}.quiz__answer[data-before]{border-color:var(--primary);border-style:dashed}.quiz__answers[data-picked] .quiz__answer:not([data-picked]){opacity:0;translate:0 24px}.quiz__answer[data-picked]{border-color:var(--primary);background:var(--primary);color:#fff;animation:.4s cubic-bezier(.2,1.6,.4,1) both quiz-stamp}@keyframes quiz-stamp{0%{scale:1}35%{rotate:none;scale:1.1}to{rotate:none;scale:1.04}}.quiz__burst{pointer-events:none;position:absolute;inset:50% auto auto 50%}.quiz__burst i{z-index:2;clip-path:polygon(50% 0,62% 38%,100% 50%,62% 62%,50% 100%,38% 62%,0 50%,38% 38%);background:#ffc928;width:22px;height:22px;margin:-11px;animation:.75s cubic-bezier(.1,.8,.3,1) both quiz-burst;position:absolute}.quiz__burst i:nth-child(3n+1){background:#ff7eb0}.quiz__burst i:nth-child(3n+2){background:#8b5cf6}@keyframes quiz-burst{0%{transform:rotate(var(--a)) translateX(30px) scale(.3);opacity:1}65%{opacity:1}to{transform:rotate(var(--a)) translateX(150px) scale(1) rotate(90deg);opacity:0}}.quiz__think{justify-items:center;gap:1.5rem;padding:2rem 0;display:grid}.quiz__shuffle{aspect-ratio:63/88;width:9rem;position:relative}.quiz__back{width:100%;height:100%;box-shadow:var(--shadow-md);animation:quiz-shuffle .7s ease-in-out calc(var(--i) * 90ms) 3 both;border-radius:7px;position:absolute;inset:0}@keyframes quiz-shuffle{0%,to{transform:none}30%{transform:translateX(calc((var(--i) - 3) * 22px)) translateY(-18px) rotate(calc((var(--i) - 3) * 7deg))}60%{transform:translateX(calc((3 - var(--i)) * 14px)) rotate(calc((3 - var(--i)) * 4deg))}}.quiz__thinking{color:var(--primary);font-family:var(--font-hand);margin:0;font-size:1.6rem;font-weight:700;animation:1.1s ease-in-out infinite quiz-pulse}@keyframes quiz-pulse{50%{opacity:.45}}.quiz__result{animation:.5s cubic-bezier(.2,1.3,.4,1) both quiz-pop}.quiz__tagline{color:var(--primary);font-family:var(--font-hand);margin:-.4rem 0 0;font-size:1.7rem;font-weight:700;rotate:-2deg}.quiz__card{--card-w:min(270px, 66vw);--mm:calc(var(--card-w) / 63);width:var(--card-w);aspect-ratio:63/88;margin:.5rem 0}.quiz__text{max-width:30rem;margin:0;font-size:1.1rem;line-height:1.55}.quiz__note{color:var(--text-muted);margin:0;font-size:.95rem}.quiz__actions{justify-items:center;gap:.6rem;width:min(100%,22rem);margin-top:.4rem;display:grid}.quiz__actions .btn{width:100%}.quiz__again{color:var(--primary);font:inherit;text-underline-offset:3px;cursor:pointer;background:0 0;border:0;padding:.35rem .5rem;font-size:.95rem;text-decoration:underline}.quiz__meet{gap:1.1rem;width:min(100%,46rem);margin-top:1.5rem;display:grid}.quiz__meet-title{text-align:center;margin:0;font-size:clamp(1.8rem,6vw,2.4rem)}.quiz__meet-lead{max-width:34rem;color:var(--text-muted);text-align:center;margin:0 auto;line-height:1.5}.quiz__seven{gap:1rem;margin:.5rem 0 0;padding:0;list-style:none;display:grid}@media (min-width:720px){.quiz__seven{grid-template-columns:1fr 1fr}}.quiz__friend{rotate:var(--r);border-radius:10px;grid-template-columns:4.6rem 1fr;align-items:start;gap:.9rem;padding:.9rem;display:grid}.quiz__friend img{aspect-ratio:63/88;width:100%;box-shadow:var(--shadow-md);border-radius:4px}.quiz__friend-name{font-family:var(--font-display);margin:0 0 .2rem;font-size:1.15rem;font-weight:400}.quiz__friend-name .hand{color:var(--primary);font-family:var(--font-hand);margin-left:.25rem;font-size:1.15rem;font-weight:700}.quiz__friend p{margin:0;font-size:.95rem;line-height:1.45}.quiz__faq{gap:.5rem;margin-top:1rem;display:grid}.quiz__faq-item{border:1.5px solid var(--border);background:var(--surface);border-radius:10px;padding:.8rem 1rem}.quiz__faq-item summary{cursor:pointer;font-weight:700}.quiz__faq-item p{color:var(--text-muted);margin:.5rem 0 0;line-height:1.5}@media (prefers-reduced-motion:reduce){.quiz__fan-card,.quiz__start,.quiz__panel,.quiz__guest,.quiz__doodle,.quiz__sky,.quiz__burst i,.quiz__reaction,.quiz__answer,.quiz__answer[data-picked],.quiz__back,.quiz__thinking,.quiz__result,.quiz__dots button[data-state=now]:before{animation:none}}