/* Moonclutch V45 – notifications, profile popup, tip modal, chat menu. Dark palette, MoonInter only. Motion 100–220 ms, off with prefers-reduced-motion. */
.ms-badge{position:absolute;top:-5px;right:-5px;min-width:14px;height:14px;padding:0 3px;border-radius:8px;background:#F5B84D;color:#0D0F13;font:800 9.5px/14px var(--mbs-font);text-align:center;border:2px solid #0D0F13;box-sizing:content-box;pointer-events:none}
.ms-badge[hidden]{display:none}
.mbs-bell{position:relative}

/* ---- notifications popup (directly under the bell) */
.ms-pop{position:absolute;top:calc(var(--hdr,56px) - 4px);right:12px;width:min(380px,calc(100vw - 24px));background:#161a21;border:1px solid #2A2F38;border-radius:12px;box-shadow:0 14px 40px #000a;z-index:90;overflow:hidden;animation:msIn .16s ease-out}
.ms-pop-h{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 14px;border-bottom:1px solid #2A2F38}
.ms-pop-h h3{margin:0;font:800 13px/1.1 var(--mbs-font);letter-spacing:.06em;color:#F2F3F5;text-transform:uppercase}
.ms-pop-c{display:block;margin-top:3px;font:500 11px/1 var(--mbs-font);color:#949BA6}
.ms-pop-all{background:none;border:0;color:#F5B84D;font:700 11.5px/1 var(--mbs-font);cursor:pointer;padding:6px 4px;border-radius:6px}
.ms-pop-all:hover:not(:disabled){background:#242932}.ms-pop-all:disabled{color:#5d6471;cursor:default}
.ms-list{list-style:none;margin:0;padding:4px 0;max-height:min(420px,60vh);overflow:auto;scrollbar-width:thin;scrollbar-color:#2A2F38 transparent}
.ms-list::-webkit-scrollbar{width:6px}.ms-list::-webkit-scrollbar-thumb{background:#2A2F38;border-radius:3px}
.ms-n{display:flex;gap:11px;align-items:flex-start;width:100%;text-align:left;background:none;border:0;border-left:3px solid transparent;color:#F2F3F5;padding:10px 14px;cursor:pointer;font-family:var(--mbs-font)}
.ms-n:hover,.ms-n:focus-visible{background:#242932;outline:0}
.ms-n.unread{background:rgba(245,184,77,.07);border-left-color:#F5B84D}.ms-n.unread:hover{background:rgba(245,184,77,.12)}
.ms-n-i{flex:none;width:30px;height:30px;border-radius:50%;background:#242932;display:inline-flex;align-items:center;justify-content:center;font-size:14px;color:#F5B84D}
.ms-n-b{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.ms-n-b b{font:800 11.5px/1.2 var(--mbs-font);letter-spacing:.05em;color:#F2F3F5}
.ms-n-b span{font:500 12.5px/1.35 var(--mbs-font);color:#C9CED6;overflow-wrap:anywhere}
.ms-n-b time{font:500 11px/1.2 var(--mbs-font);color:#949BA6}
.ms-n-dot{flex:none;width:8px;height:8px;border-radius:50%;background:#F5B84D;margin-top:5px}
.ms-empty{color:#949BA6;text-align:center;padding:26px 14px;font:500 12.5px/1.3 var(--mbs-font)}
.ms-more{display:block;width:100%;background:none;border:0;border-top:1px solid #2A2F38;color:#F5B84D;font:700 12px/1 var(--mbs-font);padding:12px;cursor:pointer}.ms-more:hover{background:#242932}

/* ---- overlays */
body.ms-lock{overflow:hidden}
.ms-ovl{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:16px;background:rgba(5,6,9,.72);backdrop-filter:blur(2px);opacity:0;transition:opacity .16s ease}
.ms-ovl.in{opacity:1}.ms-ovl.out{opacity:0}
.ms-card{position:relative;width:min(560px,100%);max-height:calc(100dvh - 32px);overflow:auto;background:#12151B;border:1px solid #2A2F38;border-radius:14px;box-shadow:0 24px 70px #000c;transform:translateY(8px) scale(.985);transition:transform .2s cubic-bezier(.2,.8,.2,1);font-family:var(--mbs-font);color:#F2F3F5}
.ms-ovl.in .ms-card{transform:none}
.ms-card.sm{width:min(420px,100%)}
.ms-card-h{display:flex;align-items:center;gap:8px;padding:14px 16px;border-bottom:1px solid #2A2F38;position:sticky;top:0;background:#12151B;z-index:2}
.ms-card-h h2{margin:0;font:800 13px/1 var(--mbs-font);letter-spacing:.1em;color:#F2F3F5}
.ms-sp{flex:1}
.ms-hb{height:32px;padding:0 14px;border-radius:8px;border:1px solid #2A2F38;background:#191D24;color:#F2F3F5;font:800 11.5px/1 var(--mbs-font);letter-spacing:.06em;cursor:pointer;transition:background .12s,border-color .12s}
.ms-hb:hover{background:#242932}.ms-hb[data-tip]{background:#F5B84D;border-color:#F5B84D;color:#0D0F13}.ms-hb[data-tip]:hover{background:#ffc766}
.ms-hb[hidden]{display:none}
.ms-x{width:32px;height:32px;border-radius:8px;border:0;background:transparent;color:#949BA6;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}
.ms-x:hover{background:#242932;color:#F2F3F5}.ms-x .i{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round}
.ms-card-b{padding:16px}
.ms-load{padding:40px 16px;text-align:center;color:#949BA6;font:500 13px/1.3 var(--mbs-font)}.ms-load.err{color:#E34D59}

/* ---- profile banner + stats */
.ms-ban{position:relative;overflow:hidden;border-radius:12px;background:linear-gradient(135deg,#1c212a,#14181f 60%);border:1px solid #2A2F38}
.ms-pat{position:absolute;inset:0;opacity:.07;pointer-events:none}
.ms-ban-in{position:relative;display:grid;grid-template-columns:auto 1fr;grid-template-areas:"av who" "xp xp";gap:12px 14px;align-items:center;padding:18px}
.ms-av{display:inline-flex;align-items:center;justify-content:center;border-radius:50%;color:#fff;font:800 13px/1 var(--mbs-font);flex:none;width:28px;height:28px}
.ms-av.md{width:44px;height:44px;font-size:18px}.ms-av.lg{grid-area:av;width:64px;height:64px;font-size:26px;box-shadow:0 0 0 3px #12151B,0 0 0 4px #2A2F38}
.ms-who{grid-area:who;min-width:0}.ms-name{margin:0 0 6px;font:800 20px/1.15 var(--mbs-font);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ms-lvl{display:inline-block;padding:4px 9px;border-radius:6px;background:#242932;color:#F5B84D;font:800 11px/1 var(--mbs-font);letter-spacing:.06em;border:1px solid #2A2F38}
.ms-lvl[data-tier="2"]{color:#36BE83}.ms-lvl[data-tier="3"]{color:#6aa8ff}.ms-lvl[data-tier="4"]{color:#c58bff}.ms-lvl[data-tier="5"]{color:#F5B84D;border-color:#F5B84D66}
.ms-xp{grid-area:xp}.ms-xp-t{display:flex;justify-content:space-between;font:600 11.5px/1 var(--mbs-font);color:#949BA6;margin-bottom:7px}.ms-xp-t span:first-child{color:#F2F3F5}
.ms-bar{height:8px;border-radius:4px;background:#0D0F13;overflow:hidden}.ms-bar i{display:block;height:100%;background:linear-gradient(90deg,#d99a30,#F5B84D);border-radius:4px;transition:width .22s ease}
.ms-stats{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}.ms-stats.none{grid-template-columns:1fr}
.ms-stat{background:#191D24;border:1px solid #2A2F38;border-radius:10px;padding:14px;display:flex;flex-direction:column;gap:7px;min-width:0}
.ms-stat span{font:700 10.5px/1 var(--mbs-font);letter-spacing:.08em;color:#949BA6}.ms-stat b{font:800 18px/1.1 var(--mbs-font);color:#F2F3F5;overflow-wrap:anywhere}
.ms-stat[data-stat=rewards]{border-color:rgba(54,190,131,.35);background:linear-gradient(180deg,rgba(54,190,131,.08),#191D24)}.ms-stat[data-stat=rewards] b{color:#36BE83}
.ms-hidden{background:#191D24;border:1px dashed #2A2F38;border-radius:10px;padding:26px 14px;text-align:center;color:#949BA6;font:500 13px/1.4 var(--mbs-font)}

/* ---- confirm layer inside profile */
.ms-confirm{position:absolute;inset:0;background:rgba(5,6,9,.78);display:flex;align-items:center;justify-content:center;padding:20px;z-index:5;border-radius:14px}
.ms-confirm-b{background:#191D24;border:1px solid #2A2F38;border-radius:12px;padding:18px;max-width:340px;font:500 13px/1.5 var(--mbs-font)}.ms-confirm-b p{margin:0 0 14px}.ms-confirm-b div{display:flex;gap:8px;justify-content:flex-end}
.ms-btn{height:38px;padding:0 16px;border-radius:8px;border:1px solid #2A2F38;background:#242932;color:#F2F3F5;font:800 12px/1 var(--mbs-font);letter-spacing:.04em;cursor:pointer}.ms-btn:hover:not(:disabled){background:#2d3340}
.ms-btn.gold{background:#F5B84D;border-color:#F5B84D;color:#0D0F13}.ms-btn.gold:hover:not(:disabled){background:#ffc766}.ms-btn.danger{background:#E34D59;border-color:#E34D59;color:#fff}
.ms-btn:disabled{opacity:.45;cursor:not-allowed}.ms-btn:focus-visible,.ms-hb:focus-visible,.ms-x:focus-visible{outline:2px solid #F5B84D;outline-offset:2px}

/* ---- tip modal */
.ms-rcpt{display:flex;align-items:center;gap:12px;margin-bottom:12px}.ms-rcpt b{display:block;font:800 16px/1.2 var(--mbs-font)}.ms-rcpt span{font:600 11px/1 var(--mbs-font);color:#F5B84D}
.ms-bal{display:flex;justify-content:space-between;background:#191D24;border:1px solid #2A2F38;border-radius:8px;padding:10px 12px;font:600 12.5px/1 var(--mbs-font);color:#949BA6;margin-bottom:14px}.ms-bal b{color:#F2F3F5}
.ms-lab{display:block;font:700 11px/1 var(--mbs-font);letter-spacing:.06em;color:#949BA6;margin-bottom:7px;text-transform:uppercase}
.ms-inp{width:100%;box-sizing:border-box;height:46px;border-radius:8px;border:1px solid #2A2F38;background:#0D0F13;color:#F2F3F5;padding:0 14px;font:800 18px/1 var(--mbs-font)}.ms-inp:focus{outline:0;border-color:#F5B84D}
.ms-quick{display:flex;gap:6px;margin-top:8px}.ms-quick button{flex:1;height:30px;border-radius:6px;border:1px solid #2A2F38;background:#191D24;color:#C9CED6;font:700 12px/1 var(--mbs-font);cursor:pointer}.ms-quick button:hover{background:#242932}
.ms-q{margin:6px 0;font:500 15px/1.5 var(--mbs-font);text-align:center}.ms-q b{color:#F5B84D}
.ms-err{margin-top:10px;color:#E34D59;font:600 12.5px/1.4 var(--mbs-font)}.ms-err[hidden]{display:none}
.ms-acts{display:flex;gap:8px;justify-content:flex-end;margin-top:16px}
.ms-pickl{list-style:none;margin:0;padding:8px}.ms-pickl button{display:flex;align-items:center;gap:10px;width:100%;background:none;border:0;border-radius:8px;padding:9px 10px;color:#F2F3F5;font:700 13.5px/1 var(--mbs-font);cursor:pointer;text-align:left}.ms-pickl button:hover{background:#242932}.ms-pickl em{margin-left:auto;font-style:normal;color:#F5B84D;font-size:11px}

/* ---- chat: action button, quote, reactions, menu, reply bar */
.mc-msg{position:relative}
.mc-act{position:absolute;top:2px;right:4px;width:24px;height:22px;border-radius:6px;border:0;background:#191D24;color:#949BA6;cursor:pointer;opacity:0;display:inline-flex;align-items:center;justify-content:center;transition:opacity .12s}
.mc-act .i{width:16px;height:16px;stroke:none}.mc-msg:hover .mc-act,.mc-act:focus-visible{opacity:1}.mc-act:hover{background:#242932;color:#F2F3F5}
@media (hover:none){.mc-act{opacity:.55}}
.mc-msg.flash{animation:msFlash 1.2s ease}
.mc-quote{display:block;width:100%;text-align:left;margin:3px 0 0;padding:4px 8px;border:0;border-left:3px solid #F5B84D;border-radius:0 6px 6px 0;background:#191D24;cursor:pointer;font-family:var(--mbs-font)}
.mc-quote b{display:block;font:700 11.5px/1.3 var(--mbs-font);color:#F5B84D}.mc-quote span{display:block;font:400 12px/1.35 var(--mbs-font);color:#949BA6;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mc-rx{display:flex;flex-wrap:wrap;gap:4px;margin-top:5px}
.mc-rx b{display:inline-flex;align-items:center;gap:4px;height:22px;padding:0 7px;border-radius:11px;background:#191D24;border:1px solid #2A2F38;font:600 12px/1 var(--mbs-font);cursor:pointer;user-select:none}
.mc-rx b i{font-style:normal;font-size:11px;color:#C9CED6}.mc-rx b.mine{border-color:#F5B84D;background:rgba(245,184,77,.12)}.mc-rx b:hover{background:#242932}
.ms-menu{position:fixed;z-index:1100;width:236px;background:#161a21;border:1px solid #2A2F38;border-radius:12px;box-shadow:0 14px 40px #000b;overflow:hidden;opacity:0;transform:scale(.97);transform-origin:top right;transition:opacity .12s,transform .12s;font-family:var(--mbs-font)}
.ms-menu.in{opacity:1;transform:none}
.ms-menu-h{display:flex;align-items:center;justify-content:space-between;padding:8px 8px 8px 14px;border-bottom:1px solid #2A2F38}.ms-menu-h time{font:600 11.5px/1 var(--mbs-font);color:#949BA6}
.ms-menu-h button{width:26px;height:26px;border:0;border-radius:6px;background:none;color:#949BA6;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.ms-menu-h button:hover{background:#242932;color:#F2F3F5}.ms-menu-h .i{width:15px;height:15px;stroke:currentColor;fill:none;stroke-width:2}
.ms-menu-rx{display:flex;justify-content:space-between;padding:8px 10px;border-bottom:1px solid #2A2F38}
.ms-menu-rx button{width:36px;height:36px;border-radius:8px;border:0;background:none;font-size:19px;cursor:pointer;transition:transform .1s,background .1s}.ms-menu-rx button:hover{background:#242932;transform:scale(1.12)}.ms-menu-rx button.on{background:rgba(245,184,77,.18);box-shadow:inset 0 0 0 1px #F5B84D}
.ms-menu>[data-a]{display:block;width:100%;text-align:left;background:none;border:0;padding:12px 16px;color:#F2F3F5;font:800 12px/1 var(--mbs-font);letter-spacing:.07em;cursor:pointer}.ms-menu>[data-a]:hover,.ms-menu>[data-a]:focus-visible{background:#242932;outline:0}
.ms-menu>[data-a="tip"]{color:#F5B84D}
.mc-replybar{display:flex;align-items:center;gap:8px;margin:0 0 6px;padding:6px 8px 6px 10px;background:#191D24;border-left:3px solid #F5B84D;border-radius:0 8px 8px 0}
.mc-rb-t{flex:1;min-width:0;font:500 12px/1.3 var(--mbs-font);color:#949BA6;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mc-rb-t b{color:#F5B84D;margin-right:6px}.mc-rb-t em{font-style:normal}
.mc-rb-x{width:22px;height:22px;border:0;border-radius:5px;background:none;color:#949BA6;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.mc-rb-x:hover{background:#242932;color:#F2F3F5}.mc-rb-x .i{width:14px;height:14px;stroke:currentColor;fill:none;stroke-width:2}

/* ---- toasts */
#msToasts{position:fixed;left:50%;bottom:22px;transform:translateX(-50%);z-index:1200;display:flex;flex-direction:column;gap:8px;align-items:center;pointer-events:none}
.ms-toast{background:#191D24;border:1px solid #2A2F38;color:#F2F3F5;padding:10px 16px;border-radius:9px;font:600 12.5px/1.3 var(--mbs-font);box-shadow:0 8px 26px #000a;animation:msIn .16s ease-out;transition:opacity .2s}
.ms-toast.ok{border-color:#36BE83}.ms-toast.err{border-color:#E34D59}.ms-toast.out{opacity:0}

@keyframes msIn{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
@keyframes msFlash{0%,60%{background:rgba(245,184,77,.18)}100%{background:transparent}}
@media (max-width:640px){
  .ms-ovl{padding:10px;align-items:flex-end}.ms-card,.ms-card.sm{width:100%;border-radius:14px 14px 10px 10px}
  .ms-ban-in{padding:14px}.ms-av.lg{width:54px;height:54px;font-size:22px}.ms-name{font-size:18px}.ms-stat b{font-size:16px}.ms-stat{padding:12px}
  .ms-pop{right:8px;left:8px;width:auto}
}
@media (prefers-reduced-motion:reduce){.ms-ovl,.ms-card,.ms-menu,.ms-pop,.ms-toast,.ms-bar i,.ms-menu-rx button{transition:none!important;animation:none!important}.ms-ovl{opacity:1}.ms-card{transform:none}.ms-menu{opacity:1;transform:none}}
.ms-more[hidden]{display:none}