body #page-messages{min-width:0}
.inbox-workspace{--messenger-accent:#a6b9ff;height:var(--inbox-height,650px);min-height:160px;display:flex;flex-direction:column;overflow:hidden;background:var(--panel);border:1px solid var(--line);border-radius:20px;color:var(--text);box-sizing:border-box}
body[data-theme="light"] .inbox-workspace{--messenger-accent:#4058ba}
body #page-messages :where(button:not(.btn)){font:inherit;cursor:pointer;color:inherit;border:0;background:transparent;border-radius:0;box-shadow:none;padding:0;min-height:0}
body #page-messages button:disabled{cursor:default;opacity:.5}
body #page-messages button:focus-visible,body #page-messages input:focus-visible{outline:2px solid var(--messenger-accent);outline-offset:3px}
.inbox-heading{position:relative;display:flex;align-items:center;justify-content:space-between;flex:none;padding:20px 24px;background:linear-gradient(115deg,#7360f50d,transparent 70%)}
body #page-messages .inbox-heading h1{font-size:26px;line-height:1.2;letter-spacing:-.6px;margin:4px 0 0}
.inbox-eyebrow{font-size:10px;letter-spacing:1.6px;color:var(--muted);font-weight:700}
.inbox-tools{display:flex;gap:8px}
body #page-messages .inbox-icon{display:inline-flex;align-items:center;justify-content:center;flex:none;width:38px;height:38px;border-radius:12px;color:var(--muted)}
body #page-messages .inbox-icon:hover{background:var(--ui-accent-soft)}
.inbox-icon svg{width:20px;height:20px;flex:none}
body #page-messages #inboxCompose{background:var(--ui-accent);color:#fff;box-shadow:0 4px 12px #595de52b;border-radius:12px}
.inbox-tabs{display:flex;flex:none;border-bottom:1px solid var(--line);padding:0 20px;gap:28px}
body #page-messages .inbox-tabs>button{display:flex;align-items:center;justify-content:center;gap:8px;font-weight:600;font-size:15px;min-height:52px;padding:0 4px;color:var(--muted);border-bottom:3px solid transparent}
body #page-messages .inbox-tabs>button[aria-selected="true"]{color:var(--text);border-bottom-color:var(--messenger-accent)}
.inbox-tabs svg{width:18px;height:18px}
.inbox-count{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;font-size:10px;padding:0 4px;border-radius:6px;background:var(--ui-accent-soft);color:var(--messenger-accent);box-sizing:border-box}
.inbox-chat{display:grid;grid-template-columns:minmax(250px,34%) minmax(0,1fr);flex:1;min-height:0;overflow:hidden}
.inbox-sidebar{display:flex;flex-direction:column;min-width:0;min-height:0;border-right:1px solid var(--line);overflow:hidden;padding-top:4px}
.inbox-folders{display:flex;align-items:center;gap:22px;flex:none;padding:0 18px}
body #page-messages .inbox-folders>button{display:flex;gap:6px;align-items:center;padding:14px 0 10px;font-size:14px;font-weight:600;color:var(--muted);border-bottom:2px solid transparent}
body #page-messages .inbox-folders>button[aria-selected="true"]{color:var(--text);border-bottom-color:currentColor}
.inbox-search{display:flex;gap:8px;align-items:center;min-width:0;flex:none;margin:16px 16px 8px;padding:11px 12px;border-radius:12px;background:var(--ui-field);border:1px solid var(--line)}
.inbox-search svg{width:17px;height:17px;flex:none;color:var(--muted)}
body #page-messages .inbox-search input{width:100%;min-width:0;font:inherit;font-size:14px;color:inherit;border:0;background:transparent;margin:0;padding:0;box-shadow:none;outline:0!important}
.inbox-search input::placeholder{color:var(--muted);opacity:1}
.inbox-list-tools{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:5px 18px 10px;flex:none;font-size:11px;color:var(--muted)}
body #page-messages .inbox-text-button{font-size:12px;line-height:1.5;font-weight:600;color:var(--messenger-accent);padding:4px 0}
body #page-messages #inboxUnread[aria-pressed="true"]{text-decoration:underline;text-underline-offset:3px}
.inbox-list{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;padding:0 8px 12px}
body #page-messages #messagesList{display:block!important;gap:0!important}
body #page-messages .inbox-conversation{display:flex;align-items:center;gap:12px;width:100%;padding:14px 10px;text-align:left;border-radius:12px;margin:2px 0;min-width:0}
body #page-messages .inbox-conversation:hover,body #page-messages .inbox-conversation.is-selected{background:var(--ui-accent-soft)}
.messenger-avatar{display:flex;align-items:center;justify-content:center;width:46px;height:46px;flex:none;border-radius:16px;background:linear-gradient(135deg,#3670f51b,#915ae327);color:var(--messenger-accent);font-weight:700;font-size:20px;overflow:hidden}
.messenger-avatar img{width:100%;height:100%;object-fit:contain}
.inbox-conversation-copy{min-width:0;flex:1;display:grid;gap:4px}
.inbox-conversation-title{display:flex;gap:10px;align-items:baseline;justify-content:space-between}
.inbox-conversation-title strong{font-size:14px;font-weight:600;min-width:0;overflow-wrap:anywhere}
.inbox-conversation-title time{font-size:10px;font-weight:400;color:var(--muted);flex:none;white-space:nowrap}
.inbox-conversation-preview{font-size:12px;line-height:1.5;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;color:var(--muted)}
.inbox-conversation.is-unread .inbox-conversation-title strong{font-weight:750}
.inbox-conversation.is-unread .inbox-conversation-preview{color:var(--text);font-weight:500}
.inbox-unread-dot{width:7px;height:7px;background:var(--messenger-accent);border-radius:50%;flex:none}
.inbox-status{font-size:12px;line-height:1.45;color:var(--muted);margin:0 18px;flex:none;overflow-wrap:anywhere}
.inbox-status:not(:empty){padding:8px 0}
.inbox-empty{text-align:center;padding:34px 16px;display:flex;align-items:center;flex-direction:column}
.inbox-empty>span{display:grid;place-items:center;background:var(--ui-accent-soft);color:var(--messenger-accent);width:58px;height:58px;border-radius:20px;margin-bottom:14px}
.inbox-empty>span svg{width:26px;height:26px}
body #page-messages .inbox-empty h3{font-size:17px;margin:0 0 8px}
.inbox-empty p{font-size:13px;line-height:1.7;color:var(--muted);max-width:270px;margin:0 0 20px}
body #page-messages .inbox-empty .btn{display:flex;align-items:center;gap:8px;padding:10px 16px;border-radius:12px;font-size:13px;min-height:40px}
.inbox-empty .btn svg{width:17px;height:17px}
.inbox-section-heading{display:flex;align-items:center;justify-content:space-between;padding:12px 18px;gap:12px;flex:none}
.inbox-section-heading h2{font-size:15px;margin:0}
.inbox-section-heading>div{display:flex;align-items:center;gap:12px}
.inbox-search-help{font-size:13px;line-height:1.7;margin:22px 16px;color:var(--muted)}
.messenger-panel{min-height:0;min-width:0;overflow:hidden;display:flex;flex-direction:column}
.messenger-welcome{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px;text-align:center;background:radial-gradient(ellipse at 50% 45%,#7360f514,transparent 70%)}
.messenger-empty-art{position:relative;display:grid;place-items:center;width:100px;height:100px;border-radius:32px;background:linear-gradient(135deg,#337cff20,#a558f324);color:var(--messenger-accent);margin-bottom:28px;transform:rotate(-8deg)}
.messenger-empty-art>svg{width:48px;height:48px;transform:rotate(8deg)}
.messenger-empty-art>span{position:absolute;right:-8px;top:-8px;background:var(--panel);border:1px solid var(--line);border-radius:14px;display:grid;place-items:center;width:36px;height:36px;transform:rotate(8deg)}
.messenger-empty-art>span svg{width:19px;height:19px}
body #page-messages .messenger-welcome h2{font-size:22px;letter-spacing:-.4px;margin:0 0 10px}
.messenger-welcome p{font-size:14px;line-height:1.7;color:var(--muted);max-width:300px;margin:0 0 24px}
body #page-messages .messenger-welcome .btn{display:flex;align-items:center;gap:8px;padding:12px 18px;border-radius:12px;font-size:14px}
.messenger-welcome .btn svg{width:18px;height:18px}
.messenger-room{display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden}
.messenger-heading{display:flex;align-items:center;gap:10px;flex:none;padding:14px 18px;border-bottom:1px solid var(--line);min-height:70px;box-sizing:border-box}
body #page-messages .messenger-person{display:flex;align-items:center;gap:12px;text-align:left;min-width:0;flex:1}
.messenger-person>span:last-child{display:flex;flex-direction:column;gap:4px;min-width:0}
.messenger-person strong{font-size:15px;overflow-wrap:anywhere}
.messenger-person small{font-size:11px;color:var(--muted)}
.messenger-person .messenger-avatar{width:40px;height:40px;border-radius:14px}
body #page-messages #chatBack{display:none}
.messenger-log{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;padding:16px 20px;scrollbar-width:thin;overflow-anchor:none}
.messenger-date{text-align:center;margin:8px 0 22px;font-size:10px;font-weight:600;color:var(--muted);letter-spacing:.25px}
.messenger-message{position:relative;display:flex;align-items:center;justify-content:flex-start;gap:6px;margin:0 0 18px}
.messenger-message.is-own{justify-content:flex-end}
.messenger-message-content{max-width:min(82%,420px);min-width:0}
.messenger-bubble{background:var(--ui-accent-soft);border-radius:16px 16px 16px 4px;padding:10px 14px;font-size:14px;line-height:1.6;overflow:hidden;overflow-wrap:anywhere}
.messenger-bubble p{white-space:pre-wrap;margin:0!important;color:inherit}
.messenger-message.is-own .messenger-bubble{background:var(--ui-accent);color:#fff;border-radius:16px 16px 4px 16px}
.messenger-message-photo{max-width:100%;max-height:280px;object-fit:contain;display:block;border-radius:8px;margin:2px 0 5px}
.messenger-message-meta{display:flex;gap:7px;align-items:center;color:var(--muted);font-size:9px;margin:5px 3px 0}
.is-own .messenger-message-meta{justify-content:flex-end}
body #page-messages .messenger-message-meta button{font-size:10px;color:var(--messenger-accent);font-weight:600}
.messenger-message-tools{display:flex;flex-direction:column;gap:3px}
.is-own .messenger-message-tools{order:-1}
body #page-messages .messenger-message-tools button{width:26px;height:26px;display:grid;place-items:center;color:var(--muted);border-radius:8px}
.messenger-message-tools svg{width:14px;height:14px}
body #page-messages .messenger-message-tools button:hover{background:var(--ui-accent-soft);color:var(--messenger-accent)}
.messenger-quoted-message{border-left:3px solid var(--messenger-accent);background:var(--ui-field);padding:8px 10px;border-radius:9px;margin:0 0 5px;display:grid;gap:2px;max-width:100%;font-size:11px;overflow-wrap:anywhere}
.messenger-quoted-message strong{font-weight:600;color:var(--messenger-accent)}
.messenger-message.is-own .messenger-quoted-message{background:#ffffff1f;border-left-color:#fff}
.messenger-message.is-own .messenger-quoted-message strong{color:#fff}
.messenger-quoted-message span{color:var(--muted)}
.messenger-reactions{display:flex;gap:4px;margin-top:6px}
.is-own .messenger-reactions{justify-content:flex-end}
body #page-messages .messenger-reactions button{display:flex;align-items:center;gap:4px;background:var(--ui-accent-soft);border:1px solid var(--line);padding:3px 6px;border-radius:8px;font-size:12px}
.messenger-reactions button span{font-size:9px;color:var(--muted)}
body #page-messages .messenger-reactions button[aria-pressed="true"]{border-color:var(--messenger-accent)}
.messenger-reaction-picker{position:absolute;display:flex;gap:2px;bottom:100%;left:0;padding:5px;background:var(--panel);border:1px solid var(--line);border-radius:12px;box-shadow:0 6px 20px #0002;z-index:2}
.is-own .messenger-reaction-picker{left:auto;right:0}
body #page-messages .messenger-reaction-picker button{width:32px;height:32px;font-size:19px}
body #page-messages .messenger-older{display:block;margin:0 auto 18px;font-size:11px;font-weight:600;color:var(--messenger-accent);padding:6px 10px}
.messenger-loading{text-align:center;font-size:13px;color:var(--muted);padding:30px}
.messenger-empty-conversation{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;height:100%;min-height:100px}
.messenger-empty-conversation>span{color:var(--messenger-accent)}
.messenger-empty-conversation>span svg{width:30px;height:30px}
.messenger-empty-conversation h3{font-size:17px;margin:12px 0 6px}
.messenger-empty-conversation p{font-size:12px;color:var(--muted);margin:0}
.messenger-request{display:flex;align-items:center;justify-content:space-between;gap:14px;flex:none;padding:16px 20px;background:var(--ui-accent-soft);border-bottom:1px solid var(--line)}
.messenger-request strong{font-size:13px}
.messenger-request p{font-size:12px;line-height:1.6;color:var(--muted);margin:5px 0 0}
.messenger-request-actions{display:flex;gap:8px;flex:none}
body #page-messages .messenger-request-actions .btn{padding:8px 13px;border-radius:10px;font-size:12px;min-height:36px}
.messenger-composer{border-top:1px solid var(--line);padding:12px 14px 8px;flex:none;background:var(--panel);min-width:0}
.messenger-compose-row{display:flex;gap:6px;align-items:flex-end;min-width:0}
body #page-messages #dmText{font:inherit;font-size:14px;line-height:24px;resize:none;min-width:0;flex:1;min-height:40px;max-height:112px;padding:8px 12px;box-sizing:border-box;margin:0;border:0;outline:none;box-shadow:none;background:var(--ui-field);border-radius:12px;color:inherit}
body #page-messages #dmText:focus-visible{outline:2px solid var(--messenger-accent);outline-offset:1px}
body #page-messages .messenger-send{display:grid;place-items:center;flex:none;width:40px;height:40px;border-radius:12px;background:var(--ui-accent);color:#fff}
.messenger-send svg{width:19px;height:19px}
.messenger-compose-hint{display:block;text-align:center;font-size:9px;color:var(--muted);margin-top:8px}
.messenger-emoji-picker{display:flex;flex-wrap:wrap;padding:8px 0;gap:4px}
body #page-messages .messenger-emoji-picker button{font-size:23px;width:34px;height:34px;border-radius:9px}
.messenger-emoji-picker button:hover{background:var(--ui-accent-soft)}
.messenger-draft-preview{display:flex;flex-direction:column;gap:8px;padding:0 4px 12px}
.messenger-reply-draft{display:flex;align-items:center;justify-content:space-between;padding:7px 9px;background:var(--ui-accent-soft);border-left:3px solid var(--messenger-accent);border-radius:8px;gap:8px}
.messenger-reply-draft>span{display:grid;gap:3px;min-width:0}
.messenger-reply-draft strong{font-size:11px;color:var(--messenger-accent)}
.messenger-reply-draft small{font-size:11px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.messenger-photo-draft{display:flex;align-items:flex-start;gap:8px}
.messenger-photo-draft img{max-width:110px;max-height:72px;object-fit:contain;border-radius:8px}
.messenger-typing{display:flex;align-items:center;gap:3px;flex:none;margin:3px 20px 8px;color:var(--muted)}
.messenger-typing>span{display:block;width:4px;height:4px;border-radius:50%;background:currentColor;animation:messenger-typing 1s infinite alternate}
.messenger-typing>span:nth-child(2){animation-delay:.2s}.messenger-typing>span:nth-child(3){animation-delay:.4s}.messenger-typing small{font-size:10px;margin-left:5px}
@keyframes messenger-typing{to{opacity:.3;transform:translateY(-2px)}}
.inbox-notifications{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;padding:8px 8px 16px}
.inbox-notice{display:flex;gap:14px;padding:18px 16px;align-items:flex-start;border-bottom:1px solid var(--line);border-radius:12px;min-width:0}
.inbox-notice.is-unread{background:var(--ui-accent-soft)}
.inbox-notice-icon{display:grid;place-items:center;width:40px;height:40px;flex:none;background:var(--ui-accent-soft);color:var(--messenger-accent);border-radius:14px}
.inbox-notice-icon svg{width:19px;height:19px}
.inbox-notice>div{min-width:0;flex:1}
.inbox-notice p{font-size:14px;line-height:1.6;margin:0 0 5px;overflow-wrap:anywhere}
.inbox-notice time{font-size:11px;color:var(--muted)}
.inbox-notice-actions{display:flex;gap:18px;margin-top:8px}
.inbox-notice>.inbox-unread-dot{margin-top:15px}
#inboxNotificationStatus{font-size:12px;color:var(--muted);margin:0 18px}
@media(max-width:760px){
 .inbox-workspace{border-radius:16px}
 .inbox-heading{padding:16px 18px;min-height:66px;box-sizing:border-box;justify-content:center}
 .inbox-eyebrow{display:none}
 body #page-messages .inbox-heading h1{font-size:21px;margin:0}
 .inbox-tools{position:absolute;right:14px;gap:2px}
 body #page-messages .inbox-tools .inbox-icon{width:34px;height:34px}
 .inbox-tabs{gap:0;padding:0 12px}
 body #page-messages .inbox-tabs>button{flex:1;min-height:49px}
 .inbox-chat{display:flex;flex-direction:column}
 .inbox-sidebar{flex:1;border-right:0}
 .messenger-panel{display:none}
 .messenger-open .inbox-heading,.messenger-open .inbox-tabs,.messenger-open .inbox-sidebar{display:none}
 .messenger-open .messenger-panel{display:flex;flex:1}
 body.messages-messenger-open:has(#page-messages.active) #bottomNav{display:none!important}
 .messenger-heading{padding:12px 10px;gap:4px}
 body #page-messages #chatBack{display:flex}
 .messenger-person{gap:9px!important}
 .messenger-person strong{font-size:14px}
 .messenger-person .messenger-avatar{width:35px;height:35px;border-radius:12px}
 .messenger-log{padding:14px 12px}
 .messenger-message-content{max-width:calc(100% - 35px)}
 .messenger-bubble{font-size:14px;padding:9px 12px}
 .messenger-composer{padding:10px 8px 10px}
 body #page-messages .messenger-compose-row .inbox-icon{width:30px;height:40px}
 body #page-messages #dmText{font-size:16px;padding:8px 10px}
 .messenger-compose-hint{display:none}
 .messenger-request{padding:12px;flex-direction:column;align-items:flex-start}
 .messenger-request-actions{width:100%}
 .messenger-request-actions .btn{flex:1}
 .inbox-conversation-title strong{font-size:15px}
 .inbox-conversation-preview{font-size:13px}
 .inbox-empty{padding:34px 24px}
 .inbox-empty p{max-width:300px}
}
@media(prefers-reduced-motion:reduce){.messenger-typing>span{animation:none}}
@media(max-width:760px) and (max-height:700px){
 .inbox-heading{min-height:56px;padding-block:11px}
 body #page-messages .inbox-tabs>button{min-height:43px}
 .inbox-sidebar{overflow:auto;overscroll-behavior:contain}
 .inbox-list{flex:none;overflow:visible}
 .inbox-search{margin-top:10px;padding-block:8px}
 body #page-messages .inbox-folders>button{padding-top:10px}
}

body #page-messages .messenger-photo-button{display:block;width:100%;text-align:left}
/* Notifications are separate cards with a coloured icon per kind. */
#inboxNoticeList{display:grid;gap:10px}
:is(html,#liquid-glass) body #inboxNoticeList .inbox-notice{border:1px solid var(--line);border-bottom:1px solid var(--line);border-radius:16px;background:var(--panel,var(--surface));padding:14px;box-shadow:0 1px 2px rgba(0,0,0,.04)}
:is(html,#liquid-glass) body #inboxNoticeList .inbox-notice.is-unread{background:color-mix(in srgb,var(--panel,var(--surface)) 88%,var(--messenger-accent,#6d5dfc) 12%);border-color:color-mix(in srgb,var(--line) 60%,var(--messenger-accent,#6d5dfc) 40%)}
.inbox-notice[data-kind=game] .inbox-notice-icon{color:#d97706;background:rgba(245,158,11,.14)}
.inbox-notice[data-kind=miner] .inbox-notice-icon{color:#6366f1;background:rgba(99,102,241,.14)}
.inbox-notice[data-kind=message] .inbox-notice-icon{color:#0ea5e9;background:rgba(14,165,233,.14)}
.inbox-notice[data-kind=news] .inbox-notice-icon{color:#64748b;background:rgba(100,116,139,.14)}
.inbox-notice[data-kind=launch] .inbox-notice-icon{color:#db2777;background:rgba(219,39,119,.13)}
.inbox-notice[data-kind=reward] .inbox-notice-icon{color:#16a34a;background:rgba(22,163,74,.13)}
.inbox-notice[data-kind=trending] .inbox-notice-icon{color:#ea580c;background:rgba(234,88,12,.13)}
.inbox-notice[data-kind=people] .inbox-notice-icon{color:#7c3aed;background:rgba(124,58,237,.13)}
.inbox-notice[data-kind=brief] .inbox-notice-icon{color:#ca8a04;background:rgba(202,138,4,.14)}
body[data-theme=dark] .inbox-notice[data-kind=game] .inbox-notice-icon{color:#fcd34d}
body[data-theme=dark] .inbox-notice[data-kind=miner] .inbox-notice-icon{color:#a5b4fc}
body[data-theme=dark] .inbox-notice[data-kind=message] .inbox-notice-icon{color:#7dd3fc}
body[data-theme=dark] .inbox-notice[data-kind=news] .inbox-notice-icon{color:#cbd5e1}
#inboxNoticeList .inbox-notice-actions{margin-top:6px}
/* Game scores shared in a chat. */
.messenger-game-picker{display:flex;flex-wrap:wrap;align-items:center;gap:6px;padding:8px 10px;border-top:1px solid var(--line)}
.messenger-game-picker small{width:100%;font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
:is(html,#liquid-glass):is(html,#liquid-glass):is(html,#liquid-glass) body .messenger-game-picker button{margin:0;padding:7px 12px!important;min-height:0;border:1px solid var(--line)!important;border-radius:999px!important;background:var(--panel,var(--surface))!important;box-shadow:none!important;color:var(--text)!important;font:inherit;font-size:13px;font-weight:750;cursor:pointer}
.messenger-game{width:min(320px,72vw)}
.messenger-game .mn-post,.messenger-game .lg-post{margin:0}
.messenger-bubble:has(.messenger-game){padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important}
.messenger-game-sending{font-style:italic;opacity:.75}
.ci-share{display:flex;align-items:center;gap:12px;padding:14px;border-radius:18px;color:#fff;background:linear-gradient(135deg,#7c2d12,#ea580c 55%,#9945ff)}
.ci-share-coin{display:grid;place-items:center;flex:none;width:44px;height:44px;border-radius:50%;font-size:24px;font-weight:900;background:radial-gradient(circle at 40% 35%,#ffc46b,#f7931a 60%,#c96f05)}
.ci-share div{display:grid;flex:1;min-width:0}.ci-share small{font-size:11px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;opacity:.8}.ci-share b{font-size:20px}.ci-share span{font-size:12.5px;opacity:.85}
/* Typing on a phone: the conversation is pinned to the visible area above the keyboard. */
@media (max-width:760px){
 html.messenger-typing #inboxConversation{position:fixed;left:0;right:0;top:var(--vv-top,0px);height:var(--vv-height,100dvh);z-index:2500;display:flex;margin:0;border-radius:0;background:var(--bg,var(--panel))}
 html.messenger-typing #inboxConversation .messenger-room{flex:1;min-height:0}
 html.messenger-typing #inboxConversation .messenger-composer{padding-bottom:8px}
 html.messenger-typing .messenger-compose-hint,html.messenger-typing #bottomNav{display:none!important}
 html.messenger-typing body{overflow:hidden}
}
.messenger-message-content:has(.messenger-game){width:min(300px,80vw);max-width:none}
.messenger-game .mn-post-stats{grid-template-columns:repeat(2,minmax(0,1fr))}
.messenger-game .mn-post-hash{font-size:28px}
.messenger-game .ci-share b{font-size:18px}
.messenger-game{width:100%;min-width:0}
/* Emojis come from the phone keyboard; the score picker sits under the bar's own top line. */
#chatEmoji,#chatEmojiPicker{display:none!important}
.messenger-game-picker{border-top:0!important;padding-top:2px}
/* Time above each message; reply, react and delete in a small row underneath. */
.messenger-message{flex-direction:column;align-items:flex-start;gap:3px}
.messenger-message.is-own{align-items:flex-end}
.messenger-message-content{display:flex;flex-direction:column}
.messenger-message.is-own .messenger-message-content{align-items:flex-end}
.messenger-message-meta{order:-1;margin:0 4px 4px}
.messenger-message-tools{flex-direction:row;gap:2px}
.is-own .messenger-message-tools{order:0}
body #page-messages .messenger-message-tools button{width:28px;height:24px}
.messenger-message-content:has(.messenger-game){align-items:stretch}
.messenger-message.is-own .messenger-message-content:has(.messenger-game) .messenger-message-meta{justify-content:flex-end}
/* One time per stretch of conversation; Sent/Seen sits under your latest message. */
.messenger-message-meta{order:0;margin:3px 4px 0}
.messenger-message-meta:empty{display:none}
.messenger-message{margin-bottom:6px}
.messenger-date{margin:16px 0 10px}
/* Press and hold: no text selection or iOS callout on the bubble; the options sheet instead. */
.messenger-message-content{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}
.messenger-sheet{position:fixed;inset:0;z-index:3000;display:grid;place-items:center;padding:20px;background:rgba(8,10,20,.45);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:messenger-sheet-in .16s ease-out}
@keyframes messenger-sheet-in{from{opacity:0}to{opacity:1}}
.messenger-sheet-panel{display:grid;gap:10px;width:min(340px,100%)}
.messenger-sheet-reactions{display:flex;justify-content:space-between;gap:4px;padding:8px 10px;border-radius:999px;background:var(--panel,#fff);box-shadow:0 10px 30px rgba(0,0,0,.25)}
:is(html,#liquid-glass):is(html,#liquid-glass):is(html,#liquid-glass) body .messenger-sheet-reactions button{display:grid;place-items:center;width:44px;height:44px;margin:0;padding:0!important;min-height:0;border:0!important;border-radius:50%!important;background:none!important;box-shadow:none!important;font-size:28px;cursor:pointer}
:is(html,#liquid-glass):is(html,#liquid-glass):is(html,#liquid-glass) body .messenger-sheet-reactions button[aria-pressed=true]{background:var(--ui-accent-soft,rgba(99,102,241,.15))!important}
.messenger-sheet-reactions button:active{transform:scale(1.25)}
.messenger-sheet-menu{display:grid;overflow:hidden;border-radius:16px;background:var(--panel,#fff);box-shadow:0 10px 30px rgba(0,0,0,.25)}
:is(html,#liquid-glass):is(html,#liquid-glass):is(html,#liquid-glass) body .messenger-sheet-menu button{display:flex;align-items:center;justify-content:space-between;width:100%;margin:0;padding:14px 18px!important;min-height:0;border:0!important;border-radius:0!important;background:none!important;box-shadow:none!important;color:var(--text)!important;font:inherit;font-size:16px;font-weight:600;cursor:pointer;text-align:left}
.messenger-sheet-menu button+button{border-top:1px solid var(--line)!important}
.messenger-sheet-menu button svg{width:19px;height:19px}
:is(html,#liquid-glass):is(html,#liquid-glass):is(html,#liquid-glass) body .messenger-sheet-menu button.is-danger{color:#e11d48!important}
.messenger-sheet-menu button:active{background:color-mix(in srgb,var(--text) 7%,transparent)!important}
body[data-theme=dark] :is(.messenger-sheet-reactions,.messenger-sheet-menu){background:#1a2133;box-shadow:0 0 0 1px rgba(255,255,255,.08),0 10px 30px rgba(0,0,0,.4)}
/* Holding a message opens its options, so it must not start iOS text selection or the grey tap flash. */
#page-messages .messenger-log .messenger-message,#page-messages .messenger-log .messenger-message *{-webkit-user-select:none!important;user-select:none!important;-webkit-touch-callout:none!important;-webkit-tap-highlight-color:transparent!important}
/* Shared score cards keep their own colours: your own bubbles use white text, which vanished on the light League card. */
.messenger-message.is-own .messenger-bubble:has(.messenger-game){color:var(--text)!important}
.messenger-game .lg-post{color:var(--text)}
/* The finger is often still down when the options sheet appears, so nothing in it can be selected either. */
.messenger-sheet,.messenger-sheet *{-webkit-user-select:none!important;user-select:none!important;-webkit-touch-callout:none!important;-webkit-tap-highlight-color:transparent!important}
/* Phones: an open chat fills the screen; the header, search and tabs come back when you go back to the inbox. */
@media (max-width:760px){
 body.messages-messenger-open:has(#page-messages.active) .topbar{display:none!important}
 body.messages-messenger-open:has(#page-messages.active) #inboxConversation{position:fixed;inset:0;z-index:2400;margin:0;border:0;border-radius:0;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px);background:var(--panel,var(--bg))}
 html.messenger-typing body.messages-messenger-open:has(#page-messages.active) #inboxConversation{padding-bottom:0}
}
@media (max-width:760px){html.messenger-typing,html.messenger-typing body{overflow:hidden!important;overscroll-behavior:none}}
/* Like Messenger: the message being replied to sits as a faded bubble just behind the reply, and reactions tuck over
   the bottom corner of the message they're on. */
.messenger-quoted-message{display:grid;gap:4px;max-width:88%;margin:0 0 -14px;padding:0;background:none!important;border:0!important;font-size:13px}
.messenger-quoted-message strong{font-size:11.5px;font-weight:600;color:var(--muted)!important;padding:0 4px}
.messenger-quoted-message span{display:block;padding:9px 13px 20px;border-radius:16px;background:color-mix(in srgb,var(--text) 8%,transparent);color:var(--muted);overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}
.messenger-message.is-own .messenger-quoted-message{justify-items:end;margin-left:auto}
.messenger-message.is-own .messenger-quoted-message span{background:color-mix(in srgb,var(--ui-accent,#6366f1) 16%,transparent);color:color-mix(in srgb,var(--text) 70%,transparent)}
.messenger-bubble{position:relative;z-index:1}
.messenger-reactions{position:relative;z-index:2;margin:-10px 10px 0;gap:3px}
body #page-messages .messenger-reactions button{padding:2px 7px;border-radius:999px;background:var(--panel,#fff);border:1px solid var(--line);box-shadow:0 2px 6px rgba(0,0,0,.12);font-size:13px}
body[data-theme=dark] #page-messages .messenger-reactions button{background:#1f2738}
.messenger-message.is-own .messenger-quoted-message span{background:#e7e8fb;color:#4b5563}
body[data-theme=dark] .messenger-message.is-own .messenger-quoted-message span{background:#273049;color:#c7cee0}
body[data-theme=dark] .messenger-message:not(.is-own) .messenger-quoted-message span{background:#232a3b;color:#c7cee0}
.messenger-message:not(.is-own) .messenger-quoted-message span{background:#eceef3;color:#4b5563}