/*
 * Lyra2 - comunitate: panou de cont + online + fereastra de bun venit, pe tot site-ul si pe wiki (js/lyra-community.js).
 * Tot ce e aici incepe cu .lcm- si isi are propriile culori (aceleasi ca site-ul si wiki-ul), deci nu depinde de pagina.
 */
.lcm-root {
	--lcm-bg: #130a06; --lcm-bg-2: #1f120a; --lcm-card: rgba(58, 36, 21, .42);
	--lcm-gold: #c9a46a; --lcm-gold-hi: #e6c27a; --lcm-gold-lo: #8a6a2e;
	--lcm-text: #f3e6d2; --lcm-muted: #cdbb9f; --lcm-faint: #9a8266;
	--lcm-green: #7fcf7a; --lcm-red: #ee6a55; --lcm-blue: #66aef2;
	--lcm-stroke: rgba(201, 164, 106, .38); --lcm-stroke-hi: rgba(230, 194, 122, .75);
	--lcm-shadow: 0 12px 34px rgba(0, 0, 0, .65);
	font: 400 14px/1.45 'Roboto', system-ui, -apple-system, 'Segoe UI', Arial, sans-serif; letter-spacing: normal; text-transform: none; text-align: left;
	color: var(--lcm-text);
}
.lcm-root *, .lcm-root *::before, .lcm-root *::after { box-sizing: border-box; }
.lcm-root [hidden] { display: none !important; }
/* :where() = specificitate zero, ca regulile componentelor (.lcm-pill, .lcm-tab...) sa poata schimba fontul */
:where(.lcm-root) :where(button, input, textarea) { font: inherit; letter-spacing: inherit; text-transform: none; margin: 0; }
:where(.lcm-root) a { color: var(--lcm-gold-hi); text-decoration: none; }
:where(.lcm-root) a:hover { color: #fff3d6; text-decoration: none; }
.lcm-sr { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }

/* ------------------------------------------------------------------ buton plutitor (dock) */
.lcm-dock { position: fixed; right: max(12px, env(safe-area-inset-right)); bottom: max(12px, env(safe-area-inset-bottom)); z-index: 2147481000; display: flex; align-items: center; gap: 8px; max-width: calc(100vw - 24px); }
.lcm-pill { display: inline-flex; align-items: center; gap: 8px; min-height: 42px; max-width: 100%; padding: 6px 14px; cursor: pointer; color: var(--lcm-gold-hi); background: linear-gradient(180deg, #3a2314, #170d07); border: 1px solid var(--lcm-stroke-hi); border-radius: 999px; box-shadow: var(--lcm-shadow), inset 0 1px 0 rgba(255, 230, 170, .12); font-weight: 700; font-size: 13px; line-height: 1; transition: transform .2s, box-shadow .2s, background .2s, color .2s; }
.lcm-pill:hover, .lcm-pill[aria-expanded="true"] { color: #1a0f09; background: linear-gradient(180deg, #f3d672, #c9a227 60%, #9c7a1b); transform: translateY(-1px); }
.lcm-pill:focus-visible, .lcm-x:focus-visible, .lcm-tab:focus-visible, .lcm-btn:focus-visible { outline: 2px solid var(--lcm-gold-hi); outline-offset: 2px; }
.lcm-pill .lcm-name { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 150px; }
.lcm-dot { width: 9px; height: 9px; flex: 0 0 auto; border-radius: 50%; background: var(--lcm-green); box-shadow: 0 0 0 0 rgba(127, 207, 122, .6); animation: lcm-pulse 2.4s infinite; }
.lcm-dot.is-off { background: var(--lcm-faint); animation: none; }
.lcm-ava { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 auto; width: 26px; height: 26px; border-radius: 50%; color: #1a0f09; background: linear-gradient(180deg, #f3d672, #c9a227); font: 700 13px/1 'Roboto Slab', Georgia, serif; text-transform: uppercase; }
.lcm-pill:hover .lcm-ava, .lcm-pill[aria-expanded="true"] .lcm-ava { background: #1a0f09; color: var(--lcm-gold-hi); }
@keyframes lcm-pulse { 70% { box-shadow: 0 0 0 7px rgba(127, 207, 122, 0); } 100% { box-shadow: 0 0 0 0 rgba(127, 207, 122, 0); } }

/* ------------------------------------------------------------------ panou */
.lcm-panel { position: fixed; right: max(12px, env(safe-area-inset-right)); bottom: calc(max(12px, env(safe-area-inset-bottom)) + 52px); z-index: 2147481100; width: min(390px, calc(100vw - 24px)); max-height: min(80vh, 680px); display: flex; flex-direction: column; overflow: hidden; background: var(--lcm-bg); border: 1px solid var(--lcm-stroke-hi); border-radius: 14px; box-shadow: var(--lcm-shadow); opacity: 0; transform: translateY(10px) scale(.98); pointer-events: none; visibility: hidden; transition: opacity .18s ease, transform .18s ease, visibility 0s .18s; }
.lcm-panel.is-open { opacity: 1; transform: none; pointer-events: auto; visibility: visible; transition: opacity .18s ease, transform .18s ease, visibility 0s; }
.lcm-panel::before { content: ''; position: absolute; left: 0; right: 0; top: 0; height: 2px; background: linear-gradient(90deg, transparent, var(--lcm-gold-hi), transparent); }
.lcm-head { display: flex; align-items: center; gap: 8px; padding: 10px 10px 0 14px; }
.lcm-tabs { display: flex; flex: 1; gap: 4px; min-width: 0; }
.lcm-tab { flex: 1; min-height: 38px; padding: 8px 10px; cursor: pointer; color: var(--lcm-muted); background: transparent; border: 0; border-bottom: 2px solid transparent; font: 700 12px/1 'Roboto Slab', Georgia, serif; letter-spacing: .12em; text-transform: uppercase; }
.lcm-tab:hover { color: var(--lcm-gold-hi); }
.lcm-tab[aria-selected="true"] { color: var(--lcm-gold-hi); border-bottom-color: var(--lcm-gold-hi); }
.lcm-x { flex: 0 0 auto; width: 36px; height: 36px; cursor: pointer; color: var(--lcm-muted); background: transparent; border: 1px solid transparent; border-radius: 8px; font-size: 18px; line-height: 1; }
.lcm-x:hover { color: var(--lcm-gold-hi); border-color: var(--lcm-stroke); }
.lcm-body { flex: 1; min-height: 0; overflow-y: auto; padding: 12px 14px 14px; scrollbar-width: thin; scrollbar-color: #6b4a2a transparent; overscroll-behavior: contain; }
.lcm-sec { margin: 0 0 14px; }
.lcm-sec:last-child { margin-bottom: 0; }
.lcm-h { margin: 0 0 8px; padding: 0 0 6px; font: 700 11px/1.2 'Roboto Slab', Georgia, serif; letter-spacing: .16em; text-transform: uppercase; color: var(--lcm-gold-hi); background: linear-gradient(90deg, var(--lcm-stroke), transparent) left bottom / 100% 1px no-repeat; }

.lcm-me { display: flex; align-items: center; gap: 12px; margin: 0 0 14px; }
.lcm-me .lcm-ava { width: 48px; height: 48px; font-size: 22px; }
.lcm-me-t { min-width: 0; }
.lcm-me-n { margin: 0; font: 700 17px/1.2 'Roboto Slab', Georgia, serif; color: var(--lcm-text); overflow-wrap: anywhere; }
.lcm-me-s { margin: 2px 0 0; color: var(--lcm-faint); font-size: 12px; overflow-wrap: anywhere; }
.lcm-badge { display: inline-block; margin-left: 6px; padding: 2px 8px; vertical-align: middle; color: #1a0f09; background: linear-gradient(180deg, #f3d672, #c9a227); border-radius: 999px; font: 700 10px/1.4 'Roboto Slab', Georgia, serif; letter-spacing: .1em; text-transform: uppercase; }

.lcm-tiles { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.lcm-tile { padding: 8px 10px; background: var(--lcm-card); border: 1px solid var(--lcm-stroke); border-radius: 10px; min-width: 0; }
.lcm-tile.is-wide { grid-column: 1 / -1; }
.lcm-tile small { display: block; color: var(--lcm-faint); font-size: 11px; letter-spacing: .06em; text-transform: uppercase; }
.lcm-tile b { display: block; color: var(--lcm-text); font-size: 15px; font-weight: 600; overflow-wrap: anywhere; }
.lcm-tile b.is-good { color: var(--lcm-green); }
.lcm-tile span { display: block; color: var(--lcm-faint); font-size: 12px; }

.lcm-chars { margin: 0; padding: 0; list-style: none; display: grid; gap: 6px; }
.lcm-chars li { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 6px 10px; background: rgba(0, 0, 0, .25); border: 1px solid rgba(201, 164, 106, .2); border-radius: 8px; }
.lcm-chars b { font-weight: 600; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.lcm-chars span { color: var(--lcm-muted); font-size: 12px; white-space: nowrap; }

.lcm-form { display: grid; gap: 8px; }
.lcm-row { display: flex; gap: 8px; }
.lcm-row > .lcm-input { flex: 1; min-width: 0; }
.lcm-input { display: block; width: 100%; min-height: 40px; padding: 8px 12px; color: var(--lcm-text); background: rgba(0, 0, 0, .38); border: 1px solid var(--lcm-stroke); border-radius: 8px; box-shadow: none; }
textarea.lcm-input { min-height: 78px; resize: vertical; }
.lcm-input::placeholder { color: var(--lcm-faint); }
.lcm-input:focus { outline: none; border-color: var(--lcm-gold-hi); box-shadow: 0 0 0 3px rgba(230, 194, 122, .25); }
.lcm-lab { display: block; margin: 0 0 4px; color: var(--lcm-muted); font-size: 12px; font-weight: 400; letter-spacing: normal; text-transform: none; }
.lcm-hint { margin: 0; min-height: 18px; color: var(--lcm-faint); font-size: 12px; }
.lcm-hint.is-ok { color: var(--lcm-green); }
.lcm-hint.is-bad { color: var(--lcm-red); }
.lcm-btn { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 40px; padding: 8px 16px; cursor: pointer; color: var(--lcm-gold-hi); background: linear-gradient(180deg, #3a2314, #170d07); border: 1px solid var(--lcm-stroke-hi); border-radius: 8px; box-shadow: inset 0 1px 0 rgba(255, 230, 170, .12); font: 700 12px/1 'Roboto Slab', Georgia, serif; letter-spacing: .1em; text-transform: uppercase; transition: background .2s, color .2s, transform .2s; }
.lcm-btn:hover:not(:disabled) { color: #1a0f09; background: linear-gradient(180deg, #f3d672, #c9a227 60%, #9c7a1b); }
.lcm-btn:disabled { opacity: .55; cursor: default; }
.lcm-btn.is-primary { color: #1a0f09; background: linear-gradient(180deg, #e6c25a, #c9a227 55%, #9c7a1b); border-color: #f2d98a; }
.lcm-btn.is-primary:hover:not(:disabled) { background: linear-gradient(180deg, #f3d672, #d9b230 60%, #a98420); }
.lcm-btn.is-block { width: 100%; }
.lcm-btn.is-ghost { background: transparent; border-color: var(--lcm-stroke); color: var(--lcm-muted); }
.lcm-check { display: flex; align-items: center; gap: 8px; color: var(--lcm-muted); font-size: 13px; cursor: pointer; }
.lcm-check input { width: 18px; height: 18px; accent-color: #c9a227; }

.lcm-links { display: grid; grid-template-columns: 1fr 1fr; gap: 6px; }
.lcm-links a { display: flex; align-items: center; justify-content: center; min-height: 38px; padding: 6px 8px; text-align: center; color: var(--lcm-text); background: rgba(0, 0, 0, .25); border: 1px solid var(--lcm-stroke); border-radius: 8px; font-size: 13px; }
.lcm-links a:hover { color: #1a0f09; background: var(--lcm-gold-hi); border-color: var(--lcm-gold-hi); }
.lcm-small { color: var(--lcm-faint); font-size: 12px; }
.lcm-links-sub { display: flex; flex-wrap: wrap; gap: 4px 14px; margin-top: 10px; font-size: 13px; }

.lcm-nicks { display: flex; flex-wrap: wrap; gap: 6px; margin: 0; padding: 0; list-style: none; }
.lcm-nicks li { padding: 3px 10px; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: var(--lcm-text); background: rgba(0, 0, 0, .3); border: 1px solid var(--lcm-stroke); border-radius: 999px; font-size: 13px; }
.lcm-nicks li.is-me { border-color: var(--lcm-gold-hi); color: var(--lcm-gold-hi); }
.lcm-big { font: 700 28px/1 'Roboto Slab', Georgia, serif; color: var(--lcm-gold-hi); }
.lcm-live { display: flex; align-items: center; gap: 12px; padding: 10px 12px; background: var(--lcm-card); border: 1px solid var(--lcm-stroke); border-radius: 10px; }
.lcm-live small { display: block; color: var(--lcm-faint); font-size: 12px; }
.lcm-live b { font-weight: 700; }

.lcm-msg { margin: 0 0 10px; padding: 8px 12px; color: var(--lcm-text); background: rgba(238, 106, 85, .14); border: 1px solid rgba(238, 106, 85, .5); border-radius: 8px; font-size: 13px; }
.lcm-msg.is-ok { background: rgba(127, 207, 122, .12); border-color: rgba(127, 207, 122, .5); }

/* ------------------------------------------------------------------ fereastra de bun venit */
.lcm-back { position: fixed; inset: 0; z-index: 2147481400; display: flex; align-items: center; justify-content: center; padding: 16px; background: rgba(0, 0, 0, .74); -webkit-backdrop-filter: blur(4px); backdrop-filter: blur(4px); opacity: 0; visibility: hidden; transition: opacity .2s, visibility 0s .2s; }
.lcm-back.is-open { opacity: 1; visibility: visible; transition: opacity .2s, visibility 0s; }
.lcm-modal { position: relative; width: min(460px, 100%); max-height: calc(100vh - 32px); overflow-y: auto; padding: 22px 20px 20px; background: var(--lcm-bg); border: 1px solid var(--lcm-stroke-hi); border-radius: 16px; box-shadow: var(--lcm-shadow); transform: translateY(12px) scale(.97); transition: transform .22s cubic-bezier(.2, .7, .2, 1); }
.lcm-back.is-open .lcm-modal { transform: none; }
.lcm-modal::before { content: ''; position: absolute; left: 0; right: 0; top: 0; height: 2px; background: linear-gradient(90deg, transparent, var(--lcm-gold-hi), transparent); border-radius: 16px 16px 0 0; }
.lcm-modal h2 { margin: 0 0 4px; padding-right: 30px; font: 700 21px/1.25 'Roboto Slab', Georgia, serif; color: var(--lcm-gold-hi); overflow-wrap: anywhere; }
.lcm-modal .lcm-sub { margin: 0 0 14px; color: var(--lcm-muted); }
.lcm-modal .lcm-x { position: absolute; right: 10px; top: 10px; }
.lcm-modal .lcm-actions { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 16px; }
.lcm-modal .lcm-actions .lcm-btn { flex: 1 1 140px; }

/* ------------------------------------------------------------------ anunt */
.lcm-banner { position: fixed; left: max(12px, env(safe-area-inset-left)); right: max(12px, env(safe-area-inset-right)); bottom: calc(max(12px, env(safe-area-inset-bottom)) + 56px); z-index: 2147480900; display: flex; align-items: flex-start; gap: 10px; max-width: 720px; margin: 0 auto; padding: 10px 10px 10px 14px; color: var(--lcm-text); background: linear-gradient(180deg, #2f1c10, #1a0f09); border: 1px solid var(--lcm-stroke-hi); border-radius: 12px; box-shadow: var(--lcm-shadow); }
.lcm-banner i { margin-top: 3px; color: var(--lcm-gold-hi); font-style: normal; }
.lcm-banner p { flex: 1; margin: 0; overflow-wrap: anywhere; }
.lcm-banner .lcm-x { width: 30px; height: 30px; font-size: 16px; }

@media (max-width: 520px) {
	.lcm-dock { left: max(10px, env(safe-area-inset-left)); right: max(10px, env(safe-area-inset-right)); justify-content: flex-end; max-width: none; }
	.lcm-pill { padding: 6px 12px; }
	.lcm-input { font-size: 16px; }	/* sub 16px iPhone mareste pagina la atingerea campului */
	.lcm-pill .lcm-name { max-width: 34vw; }
	.lcm-panel { left: max(8px, env(safe-area-inset-left)); right: max(8px, env(safe-area-inset-right)); width: auto; max-height: 78vh; bottom: calc(max(10px, env(safe-area-inset-bottom)) + 52px); }
	.lcm-banner { bottom: calc(max(10px, env(safe-area-inset-bottom)) + 56px); }
}
@media (prefers-reduced-motion: reduce) {
	.lcm-dot { animation: none; }
	.lcm-panel, .lcm-back, .lcm-modal, .lcm-pill { transition: none !important; }
}
@media print { .lcm-root { display: none !important; } }

/* ------------------------------------------------------------------ chat, staff si jucatori online */
.lcm-tab { padding: 8px 6px; letter-spacing: .08em; font-size: 11.5px; }
.lcm-pill-chat { position: relative; padding: 6px 13px; }
.lcm-pill-chat i { font-size: 15px; }
.lcm-badge-dot { position: absolute; right: 7px; top: 6px; width: 10px; height: 10px; border-radius: 50%; background: var(--lcm-red); border: 2px solid #170d07; }
.lcm-dot.is-site { background: var(--lcm-blue); animation: none; }

.lcm-staff-list { margin: 0; padding: 0; list-style: none; display: grid; gap: 6px; }
.lcm-staff-list li { display: flex; align-items: center; gap: 8px; padding: 6px 10px; background: rgba(230, 194, 122, .08); border: 1px solid var(--lcm-stroke-hi); border-radius: 8px; min-width: 0; }
.lcm-staff-list b { color: var(--lcm-gold-hi); font-weight: 700; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.lcm-staff-w { margin-left: auto; color: var(--lcm-muted); font-size: 12px; white-space: nowrap; }
.lcm-players { margin: 10px 0 0; padding: 0; list-style: none; display: grid; gap: 4px; max-height: 230px; overflow-y: auto; scrollbar-width: thin; scrollbar-color: #6b4a2a transparent; }
.lcm-players li { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 5px 10px; background: rgba(0, 0, 0, .25); border: 1px solid rgba(201, 164, 106, .18); border-radius: 8px; }
.lcm-players b { font-weight: 600; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.lcm-players span { color: var(--lcm-muted); font-size: 12px; white-space: nowrap; }

.lcm-chat-box { position: relative; background: rgba(0, 0, 0, .3); border: 1px solid var(--lcm-stroke); border-radius: 10px; }
.lcm-chat-list { height: min(44vh, 300px); overflow-y: auto; padding: 8px 10px; scrollbar-width: thin; scrollbar-color: #6b4a2a transparent; overscroll-behavior: contain; }
.lcm-chat-empty { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; padding: 16px; text-align: center; color: var(--lcm-faint); pointer-events: none; }
.lcm-chat-empty[hidden] { display: none; }
.lcm-chat-comp { margin: 8px 0 6px; }
.lcm-cm { position: relative; padding: 5px 0 6px; border-bottom: 1px dotted rgba(201, 164, 106, .18); }
.lcm-cm:last-child { border-bottom: 0; }
.lcm-cm-h { display: flex; align-items: center; gap: 8px; min-width: 0; }
.lcm-cm-t { color: var(--lcm-faint); font-size: 11px; flex: 0 0 auto; }
.lcm-cm-n { color: var(--lcm-text); font-weight: 700; font-size: 13px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; min-width: 0; }
.lcm-cm.is-me .lcm-cm-n { color: var(--lcm-gold-hi); }
.lcm-cm-s { flex: 0 0 auto; padding: 1px 6px; color: #1a0f09; background: linear-gradient(180deg, #f3d672, #c9a227); border-radius: 999px; font: 700 9px/1.5 'Roboto Slab', Georgia, serif; letter-spacing: .1em; }
.lcm-cm.is-staff .lcm-cm-x { color: #fff3d6; }
.lcm-cm-x { margin-top: 1px; color: var(--lcm-text); overflow-wrap: anywhere; white-space: pre-wrap; }
.lcm-cm-more { display: none; margin-left: auto; width: 26px; height: 22px; padding: 0; cursor: pointer; color: var(--lcm-faint); background: transparent; border: 1px solid transparent; border-radius: 6px; line-height: 1; }
.lcm-cm-more:hover { color: var(--lcm-gold-hi); border-color: var(--lcm-stroke); }
.lcm-chat-list.is-mod .lcm-cm-more { display: inline-block; }
.lcm-cm-act { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 6px; }
.lcm-cm-act[hidden] { display: none; }
.lcm-cm-act .lcm-btn { min-height: 30px; padding: 4px 10px; font-size: 11px; letter-spacing: .04em; }

@media (max-width: 520px) {
	.lcm-tab { font-size: 11px; letter-spacing: .05em; }
	.lcm-chat-list { height: min(40vh, 300px); }
}

/* ------------------------------------------------------------------ chat v2: reactii, roluri, moderare, tichete */
.lcm-count { display: inline-flex; align-items: center; justify-content: center; min-width: 20px; height: 20px; padding: 0 6px; margin-left: 2px; color: #fff; background: var(--lcm-red); border-radius: 999px; font: 700 11px/1 'Roboto', sans-serif; }
.lcm-badge.is-role { background: linear-gradient(180deg, #7fb4e0, #4f86b3); }
.lcm-links a.is-hot { border-color: var(--lcm-gold-hi); color: var(--lcm-gold-hi); background: rgba(230, 194, 122, .12); }
.lcm-chat-bar { display: flex; align-items: center; justify-content: space-between; gap: 8px; margin: 0 0 8px; min-height: 0; }
.lcm-chat-info { flex: 1; min-width: 0; color: var(--lcm-gold-hi); font-size: 12px; }
.lcm-chat-info[hidden] { display: none; }
.lcm-chat-gear { min-height: 30px; padding: 4px 10px; font-size: 11px; letter-spacing: .06em; margin-left: auto; }
.lcm-chat-gear[hidden] { display: none; }
.lcm-chat-pin { display: flex; align-items: flex-start; gap: 8px; margin: 0 0 8px; padding: 6px 8px; background: rgba(230, 194, 122, .1); border: 1px solid var(--lcm-stroke-hi); border-radius: 8px; font-size: 13px; }
.lcm-chat-pin[hidden] { display: none; }
.lcm-chat-pin i { margin-top: 3px; color: var(--lcm-gold-hi); }
.lcm-pin-t { flex: 1; min-width: 0; overflow-wrap: anywhere; }
.lcm-chat-pin .lcm-x { width: 26px; height: 26px; font-size: 16px; }
.lcm-chat-ign { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; margin: 0 0 8px; }
.lcm-chat-ign[hidden] { display: none; }
.lcm-chip-x { padding: 2px 8px; cursor: pointer; color: var(--lcm-muted); background: rgba(0, 0, 0, .3); border: 1px solid var(--lcm-stroke); border-radius: 999px; font-size: 12px; }
.lcm-chip-x:hover { color: var(--lcm-gold-hi); border-color: var(--lcm-stroke-hi); }
.lcm-modbox[hidden] { display: none; }
.lcm-chat > div[hidden] { display: none; }
.lcm-btn.is-danger { color: var(--lcm-red); border-color: rgba(238, 106, 85, .5); }
.lcm-btn.is-danger:hover:not(:disabled) { color: #fff; background: #a73a2b; border-color: #a73a2b; }
.lcm-cm.is-mention { background: rgba(230, 194, 122, .1); border-radius: 6px; padding-left: 6px; padding-right: 6px; }
.lcm-cm-more { display: inline-block; opacity: .55; }
.lcm-cm:hover .lcm-cm-more, .lcm-cm-more:focus-visible { opacity: 1; }
.lcm-chat-list.is-mod .lcm-cm-more { display: inline-block; }
.lcm-cm-s.b-mod { background: linear-gradient(180deg, #8fd0ff, #3f8fd0); }
.lcm-cm-s.b-support { background: linear-gradient(180deg, #8fe3a0, #3fa05a); }
.lcm-cm-s.b-staff { background: linear-gradient(180deg, #d9c9a6, #a8946a); }
.lcm-cm.b-admin .lcm-cm-n { color: var(--lcm-gold-hi); }
.lcm-cm.b-mod .lcm-cm-n { color: #8fd0ff; }
.lcm-cm.b-support .lcm-cm-n { color: #8fe3a0; }
.lcm-rx { position: relative; display: flex; flex-wrap: wrap; align-items: center; gap: 4px; margin-top: 3px; }
.lcm-rx:empty { display: none; }
.lcm-rx-p, .lcm-rx-add, .lcm-rx-opt { display: inline-flex; align-items: center; gap: 4px; min-height: 24px; padding: 1px 8px; cursor: pointer; color: var(--lcm-muted); background: rgba(0, 0, 0, .3); border: 1px solid var(--lcm-stroke); border-radius: 999px; font-size: 13px; line-height: 1; }
.lcm-rx-p b { font-size: 12px; font-weight: 700; }
.lcm-rx-p.is-mine { color: var(--lcm-gold-hi); border-color: var(--lcm-stroke-hi); background: rgba(230, 194, 122, .14); }
.lcm-rx-p:hover, .lcm-rx-add:hover, .lcm-rx-opt:hover { border-color: var(--lcm-stroke-hi); color: var(--lcm-gold-hi); }
.lcm-rx-add { opacity: 0; padding: 1px 7px; }
.lcm-cm:hover .lcm-rx-add, .lcm-rx-add:focus-visible, .lcm-rx:focus-within .lcm-rx-add { opacity: 1; }
@media (hover: none) { .lcm-rx-add { opacity: .7; } }
.lcm-rx-pick { position: absolute; left: 0; bottom: 100%; z-index: 3; display: flex; flex-wrap: wrap; gap: 2px; max-width: 250px; padding: 4px; background: var(--lcm-bg-2); border: 1px solid var(--lcm-stroke-hi); border-radius: 10px; box-shadow: var(--lcm-shadow); }
.lcm-rx-pick[hidden] { display: none; }
.lcm-rx-opt { min-height: 32px; padding: 2px 8px; font-size: 17px; border-color: transparent; background: transparent; }
select.lcm-input { appearance: auto; }
.lcm-chat-list.is-guest .lcm-cm-more { display: none; }