/* Match-end extras behind ?endorse=1 (endorse-ui.js): your best moment and one-tap endorsements. Dark panels, lime
   accents (docs/ui-style-guide.md); nothing here ever shows a score that could shame anyone. */
#modal .best-moment{margin:10px auto 6px;max-width:520px;padding:10px 14px;border:2px solid #ccff34;border-radius:6px;background:#0d1117;box-shadow:3px 3px 0 #000;text-align:center}
#modal .best-moment .eyebrow{display:block;font-family:var(--font-stencil);font-size:10px;letter-spacing:.12em;color:#ffe55d}
#modal .best-moment b{display:block;font:400 clamp(24px,3.6vw,32px)/1 var(--font-display);color:#ccff34;text-shadow:2px 2px 0 #000}
#modal .best-moment p{margin:4px 0 0;font-size:13px;color:#d9d2c0}#modal .best-moment strong{color:#f3ead8}
#modal .endorse-panel{margin:8px auto;max-width:560px;text-align:left}
#modal .endorse-panel>.eyebrow{display:block;font-family:var(--font-stencil);font-size:10px;letter-spacing:.12em;color:#ff79b6;margin-bottom:4px}
#modal .endorse-list{list-style:none;margin:0;padding:0;display:grid;gap:4px;max-height:34vh;overflow:auto}
#modal .endorse-list li{display:flex;flex-wrap:wrap;align-items:center;gap:6px;padding:5px 8px;background:#11161e;border:1px solid #ffffff14;border-radius:4px}
#modal .endorse-list li>span{flex:1 1 120px;min-width:0}#modal .endorse-list li>span b{display:block;font-size:13px;color:#f3ead8;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#modal .endorse-list li>span small{font-size:10px;color:#a9a294}
#modal .endorse-list button{min-height:32px;padding:4px 9px;font-size:11px}
#modal .endorse-list em{font-style:normal;font-size:12px;color:#ccff34}
#modal .endorse-panel details summary{cursor:pointer;margin:6px 0 4px;font-size:12px;color:#d9d2c0}
#modal .endorse-error{flex-basis:100%;font-size:11px;color:#ff9a8a}
@media(max-width:700px){#modal .endorse-list button{flex:1 1 0}}