/* quiz template base */
.hero{position:relative;height:190px;margin:4px 0 0}
.striph{font-size:13px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin:6px 0 10px;font-family:inherit}
.strip{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}
.strip .t{display:flex;align-items:center;gap:10px;background:var(--card);border-radius:14px;padding:10px 12px;font-size:13px;font-weight:700;line-height:1.25;border:2px solid rgba(0,0,0,.07)}
.strip .t i{font-style:normal;font-size:22px;flex:0 0 40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--c1),var(--c2))}
.rcard{position:relative;border-radius:28px;padding:24px 16px 16px;color:#fff;overflow:hidden;border:2px solid var(--line);box-shadow:0 6px 0 var(--line);text-align:center;background:linear-gradient(165deg,var(--c1),var(--c2))}
.rlabel{font-size:14px;font-weight:700;opacity:.9}
.remoji{width:130px;height:130px;margin:12px auto 6px;border-radius:50%;background:rgba(255,255,255,.92);display:flex;align-items:center;justify-content:center;font-size:72px;box-shadow:0 8px 24px rgba(0,0,0,.2)}
.rname{font-size:36px;margin:8px 0 6px;text-shadow:0 2px 0 rgba(0,0,0,.15)}
.rtag{display:inline-block;background:rgba(0,0,0,.2);padding:6px 14px;border-radius:99px;font-weight:700;font-size:14px;margin-bottom:14px}
.rbody{background:#fff;color:var(--ink);border-radius:20px;padding:16px;text-align:left}
.rshort{font-size:16px}
.rquote{font-style:italic;color:var(--muted);margin:10px 0 0;font-size:15px}
.rquote:empty{display:none}
.signs-h{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin:14px 0 6px;font-family:inherit}
.rsigns{list-style:none}.rsigns li{padding:4px 0 4px 26px;position:relative;font-size:15px;font-weight:600}
.rsigns li:before{content:"✓";position:absolute;left:4px;color:var(--c2);font-weight:900}
.rmix{margin-top:14px;border-top:1px dashed rgba(0,0,0,.15);padding-top:12px}
.mixh{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-weight:800;margin-bottom:6px}
.mixrow{display:grid;grid-template-columns:1fr auto;gap:2px 8px;font-size:14px;font-weight:700;margin-bottom:8px}
.mt{grid-column:1/-1;height:8px;border-radius:9px;background:#efedf5;overflow:hidden}.mt i{display:block;height:100%;border-radius:9px}
.rmatch{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}
.rmatch div{background:rgba(0,0,0,.2);border-radius:16px;padding:10px;font-size:12px}
.rmatch b{display:block;font-size:14px;margin-top:2px}
.is-friend .rsigns,.is-friend .signs-h,.is-friend .rmix{display:none}
.friend-only{display:none;margin-bottom:6px}.is-friend .friend-only{display:flex}