body[data-screen="screen-friend-answers"] #app{max-width:540px;height:auto;min-height:calc(100svh - var(--flow-header));padding:8px 24px 40px}
body[data-screen="screen-friend-answers"] #quiz-screens{height:auto}
.friend-answers-page.active{height:auto;text-align:left;padding:0 2px}
.friend-answers-page h1{font-size:32px;line-height:1.15;margin:12px 0 20px}
.modal:has(.reward-wall){max-width:410px;max-height:92svh;overflow:auto;padding:28px 25px}
.answer-friend-tabs{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0 25px}.answer-friend-tabs button{padding:10px 15px;min-height:44px;border:2px solid #d9c4d4;border-radius:14px;background:#fff;color:#71405f;font-size:17px;font-weight:900;box-shadow:1px 3px 0 #e3d1dd}
.answer-friend-tabs [aria-pressed="true"]{background:#71405f;color:#fff;border-color:#48253e;box-shadow:1px 3px 0 #48253e}
.answer-friend-heading{font-size:28px;line-height:1.2;margin:0 0 7px;overflow-wrap:anywhere}.answer-count{font-size:14px;color:#8b7081;margin:0 0 22px}
.friend-answers-page .profile-comparison h3{font-size:22px}.friend-answers-page .profile-readings{overflow-wrap:anywhere}
@media(max-width:370px){.modal:has(.reward-wall){padding:22px 23px 16px}}

/* Rewarded unlock: one friend's answers per ad watched. */
.reward-wall{text-align:center;padding:6px 2px 10px}
.reward-intro{font-size:17px;line-height:1.45;color:#6d4e63;margin:0 auto 18px;max-width:380px}
.reward-wall .primary{max-width:380px;margin:0 auto}
.reward-notice{font-size:14px;line-height:1.45;color:#8a6b80;margin:14px auto 0;max-width:380px}
.reward-fineprint{font-size:12px;line-height:1.4;color:#a08d9b;margin:14px auto 0;max-width:360px}
.reward-back{display:inline-block;margin-bottom:6px}