.b11eb{flex:0 0 48px;width:48px;height:48px;min-width:48px;min-height:48px;padding:0;border-radius:12px;border:1px solid var(--line,#ccd);background:transparent;color:inherit;font-size:22px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}
.b11eb.off{opacity:.55}
.b6in{gap:6px}.b6in #msg{min-width:0;flex:1 1 auto}
.b11back{position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:9999;display:flex;align-items:flex-end;justify-content:center}
.b11sh{background:var(--card,#fff);color:var(--ink,#111);width:100%;max-width:560px;max-height:88vh;overflow:auto;border-radius:16px 16px 0 0;padding:14px 16px 20px}
.b11top{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px}
.b11top b{font-size:18px}
.b11x{width:48px;height:48px;min-width:48px;border:0;background:transparent;color:inherit;font-size:20px;cursor:pointer}
.b11tabs{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:8px}.b11tabs button{flex:1 1 auto;min-height:48px}
.b11grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(48px,1fr));gap:4px}
.b11e{height:52px;min-width:48px;font-size:28px;border:0;background:transparent;border-radius:10px;cursor:pointer}
.b11e:hover,.b11e:focus-visible{background:rgba(127,127,127,.18)}
.b11note{font-size:13px;opacity:.85;margin:8px 0}
.b11pick{display:grid;gap:8px}.b11wide{display:flex;align-items:center;justify-content:center;min-height:52px;width:100%;cursor:pointer}
.b11safe{margin:12px 0 0;padding-left:18px;font-size:14px;line-height:1.45}
.b11prev,.b11full{display:block;max-width:100%;max-height:60vh;margin:0 auto 10px;border-radius:10px}
.b11lab{display:block;font-size:14px;margin-bottom:4px}#b11cap{width:100%;min-height:48px;box-sizing:border-box}
.b11row{display:flex;gap:8px;justify-content:flex-end;flex-wrap:wrap;margin-top:10px}.b11row .btn{min-height:48px;flex:1 1 140px}
.b11img{display:block;padding:0;border:0;background:transparent;cursor:pointer;margin:2px 0;border-radius:14px;overflow:hidden;max-width:240px;min-height:48px;color:inherit}
.b11img img{display:block;width:100%;height:auto}
.b6b.b11empty{display:none}.b6b.b11rmd{font-style:italic;opacity:.8}
.b11gate{margin-top:8px}.b11gate .btn{min-height:48px;white-space:normal}
.b6tx>span.b11full1{white-space:normal!important;overflow:visible!important;display:block;-webkit-line-clamp:unset!important;overflow-wrap:anywhere}
.b11on{font-size:11px;letter-spacing:.06em;padding:2px 6px;border-radius:6px;background:rgba(127,127,127,.2);vertical-align:middle}
.b7card.b11sel{outline:3px solid currentColor;outline-offset:-3px}
.b11dlist .b10row{display:flex;align-items:center;gap:8px;padding:4px 0}
/* v111: skewed (clip-path parallelogram) buttons & chips: keep content inside the slant */
:root.b7 .btn,:root.b7 .btn.sm{padding-left:22px!important;padding-right:22px!important;display:inline-flex;align-items:center;justify-content:center;gap:6px;text-align:center;white-space:normal;height:auto;min-height:48px;line-height:1.15;max-width:100%;box-sizing:border-box}
.b7chip,#ffsnav button{padding-left:20px!important;padding-right:20px!important;display:inline-flex;align-items:center;justify-content:center;gap:6px;text-align:center;white-space:normal;max-width:100%;box-sizing:border-box}
:root.b7 .btn svg,.b7chip svg{flex:0 0 auto}
/* collapsible cards with the eye badge in the corner: keep buttons clear of it */
.card.hcoll>.row:first-child{padding-right:30px;flex-wrap:wrap;gap:8px;row-gap:8px}
.card.hcoll>.row:first-child>.row{flex-wrap:wrap;gap:8px;justify-content:flex-end}
html body #view .b7chip,html body .b7row2 .b7chip{padding-left:20px!important;padding-right:20px!important}
:root.b7 .pl .btn{flex:0 0 auto;min-width:max-content}
/* v111: ranked Fill / Sub rows */
.b11grp{margin:12px 0 4px;font-size:13px;letter-spacing:.06em;text-transform:uppercase;opacity:.9}
#modal .lnopts,#modal .subgrid.b11list{display:flex;flex-direction:column;gap:8px}
#modal .btn.b11opt,#modal .subp.b11opt{display:flex!important;align-items:center;justify-content:flex-start!important;gap:12px;width:100%;min-height:56px;text-align:left!important;white-space:normal;padding:8px 24px!important;font-style:normal;text-transform:none;letter-spacing:0;height:auto}
.b11rk{flex:0 0 auto;min-width:40px;height:32px;display:inline-flex;align-items:center;justify-content:center;border-radius:8px;font-weight:800;font-size:14px;background:var(--brand,#1d5fe0);color:#fff}
.b11who{display:flex;flex-direction:column;gap:3px;min-width:0;flex:1 1 auto}
.b11who b{font-size:16px;overflow-wrap:anywhere}
.b11chips{display:flex;flex-wrap:wrap;gap:4px;align-items:center}
.b11chip{font-size:12px;font-weight:700;padding:2px 8px;border-radius:6px;border:1px solid currentColor;opacity:.9}
.b11chip.b11pri{background:rgba(127,127,127,.2)}.b11chip.b11none{font-weight:500;opacity:.75}
.b11dot{opacity:.7}
.b11hint{font-size:12.5px;opacity:.88}
.b11subh{margin:6px 0}
/* v111 Arena Sounds */
.b11sb{margin-top:12px}
.b11sbh{display:flex;justify-content:space-between;align-items:baseline;gap:8px;flex-wrap:wrap}.b11sbh h3{margin:0}
.b11pads{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:8px;margin:10px 0}
.b11pad{min-height:80px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:8px 10px;border-radius:14px;border:1px solid var(--line,#ccd);background:var(--panel2,rgba(127,127,127,.12));color:var(--ink,inherit);font-weight:800;font-size:16px;line-height:1.2;text-align:center;white-space:normal;cursor:pointer;clip-path:none!important}
.b11pad .b11pi{font-size:28px}
.b11pad.on{outline:3px solid var(--brand,#1d5fe0);outline-offset:-3px}
.b11pad:focus-visible{outline:3px solid #4da3ff}
.b11sbc{display:flex;flex-wrap:wrap;align-items:center;gap:10px}
.b11sbc label{font-weight:700}
#b11vol{flex:1 1 160px;min-height:48px}
.b11stop{min-height:48px}
@media(prefers-reduced-motion:reduce){.b11pad.on{outline-width:2px}}
/* announcer/referee: keep content clear of fixed bottom bars */
body.b10hasnav #view{padding-bottom:calc(var(--b11dock,0px) + 96px + env(safe-area-inset-bottom,0px))!important}
body.b10hasnav .gs-dock{bottom:calc(65px + env(safe-area-inset-bottom,0px))!important}
body.b10hasnav.gs-on #view{padding-bottom:calc(65px + 72px + 32px + env(safe-area-inset-bottom,0px))!important}

/* v122: emoji picker shows real color emoji, full strength (no fade). Emoji-first font stack for emoji cells; text-first for message text. */
:root{--emo-font:"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji","Segoe UI Symbol","Twemoji Mozilla","EmojiOne Color","Android Emoji",sans-serif}
.b11back{background:rgba(0,0,0,.62)!important;opacity:1!important;filter:none!important;backdrop-filter:none!important}
.b11sh{background:var(--card,#fff)!important;opacity:1!important;filter:none!important}
html[data-theme="dark"] .b11sh{background:#151b26!important;color:#f4f7fb!important}
html[data-theme="light"] .b11sh,html:not([data-theme]) .b11sh{background:#fff!important;color:#111!important}
.b11e,.b11grid,.emo{font-family:var(--emo-font)!important;opacity:1!important;filter:none!important;color:inherit!important;-webkit-text-fill-color:currentColor;font-variant-emoji:emoji;mix-blend-mode:normal}
.b11e{font-size:30px!important;line-height:1;display:inline-flex;align-items:center;justify-content:center;padding:0}
.b11note{opacity:1!important;color:inherit!important;font-size:14px}
.b6pk button,.b6pk,.b6rx{font-family:var(--emo-font);filter:none!important}
.b6b,.msg{font-family:var(--f-body,Inter),"SF Pro Text",system-ui,-apple-system,"Segoe UI",Roboto,"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",sans-serif}
/* v122: the generic .b8t.b8k button rule shrank emoji to ~13px; keep picker and reaction emoji full size */
#b11sheet .b11grid .b11e,#b11sheet .b11grid .b11e.b8t.b8k{font-size:30px!important;line-height:1!important;padding:0!important;min-height:52px}
.b6pk button,.b6pk button.b8t.b8k{font-size:22px!important;line-height:1!important;padding:0!important}