#hud .emote-trigger{position:absolute;right:14px;top:209px;z-index:5;width:45px;height:42px;border:1px solid #899dcc;border-radius:10px;background:linear-gradient(#fcfcff,#ccd9ed);box-shadow:0 4px 14px #0009;color:#314b7b;font-size:27px;font-family:Arial,sans-serif;pointer-events:auto}
#hud .emote-trigger[aria-expanded="true"]{background:linear-gradient(#fff0c1,#e6bd61);border-color:#a27837;color:#573b17}
#hud .emote-picker{position:absolute;right:14px;top:258px;z-index:6;display:grid;grid-template-columns:repeat(4,1fr);gap:8px;width:min(257px,calc(100vw - 28px));padding:12px;background:linear-gradient(155deg,#f7f6ec,#d2dcec);border:2px solid #7b8eae;border-radius:15px;box-shadow:0 12px 30px #000b;pointer-events:auto}
#hud .emote-picker[hidden]{display:none!important}
#hud .emote-picker button{min-width:0;height:48px;background:linear-gradient(#fffdf2,#e0e6ef);border:1px solid #9ba9bd;border-radius:10px;color:#304b77;font-size:25px;line-height:1;box-shadow:0 2px 2px #7d8ca733}
#hud .emote-picker button:hover,#hud .emote-picker button:focus-visible{background:#fff2c8;border-color:#b7893f;outline-offset:2px}
@media(max-width:600px){#hud .emote-trigger{top:calc(200px + var(--safe-top,0px));right:max(10px,var(--safe-right,10px))}#hud .emote-picker{top:calc(250px + var(--safe-top,0px));right:max(10px,var(--safe-right,10px))}}
@media(orientation:landscape) and (max-height:520px){#hud .emote-trigger{top:72px;right:12px;width:40px;height:38px}#hud .emote-picker{top:116px;right:12px;grid-template-columns:repeat(8,1fr);width:min(425px,calc(100vw - 24px));padding:8px;gap:5px}#hud .emote-picker button{height:42px}}