@font-face{font-family:'Bad Script';src:url('/fonts/emotes/bad-script/BadScript-Regular.ttf') format('truetype');font-weight:400;font-style:normal;font-display:block}
#emote-ui{position:fixed;inset:0;pointer-events:none;z-index:2200;font-family:var(--font-ui,'Golos Text',sans-serif);color:#e8dbb7}
#emote-ui [hidden]{display:none!important}
#emote-ui button{box-sizing:border-box;cursor:pointer;font:inherit;letter-spacing:normal;text-transform:none}
#emote-ui .emote-trigger{position:fixed;pointer-events:auto;display:grid;place-items:center;width:36px;height:36px;min-width:0;min-height:0;padding:7px;border:1px solid #b39c62;border-radius:50%;color:#e8d39b;background:linear-gradient(140deg,#354b36,#172d23);box-shadow:0 2px 8px #0006,inset 0 0 0 3px #cfbb7820;transition:box-shadow .18s,color .18s}
#emote-ui .emote-trigger::after{content:"";position:absolute;inset:-5px;border-radius:50%}
#emote-ui .emote-trigger:hover,#emote-ui .emote-trigger[aria-expanded=true]{color:#fff0bc;box-shadow:0 0 15px #d2b56855,inset 0 0 0 3px #cfbb782a}
#emote-ui svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.35;stroke-linecap:round;stroke-linejoin:round}
#emote-ui button:focus-visible,#emote-ui input:focus-visible{outline:2px solid #f2d991;outline-offset:2px}
#emote-ui .emote-menu{position:fixed;z-index:2;pointer-events:auto;width:220px;max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px);overflow:auto;box-sizing:border-box;padding:12px 14px;border:1px solid #b89d61;border-radius:9px;background:linear-gradient(135deg,#203b2f,#11281f);box-shadow:inset 0 0 0 3px #152b22,inset 0 0 0 4px #ac945b88,0 8px 26px #0006;scrollbar-width:thin;scrollbar-color:#9d8a57 #142c22}
#emote-ui .emote-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 2px 7px;border-bottom:1px solid #bca2643d;font:19px 'Literata',Georgia,serif}
#emote-ui .emote-heading-title{display:flex;align-items:center;gap:9px}
#emote-ui .emote-heading-title svg{color:#d6bd7e;width:22px;height:22px}
#emote-ui .emote-close{display:grid;place-items:center;border:0;background:none;color:#d8c99f;padding:0;width:30px;height:30px;min-height:30px;font:24px Georgia,serif}
#emote-ui .emote-options{display:grid;grid-template-columns:minmax(0,1fr);gap:0}
#emote-ui .emote-option{width:100%;min-width:0;min-height:34px;padding:5px 10px;border:0;border-bottom:1px solid #bca26426;border-radius:0;background:transparent;color:#ecdbb0;text-align:left;transition:background .15s,color .15s}
#emote-ui .emote-option:last-child{border-bottom:0}
#emote-ui .emote-option:hover:not(:disabled),#emote-ui .emote-option:focus-visible{background:linear-gradient(90deg,#baa16006,#baa16030 15%,#baa16030 85%,#baa16006);color:#fff0c6}
#emote-ui .emote-option:disabled{opacity:.5;cursor:default}
#emote-ui .emote-footer{margin-top:4px;padding-top:8px;border-top:1px solid #bca2643d;display:flex;align-items:center;justify-content:space-between;gap:6px;font-size:10px;color:#c3c6ae;min-height:20px}
#emote-ui .emote-mute{display:flex;align-items:center;gap:6px;cursor:pointer;min-height:20px}
#emote-ui input{accent-color:#bda365;width:14px;height:14px;margin:0}
#emote-ui .emote-wait{white-space:nowrap}
#emote-ui .emote-status{margin:8px 0 0;font-size:12px;color:#e6ce91;line-height:1.4}
#emote-ui .emote-bubble{position:fixed;box-sizing:border-box;max-width:min(248px,calc(100vw - 24px));padding:8px 14px;border:1px solid #baa16a;border-radius:6px;background:linear-gradient(125deg,#f1e7cb,#e8d9b6);color:#344131;text-align:center;box-shadow:inset 0 0 0 2px #f9efda66,0 4px 12px #0004;animation:emote-appear .2s ease-out;overflow-wrap:break-word;visibility:hidden}
#emote-ui[data-font-ready=true] .emote-bubble{visibility:visible}
#emote-ui .emote-bubble::before{content:"";position:absolute;left:calc(var(--emote-tip-x,50%) - 4px);width:8px;height:8px;transform:rotate(45deg);background:#eee1c3}
#emote-ui .emote-bubble[data-tail=top]::before{top:-5px;border-top:1px solid #baa16a;border-left:1px solid #baa16a}
#emote-ui .emote-bubble[data-tail=bottom]::before{bottom:-5px;border-bottom:1px solid #baa16a;border-right:1px solid #baa16a}
/* Match regular navigation typography; only spoken phrases are handwritten. */
#emote-ui .emote-option{font:400 17px/1.3 'Literata',Georgia,serif;text-shadow:none}
#emote-ui .emote-bubble{font:600 20px/1.45 'Bad Script',cursive;font-synthesis:weight;letter-spacing:0;text-shadow:none}
@keyframes emote-appear{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}
@media(pointer:coarse){#emote-ui .emote-option{min-height:44px}#emote-ui .emote-mute{min-height:28px}}
@media(max-width:480px){#emote-ui .emote-menu{width:220px;padding:11px 13px}#emote-ui .emote-bubble{max-width:224px;padding:7px 12px}#emote-ui .emote-trigger{width:34px;height:34px}}
@media(prefers-reduced-motion:reduce){#emote-ui *{animation:none!important;transition:none!important}}