/* Reef Rivals: quiet, opt-in picker; static thumbnails, never six autoplay loops. */
.reef-picker{margin-top:14px;border-top:1px solid var(--dg-line);padding-top:10px}
#social-sheet [data-social=reef]{display:flex;align-items:center;gap:8px;width:100%;min-height:48px;border:0;background:transparent;padding:4px 0;text-align:left;font-weight:650;font-size:14px}
[data-social=reef] small{font-size:10px;font-weight:400;color:var(--dg-muted);margin-left:auto}
.reef-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin:8px 0}
#social-sheet .reef-options button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-width:0;min-height:100px;padding:8px 3px;background:var(--inset);border-radius:12px;font-size:11px}
.reef-options img{display:block;object-fit:contain;max-width:100%;pointer-events:none}
.reef-options small{font-size:9px;color:var(--dg-muted)}
.reef-options button:focus-visible,[data-social=reef]:focus-visible{outline:2px solid var(--dg-accent);outline-offset:2px}
.target-reaction.reef-effect{display:block;line-height:1;font-size:0;contain:layout style;transform-origin:50% 50%;pointer-events:none!important}
.reef-effect img{display:block;width:100%;height:100%;object-fit:contain;pointer-events:none!important;user-select:none;-webkit-user-select:none}
@media(max-height:500px){#social-sheet .reef-options button{min-height:82px}.reef-options img{width:44px;height:44px}}