.nyang-heading{text-align:center;margin:28px 0 22px}.nyang-heading h1{color:var(--gold)}.quiz-box,.nyang-result{max-width:720px;margin:auto;background:var(--surface);border:1px solid #725784;border-radius:20px;padding:28px}.quiz-progress{display:flex;justify-content:space-between;gap:12px;color:var(--muted);font-size:14px}#questionCount{color:var(--gold)}progress{width:100%;height:8px;display:block;margin:12px 0 8px;border:0;border-radius:8px;overflow:hidden;background:#443650;accent-color:var(--gold)}progress::-webkit-progress-bar{background:#443650}progress::-webkit-progress-value{background:var(--gold)}progress::-moz-progress-bar{background:var(--gold)}.quiz-cat{display:flex;align-items:center;justify-content:center;gap:12px;margin:10px 0}.quiz-cat img{width:112px;height:112px;object-fit:contain;image-rendering:pixelated;transform:scale(1.5)}.quiz-cat p{font-size:16px;color:#e5d7f2}#question{font-size:clamp(21px,4vw,27px);line-height:1.6;margin:12px 0 22px}#answers{border:0;padding:0;margin:0;display:grid;gap:12px}#answers label{position:relative;cursor:pointer}#answers input{position:absolute;opacity:0;width:1px;height:1px}#answers span{display:block;padding:18px 20px;border:1px solid #796289;border-radius:12px;background:#2c223b;font-size:16px;color:#f5eefb;line-height:1.7}#answers input:checked+span{background:#453346;border:2px solid var(--gold);padding:17px 19px;color:var(--gold)}#answers input:focus-visible+span{outline:3px solid var(--gold);outline-offset:4px}.quiz-actions{display:flex;justify-content:space-between;gap:16px;margin-top:24px}.quiz-actions button{font-size:16px}.nyang-result{text-align:center}#resultTitle{font-size:48px;color:var(--gold);letter-spacing:4px;line-height:1.3;margin:10px 0 0}#resultName{font-size:23px;color:#f6eefc;font-weight:700;margin:4px 0 18px}.result-host{display:flex;align-items:center;text-align:left;gap:15px;margin:8px 0}.result-host>img{width:200px;height:220px;object-fit:contain;image-rendering:pixelated;transform:scale(1.3);animation:npc-idle 3s steps(3) infinite}.result-bubble{position:relative;flex:1;border:2px solid #b68dd1;border-radius:12px;padding:20px;background:#392940}.result-bubble:before{content:'';position:absolute;left:-8px;top:40%;width:12px;height:12px;transform:rotate(45deg);background:#392940;border-left:2px solid #b68dd1;border-bottom:2px solid #b68dd1}.result-bubble p{color:#fff;font-size:18px;line-height:1.8;margin:0}.traits{color:var(--gold);font-size:16px}.personality-copy{font-size:17px;line-height:1.9;color:#e5d9ee;margin:16px 0 26px;text-align:left}.compatibility{display:grid;grid-template-columns:1fr 1fr;gap:14px;text-align:left}.compatibility article{border:1px solid #69507e;border-radius:12px;padding:19px;background:#292035}.compatibility article:first-child{border-color:#ac8c56}.compatibility h3{font-size:27px;color:var(--gold);margin:6px 0}.compatibility p{font-size:16px}.compatibility .match-label{font-size:14px;color:#e4cde9}.quiz-note{max-width:720px;margin:20px auto;color:var(--muted);font-size:14px;text-align:center;line-height:1.8}.sr-only{position:absolute;width:1px;height:1px;clip-path:inset(50%);overflow:hidden}.nyang-result[hidden]{display:none}button:disabled{cursor:not-allowed}@media(max-width:540px){.quiz-box,.nyang-result{padding:22px 18px}.quiz-cat{gap:6px}.quiz-cat img{width:80px;height:100px;flex-shrink:0}.quiz-cat p{font-size:16px}.nyang-heading{margin:20px 0}.result-host{flex-direction:column;gap:0}.result-host>img{width:200px;height:190px}.result-bubble:before{left:calc(50% - 7px);top:-8px;transform:rotate(135deg)}.compatibility{grid-template-columns:1fr}.result-bubble p{font-size:17px}.quiz-progress{font-size:14px}}

.compatibility .match-cat{display:block;width:180px;height:180px;max-width:100%;object-fit:contain;image-rendering:pixelated;margin:4px auto 8px}