/* Map children stay attached to the map-owned marker; only the ring moves. */
.quiz-pin-friends{position:absolute;z-index:8;top:40px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:0;width:max-content;pointer-events:none}
.quiz-pin-avatar{display:grid;place-items:center;width:23px;height:23px;margin-left:-3px;border:2px solid var(--parchment,#1f1300);border-radius:50%;background:var(--parchment2,#392b16);color:var(--ink,#fff);font:14px/1 system-ui;box-shadow:0 2px 4px #0003}
.quiz-pin-avatar:first-child{margin-left:0}.quiz-pin-avatar.checked{border-color:#94bf67}.quiz-pin-more{font-size:10px;font-weight:750}
.quiz-pin-pulse{position:absolute;left:3px;top:3px;width:38px;height:38px;border:2px solid #afdb80;border-radius:14px;pointer-events:none;animation:quiz-arrival 1.7s ease-out both;z-index:7}
@keyframes quiz-arrival{0%{opacity:0;transform:scale(.85)}18%{opacity:.85}100%{opacity:0;transform:scale(1.9)}}
.quiz-evening,.quiz-evening-inline{position:relative;padding:16px 44px 15px 16px;border:1px solid var(--border);border-radius:16px;background:var(--parchment);color:var(--ink);text-align:left;overflow-wrap:anywhere}
.quiz-evening{position:fixed;z-index:150;bottom:calc(var(--app-bottom,88px) + 16px);left:50%;transform:translateX(-50%);width:min(360px,calc(100% - 24px));max-height:calc(100dvh - 210px);overflow:auto;box-shadow:0 8px 24px #0003}
.quiz-evening-inline{margin-top:14px;background:transparent;border-radius:10px;padding:12px 38px 12px 12px}
.quiz-evening-kicker{font:700 10px/1.4 system-ui!important;letter-spacing:1.7px;color:var(--gold2);margin-bottom:5px}
.quiz-evening strong,.quiz-evening-inline strong{display:block;font:750 18px/1.3 system-ui!important}
.quiz-evening p,.quiz-evening-inline p{font:600 14px/1.4 system-ui!important;margin:6px 0 3px}
.quiz-evening small,.quiz-evening-inline small{display:block;font:400 12px/1.5 system-ui!important;color:var(--muted2)}
.quiz-evening-progress{display:flex;gap:9px;margin:13px 0 12px;max-width:260px}
.quiz-evening-progress span{flex:1;padding-top:6px;border-top:2px solid var(--border);color:var(--muted);font:500 10px/1.4 system-ui!important;white-space:nowrap}
.quiz-evening-progress .reached{border-color:var(--gold);color:var(--gold2)}
.quiz-evening-actions button{min-height:40px;padding:8px 14px;border:1px solid var(--gold);border-radius:8px;background:var(--gold);color:#251900;font:700 12px/1.4 system-ui!important;cursor:pointer}
.quiz-evening-close{position:absolute;top:7px;right:6px;min-width:36px;min-height:36px;border:0;border-radius:8px;background:transparent;color:var(--muted2);font:400 24px/1 system-ui!important;cursor:pointer}
.quiz-evening button:focus-visible,.quiz-evening-inline button:focus-visible,.quiz-result-activity button:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
.has-quiz-evening #dqPill{display:none!important}
.quiz-result-activity{display:flex;align-items:center;flex-wrap:wrap;gap:7px 12px;padding:13px 0;margin:8px 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border);color:var(--muted2);font:400 12px/1.5 system-ui!important}
.quiz-result-activity button{border:0;background:transparent;color:var(--gold2);padding:7px 0;min-height:36px;font:700 12px/1.4 system-ui!important;cursor:pointer}
:root.light .quiz-evening{background:var(--surface-card,#fffaf1);box-shadow:0 8px 24px #49351b22}
:root.light .quiz-pin-avatar{background:#fff4db;border-color:#fffaf1;color:#30230d}
:root.light .quiz-pin-avatar.checked{border-color:#628d42}
:root.light .quiz-pin-pulse{border-color:#628d42}
@media(prefers-reduced-motion:reduce){.quiz-pin-pulse{animation:none;display:none}}
/* The selected journey and evening summary share one bounded scroll area. */
#navCard:has(.quiz-evening-inline){max-height:calc(100dvh - var(--app-bottom,88px) - 116px);overflow-y:auto;overscroll-behavior:contain;pointer-events:auto;scrollbar-width:thin}
#navCard:has(.quiz-evening-inline) .nav-card{flex-shrink:0;align-items:flex-start}