.emote-picker{
 position:fixed;z-index:130;box-sizing:border-box;
 max-height:calc(100dvh - 16px);overflow:auto;overscroll-behavior:contain;
 border:6px solid transparent;border-image:url('/assets/ui/native-detail-frame.png') 8 / 6px / 0 round;
 background:#151d14;box-shadow:0 5px 15px #0009;color:#eadbb7;padding:5px;
 font:12px/16px var(--font);
}
.emote-picker[hidden]{display:none}
.emote-picker>header{display:flex;align-items:center;justify-content:space-between;min-height:28px;border-bottom:1px solid #786647;margin-bottom:4px;padding:0 3px}
.emote-picker button{box-sizing:border-box;min-height:28px;color:#eedeb3;border:1px solid #796643;background:#2c3423;cursor:pointer;touch-action:manipulation}
.emote-picker header button{width:28px;height:28px;padding:0;background:none;border:0;font-size:20px;line-height:28px}
.emote-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px}
.emote-grid button{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:0;min-width:0;min-height:74px;padding:2px;font:11px/12px var(--font)}
/* Match the backing canvas dimensions so the original preview keeps its ratio. */
.emote-grid canvas{display:block;flex:none;width:42px;height:46px;image-rendering:pixelated}
.emote-grid button>span{display:block;max-width:100%;line-height:12px;white-space:nowrap}
.emote-grid small{display:block;font-size:9px;line-height:10px;color:#bcb495}
.emote-picker p{font-size:10px;line-height:11px;text-align:center;margin:4px 0 1px;color:#bcb495}
.emote-picker button:not(:disabled):hover,.emote-picker button:focus-visible{background:#4b4630;outline:1px solid #e7ce92;outline-offset:-1px}
.emote-picker button:disabled{opacity:.48;cursor:default}
body.desktop-client #chat-box #chat-emote-toggle{display:grid;place-items:center;flex:0 0 28px;width:28px;height:28px;min-height:28px;padding:0;margin:0 2px 0 auto;border:0;border-radius:0;background:url('/assets/ui/native-round-bezel.png') center/26px 26px no-repeat;box-shadow:none;touch-action:manipulation}
body.desktop-client #chat-box #chat-emote-toggle canvas{display:block;width:26px;height:26px;image-rendering:pixelated}
body.desktop-client #chat-box #chat-emote-toggle:focus-visible{outline:1px solid #e7ce92;outline-offset:1px}
body.desktop-client #chat-box #chat-emote-toggle[aria-expanded="true"]{filter:brightness(1.25)}
body.desktop-client #chat-box .chat-header>span{flex:1;min-width:0}
body.desktop-client #chat-box #chat-collapse{flex-shrink:0}
body.desktop-client.touch-client #chat-box .chat-header{gap:2px}
/* Phone control stays outside the scaled combat wheel and clipped chat dock. */
body.desktop-client.touch-client>#chat-emote-toggle{position:fixed;z-index:34;display:grid;place-items:center;box-sizing:border-box;width:44px;height:44px;min-height:44px;margin:0;padding:0;border:0;border-radius:50%;background:url('/assets/ui/native-round-bezel.png') center/44px 44px no-repeat,radial-gradient(circle at 40% 30%,#34453b,#111b17 68%,transparent 70%);box-shadow:0 2px 4px #0006;touch-action:manipulation;cursor:pointer}
body.desktop-client.touch-client>#chat-emote-toggle canvas{width:30px;height:30px;image-rendering:pixelated;pointer-events:none}
body.desktop-client.touch-client>#chat-emote-toggle[hidden]{display:none}
body.desktop-client.touch-client>#chat-emote-toggle:active,body.desktop-client.touch-client>#chat-emote-toggle[aria-expanded="true"]{filter:brightness(1.25)}
body.desktop-client.touch-client>#chat-emote-toggle:focus-visible{outline:2px solid #e8d39b;outline-offset:2px}
body.desktop-client.touch-client:has(#welcome[open],#panel[open],.client-window:not(.combat-party))>#chat-emote-toggle{visibility:hidden;pointer-events:none}

/* 2026-11-06（使用者：那個愛心動作的加一個跟氣球表情一樣的木紋圓框）：動作表情按鈕套同一張原版圓框（native-round-bezel），大小與氣球表情按鈕一致，愛心縮小置中。 */
body.desktop-client #chat-box #chat-gesture-toggle{display:grid;place-items:center;flex:0 0 28px;width:28px;height:28px;min-height:28px;padding:0;margin:0 2px;border:0;border-radius:50%;background:url("/assets/ui/native-round-bezel.png") center/26px 26px no-repeat}
body.desktop-client #chat-box #chat-gesture-toggle b{font:700 13px/1 sans-serif!important;transform:translateY(1px)}
body.desktop-client #chat-box #chat-gesture-toggle:focus-visible{outline:1px solid #e7ce92;outline-offset:1px}
body.desktop-client #chat-box #chat-gesture-toggle[aria-expanded="true"],body.desktop-client #chat-box #chat-gesture-toggle:active{filter:brightness(1.25)}
body.desktop-client.touch-client #chat-box #chat-gesture-toggle{flex:0 0 32px;width:32px;height:32px;min-height:32px;margin:0 4px 0 0;background-size:32px 32px}
body.desktop-client.touch-client #chat-box #chat-gesture-toggle b{font-size:15px!important}