/* WRM 2.0: native DLE game emoji presentation, shared everywhere. */
/* Shared sizes for native DLE smileys, WRM tokens, article markup and admin previews.
   Keep them independent from article image max-width/height:auto rules. */
:is(.wrm2-body,.fr-element) img:is(.emoji,.wrm2-game-emoji){display:inline-block;width:24px;height:24px;max-width:none;object-fit:contain;vertical-align:middle;margin:0 2px;aspect-ratio:1;border:1px solid var(--wrm2-line)}
:is(.wrm2-body,.fr-element) img.wrm2-game-emoji--stat,
:is(.wrm2-body,.fr-element) img.emoji[src*="/assets/icons/stats/"]{width:16px;height:16px;margin:0 1px;border:none}
.wrm2-dle-emoji-picker{width:min(620px,90vw);max-height:min(480px,70vh);min-width:230px;display:flex;flex-direction:column;border:1px solid var(--wrm2-line,#2b3839);background:var(--wrm2-panel,#172123);color:var(--wrm2-text,#e7eded)}
.wrm2-dle-emoji-tabs{display:flex;flex:none;overflow-x:auto;scrollbar-width:thin;scrollbar-color:#1cfb8c #172123;border-bottom:1px solid #354344}
.wrm2-dle-emoji-tab{flex:1 0 auto;padding:9px 10px;border:0;border-right:1px solid #354344;border-radius:0;background:#131c1e;color:#aeb9b8;font:900 10px/1.2 Arial,sans-serif;cursor:pointer}
.wrm2-dle-emoji-tab.is-active{color:#1cfb8c;background:#1c2928;box-shadow:inset 0 -2px #1cfb8c}
.wrm2-dle-emoji-search{box-sizing:border-box;flex:none;width:100%;height:38px;min-height:38px;border:0;border-bottom:1px solid #354344;border-radius:0;background:#0d1618;color:#e7eded;padding:8px 12px;font:12px/1.3 Arial,sans-serif}
.wrm2-dle-emoji-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(43px,1fr));gap:4px;overflow:auto;padding:8px;scrollbar-width:thin;scrollbar-color:#1cfb8c #172123}
.wrm2-dle-emoji-choice{display:grid;place-items:center;min-height:39px;padding:4px;border:1px solid #354344;border-radius:0;background:#10191b;cursor:pointer}
.wrm2-dle-emoji-choice:hover{border-color:#1cfb8c}
.wrm2-dle-emoji-choice[hidden]{display:none!important}
.wrm2-dle-emoji-choice img:is(.emoji,.wrm2-game-emoji){display:block;width:28px;height:28px;max-width:none;object-fit:contain;pointer-events:none}
.wrm2-dle-emoji-choice img.wrm2-game-emoji--stat{width:16px;height:16px}
.wrm2-dle-emoji-grid::-webkit-scrollbar{width:6px}.wrm2-dle-emoji-grid::-webkit-scrollbar-thumb{background:#1cfb8c}

.fr-box,.tox-tinymce,.mce-tinymce{position:relative}
.wrm2-wysiwyg-picker{position:absolute;z-index:1200;top:40px;right:0;width:min(620px,calc(100vw - 32px))}
.wrm2-wysiwyg-picker[hidden]{display:none!important}

/* Native DLE admin catalog subfilters: same vocabulary as Build Creator. */
.wrm2-dle-emoji-filters{display:flex;flex:none;gap:5px;overflow-x:auto;min-height:35px;padding:5px 7px;border-bottom:1px solid #354344;scrollbar-width:thin;scrollbar-color:#1cfb8c #172123}
.wrm2-dle-emoji-filters[hidden]{display:none!important}
.wrm2-dle-emoji-filter{flex:none;padding:5px 8px;border:1px solid #354344;border-radius:0;background:#10191b;color:#aeb9b8;font:900 10px/1.2 Arial,sans-serif;cursor:pointer}
.wrm2-dle-emoji-filter.is-active{border-color:#1cfb8c;color:#1cfb8c;background:#152822}
.wrm2-dle-emoji-filters::-webkit-scrollbar{height:6px}
.wrm2-dle-emoji-filters::-webkit-scrollbar-thumb{background:#1cfb8c}

/* Pixel expression assets retain sharp edges at the shared 24px inline size. */
img.wrm2-game-emoji--pixel,:is(.wrm2-creator,.wrm2-comments-form) img.wr-bc-rich-emoji--pixel{image-rendering:pixelated}