.social-hud{max-width:245px}.social-hud #danceToggle{flex-shrink:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:6px 8px;background:#edf2e7;border-radius:10px;font-size:17px;color:#4e7455}.social-hud #danceToggle span{font-size:9px;line-height:1.2}.social-hud #danceToggle.is-dancing{background:#dce9c8;box-shadow:inset 0 0 0 1px #9db889}.social-hud #emoteToggle{margin-left:0;flex-shrink:0}
.dance-tray{position:absolute;z-index:15;right:0;bottom:calc(100% + 9px);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;width:300px;max-width:calc(100vw - 30px);max-height:min(440px,65dvh);overflow:auto;overscroll-behavior:contain;padding:12px;background:#fffef5f5;border:1px solid #dce5d6;border-radius:16px;box-shadow:0 6px 24px #3d614529;backdrop-filter:blur(6px)}.dance-tray[hidden]{display:none}.dance-tray-title{grid-column:1/-1;display:flex;justify-content:space-between;align-items:baseline;gap:6px;padding:2px 3px 5px}.dance-tray-title b{font-size:12px;color:#42674a}.dance-tray-title small{font-size:8px;color:#8a9b80}.dance-option{display:flex;flex-direction:column;align-items:center;gap:3px;min-width:0;min-height:122px;padding:5px 5px 9px;border:1px solid #e0e7d6;border-radius:12px;background:#f6f8ee;color:#42674a}.dance-option:hover,.dance-option[aria-pressed=true]{background:#e6efdb;border-color:#8cab7d}.dance-option canvas{display:block;width:62px;height:78px}.dance-option b{font-size:10px;white-space:nowrap}.dance-option small{font-size:8px;color:#8a9b80;line-height:1.4}.dance-tray #stopDance{grid-column:1/-1;display:flex;justify-content:center;align-items:center;gap:8px;min-height:32px;padding:8px;border-radius:9px;background:#e7eddd;font-size:10px;color:#57754d}.dance-tray #stopDance small{font-size:8px;color:#8a9b80}.dance-tray #stopDance:disabled{opacity:.45;cursor:default}
@media(max-width:650px){.social-hud{max-width:196px}.social-hud .avatar-actions{gap:4px}.social-hud #danceToggle{padding:5px 6px;font-size:16px}.social-hud #danceToggle span{font-size:8px}.social-hud #emoteToggle{padding:6px}.dance-tray{width:274px;padding:9px;gap:6px}.dance-option{min-height:113px}.dance-option canvas{width:56px;height:70px}.dance-option small{font-size:7px}}

/* Pointer dragging is handled within this scroll pane in both directions. */
.minimal-hud .dance-tray{overflow-x:hidden;overflow-y:auto;touch-action:none;overflow-anchor:none;scrollbar-gutter:stable;align-content:start}.dance-option{flex-shrink:0;user-select:none;-webkit-user-select:none}.dance-option canvas{pointer-events:none}

html.symptom-modal-open,html.symptom-modal-open body{overflow:hidden;overscroll-behavior:none}.dance-tray:modal{position:fixed;inset:auto;left:50%;top:50%;transform:translate(-50%,-50%);margin:0;width:min(370px,calc(100vw - 28px));max-width:none;max-height:calc(100dvh - 80px);overflow:auto;overscroll-behavior:none;touch-action:none;grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;padding:12px}.dance-tray::backdrop{background:#18392d70;backdrop-filter:blur(3px)}.dance-tray-title{position:sticky;top:-12px;z-index:2;background:#fffef5;padding:8px 3px;align-items:center}.dance-tray-title #closeDanceTray{font-size:24px;line-height:1;padding:5px 9px;color:#476c53;margin-left:auto}.dance-tray[hidden]{display:none!important}