.quiz,.quiz-static{width:100%;min-width:0}.quiz .quiz-panel{background:color-mix(in srgb, var(--mizu) 60%, var(--paper));border-color:var(--sea-panel);border-radius:var(--radius-site-card);min-height:460px;padding:24px}.quiz-intro{align-items:center;gap:32px;display:grid}.quiz-intro-copy,.quiz-stack{flex-direction:column;align-items:flex-start;gap:16px;display:flex}.quiz-lineup{grid-template-columns:repeat(3,minmax(0,1fr));align-items:center;gap:18px;display:grid}.quiz-art{min-width:0;display:block}.quiz-art svg,.quiz-art img{width:100%;height:100%;display:block}.quiz-lineup .quiz-art{width:100%;height:110px}.quiz .btn{white-space:normal;text-align:center}.quiz .btn:disabled{opacity:.65;cursor:wait}.quiz-questions{flex-direction:column;gap:26px;width:100%;max-width:720px;margin:0 auto;display:flex}.quiz-progress{color:var(--ink-2);font-size:var(--type-small-size)}.quiz-dots{gap:8px;display:flex}.quiz-dots span{border-radius:var(--radius-pill);background:var(--line);width:28px;height:6px}.quiz-dots span[data-on=true]{background:var(--coral)}.quiz .quiz-question{font-size:clamp(30px,3.6vw,44px);line-height:1.15}.quiz-answers{flex-direction:column;gap:14px;display:flex}.quiz-answer{border-radius:var(--radius-site-card);border:2px solid var(--edge);background:var(--paper);width:100%;min-height:64px;color:var(--ink);box-shadow:var(--shadow-ghost);font-family:var(--f-body);font-size:var(--type-site-body-size);text-align:left;cursor:pointer;transition:transform var(--dur-press) var(--ease-press);align-items:center;gap:14px;padding:12px 20px;display:flex}.quiz-answer:hover{border-color:var(--coral)}.quiz-answer:active{transform:translateY(var(--press-dip));box-shadow:var(--shadow-ghost-pressed)}.quiz-answer>span{border-radius:var(--radius-pill);background:var(--coral-tint);width:34px;height:34px;color:var(--coral-ink);font-family:var(--f-display);font-weight:var(--type-site-hero-weight);flex:none;justify-content:center;align-items:center;display:flex}.quiz-result{flex-wrap:wrap;justify-content:center;align-items:center;gap:28px;display:flex}.quiz-result-card,.quiz-duo-creature,.quiz-invite-creature{background:var(--mizu)}.quiz [data-creature=mochi]{background:var(--coral-tint)}.quiz [data-creature=bori]{background:color-mix(in srgb, var(--gold) 30%, var(--paper))}.quiz [data-creature=nuri]{background:color-mix(in srgb, var(--calm-dot) 30%, var(--paper))}.quiz [data-creature=momo]{background:var(--tag-v2)}.quiz [data-creature=doori]{background:color-mix(in srgb, var(--tide-happy) 30%, var(--paper))}.quiz-result-card{aspect-ratio:4/5;border-radius:var(--radius-site-card);border:4px solid var(--white);width:min(100%,420px);box-shadow:var(--shadow-puffy);text-align:center;flex-direction:column;align-items:center;gap:8px;padding:16px 14px 40px;display:flex;position:relative;container-type:inline-size}.quiz-result-card>.quiz-art:first-child{flex:none;width:58%;height:clamp(64px,27cqw,114px);margin:0 auto 6px}.quiz-result-card .quiz-eyebrow{font-size:clamp(11px,3.4cqw,14px);font-family:var(--f-display);color:var(--ink-2)}.quiz-result-card .quiz-name{font-size:clamp(32px,10.5cqw,44px);line-height:1}.quiz-kind{font-family:var(--f-display);color:var(--ink-2);font-size:clamp(12px,4.2cqw,16px)}.quiz-line{max-width:300px;font-size:clamp(13px,4.4cqw,18px);line-height:1.4}.quiz-traits{font-size:var(--type-small-size);flex-wrap:wrap;justify-content:center;gap:6px 12px;margin-top:auto;padding:0;font-size:clamp(10px,3.3cqw,13px);list-style:none;display:flex}.quiz-best{color:var(--ink-2);font-size:clamp(10px,3.3cqw,13px)}.quiz-result-card .quiz-corner-mark{color:var(--ink);align-items:center;gap:6px;font-size:11px;display:flex;position:absolute;bottom:12px;right:12px}.quiz-result-actions{flex-direction:column;flex:300px;gap:22px;min-width:0;max-width:520px;display:flex}.quiz-trait-chips,.quiz-buttons{flex-wrap:wrap;gap:12px;display:flex}.quiz .quiz-match{flex-direction:row;align-items:center;gap:16px;padding:18px 20px;display:flex}.quiz-match .quiz-art{flex:none;width:70px;height:70px}.quiz-match p{color:var(--ink-2);font-size:var(--type-small-size)}.quiz .quiz-meet{background:var(--pill-fill);color:var(--pill-ink);border-color:var(--night);align-items:flex-start;gap:12px;padding:20px;display:flex}.quiz-meet p{color:var(--pill-ink)}.quiz input{min-height:var(--tap-target);width:100%;min-width:0;font:inherit;color:var(--ink);background:var(--paper);border:2px solid var(--chip-line);border-radius:var(--radius-input);padding:12px;display:block}.quiz-status{overflow-wrap:anywhere;padding-top:12px}.quiz-static{flex-direction:column;gap:28px;padding-block:32px;display:flex}.quiz-result-copy{max-width:720px;margin-inline:auto}.quiz-result-copy>div,.quiz-result-copy>section{gap:var(--space-16);flex-direction:column;display:flex}.quiz-result-copy ul{gap:var(--space-8);flex-direction:column;display:flex}.quiz-six{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.quiz-static .quiz-creature{text-align:center;align-items:center;gap:8px;padding:18px}.quiz-creature .quiz-art{width:100%;max-width:130px;height:100px}.quiz-creature h3{font-size:var(--type-site-heading-size)}.quiz-creature p{font-size:var(--type-small-size)}.quiz-tool-links{flex-wrap:wrap;gap:8px 16px;display:flex}.quiz-tool-links a,.quiz-result-friend-link{min-height:var(--tap-target);align-items:center;display:inline-flex}.quiz-faq{flex-direction:column;gap:18px;display:flex}.quiz-faq summary{cursor:pointer;min-height:var(--tap-target);font-family:var(--f-display);font-weight:var(--type-site-heading-weight);padding-block:12px}.quiz-faq details{border-bottom:2px solid var(--line);padding-bottom:12px}.quiz-duo{max-width:440px;margin:0 auto}.quiz-duo .quiz-panel{min-height:600px;padding:20px}.quiz-duo .quiz-intro-copy{text-align:center;align-items:center;width:100%}.quiz-invite-creature{border-radius:var(--radius-site-card);border:4px solid var(--white);flex-direction:column;align-items:center;gap:8px;width:min(100%,260px);padding:20px;display:flex}.quiz-invite-creature .quiz-art{width:170px;height:160px}.quiz-pair{text-align:center;flex-direction:column;gap:16px;width:100%;display:flex}.quiz-duo-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.quiz-duo-creature{border:4px solid var(--white);border-radius:var(--radius-site-card);flex-direction:column;align-items:center;gap:8px;min-height:200px;padding:14px;display:flex}.quiz-duo-creature .quiz-art{width:100%;height:120px}.quiz-duo-creature h2{font-size:var(--type-site-heading-size);overflow-wrap:anywhere}.quiz-duo-creature p{font-size:var(--type-small-size)}.quiz-pair>h2{font-size:28px;line-height:1.15}.quiz .quiz-neighbours{text-align:left;padding:16px}.quiz-duo .quiz-result{gap:24px}@media (min-width:900px){.quiz .quiz-panel{min-height:640px;padding:48px}.quiz-intro{grid-template-columns:repeat(2,minmax(0,1fr));gap:48px}.quiz-lineup .quiz-art{height:140px}.quiz-six{grid-template-columns:repeat(auto-fill,minmax(170px,1fr))}.quiz-result{gap:48px}.quiz-duo .quiz-panel{padding:20px}.quiz-duo .quiz-intro{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.quiz *,.quiz :before,.quiz :after{transition:none!important;animation:none!important}.quiz :is(button,a):is(:hover,:active){transform:none}}.quiz-meet>.quiz-art{flex:none;width:44px;height:64px}.quiz .quiz-neighbours{flex-direction:row;align-items:center;gap:12px}.quiz-neighbours .quiz-art{flex:none;width:54px;height:54px}.quiz-corner-mark .quiz-art{width:24px;height:24px}.quiz-result-card :is(.quiz-eyebrow,.quiz-kind,.quiz-best){color:var(--ink)}.quiz-match-name{font-size:var(--type-site-heading-size)}.quiz-match-name a,.quiz-creature h3 a{min-height:var(--tap-target);align-items:center;display:inline-flex}