.question-prompt{font-size:14px;color:var(--mute);margin:-6px 0 18px}
.profile-guidance{position:relative;margin-top:18px;padding-top:14px;border-top:1px solid #fff3;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.profile-guidance h2{margin:0 0 7px;font:700 10px/1.2 Archivo,sans-serif;letter-spacing:.08em;text-transform:uppercase;color:#b9dcdc}
.profile-guidance ul{margin:0;padding-left:16px;display:grid;gap:4px}
.profile-guidance li{font-size:12px;line-height:1.35;color:#fff}
.mystery-box{position:relative;min-height:148px;background:linear-gradient(145deg,var(--teal),var(--teal-ink));border-radius:20px;padding:16px;color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;margin:20px 0 24px;box-shadow:0 12px 26px #006b6b33}
.mystery-box strong{font:900 62px/1 'Archivo Black';z-index:1}
.mystery-box span{font-size:12px;font-weight:700;letter-spacing:.04em;z-index:1}
.mystery-slots{position:absolute;inset:13px;display:grid;grid-template-columns:repeat(5,1fr);gap:6px}
.mystery-slots i{border-radius:5px;background:#fff2;border:1px solid #fff3}
.mystery-slots i.filled{background:var(--orange);border-color:#fff7;animation:ingredient .22s ease-out}
@keyframes ingredient{from{transform:scale(.3);opacity:.3}
to{transform:scale(1);opacity:1}
}
.answer{display:flex;align-items:center;gap:12px;line-height:1.35}
.answer b{width:25px;height:25px;display:grid;place-items:center;border-radius:50%;background:var(--teal-soft);color:var(--teal);font-size:12px;flex:none}
.answer:active{transform:scale(.985);border-color:var(--orange);background:var(--orange-soft)}
.profile-card{position:relative;overflow:hidden;border:0;background:linear-gradient(150deg,#006b6b 0%,#0a4a4a 100%);color:#fff;padding:24px 22px 28px;box-shadow:0 18px 36px #006b6b30}
.profile-card:before{content:'';position:absolute;width:210px;height:210px;border:1px solid #fff2;border-radius:50%;top:-95px;right:-70px}
.profile-card h1{color:#fff;font-size:36px;position:relative}
.profile-card p{color:#d6ecec;position:relative}
.profile-card .eyebrow{color:#b9dcdc}
.card-topline{font-size:11px;font-weight:700;letter-spacing:.11em;text-transform:uppercase;color:#b9dcdc;position:relative}
.profile-art{width:190px;height:190px;object-fit:contain;display:block;margin:4px auto 8px;position:relative;filter:drop-shadow(0 13px 12px #001f1f55)}
.profile-card .traits span{background:#fff2;color:#fff;border:1px solid #fff2}
.profile-card small{display:block;color:#b9dcdc;margin-top:19px;font-size:12px;position:relative}
.complements{position:relative;margin-top:18px;padding-top:16px;border-top:1px solid #fff3}
.complements>p{margin:0 0 8px;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.complements ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.complements li{display:grid;place-items:center;gap:6px;text-align:center}
.complement-art{width:68px;height:68px;object-fit:contain}
.complements li strong{font-size:12px;line-height:1.2}
.profiles-page .complements{border-top-color:var(--line);margin-top:14px}
.profiles-page .complements>p{color:var(--teal);font-size:10px}
.profiles-page .complements li strong{color:var(--dark)}
.profiles-page .complement-art{width:58px;height:58px;background:var(--teal-soft);border-radius:50%}
.waiting-status{display:flex;align-items:center;gap:14px}
.waiting-status strong{color:var(--teal);font-size:16px}
.waiting-status p,.waiting-note{margin:3px 0 0;color:var(--mute);font-size:14px}
.waiting-note{padding-top:13px;margin-top:13px;border-top:1px solid var(--line);line-height:1.45}
.waiting-spinner{width:32px;height:32px;border:4px solid var(--teal-soft);border-top-color:var(--orange);border-radius:50%;flex:none;animation:waiting-spin .9s linear infinite}
@keyframes waiting-spin{to{transform:rotate(360deg)}
}
.profile-badge{display:inline-flex;align-items:center;gap:4px}
.profile-badge img{width:18px;height:18px;object-fit:contain}
.profiles-page{padding-bottom:40px}
.profiles-page>p{line-height:1.55;color:var(--mute);max-width:43ch}
.profile-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:22px}
.profile-gallery article{background:#fff;border:1px solid var(--line);border-radius:16px;padding:15px;overflow:hidden}
.profile-gallery img{width:100%;height:130px;object-fit:contain;background:var(--teal-soft);border-radius:12px}
.profile-gallery h2{font:900 19px/1.05 'Archivo Black';color:var(--teal);margin:6px 0 9px}
.profile-gallery p{font-size:13px;line-height:1.45;color:var(--mute);margin:0}
.profile-gallery .eyebrow{color:var(--teal);margin-top:10px}
@media(prefers-reduced-motion:reduce){.mystery-slots i.filled,.waiting-spinner{animation:none}
.answer:active{transform:none}
}
@media(max-width:380px){.profile-gallery{grid-template-columns:1fr}
.profile-gallery img{height:170px}
}