.mouse-reaction-preview { position: absolute; right: 0; bottom: calc(100% + 8px); display: grid; justify-items: center; gap: 8px; width: min(260px,calc(100vw - 24px)); max-height: min(390px,calc(100dvh - 110px)); overflow: auto; padding: 14px; border: 1px solid var(--line); border-radius: 14px; color: var(--cream); background: var(--surface,#141814); box-shadow: 0 12px 36px #0008; pointer-events: auto; }
.mouse-reaction-preview > img { width: 88px; height: 88px; object-fit: contain; }
.mouse-reaction-preview > small { color: var(--muted); font-size: 11px; }
.mouse-reaction-preview > p { margin: 0; font-size: 12px; line-height: 1.4; text-align: center; }
.mouse-reaction-preview > .button { min-height: 44px; width: 100%; }
.mouse-reaction-preview .mouse-reaction-preview-close { position: absolute; top: 2px; right: 2px; width: 44px; height: 44px; min-height: 44px; padding: 0; border: 0; background: transparent; color: inherit; font-size: 24px; }
.mouse-reactions.is-side .mouse-reaction-preview { right: calc(100% + 8px); bottom: auto; top: 0; }
.mouse-reaction-gallery { padding-block: 12px; border-top: 1px solid var(--line); }
.mouse-reaction-gallery > div { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 6px; }
.mouse-reaction-gallery > div > button { display: grid; place-items: center; gap: 4px; min-height: 64px; padding: 8px 4px; border: 1px solid var(--line); border-radius: 10px; background: var(--surface); color: var(--cream); font-size: 12px; }
.mouse-reaction-gallery > div > button[aria-pressed=true] { border-color: var(--lime); }
.mouse-reaction-gallery > div img { width: 40px; height: 40px; object-fit: contain; }
.mouse-reaction-gallery figure { margin: 14px 0 0; text-align: center; }
.mouse-reaction-gallery figure img { width: 112px; height: 112px; object-fit: contain; }
.mouse-reaction-gallery button:focus-visible,.mouse-reaction-preview button:focus-visible { outline: 2px solid var(--lime); outline-offset: 2px; }
@media(max-width:680px) { .app-shell .detailed-game .mouse-reactions.is-side .mouse-reaction-preview { top: calc(100% + 8px); right: 0; bottom: auto; } }