/* Moonclutch V43 – Rain panel at the top of Global Chat. Compact, flat, reference: CSGOWIN chat rain strip (pool left, value right, thin progress line). */
.mr{flex:none;margin:8px 10px 0;border:1px solid var(--mbs-line,#2A2F38);border-radius:8px;background:#12151B;font-family:var(--mbs-font,'MoonInter',Inter,system-ui,sans-serif);overflow:hidden}
.mr[hidden]{display:none}
.mr-row{display:flex;align-items:center;gap:8px;height:38px;padding:0 10px 0 12px}
.mr-t{display:inline-flex;align-items:center;gap:7px;font:800 10.5px/1 var(--mbs-font,inherit);letter-spacing:.12em;color:#F2F3F5;white-space:nowrap}
.mr-dot{width:7px;height:7px;border-radius:50%;background:#F5B84D;flex:none}
.mr[data-s=paused] .mr-dot,.mr[data-s=off] .mr-dot{background:#6f7785}
.mr[data-s=join] .mr-dot{animation:mrp 1.4s infinite}
@keyframes mrp{50%{opacity:.35}}
.mr-cd{display:inline-flex;align-items:center;gap:5px;color:#949BA6;font:700 11.5px/1 var(--mbs-font,inherit);font-variant-numeric:tabular-nums}
.mr-cd svg{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}
.mr-sp{flex:1}
.mr-pool{display:inline-flex;align-items:center;gap:6px;font:800 13px/1 var(--mbs-font,inherit);color:#F2F3F5;font-variant-numeric:tabular-nums}
.mr-pool svg{width:16px;height:16px;flex:none}
.mr-bar{height:2px;background:#232830}
.mr-bar i{display:block;height:100%;width:0;background:#F5B84D;transition:width .9s linear}
.mr-act{display:flex;align-items:center;gap:10px;padding:8px 10px;border-top:1px solid #20242c}
.mr-act[hidden]{display:none}
.mr-join{flex:1;height:30px;border:0;border-radius:6px;background:#F5B84D;color:#17120a;font:800 11.5px/1 var(--mbs-font,inherit);letter-spacing:.08em;cursor:pointer}
.mr-join:hover{background:#D99A2B}
.mr-join:disabled{cursor:default}
.mr-join.done{background:#12241d;color:#36BE83;border:1px solid #235a45}
.mr-join.no{background:#232833;color:#949BA6}
.mr-note{font:600 11px/1.3 var(--mbs-font,inherit);color:#949BA6}
.mr-note.err{color:#f0a0a8}
.mr-hist{border:0;background:transparent;color:#6f7785;font:700 10px/1 var(--mbs-font,inherit);letter-spacing:.08em;cursor:pointer;padding:4px 0;text-transform:uppercase}
.mr-hist:hover{color:#F2F3F5}
/* compact system message in the chat feed */
.mc-sys{margin:8px 0;padding:7px 10px;border:1px solid #2f2a1a;background:#1b1810;border-radius:6px;color:#F5B84D;font:800 10.5px/1.3 var(--mbs-font,inherit);letter-spacing:.07em;text-align:center}
.mc-sys span{color:#c9b27a;font-weight:700}
/* history dialog */
.mr-ovl{position:fixed;inset:0;z-index:400;background:rgba(5,6,8,.72);display:flex;align-items:center;justify-content:center;padding:16px}
.mr-dlg{width:min(520px,100%);max-height:80vh;overflow:auto;background:#191D24;border:1px solid #2A2F38;border-radius:10px;font-family:var(--mbs-font,inherit);color:#F2F3F5}
.mr-dlg header{display:flex;align-items:center;padding:14px 16px;border-bottom:1px solid #2A2F38}
.mr-dlg h3{margin:0;flex:1;font:800 12px/1 var(--mbs-font,inherit);letter-spacing:.12em}
.mr-dlg button.x{border:0;background:transparent;color:#949BA6;font-size:16px;cursor:pointer}
.mr-dlg table{width:100%;border-collapse:collapse;font-size:12px}
.mr-dlg th{height:32px;padding:0 12px;text-align:left;font:700 10px/1 var(--mbs-font,inherit);letter-spacing:.09em;color:#949BA6;border-bottom:1px solid #2A2F38;text-transform:uppercase}
.mr-dlg td{height:36px;padding:0 12px;border-bottom:1px solid #20242c;white-space:nowrap;font-variant-numeric:tabular-nums}
.mr-dlg td.r,.mr-dlg th.r{text-align:right}
.mr-dlg .you{color:#36BE83;font-weight:800}