/* The original left name well ends at the carved divider around x189..199.
   Keep name ink inside x122..186 on both layouts; the right well stays separate. */
body.desktop-client #window-titles .native-legend.native-board .legend-name {
 left: 118px; width: 72px; text-align: center; padding: 0 4px; box-sizing: border-box;
}
/* This existing source assembly adds the missing 14px crown. Its first 164px
   below the crown match inventory-closed.png exactly, including one fastener.
   Show only that intact piece; none of the expanded equipment grid is sampled. */
body.desktop-client.touch-client #window-bag .inventory-extended .inventory-frame-top-left {
 display: block !important; left: 0; top: -14px; width: 164px; height: 114px;
 background: url('/assets/ui/mobile-panel/inventory-complete.png') left top / 425px 514px no-repeat;
 transform: none; mask-image: none; filter: none; z-index: 2;
}
/* Both layouts use small native heads: above desktop chat, left of phone control.
   Narrow viewports scroll the same row without wrapping or shrinking targets. */
body.desktop-client #emote-picker.emote-picker {
 height: 52px; max-height: 52px; padding: 2px; overflow: hidden;
 border-width: 4px; border-image: url('/assets/ui/native-detail-frame.png') 8 / 4px / 0 stretch;
 background: #171e15; box-shadow: 0 2px 6px #0008;
}
body.desktop-client #emote-picker.emote-picker > header,
body.desktop-client #emote-picker.emote-picker > p,
body.desktop-client #emote-picker.emote-picker .emote-grid button > span,
body.desktop-client #emote-picker.emote-picker .emote-grid button > small { display: none; }
body.desktop-client #emote-picker.emote-picker .emote-grid {
 display: grid; grid-template-columns: none; grid-template-rows: 40px;
 grid-auto-flow: column; grid-auto-columns: 40px; gap: 2px;
 max-width: 100%; height: 40px; padding: 0; overflow-x: auto; overflow-y: hidden;
 overscroll-behavior-x: contain; touch-action: pan-x; scrollbar-width: none;
}
body.desktop-client #emote-picker.emote-picker .emote-grid::-webkit-scrollbar { display: none; }
body.desktop-client #emote-picker.emote-picker .emote-grid button {
 width: 40px; height: 40px; min-height: 40px; padding: 0; gap: 0;
 border: 1px solid #89734777; border-radius: 2px;
 background: linear-gradient(#50472d80, #172016); overflow: hidden;
}
body.desktop-client #emote-picker.emote-picker .emote-grid canvas { width: 38px; height: 38px; }
body.desktop-client #emote-picker.emote-picker .emote-grid button:is(:hover, :focus-visible):not(:disabled) {
 background: #5b4e32; border-color: #e6c782;
}