:root {
  --mmc-glass: color-mix(in srgb, var(--bg2) 74%, transparent);
  --mmc-glass2: color-mix(in srgb, var(--bg3) 62%, transparent);
  --mmc-edge: color-mix(in srgb, var(--fg) 13%, transparent);
  --mmc-hi: rgba(255,255,255,.55);
  --mmc-shadow: 0 28px 70px -24px rgba(20,28,45,.45), 0 2px 10px rgba(20,28,45,.10);
  --mmc-gold: #b37d00; --mmc-discord: #5b57d9; --mmc-web: #0c8f7a; --mmc-err: var(--fail);
  --mmc-p0:#2f6db8; --mmc-p1:#b53030; --mmc-p2:#23843a; --mmc-p3:#c46b00;
  --mmc-p4:#b02e83; --mmc-p5:#0f8b8c; --mmc-p6:#8a7400; --mmc-p7:#5c61c7;
  --mmc-mine: color-mix(in srgb, var(--accent) 16%, var(--bg2));
  --mmc-radius: 16px;
  --mmc-thumb: color-mix(in srgb, var(--fg) 16%, transparent);
  --mmc-thumb-hi: color-mix(in srgb, var(--fg) 34%, transparent);
  --mmc-raise: #ffffff; --mmc-track: color-mix(in srgb, var(--fg) 7%, transparent);
  --mmc-ink: #171b22; --mmc-on-ink: #ffffff;
  --mmc-duo: linear-gradient(90deg, #febc34, #39d3b6);
  --mmc-nk-l: 35%; --mmc-nk-discord: #2f64c8; --mmc-nk-web: #1f8a5b; --mmc-nkc-lmin: 24; --mmc-nkc-lmax: 44;
  --mmc-tr: #1e5aa8;
  --mmc-gd: #2f8cf0; --mmc-gd-ink: #1557a6; --mmc-gd-hand: #ffffff; --mmc-gd-edge: rgba(22,90,170,.75);
  --mmc-help: #1570cf; --mmc-help2: #0a8f7a;
}
:root[data-theme="dark"], :root:not([data-theme="light"]) {
  --mmc-glass: color-mix(in srgb, #121720 72%, transparent);
  --mmc-glass2: color-mix(in srgb, #1c232d 60%, transparent);
  --mmc-edge: rgba(190,210,240,.12);
  --mmc-hi: rgba(255,255,255,.07);
  --mmc-shadow: 0 30px 80px -20px rgba(0,0,0,.7), 0 2px 12px rgba(0,0,0,.35);
  --mmc-gold: #febc34; --mmc-discord: #9b97ff; --mmc-web: #39d3b6;
  --mmc-p0:#6fa5e8; --mmc-p1:#ef7171; --mmc-p2:#5fd177; --mmc-p3:#ffa23a;
  --mmc-p4:#ec6cc0; --mmc-p5:#5fe0e0; --mmc-p6:#f3dd4e; --mmc-p7:#aeb2f2;
  --mmc-mine: color-mix(in srgb, var(--accent) 22%, #121720);
  --mmc-raise: #232b37; --mmc-track: rgba(0,0,0,.28);
  --mmc-ink: #eef2f7; --mmc-on-ink: #10151c;
  --mmc-nk-l: 64%; --mmc-nk-discord: #7fa8ff; --mmc-nk-web: #74c99a; --mmc-nkc-lmin: 58; --mmc-nkc-lmax: 80;
  --mmc-tr: #c4ddff;
  --mmc-gd: #7cc8ff; --mmc-gd-ink: #c8ebff; --mmc-gd-hand: #f4fbff; --mmc-gd-edge: rgba(124,200,255,.95);
  --mmc-help: #5ab4ff; --mmc-help2: #39d3b6;
}
@media (prefers-color-scheme: light) { :root:not([data-theme="dark"]) {
  --mmc-glass: color-mix(in srgb, var(--bg2) 74%, transparent);
  --mmc-glass2: color-mix(in srgb, var(--bg3) 62%, transparent);
  --mmc-edge: color-mix(in srgb, var(--fg) 13%, transparent);
  --mmc-hi: rgba(255,255,255,.55);
  --mmc-shadow: 0 28px 70px -24px rgba(20,28,45,.45), 0 2px 10px rgba(20,28,45,.10);
  --mmc-gold: #b37d00; --mmc-discord: #5b57d9; --mmc-web: #0c8f7a;
  --mmc-p0:#2f6db8; --mmc-p1:#b53030; --mmc-p2:#23843a; --mmc-p3:#c46b00;
  --mmc-p4:#b02e83; --mmc-p5:#0f8b8c; --mmc-p6:#8a7400; --mmc-p7:#5c61c7;
  --mmc-mine: color-mix(in srgb, var(--accent) 16%, var(--bg2));
  --mmc-raise: #ffffff; --mmc-track: color-mix(in srgb, var(--fg) 7%, transparent);
  --mmc-ink: #171b22; --mmc-on-ink: #ffffff;
  --mmc-nk-l: 35%; --mmc-nk-discord: #2f64c8; --mmc-nk-web: #1f8a5b; --mmc-nkc-lmin: 24; --mmc-nkc-lmax: 44;
  --mmc-tr: #1e5aa8;
  --mmc-gd: #2f8cf0; --mmc-gd-ink: #1557a6; --mmc-gd-hand: #ffffff; --mmc-gd-edge: rgba(22,90,170,.75);
  --mmc-help: #1570cf; --mmc-help2: #0a8f7a;
} }


#mmc [hidden], .mmc-top [hidden] { display:none !important; }
.top .mmc-top { position:relative; display:inline-flex; align-items:center; gap:7px; height:34px; padding:0 14px 0 9px; margin-left:4px;
  border-radius:999px; border:1px solid transparent; cursor:pointer; color:var(--fg); font:600 14px/1 system-ui,-apple-system,"Segoe UI",sans-serif;
  background: linear-gradient(var(--bg2), var(--bg2)) padding-box,
              conic-gradient(from var(--mmc-spin,0deg), var(--accent), #39d3b6, #febc34, var(--accent)) border-box; }














.top .mmc-top::after { content:""; position:absolute; inset:-1px; z-index:-1; border-radius:inherit; pointer-events:none;
  background:conic-gradient(from var(--mmc-spin,0deg), var(--accent), #39d3b6, #febc34, var(--accent));
  filter:blur(3px); opacity:.45; }
.top .mmc-top.mmc-stir::after { animation: mmc-spin 1.3s cubic-bezier(.3,.6,.25,1) 1; }
.top .mmc-top.mmc-alert::after { animation: mmc-spin 2.6s linear infinite; }
.top .mmc-top:hover::after { animation: mmc-spin 1.9s linear infinite; opacity:.6; }
.top .mmc-top + .tabrow.sectiontabs { margin-left:0; }
@property --mmc-spin { syntax:"<angle>"; inherits:false; initial-value:0deg; }
@keyframes mmc-spin { to { --mmc-spin:360deg; } }

.top .mmc-top.mmc-stir { animation: mmc-spin 1.3s cubic-bezier(.3,.6,.25,1) 1; }
.top .mmc-top.mmc-alert { animation: mmc-spin 2.6s linear infinite; }
.mmc-top.mmc-alert::before { content:""; position:absolute; inset:-1px; border-radius:inherit; pointer-events:none;
  animation: mmc-halo 1.9s cubic-bezier(.2,.6,.3,1) infinite; }
@keyframes mmc-halo {
  0%   { box-shadow:0 0 0 0 color-mix(in srgb, var(--fail) 55%, transparent), 0 0 0 0 color-mix(in srgb, var(--accent) 35%, transparent); }
  70%  { box-shadow:0 0 0 7px transparent, 0 0 0 13px transparent; }
  100% { box-shadow:0 0 0 7px transparent, 0 0 0 13px transparent; } }
.top .mmc-top:hover, .top .mmc-top.mmc-open {
  background: linear-gradient(var(--mmc-raise), var(--mmc-raise)) padding-box,
              conic-gradient(from var(--mmc-spin,0deg), var(--accent), #39d3b6, #febc34, var(--accent)) border-box; }

.top .mmc-top:hover { animation: mmc-spin 1.9s linear infinite; }

.mmc-top .mmc-emowrap { position:relative; display:inline-flex; flex:0 0 auto; transition:margin .38s cubic-bezier(.3,1.5,.5,1); }
.mmc-top .mmc-emo { display:block; font-style:normal; font-size:17px; line-height:1; transform-origin:50% 80%;
  font-family:"Segoe UI Emoji","Apple Color Emoji","Noto Color Emoji",sans-serif; transition: font-size .38s cubic-bezier(.3,1.5,.5,1); }

.mmc-top.mmc-hasunread .mmc-emowrap { margin:-6px -5px -6px -4px; }
.mmc-top.mmc-hasunread .mmc-emo { font-size:26px; }



.mmc-top.mmc-hasunread .mmc-emo { visibility:hidden; }
.mmc-emocount { position:absolute; left:50%; top:50%; translate:-50% -56%; pointer-events:none; box-sizing:border-box;
  min-width:25px; height:20px; padding:0 6px; display:grid; place-items:center; border-radius:10px;
  color:#fff; font:800 12px/1 system-ui,-apple-system,"Segoe UI",sans-serif; font-variant-numeric:tabular-nums; letter-spacing:-.3px; white-space:nowrap;
  text-shadow:0 1px 1px rgba(90,0,20,.35);
  background:linear-gradient(155deg, #ff8a5c 0%, #f0445a 55%, #d42a55 100%);
  box-shadow:0 5px 14px -4px rgba(240,68,90,.75), inset 0 1px 0 rgba(255,255,255,.38), inset 0 -1px 0 rgba(120,0,40,.18); }
.mmc-emocount::after { content:""; position:absolute; left:3px; bottom:-5px; width:9px; height:8px; background:#e0335a;
  clip-path:polygon(0 0, 100% 0, 8% 100%); }
.mmc-emocount.mmc-emowide { font-size:10px; padding:0 5px; letter-spacing:-.2px; }


.mmc-top.mmc-lobbyonly .mmc-emocount { color:#12161c; text-shadow:none;
  background:linear-gradient(155deg, #ffffff 0%, #eef1f6 60%, #dde3ec 100%);
  box-shadow:0 4px 11px -5px rgba(0,0,0,.6), inset 0 1px 0 rgba(255,255,255,.9), inset 0 -1px 0 rgba(0,0,0,.12); }
.mmc-top.mmc-lobbyonly .mmc-emocount::after { background:#e6eaf1; }
.mmc-top.mmc-suponly .mmc-emocount { text-shadow:0 1px 1px rgba(0,40,90,.35);
  background:linear-gradient(155deg, #7fd0ff 0%, #3a9cf0 55%, #1f7fd8 100%);
  box-shadow:0 5px 14px -4px rgba(58,156,240,.75), inset 0 1px 0 rgba(255,255,255,.38), inset 0 -1px 0 rgba(0,40,90,.18); }
.mmc-top.mmc-suponly .mmc-emocount::after { background:#2a8be4; }
.mmc-top .mmc-lock { font-size:12px; opacity:.8 }

.mmc-badge, .mmc-lcount, .mmc-sbadge { display:inline-grid; place-items:center; min-width:18px; height:18px; padding:0 5px; border-radius:9px;
  font:700 10.5px/1 system-ui,-apple-system,"Segoe UI",sans-serif; font-variant-numeric:tabular-nums; letter-spacing:.2px; }
.mmc-badge { color:#fff; background:linear-gradient(180deg, color-mix(in srgb, var(--fail) 78%, #fff), var(--fail));
  box-shadow:0 0 0 2px var(--bg2), 0 3px 8px -2px color-mix(in srgb, var(--fail) 65%, transparent); }
.mmc-lcount { color:var(--fg); background:color-mix(in srgb, var(--fg) 12%, transparent); box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--fg) 22%, transparent); }

.mmc-sbadge { color:#fff; background:linear-gradient(180deg, color-mix(in srgb, var(--mmc-help) 70%, #fff), var(--mmc-help));
  box-shadow:0 0 0 2px var(--bg2), 0 3px 8px -2px color-mix(in srgb, var(--mmc-help) 65%, transparent); }

.mmc-pop.mmc-notemenu { width:328px; max-width:calc(100vw - 16px); padding:12px; border-radius:16px; }
.mmc-nmhead { display:flex; align-items:center; gap:11px; padding:2px 2px 10px; }
.mmc-nmbell { display:grid; place-items:center; flex:none; width:38px; height:38px; border-radius:12px; color:var(--fg2);
  background:color-mix(in srgb, var(--fg) 8%, transparent); transition:color .25s, background .25s, box-shadow .25s; }
.mmc-nmbell svg { width:19px; height:19px; }
.mmc-nmon .mmc-nmbell { color:#1a1405; background:linear-gradient(155deg, #ffe08a, var(--mmc-gold)); box-shadow:0 6px 16px -6px color-mix(in srgb, var(--mmc-gold) 80%, transparent); }
.mmc-nmtx { display:flex; flex-direction:column; gap:2px; min-width:0; flex:1; }
.mmc-nmtx b { font-size:14.5px; }
.mmc-nmtx small { font-size:11.5px; color:var(--fg3); }
.mmc-nmswitch { position:relative; flex:none; width:44px; height:25px; padding:0; border:0; border-radius:13px; cursor:pointer;
  background:color-mix(in srgb, var(--fg) 20%, transparent); transition:background .2s; }
.mmc-nmswitch i { position:absolute; top:3px; left:3px; width:19px; height:19px; border-radius:50%; background:#fff;
  box-shadow:0 1px 3px rgba(0,0,0,.35); transition:transform .22s cubic-bezier(.3,1.4,.5,1); }
.mmc-nmswitch[aria-checked="true"] { background:var(--mmc-gold); }
.mmc-nmswitch[aria-checked="true"] i { transform:translateX(19px); }
.mmc-nmswitch:disabled { opacity:.6; cursor:wait; }
.mmc-nmenable { width:100%; height:38px; margin:0 0 10px; border:0; border-radius:11px; cursor:pointer; font-family:inherit; font-size:13.5px; font-weight:700; color:#fff;
  background:linear-gradient(180deg, color-mix(in srgb, var(--accent) 80%, #fff), var(--accent)); box-shadow:0 6px 16px -8px var(--accent); }
.mmc-nmenable:hover { filter:brightness(1.08); }
.mmc-nmlist { display:flex; flex-direction:column; gap:4px; transition:opacity .2s; }
.mmc-notemenu:not(.mmc-nmon) .mmc-nmlist { opacity:.62; }
.mmc-nmrow { display:flex; align-items:center; gap:11px; width:100%; padding:8px 9px; border:0; border-radius:11px; background:none; color:var(--fg);
  text-align:left; cursor:pointer; }
.mmc-nmrow:hover { background:color-mix(in srgb, var(--fg) 7%, transparent); }
.mmc-nmemo { display:grid; place-items:center; flex:none; width:34px; height:34px; border-radius:10px; font-size:18px;
  font-family:"Segoe UI Emoji","Apple Color Emoji","Noto Color Emoji",sans-serif; background:color-mix(in srgb, var(--fg) 7%, transparent); }
.mmc-nmname { display:flex; flex-direction:column; gap:2px; min-width:0; flex:1; }
.mmc-nmname b { font-size:13.5px; font-weight:650; }
.mmc-nmname small { font-size:11.5px; color:var(--fg3); }
.mmc-nmtick { display:grid; place-items:center; flex:none; width:22px; height:22px; border-radius:7px;
  box-shadow:inset 0 0 0 1.5px color-mix(in srgb, var(--fg) 30%, transparent); }
.mmc-nmtick svg { width:14px; height:14px; }
.mmc-nmrow.mmc-on .mmc-nmtick { color:#1a1405; background:var(--mmc-gold); box-shadow:none; }
.mmc-nmfoot { margin:10px 4px 0; font-size:11.5px; line-height:1.45; color:var(--fg3); }
.mmc-nmblocked { margin:0 0 10px; padding:10px 12px; border-radius:11px; background:color-mix(in srgb, var(--mmc-gold) 12%, transparent);
  box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--mmc-gold) 30%, transparent); }
.mmc-nmblocked b { display:block; font-size:13px; margin-bottom:4px; }
.mmc-nmblocked p { margin:0; font-size:12px; line-height:1.45; color:var(--fg2); }

.mmc-sbadge.mmc-sbquiet { color:var(--fg2); background:color-mix(in srgb, var(--fg) 13%, transparent); box-shadow:0 0 0 2px var(--bg2); }
.mmc-topquiet { position:absolute; top:-5px; right:-5px; min-width:16px; height:16px; padding:0 4px; box-sizing:border-box; border-radius:8px;
  display:grid; place-items:center; pointer-events:none; color:var(--fg2); font:700 9.5px/1 system-ui,-apple-system,"Segoe UI",sans-serif;
  font-variant-numeric:tabular-nums; background:var(--bg2); box-shadow:0 0 0 1.5px var(--bg), inset 0 0 0 1px color-mix(in srgb, var(--fg) 24%, transparent); }
.mmc-bump { animation: mmc-bump .5s cubic-bezier(.3,1.7,.5,1); }
@keyframes mmc-bump { 0% { transform:scale(.5); } 55% { transform:scale(1.22); } 100% { transform:scale(1); } }
.mmc-top.mmc-ping .mmc-emo { animation: mmc-ping .9s cubic-bezier(.3,.7,.3,1); }
@keyframes mmc-ping { 30% { transform:scale(1.35) rotate(-12deg); } 60% { transform:scale(.92); } }

.mmc-top.mmc-launch .mmc-emo { animation: mmc-launch .3s cubic-bezier(.2,.8,.2,1); }
@keyframes mmc-launch { 40% { transform:scale(1.16); } 100% { transform:none; } }


#mmc { --mmc-top-offset: 50px; font:14px/1.45 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif; color:var(--fg);
  --mmc-halo: color-mix(in srgb, var(--mmc-web) 26%, transparent); }
#mmc button { font:inherit; color:inherit; }
.mmc-win { position:fixed; z-index:35; display:flex; flex-direction:column; overflow:hidden;
  background: var(--mmc-glass); border:1px solid var(--mmc-edge); border-radius:var(--mmc-radius);
  box-shadow: var(--mmc-shadow), inset 0 1px 0 var(--mmc-hi);
  -webkit-backdrop-filter: blur(26px) saturate(165%); backdrop-filter: blur(26px) saturate(165%);
  container: mmcwin / inline-size; }
.mmc-win::before { content:""; position:absolute; inset:0; pointer-events:none; opacity:.05; mix-blend-mode:overlay;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E"); }

#mmc.mmc--docked .mmc-win { opacity:0; pointer-events:none; visibility:hidden; }
#mmc.mmc--window .mmc-win { left:var(--mmc-x); top:var(--mmc-y); width:var(--mmc-w); height:var(--mmc-h); }
#mmc.mmc--full .mmc-win { left:12px; right:12px; top:calc(var(--mmc-top-offset) + 10px); bottom:12px; border-radius:18px; z-index:30; }

.mmc-toast { position:fixed; right:16px; top:64px; z-index:41; width:max-content; max-width:min(340px, calc(100vw - 32px)); padding:10px 14px 10px 12px; cursor:pointer;
  border-radius:14px; background:color-mix(in srgb, var(--bg2) 94%, transparent); border:1px solid var(--mmc-edge); box-shadow:var(--mmc-shadow);
  -webkit-backdrop-filter: blur(18px); backdrop-filter: blur(18px); animation: mmc-toast-in .28s cubic-bezier(.2,.8,.2,1); }
.mmc-toast::before { content:""; position:absolute; top:-6px; left:var(--mmc-arrow, calc(100% - 30px)); width:10px; height:10px; transform:translateX(-50%) rotate(45deg);
  background:inherit; border-left:1px solid var(--mmc-edge); border-top:1px solid var(--mmc-edge); }
.mmc-toast b { display:block; font-size:12px; letter-spacing:.2px; }
.mmc-toast span { display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; color:var(--fg2); }
@keyframes mmc-toast-in { from { opacity:0; transform: translateY(-8px); } }


#mmc .mmc-scroll::-webkit-scrollbar { width:10px; height:10px; }
#mmc .mmc-scroll::-webkit-scrollbar-track, #mmc .mmc-scroll::-webkit-scrollbar-corner { background:transparent; }
#mmc .mmc-scroll::-webkit-scrollbar-button { display:none; height:0; width:0; }
#mmc .mmc-scroll::-webkit-scrollbar-thumb { background-color:var(--mmc-thumb); border-radius:10px; border:3px solid transparent; background-clip:content-box; min-height:36px; }
#mmc .mmc-scroll:hover::-webkit-scrollbar-thumb { background-color:color-mix(in srgb, var(--fg) 24%, transparent); }
#mmc .mmc-scroll::-webkit-scrollbar-thumb:hover { background-color:var(--mmc-thumb-hi); }
@supports not selector(::-webkit-scrollbar) { #mmc .mmc-scroll { scrollbar-width:thin; scrollbar-color:var(--mmc-thumb) transparent; } }


.mmc-head { position:relative; display:flex; align-items:center; gap:10px; padding:10px 10px 10px 14px; cursor:grab; user-select:none;
  border-bottom:1px solid var(--mmc-edge); background: linear-gradient(180deg, var(--mmc-hi), transparent); touch-action:none; }
#mmc.mmc--full .mmc-head, #mmc.mmc-mobile .mmc-head { cursor:default; }
.mmc-head:active { cursor:grabbing; }
.mmc-meridian { position:absolute; right:150px; top:-26px; width:110px; height:110px; opacity:.09; pointer-events:none; color:var(--fg); }


.mmc-meridian ellipse { transform-origin:55px 55px; animation: mmc-meridian 14s linear infinite paused; }
.mmc-meridian ellipse:nth-child(2) { animation-delay:-4.6s; } .mmc-meridian ellipse:nth-child(3) { animation-delay:-9.3s; }
@keyframes mmc-meridian { 0% { transform: scaleX(1); } 50% { transform: scaleX(0.02); } 100% { transform: scaleX(-1); } }
.mmc-brand { display:flex; align-items:center; gap:9px; min-width:0; }
.mmc-brand img, .mmc-brand .mmc-bdm { width:26px; height:26px; flex:0 0 26px; }


.mmc-brand .mmc-bdm { display:none; place-items:center; color:var(--mmc-web);
  filter:drop-shadow(0 0 7px color-mix(in srgb, var(--mmc-web) 45%, transparent)); }
.mmc-brand .mmc-bdm svg { width:24px; height:24px; display:block; transform:rotate(-8deg); }
#mmc[data-tab="private"] .mmc-brand img { display:none; }
.mmc-brand .mmc-bsup { display:none; place-items:center; width:26px; height:26px; flex:0 0 26px; color:var(--mmc-help); }
.mmc-brand .mmc-bsup svg { width:25px; height:25px; display:block; filter:drop-shadow(0 0 7px color-mix(in srgb, var(--mmc-help) 50%, transparent)); }
#mmc[data-tab="support"] .mmc-brand img { display:none; }
#mmc[data-tab="support"] .mmc-brand .mmc-bsup { display:grid; animation:mmc-bmark .22s cubic-bezier(.2,1.4,.4,1); }
#mmc[data-tab="private"] .mmc-brand .mmc-bdm { display:grid; animation:mmc-bmark .22s cubic-bezier(.2,1.4,.4,1); }
@keyframes mmc-bmark { from { opacity:0; transform:scale(.62) rotate(-22deg); } }
@media (prefers-reduced-motion: reduce) { #mmc[data-tab="private"] .mmc-brand .mmc-bdm { animation:none; } }





.mmc-title { font-size:15.5px; font-weight:700; letter-spacing:-.1px; white-space:nowrap;
  min-width:0; flex:0 1 auto; overflow:hidden; text-overflow:ellipsis; }
.mmc-seg { flex:0 0 auto; }
.mmc-title small, .mmc-title .mmc-subchan { font-family:system-ui,sans-serif; font-size:11px; font-weight:600; letter-spacing:1.6px; text-transform:uppercase; color:var(--fg3); margin-left:6px; }

.mmc-title small, .mmc-title .mmc-subchan { transition:opacity .2s; }

.mmc-seg { position:relative; display:flex; gap:2px; padding:3px; border-radius:12px; margin-left:auto;
  background:var(--mmc-track); box-shadow:inset 0 1px 2px rgba(0,0,0,.22), inset 0 0 0 1px var(--mmc-edge); }
.mmc-seg button { position:relative; z-index:1; display:flex; align-items:center; gap:7px; border:0; background:none; padding:6px 12px; border-radius:9px; cursor:pointer;
  font:600 13px/1 system-ui,-apple-system,"Segoe UI",sans-serif !important; letter-spacing:.1px; white-space:nowrap; color:var(--fg3) !important; transition:color .2s; }
.mmc-seg button:hover { color:var(--fg2) !important; }
.mmc-seg button svg { width:15px; height:15px; flex:0 0 15px; transition:color .2s; }
.mmc-seg button[aria-selected="true"] { color:var(--fg) !important; }
.mmc-seg button[aria-selected="true"] svg { color:var(--mmc-gold); }
.mmc-seg .mmc-segsup[aria-selected="true"] svg, .mmc-tabbar .mmc-tbsup[aria-selected="true"] svg { color:var(--mmc-help); }
.mmc-seg .mmc-segsup:not([aria-selected="true"]) .mmc-segcaret { display:none; }
.mmc-seg-ink { position:absolute; z-index:0; top:3px; bottom:3px; left:0; width:0; border-radius:9px; box-sizing:border-box; border:1px solid transparent;
  background: linear-gradient(var(--mmc-raise), var(--mmc-raise)) padding-box,
              conic-gradient(from var(--mmc-spin,0deg), var(--accent), #39d3b6, #febc34, var(--accent)) border-box;
  box-shadow:0 6px 14px -8px rgba(0,0,0,.55);
  transition: left .3s cubic-bezier(.3,.8,.2,1), width .3s cubic-bezier(.3,.8,.2,1); }

.mmc-seg-ink.mmc-spinonce, .mmc-tabbar button.mmc-spinonce { animation: mmc-spin 1.1s cubic-bezier(.3,.6,.25,1) 1; }




.mmc-tl-short { display:none; }
#mmc.mmc-fit1 .mmc-seg .mmc-tl-long { display:none; }
#mmc.mmc-fit1 .mmc-seg .mmc-tl-short { display:inline; }
#mmc.mmc-fit2 .mmc-title small, #mmc.mmc-fit2 .mmc-title .mmc-subchan { display:none; }
#mmc.mmc-fit3:not(.mmc-mobile) .mmc-title { display:none; }
#mmc.mmc-fit4 .mmc-seg .mmc-tl-short { display:none; }
#mmc.mmc-fit4 .mmc-seg button { padding:6px 10px; gap:4px; }
#mmc.mmc-fit4 .mmc-seg button svg { width:17px; height:17px; flex-basis:17px; }
.mmc-seg .mmc-badge { box-shadow:0 2px 6px -2px color-mix(in srgb, var(--fail) 70%, transparent); }
.mmc-seg .mmc-lcount, .mmc-tabbar .mmc-lcount { font-family:system-ui,-apple-system,"Segoe UI",sans-serif; }

.mmc-tools { display:flex; align-items:center; gap:2px; }




.mmc-ib { width:32px; height:32px; padding:0; display:grid; place-items:center; border:0; border-radius:9px; background:none; cursor:pointer; color:var(--fg2) !important; }






.mmc-ib { position:relative; }


.mmc-ib::before { content:""; position:absolute; inset:0; border-radius:50%; pointer-events:none; opacity:0;
  background:radial-gradient(circle, var(--mmc-halo) 0%, color-mix(in srgb, var(--mmc-halo) 45%, transparent) 42%, transparent 74%);
  transition:opacity .14s ease-out; }
.mmc-ib svg { position:relative; width:17px; height:17px; transition:color .14s ease-out, opacity .14s ease-out; }
.mmc-ib:hover { background:none; color:var(--fg) !important; }
.mmc-ib:hover::before { opacity:1; }
.mmc-ib:active svg { opacity:.7; }
.mmc-ib[aria-pressed="true"]:hover { color:var(--mmc-gold) !important; }
.mmc-ib[aria-pressed="true"] { --mmc-halo:color-mix(in srgb, var(--mmc-gold) 30%, transparent); }
.mmc-ib:focus-visible { outline:2px solid color-mix(in srgb, var(--accent) 70%, transparent); outline-offset:-2px; }

.mmc-ib.mmc-bmin svg { width:21px; height:21px; }
.mmc-ib.mmc-off { opacity:.45; }
.mmc-ib[aria-pressed="true"] { color:var(--mmc-gold) !important; }

.mmc-banner { display:flex; align-items:center; gap:10px; justify-content:space-between; padding:8px 14px; font-size:13px;
  background: color-mix(in srgb, var(--warn) 14%, transparent); border-bottom:1px solid var(--mmc-edge); }
.mmc-banner button { border:1px solid var(--mmc-edge); background:var(--mmc-glass2); padding:4px 10px; border-radius:8px; cursor:pointer; }


.mmc-body { position:relative; flex:1; min-height:0; display:flex; }
.mmc-pane { flex:1; min-width:0; display:flex; }
#mmc[data-tab="lobby"] .mmc-private, #mmc[data-tab="private"] .mmc-lobby { display:none; }
#mmc[data-tab="lobby"] .mmc-support, #mmc[data-tab="private"] .mmc-support,
#mmc[data-tab="support"] .mmc-lobby, #mmc[data-tab="support"] .mmc-private { display:none; }
.mmc-col { flex:1; min-width:0; display:flex; flex-direction:column; }
.mmc-streamwrap { position:relative; flex:1; min-height:0; display:flex; flex-direction:column; }




.mmc-chanbar { display:none; }


.mmc-segcaret { display:inline-grid; place-items:center; width:12px; height:12px; margin:0 -2px 0 -3px; opacity:.55;
  transition:transform .18s cubic-bezier(.2,.8,.2,1), opacity .15s; }
.mmc-segcaret svg { width:13px; height:13px; }
.mmc-seg button:hover .mmc-segcaret { opacity:1; }
.mmc-seg button[aria-expanded="true"] .mmc-segcaret { transform:rotate(180deg); opacity:1; color:var(--mmc-gold); }



.mmc-peoplechip { display:inline-flex; align-items:center; justify-content:center; gap:6px; flex:0 0 auto; height:32px; padding:0 9px; border:0; border-radius:9px;
  background:none; cursor:pointer; color:var(--mmc-gold) !important; font:700 12px/1 var(--mono) !important; font-variant-numeric:tabular-nums;
  transition:background .15s; }
.mmc-peoplechip { position:relative; }





.mmc-peoplechip::before { content:""; position:absolute; inset:2px -2px; border-radius:999px; pointer-events:none; opacity:0;
  background:color-mix(in srgb, var(--mmc-gold) 26%, transparent);
  filter:blur(4.5px);
  transition:opacity .14s ease-out; }
.mmc-peoplechip:hover { background:none; color:#ffd98a !important; }
.mmc-peoplechip:hover::before { opacity:1; }
.mmc-peoplechip > * { position:relative; }
.mmc-pcico { display:grid; place-items:center; width:15px; height:15px; flex:0 0 15px;
  filter:drop-shadow(0 0 4px color-mix(in srgb, var(--mmc-gold) 55%, transparent)); }
.mmc-pcico svg { width:15px; height:15px; display:block; }
.mmc-peoplechip:hover .mmc-pcico { filter:drop-shadow(0 0 7px color-mix(in srgb, var(--mmc-gold) 85%, transparent)); }
@media (prefers-reduced-motion: reduce) { .mmc-ib::before, .mmc-peoplechip::before { transition:none !important; } }


.mmc-peoplechip[aria-pressed="true"] .mmc-pcico { filter:drop-shadow(0 0 4px color-mix(in srgb, var(--mmc-web) 50%, transparent)); }
.mmc-peoplechip[aria-pressed="true"].mmc-pcstir .mmc-pcico { animation:mmc-pcpulse 2.6s ease-in-out 2; }
@keyframes mmc-pcpulse {
  0%, 100% { filter:drop-shadow(0 0 4px color-mix(in srgb, var(--mmc-web) 50%, transparent)); }
  50%      { filter:drop-shadow(0 0 9px color-mix(in srgb, var(--mmc-web) 95%, transparent)); } }
.mmc-peoplechip[aria-pressed="true"] { color:var(--mmc-web) !important; }


#mmc.mmc-wide.mmc-hidepeople .mmc-people { display:none; }
#mmc.mmc-hidepeople .mmc-peoplechip { color:var(--fg3) !important; }
#mmc.mmc-hidepeople .mmc-pcico { filter:none; opacity:.75; }

.mmc-chanmenu, .mmc-toolsmenu { min-width:216px; max-width:320px; padding:5px; transform-origin:var(--mmc-cmx, 24px) 0;
  animation:mmc-cmin .17s cubic-bezier(.2,.9,.3,1); }
@keyframes mmc-cmin { from { opacity:0; transform:translateY(-7px) scale(.96); } }
.mmc-chanmenu.mmc-cmout, .mmc-toolsmenu.mmc-cmout { animation:mmc-cmout .15s ease-in forwards; }
@keyframes mmc-cmout { to { opacity:0; transform:translateY(-7px) scale(.96); } }
.mmc-cmhead { padding:5px 9px 6px; font:600 9.5px/1 system-ui,sans-serif; letter-spacing:1.4px; text-transform:uppercase; color:var(--fg3); }



.mmc-pop > button.mmc-cmrow { display:flex; align-items:center; gap:9px; width:100%; padding:7px 10px; border:0; border-radius:9px;
  background:none; text-align:left; color:var(--fg2) !important; font:13px/1.25 system-ui,-apple-system,"Segoe UI",sans-serif !important; }
.mmc-pop > button.mmc-cmrow:hover { background:var(--mmc-glass2); color:var(--fg) !important; }
.mmc-pop > button.mmc-cmrow.mmc-cmon { color:var(--fg) !important; background:color-mix(in srgb, var(--mmc-gold) 11%, transparent); }
.mmc-cmrow .mmc-cmtick { display:grid; place-items:center; width:15px; height:15px; flex:0 0 15px; color:var(--mmc-gold); }
.mmc-cmrow .mmc-cmtick svg { width:14px; height:14px; display:block; }
.mmc-cmrow .mmc-cmname { flex:1 1 auto; min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.mmc-cmrow .mmc-chipro { flex:0 0 auto; margin:0; }
.mmc-cmrow .mmc-cmn { display:inline-flex; align-items:center; gap:4px; flex:0 0 auto; margin-left:2px;
  padding:2px 6px; border-radius:6px; font:700 10.5px/1 var(--mono); color:var(--mmc-gold);
  background:color-mix(in srgb, var(--mmc-gold) 13%, transparent); }
.mmc-cmrow .mmc-cmn svg { width:12px; height:12px; opacity:.85; display:block; }

.mmc-bmore { display:none !important; }
#mmc.mmc-toolsfold .mmc-tools .mmc-fold { display:none !important; }
#mmc.mmc-toolsfold .mmc-bmore { display:grid !important; }
#mmc.mmc-mfit1 .mmc-tbrand { display:none; }
#mmc.mmc-mfit1 .mmc-title .mmc-subchan { margin-left:0; }

.mmc-chanbar::-webkit-scrollbar { display:none; }
.mmc-chip { display:inline-flex; align-items:center; border:1px solid var(--mmc-edge); background:none; border-radius:8px; padding:3px 10px; cursor:pointer; font-size:12.5px; white-space:nowrap; color:var(--fg2) !important; }
.mmc-chip[aria-selected="true"] { background:var(--mmc-raise); border-color:color-mix(in srgb, var(--fg) 20%, transparent); color:var(--fg) !important; box-shadow:inset 0 1px 0 rgba(255,255,255,.06); }

.mmc-chipn { display:inline-flex; align-items:center; gap:4px; margin-left:9px; padding-left:9px; border-left:1px solid var(--mmc-edge);
  font:600 11px/1 var(--mono); font-variant-numeric:tabular-nums; color:var(--fg3); }
.mmc-chipn svg { width:12px; height:12px; opacity:.85; }
.mmc-chip[aria-selected="true"] .mmc-chipn { color:var(--mmc-gold); }
.mmc-chipro { margin-left:7px; font:600 9.5px/1 system-ui,sans-serif; letter-spacing:.5px; text-transform:uppercase; color:var(--fg3); }

.mmc-peopletoggle { display:grid; place-items:center; flex:0 0 auto; width:30px; height:26px; padding:0; border:0; background:none; cursor:pointer;
  font:17px/1 "Segoe UI Emoji","Apple Color Emoji","Noto Color Emoji",sans-serif !important; filter:grayscale(.6) opacity(.75); transition:filter .2s, transform .2s; }
.mmc-peopletoggle:hover { filter:grayscale(0) drop-shadow(0 0 6px color-mix(in srgb, var(--mmc-gold) 75%, transparent)); transform:translateY(-1px); }
.mmc-peopletoggle[aria-pressed="true"] { filter:grayscale(0) drop-shadow(0 0 7px color-mix(in srgb, var(--mmc-web) 80%, transparent)); }
#mmc.mmc-wide:not(.mmc-mobile) .mmc-peopletoggle { display:none; }

.mmc-stream { position:relative; flex:1; min-height:0; overflow-y:auto; overscroll-behavior:contain; padding:8px 0 12px; scroll-behavior:auto; }
.mmc-loadmore { display:block; margin:6px auto 10px; font-size:12px; color:var(--fg3); background:none; border:0; cursor:pointer; }

.mmc-histcap { width:max-content; max-width:88%; margin:8px auto 12px; padding:3px 11px; border-radius:999px; border:1px dashed var(--mmc-edge);
  font-size:11px; letter-spacing:.3px; color:var(--fg3); text-align:center; }
.mmc-empty { margin:auto; padding:30px 24px; text-align:center; color:var(--fg3); max-width:300px; }
.mmc-empty b { display:block; font-weight:650; font-size:16px; color:var(--fg2); margin-bottom:4px; }
.mmc-day { display:flex; align-items:center; gap:10px; margin:14px 16px 6px; font-size:11px; letter-spacing:1.2px; text-transform:uppercase; color:var(--fg3); }
.mmc-day::before, .mmc-day::after { content:""; flex:1; height:1px; background:var(--mmc-edge); }



.mmc-line { --src: var(--mmc-gold); display:grid; grid-template-columns:40px auto minmax(0, 1fr); column-gap:8px; align-items:baseline;
  padding:2px 16px 2px 8px;

  background-image: linear-gradient(90deg, color-mix(in srgb, var(--src) 7%, transparent), transparent 42%);
  box-shadow: inset 2px 0 0 color-mix(in srgb, var(--src) 30%, transparent); }
.mmc-line.mmc-src-game { --src: var(--mmc-gold); background-image: linear-gradient(90deg, color-mix(in srgb, var(--src) 4%, transparent), transparent 30%);
  box-shadow: inset 2px 0 0 color-mix(in srgb, var(--src) 16%, transparent); }
.mmc-line.mmc-src-web { --src: var(--mmc-web); }
.mmc-line.mmc-src-discord { --src: var(--mmc-discord); }
.mmc-line:hover { background-color: color-mix(in srgb, var(--fg) 4%, transparent); }
.mmc-line.mmc-pending { opacity:.6; }
.mmc-time { grid-column:1; font:11px/20px var(--mono); color:var(--fg3); text-align:right; font-variant-numeric:tabular-nums; cursor:default; }

.mmc-tt { position:relative; }

.mmc-srcico { --ico:10px; --gap:3px; display:inline-block; width:var(--ico); height:var(--ico); margin:0 var(--gap) 0 calc(0px - var(--ico) - var(--gap));
  vertical-align:-1px; vertical-align:calc(.5cap - var(--ico) / 2); pointer-events:none; }
.mmc-srcico svg { display:block; width:100%; height:100%; stroke-width:2.6; }
.mmc-srcico-web { color:var(--mmc-web); } .mmc-srcico-discord { color:var(--mmc-discord); }

.mmc-srcico.mmc-srcgame { --ico:13px; --gap:1px; background-position:center; background-size:contain; background-repeat:no-repeat; }
.mmc-srcgame-ee2 { background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAYAAAA71pVKAAABjklEQVR42o2SQUjTYRjGf+9/Y5veooHkIRiIkE1vO+0smLgKBlMjFAUvZl4CF8pgIMjKHSLRizAUdQfZbUEaKCgqEnSRSRBOKdKT5MHVNg3fDrox2X/mc/v48bzf83zfK1xKW3xtDPV3kVcL61tbjI1GEREBFMPB8qc4mj/jV+Y3nYFeRESMK7MsJT/I159Z9g8zvJ3YLBgBhIuc7O6dkj7K86xjpMgEIHWwqJjI7QpIJQZgTR0s6s7zUVMYiQUVoBI33K6ANM2HAJiywabnAXv+Zn70PeV17xsp5butHt7b4W84xNw9J9bSSVV2B8GBdu7X+cXsptqH9WyPxNheDQiAUQp7TnNsdIeJextNe94ZXyDubWQ4PKhl5imLcDHwmHd2m2nHpvkQsVonZ7ksZeZqu5W7NQ18Xv0ilV74ZVcb0ch0eWybIXxLfwdQwDT+E98rCkxu+ioA38cxko+GTdmNS/K/RbnWbXJ6VgFe9HXfihU668raUnG6qqKqhbNm/5wU2UwiwfHJecWkt9Y/ik+Y10OKWUMAAAAASUVORK5CYII=); }
.mmc-srcgame-aos { background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAwklEQVR42qWSUQ7DMAhDX6YdjKN5N/PN2EeThrbZqmlIKU1sAQawnSuznQCScsUZ+G6DZDslJTAICeQCB6B1xjHaBNs3DOBRL68esfV/ih9vr/J2sISlNkEmpKRdPx8DlKPSgy/YJqE2ZJyF5k2GBL9I4CThjP89hSefunqawq3VReGUtU7gImGhebeIuMVbzRIR2L6tNiKIiLmJY7ftAImI4pm+Z8I2o7LHJXwnIHo18z7w3rM5xqOEmOSVaftIagBv8LHrolvZHQIAAAAASUVORK5CYII=); }


.mmc-srcico.mmc-srcgame-ee2 { background-size:9.8px 12px; background-position:left center; }
.mmc-srcico.mmc-srcgame-aos { background-size:11px 11px; background-position:left center; }
.mmc-nick { grid-column:2; max-width:15em; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-weight:700; cursor:pointer; line-height:20px; }
.mmc-nick::after { content:":"; color:var(--fg3); font-weight:400; }
.mmc-nick:hover { text-decoration:underline; text-decoration-color:color-mix(in srgb, currentColor 45%, transparent); }
.mmc-msg { grid-column:3; min-width:0; overflow-wrap:anywhere; line-height:20px; }




.mmc-trtag { grid-column:2; align-self:baseline; display:block; direction:rtl; text-align:left; line-height:20px; white-space:nowrap; min-width:0; contain:inline-size; }
.mmc-trpill { direction:ltr; vertical-align:middle; flex:none; display:inline-flex; align-items:center; gap:3px; white-space:nowrap;
  font:600 9.5px/1 var(--mono); letter-spacing:.2px; font-style:normal; text-transform:lowercase; padding:2px 4px; border-radius:6px; cursor:default;
  color:var(--fg2); background:color-mix(in srgb, var(--mmc-tr) 8%, transparent); box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--mmc-tr) 22%, transparent); }
.mmc-trside { display:inline-flex; align-items:center; gap:3px; }
.mmc-trarrow { font-style:normal; font-size:11px; line-height:1; color:color-mix(in srgb, var(--mmc-tr) 75%, transparent); margin:0 1px; }
.mmc-flag { display:block; flex:none; width:14px; height:10.5px; border-radius:2px; object-fit:cover; box-shadow:0 0 0 1px rgba(255,255,255,.16), 0 1px 2px rgba(0,0,0,.3); }
:root[data-theme="light"] .mmc-flag { box-shadow:0 0 0 1px rgba(0,0,0,.14), 0 1px 2px rgba(0,0,0,.12); }
@media (prefers-color-scheme: light) { :root:not([data-theme="dark"]) .mmc-flag { box-shadow:0 0 0 1px rgba(0,0,0,.14), 0 1px 2px rgba(0,0,0,.12); } }







.mmc-ptr { position:relative; }
.mmc-ptr .mmc-trtag { position:absolute; right:100%; top:0; width:var(--mmc-gutter, 62px);
  display:block; direction:ltr; text-align:center; line-height:inherit; contain:none; margin:0; }
.mmc-ptr .mmc-trpill { margin:0; }
.mmc-trtext { grid-column:3; min-width:0; overflow-wrap:anywhere; color:var(--mmc-tr); font-style:italic; line-height:20px; }
.mmc-line .mmc-failnote { grid-column:3; }
.mmc-mine .mmc-nick { color:var(--fg) !important; }
@keyframes mmc-in { from { opacity:0; transform: translateY(4px); } }
.mmc-line.mmc-arrive { animation: mmc-in .3s cubic-bezier(.2,.8,.2,1), mmc-lflash 1.8s ease-out; }
.mmc-line.mmc-sent { animation: mmc-in .25s ease-out; }
@keyframes mmc-lflash { 0%, 15% { background-color: color-mix(in srgb, var(--src) 20%, transparent); } 100% { background-color: transparent; } }

.mmc-line.mmc-src-server { --src: var(--fg); background-image: repeating-linear-gradient(135deg, color-mix(in srgb, var(--fg) 4%, transparent) 0 5px, transparent 5px 11px);
  box-shadow: inset 2px 0 0 color-mix(in srgb, var(--fg) 24%, transparent); }
.mmc-src-server .mmc-nick { color:var(--fg2); font-weight:600; font-variant:small-caps; letter-spacing:.4px; cursor:default; }
.mmc-src-server .mmc-nick::before { content:"\25C6  "; font-size:.8em; color:var(--fg3); }
.mmc-src-server .mmc-nick:hover { text-decoration:none; }
.mmc-src-server .mmc-msg { white-space:pre-line; color:var(--fg2); }




.mmc-tword { display:inline-flex; align-items:center; gap:3px; padding:0 1px; margin:0; cursor:pointer; font:inherit;
  line-height:18px; vertical-align:baseline; border:0; background:none; color:inherit !important;
  text-shadow:0 0 8px color-mix(in srgb, var(--mmc-gold) 45%, transparent);
  text-decoration:underline; text-decoration-color:color-mix(in srgb, var(--mmc-gold) 42%, transparent);
  text-decoration-thickness:1.5px; text-underline-offset:3px; transition:text-shadow .15s, text-decoration-color .15s; }
.mmc-tword svg { width:12px; height:12px; flex:0 0 12px; color:var(--mmc-gold);
  filter:drop-shadow(0 0 4px color-mix(in srgb, var(--mmc-gold) 55%, transparent)); }
.mmc-tword:hover { background:none; text-shadow:0 0 12px color-mix(in srgb, var(--mmc-gold) 80%, transparent);
  text-decoration-color:var(--mmc-gold); }
.mmc-tword.mmc-playing { animation: mmc-tglow .9s ease-in-out infinite alternate; }
.mmc-tword.mmc-playing svg { animation: mmc-tbeat .45s ease-in-out infinite alternate; }
@keyframes mmc-tglow { to { box-shadow:0 0 0 3px color-mix(in srgb, var(--mmc-gold) 22%, transparent), 0 0 12px color-mix(in srgb, var(--mmc-gold) 40%, transparent); } }
@keyframes mmc-tbeat { to { transform:scale(1.25); } }

.mmc-tip { position:fixed; z-index:80; max-width:280px; padding:5px 9px; border-radius:8px; pointer-events:none; opacity:0; transform:translateY(3px);
  font:500 12px/1.35 system-ui,-apple-system,"Segoe UI",sans-serif; color:var(--fg); background:color-mix(in srgb, var(--bg2) 96%, transparent);
  border:1px solid color-mix(in srgb, var(--fg) 14%, transparent); box-shadow:0 8px 24px -8px rgba(0,0,0,.45); transition:opacity .12s, transform .12s; }
.mmc-tip.mmc-tipon { opacity:1; transform:none; }


.mmc-nk-discord { color:var(--mmc-nk-discord); } .mmc-nk-web { color:var(--mmc-nk-web); }


.mmc-nkc, .mmc-mine .mmc-nick.mmc-nkc { color:var(--nkc) !important; }
@supports (color: hsl(from red h s l)) {
  .mmc-nkc, .mmc-mine .mmc-nick.mmc-nkc { color:hsl(from var(--nkc) h s clamp(var(--mmc-nkc-lmin), l, var(--mmc-nkc-lmax))) !important; }
}

.mmc-av.mmc-avimg { display:block; background:#121821; }
.mmc-av.mmc-avimg img { display:block; width:100%; height:100%; object-fit:cover; border-radius:50%; }



.mmc-nk-game { --nk-h:42; --nk-s:88%; color:hsl(var(--nk-h) var(--nk-s) var(--mmc-nk-l)); }
.mmc-nk-game.mmc-nkv-aos { --nk-h:27; }
.mmc-nk-game.mmc-nkv-mod { --nk-s:42%; }
.mmc-nk-game.mmc-nkv-nu { --nk-s:18%; }
.mmc-nk-game.mmc-nkv-mod.mmc-nkv-nu { --nk-s:12%; }
.mmc-p0{color:var(--mmc-p0)} .mmc-p1{color:var(--mmc-p1)} .mmc-p2{color:var(--mmc-p2)} .mmc-p3{color:var(--mmc-p3)}
.mmc-p4{color:var(--mmc-p4)} .mmc-p5{color:var(--mmc-p5)} .mmc-p6{color:var(--mmc-p6)} .mmc-p7{color:var(--mmc-p7)}
.mmc-bg0{background:var(--mmc-p0)} .mmc-bg1{background:var(--mmc-p1)} .mmc-bg2{background:var(--mmc-p2)} .mmc-bg3{background:var(--mmc-p3)}
.mmc-bg4{background:var(--mmc-p4)} .mmc-bg5{background:var(--mmc-p5)} .mmc-bg6{background:var(--mmc-p6)} .mmc-bg7{background:var(--mmc-p7)}

.mmc-msg a, .mmc-trtext a, .mmc-ptext a, .mmc-ptr a { color:var(--accent); text-decoration:underline; text-decoration-color:color-mix(in srgb, var(--accent) 40%, transparent); text-underline-offset:2px; }
.mmc-msg a.mmc-ext::after, .mmc-trtext a.mmc-ext::after, .mmc-ptext a.mmc-ext::after, .mmc-ptr a.mmc-ext::after { content:"↗"; font-size:10px; margin-left:1px; }

.mmc-jump { position:absolute; left:50%; bottom:12px; transform:translateX(-50%); border:1px solid var(--mmc-edge); background:var(--mmc-glass); border-radius:999px;
  padding:5px 13px; font-size:12px; cursor:pointer; box-shadow:var(--mmc-shadow); -webkit-backdrop-filter:blur(12px); backdrop-filter:blur(12px); }


.mmc-people { width:220px; flex:0 0 220px; border-right:1px solid var(--mmc-edge); overflow-y:auto; padding:10px 8px; background:color-mix(in srgb, var(--bg) 18%, transparent); }

.mmc-peopleclose { display:none; margin:0 0 10px auto; border:1px solid color-mix(in srgb, var(--fail) 45%, transparent);
  background:color-mix(in srgb, var(--fail) 14%, transparent); color:color-mix(in srgb, var(--fail) 72%, var(--fg)) !important;
  border-radius:999px; padding:4px 13px; font:600 12px/1 system-ui,-apple-system,"Segoe UI",sans-serif; cursor:pointer;
  transition:background .15s, border-color .15s, color .15s; }
.mmc-peopleclose:hover { background:color-mix(in srgb, var(--fail) 26%, transparent);
  border-color:color-mix(in srgb, var(--fail) 70%, transparent); color:var(--fg) !important; }
#mmc.mmc--window:not(.mmc-wide) .mmc-people { display:none; }
#mmc.mmc--window:not(.mmc-wide).mmc-showpeople .mmc-people { display:block; position:absolute; left:0; top:43px; bottom:0; z-index:3; background:var(--mmc-glass); -webkit-backdrop-filter:blur(20px); backdrop-filter:blur(20px); box-shadow:var(--mmc-shadow); }
#mmc.mmc--window:not(.mmc-wide).mmc-showpeople .mmc-peopleclose, #mmc.mmc-mobile.mmc-showpeople .mmc-peopleclose { display:block; }





.mmc-group { display:flex; align-items:center; gap:9px; margin:12px 4px 6px; font:700 10px/1 system-ui,sans-serif;
  letter-spacing:1.4px; text-transform:uppercase; color:var(--fg3); }
.mmc-group:first-of-type { margin-top:2px; }
.mmc-group::after { content:""; flex:1 1 auto; height:1px; order:1;
  background:linear-gradient(90deg, color-mix(in srgb, var(--fg) 16%, transparent), transparent); }
.mmc-group > :last-child { order:2; flex:0 0 auto; padding:1px 7px; border-radius:999px; font:700 10px/1.5 var(--mono);
  letter-spacing:0; color:var(--fg2); background:color-mix(in srgb, var(--fg) 8%, transparent); }
.mmc-person { display:flex; align-items:center; gap:8px; width:100%; padding:5px 6px; border:0; background:none; border-radius:9px; cursor:pointer; text-align:left; }
.mmc-person:hover { background:var(--mmc-glass2); }
.mmc-person .mmc-pn { flex:1; min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-weight:600; }
.mmc-state { width:16px; height:16px; flex:0 0 16px; display:grid; place-items:center; font-size:11px; }
.mmc-state img { width:16px; height:16px; }
.mmc-state.mmc-started img { filter: saturate(1.3) drop-shadow(0 0 3px color-mix(in srgb, var(--mmc-gold) 80%, transparent)); }
.mmc-state .mmc-dot { width:7px; height:7px; border-radius:50%; background:var(--ok); box-shadow:0 0 0 3px color-mix(in srgb, var(--ok) 18%, transparent); }
.mmc-state .mmc-dot.mmc-webdot { background:var(--mmc-web); box-shadow:0 0 0 3px color-mix(in srgb, var(--mmc-web) 18%, transparent); }



.mmc-person small { color:var(--fg3); font-size:10px; flex:0 0 auto; margin-left:-5px; opacity:.85; }





#mmc .mmc-subchan { display:inline-flex; align-items:center; gap:3px; margin-left:6px; padding:0; border:0; background:none;
  font:600 11px/1 system-ui,-apple-system,"Segoe UI",sans-serif; letter-spacing:1.6px; text-transform:uppercase;
  color:var(--fg3); cursor:default; vertical-align:1px; }
#mmc:not(.mmc-mobile) .mmc-subchan { pointer-events:none; }
.mmc-subchan .mmc-segcaret { width:11px; height:11px; margin:0; }
.mmc-subchan .mmc-segcaret svg { width:11px; height:11px; }
#mmc.mmc-mobile .mmc-subchan { cursor:pointer; pointer-events:auto; }
#mmc.mmc-mobile .mmc-subchan[aria-expanded="true"] { color:var(--mmc-gold); }

@media (hover: hover) { #mmc.mmc-mobile .mmc-subchan:hover { color:var(--mmc-gold); } }
#mmc.mmc-mobile .mmc-subchan[aria-expanded="true"] .mmc-segcaret { transform:rotate(180deg); }
.mmc-cmrow .mmc-cmico { display:grid; place-items:center; width:16px; height:16px; flex:0 0 16px; color:var(--fg3); }
.mmc-cmrow .mmc-cmico svg { width:15px; height:15px; display:block; }
.mmc-cmrow.mmc-cmon .mmc-cmico { color:var(--mmc-gold); }


.mmc-threads { width:270px; flex:0 0 270px; display:flex; flex-direction:column; border-left:1px solid var(--mmc-edge); min-height:0; }
.mmc-find { position:relative; padding:10px; border-bottom:1px solid var(--mmc-edge); }
.mmc-find input { width:100%; height:34px; border-radius:10px; border:1px solid var(--mmc-edge); background:var(--mmc-glass2); color:var(--fg); padding:0 10px 0 32px; font:inherit; }
.mmc-find svg { position:absolute; left:20px; top:19px; width:15px; height:15px; color:var(--fg3); }
.mmc-found { position:absolute; left:10px; right:10px; top:48px; z-index:4; background:var(--mmc-glass); border:1px solid var(--mmc-edge); border-radius:12px; box-shadow:var(--mmc-shadow);
  -webkit-backdrop-filter:blur(22px); backdrop-filter:blur(22px); padding:4px; max-height:280px; overflow:auto; }
.mmc-tlist { flex:1; min-height:0; overflow-y:auto; overscroll-behavior:contain; padding:6px; }
.mmc-thread { display:grid; grid-template-columns:38px 1fr auto; gap:0 10px; align-items:center; width:100%; border:0; background:none; text-align:left; padding:8px; border-radius:12px; cursor:pointer; }
.mmc-thread:hover { background:var(--mmc-glass2); }
.mmc-thread[aria-current="true"] { background:var(--mmc-raise); box-shadow:inset 0 0 0 1px var(--mmc-edge); }
.mmc-av { width:38px; height:38px; border-radius:50%; display:grid; place-items:center; color:#fff; font:700 15px/1 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif; position:relative; text-shadow:0 1px 1px rgba(0,0,0,.25); }
.mmc-av i { position:absolute; right:-1px; bottom:-1px; width:12px; height:12px; border-radius:50%; border:2px solid var(--bg2); background:var(--ok); }
.mmc-av i.mmc-webdot { background:var(--mmc-web); }
.mmc-tn { min-width:0; }
.mmc-tn b { display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.mmc-tn span { display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; color:var(--fg3); font-size:12.5px; }
.mmc-tn .mmc-was { display:inline; font-size:11px; color:var(--fg3); font-weight:400; margin-left:5px; }
.mmc-tm { display:flex; flex-direction:column; align-items:flex-end; gap:3px; font-size:11px; color:var(--fg3); }
.mmc-unread b { color:var(--fg); } .mmc-unread .mmc-tn span { color:var(--fg2); }

.mmc-conv { flex:1; min-width:0; display:flex; flex-direction:column; }
.mmc-convhead { display:flex; align-items:center; gap:10px; padding:9px 12px; border-bottom:1px solid var(--mmc-edge); min-height:56px; }
.mmc-convhead .mmc-av { width:34px; height:34px; font-size:13px; }
.mmc-convhead b { display:block; font-size:15px; }
.mmc-convhead small { color:var(--fg3); font-size:12px; }




.mmc-thread { grid-template-columns:46px 1fr auto; }
.mmc-thread .mmc-av, .mmc-convhead .mmc-av { width:46px; height:36px; border-radius:10px; font-size:15px;
  transition:transform .16s cubic-bezier(.2,.8,.2,1), filter .16s; }
.mmc-thread .mmc-av.mmc-avimg, .mmc-convhead .mmc-av.mmc-avimg { background:none; border-radius:0; filter:drop-shadow(0 3px 6px rgba(0,0,0,.45)); }
.mmc-thread .mmc-av.mmc-avimg img, .mmc-convhead .mmc-av.mmc-avimg img { object-fit:contain; border-radius:0;
  -webkit-mask-image:var(--mmb-feather);
  -webkit-mask-composite:source-in; mask-image:var(--mmb-feather);
  mask-composite:intersect; }
.mmc-thread:hover .mmc-av { transform:scale(1.07); filter:drop-shadow(0 4px 9px rgba(0,0,0,.5)) brightness(1.08); }
.mmc-thread .mmc-av i, .mmc-convhead .mmc-av i { right:-3px; bottom:-3px; }

.mmc-thread[aria-current="true"] { background:linear-gradient(var(--mmc-raise), var(--mmc-raise)) padding-box,
  conic-gradient(from var(--mmc-spin,0deg), var(--accent), #39d3b6, #febc34, var(--accent)) border-box;
  border:1px solid transparent; box-shadow:0 6px 14px -9px rgba(0,0,0,.55); padding:7px; }
.mmc-convhead .mmc-av { flex:0 0 46px; }

.mmc-cvshort { display:inline; } .mmc-cvlong { display:none; }
@container mmcwin (min-width: 560px) { .mmc-cvshort { display:none; } .mmc-cvlong { display:inline; } }
.mmc-cvst { display:flex; align-items:center; gap:6px; }
.mmc-cvst i { width:7px; height:7px; border-radius:50%; background:currentColor; flex:0 0 auto; }
.mmc-cvst-lobby { color:var(--ok) !important; }
.mmc-cvst-game  { color:var(--mmc-gold) !important; }
.mmc-cvst-away  { color:color-mix(in srgb, var(--ok) 55%, var(--fg3)) !important; }
.mmc-cvst-web   { color:var(--mmc-web) !important; }
.mmc-cvst-off, .mmc-cvst-gone { color:var(--fg3) !important; }
.mmc-cvst-gone i { background:none; box-shadow:inset 0 0 0 1px var(--fg3); }




.mmc-state .mmc-dot.mmc-awaydot { background:var(--warn); box-shadow:0 0 0 3px color-mix(in srgb, var(--warn) 18%, transparent); }


.mmc-state .mmc-dot.mmc-bgdot { background:var(--warn);
  box-shadow:0 0 0 3px color-mix(in srgb, var(--warn) 18%, transparent); }
.mmc-av i.mmc-avglobe { display:grid; place-items:center; width:15px; height:15px; background:var(--ok); color:#06210f; }
.mmc-av i.mmc-avglobe svg { width:10px; height:10px; }
.mmc-back { display:none; }


.mmc-grp { display:grid; grid-template-columns:44px minmax(0, max-content); column-gap:10px; justify-content:start; max-width:min(100%, 780px); padding:0 18px 0 8px; margin-top:12px; }
.mmc-grp > * { position:relative; }
.mmc-gname { grid-column:2; padding:0 0 5px 3px; font:700 12.5px/1.1 system-ui,-apple-system,"Segoe UI",sans-serif; letter-spacing:.2px; white-space:nowrap; }
.mmc-gcard { grid-column:2; border-radius:14px; background:var(--mmc-glass2); border:1px solid var(--mmc-edge); }
.mmc-me .mmc-gcard { background:linear-gradient(180deg, color-mix(in srgb, var(--fg) 8%, transparent), color-mix(in srgb, var(--fg) 4%, transparent)); }
.mmc-ptime { grid-column:1; justify-self:end; padding-top:2px; line-height:20px; white-space:nowrap; color:var(--fg3); font-variant-numeric:tabular-nums; cursor:default; }
.mmc-ptime .mmc-tt { font:11px/1 var(--mono); }
.mmc-ptext { grid-column:2; min-width:0; padding:2px 16px 2px 14px; line-height:20px; overflow-wrap:anywhere; }

.mmc-grp { --mmc-gutter:62px; }
.mmc-ptr { grid-column:2; min-width:0; padding:0 16px 2px 14px; line-height:19px; color:var(--mmc-tr); font-style:italic; overflow-wrap:anywhere; }



.mmc-ptext.mmc-ur, .mmc-ptr.mmc-ur { isolation:isolate; }
.mmc-ptext.mmc-ur::before, .mmc-ptr.mmc-ur::before { content:""; position:absolute; inset:0 1px; z-index:-1; pointer-events:none;
  background:linear-gradient(90deg, color-mix(in srgb, var(--ok) 21%, transparent), color-mix(in srgb, var(--ok) 11%, transparent) 55%, color-mix(in srgb, var(--ok) 2%, transparent));
  transition:opacity 1.6s ease; }
.mmc-ur.mmc-urtop::before { -webkit-mask:linear-gradient(180deg, transparent, #000 9px); mask:linear-gradient(180deg, transparent, #000 9px); }
.mmc-ur.mmc-urbot::before { -webkit-mask:linear-gradient(180deg, #000 calc(100% - 9px), transparent); mask:linear-gradient(180deg, #000 calc(100% - 9px), transparent); }
.mmc-ur.mmc-urtop.mmc-urbot::before { -webkit-mask:linear-gradient(180deg, transparent, #000 8px, #000 calc(100% - 8px), transparent);
  mask:linear-gradient(180deg, transparent, #000 8px, #000 calc(100% - 8px), transparent); }
.mmc-ur.mmc-urfade::before { opacity:0; }

.mmc-grp .mmc-first.mmc-ur::before { border-top-left-radius:13px; border-top-right-radius:13px; }
.mmc-grp .mmc-last.mmc-ur::before { border-bottom-left-radius:13px; border-bottom-right-radius:13px; }
.mmc-ptime.mmc-ur { color:color-mix(in srgb, var(--ok) 78%, var(--fg3)); transition:color 1.6s ease; }
.mmc-ptime.mmc-ur::before { content:""; display:inline-block; width:5px; height:5px; margin:0 5px 1px 0; border-radius:50%; vertical-align:middle;
  background:var(--ok); box-shadow:0 0 6px color-mix(in srgb, var(--ok) 80%, transparent); transition:opacity 1.6s ease; }
.mmc-ptime.mmc-ur.mmc-urfade { color:var(--fg3); }
.mmc-ptime.mmc-ur.mmc-urfade::before { opacity:0; }

.mmc-ptime.mmc-hassrc.mmc-ur::before { display:none; }
.mmc-ptime.mmc-ur .mmc-srcico { color:var(--ok); filter:drop-shadow(0 0 3px color-mix(in srgb, var(--ok) 70%, transparent)); transition:color 1.6s ease, filter 1.6s ease; }
.mmc-ptime.mmc-ur.mmc-urfade .mmc-srcico { color:var(--mmc-web); filter:none; }
.mmc-grp .mmc-first { padding-top:9px; }
.mmc-grp .mmc-last { padding-bottom:9px; }
.mmc-ptext.mmc-pending { opacity:.55; }
.mmc-ptext.mmc-failed { color:var(--mmc-err); }
.mmc-failnote { font-size:11.5px; color:var(--mmc-err); margin-top:3px; }
.mmc-failnote button { border:0; background:none; color:var(--fg) !important; cursor:pointer; text-decoration:underline; padding:0 3px; }
.mmc-grp .mmc-failnote { grid-column:2; margin:0; padding:0 16px 7px 14px; }


.mmc-receipt { float:right; display:inline-flex; align-items:center; gap:3px; height:16px; margin:2px -8px 0 12px; padding:0 6px;
  border-radius:8px; background:color-mix(in srgb, var(--fg) 6%, transparent); font-size:10.5px; line-height:16px; color:var(--fg2);
  white-space:nowrap; cursor:default; }
.mmc-receipt i { font-style:normal; font-weight:700; letter-spacing:-.18em; margin-right:.18em; color:var(--fg3); }
.mmc-rc-seen i { color:var(--accent); }
.mmc-rc-game i { color:var(--ok); }
.mmc-rc-panel i { color:var(--mmc-web); }
.mmc-receipt:empty { display:none; }

.mmc-grpnew { animation: mmc-in .35s cubic-bezier(.2,.8,.2,1); }
.mmc-ptext.mmc-arrive { background-image:linear-gradient(100deg, transparent 30%, color-mix(in srgb, var(--mmc-gold) 32%, transparent) 50%, transparent 70%);
  background-size:300% 100%; background-repeat:no-repeat; background-position:150% 0; animation: mmc-sweep 1.6s cubic-bezier(.3,.6,.2,1) both, mmc-in .35s ease-out; }
.mmc-ptime.mmc-arrive { animation: mmc-tflash 2.2s ease-out; }
.mmc-grp:has(.mmc-arrive) .mmc-gcard { animation: mmc-cardglow 1.8s ease-out; }
.mmc-ptext.mmc-sent { animation: mmc-in .25s ease-out; }
@keyframes mmc-sweep { from { background-position:150% 0; } to { background-position:-60% 0; } }
@keyframes mmc-tflash { 0%, 25% { color:var(--mmc-gold); text-shadow:0 0 10px color-mix(in srgb, var(--mmc-gold) 70%, transparent); } }
@keyframes mmc-cardglow { 0%, 20% { box-shadow:0 0 0 1px color-mix(in srgb, var(--mmc-gold) 45%, transparent), 0 0 24px -6px color-mix(in srgb, var(--mmc-gold) 55%, transparent); } }


.mmc-compose { position:relative; display:flex; align-items:center; gap:8px; padding:10px 12px; border-top:1px solid var(--mmc-edge); background:linear-gradient(0deg, var(--mmc-hi), transparent); }
.mmc-compose input { flex:1; min-width:0; height:40px; border-radius:12px; border:1px solid var(--mmc-edge); background:var(--mmc-glass2); color:var(--fg); padding:0 12px; font:inherit; font-size:14.5px; outline:none; transition:border-color .15s, box-shadow .15s; }
.mmc-compose input:focus { border-color:color-mix(in srgb, var(--fg) 32%, transparent); box-shadow:0 0 0 3px color-mix(in srgb, var(--fg) 8%, transparent); }
.mmc-compose input:disabled { opacity:.55; }

.mmc-count { flex:0 0 auto; min-width:24px; margin:0 -4px; text-align:center; font:600 12.5px/1 var(--mono); font-variant-numeric:tabular-nums;
  color:var(--fg2); pointer-events:none; }
.mmc-count:empty { display:none; }
.mmc-count.mmc-near { color:var(--warn); }

.mmc-send { width:40px; height:40px; border-radius:12px; border:0; cursor:pointer; display:grid; place-items:center; color:var(--fg3) !important;
  background:color-mix(in srgb, var(--fg) 9%, transparent); box-shadow:inset 0 0 0 1px var(--mmc-edge); transition:background .18s, color .18s, box-shadow .18s, transform .12s; }
.mmc-send.mmc-ready { color:var(--mmc-on-ink) !important; background:var(--mmc-ink); box-shadow:0 6px 18px -8px rgba(0,0,0,.6); }
.mmc-send.mmc-ready:hover { box-shadow:0 0 0 3px color-mix(in srgb, var(--mmc-gold) 32%, transparent), 0 6px 18px -8px rgba(0,0,0,.6); }
.mmc-send:active { transform:scale(.93); } .mmc-send:disabled { opacity:.45; cursor:default; }
.mmc-send svg { width:18px; height:18px; }
.mmc-hint { position:absolute; left:12px; right:12px; bottom:calc(100% + 6px); z-index:2; padding:8px 12px; border-radius:10px; font-size:12.5px; background:var(--mmc-glass); border:1px solid var(--mmc-edge);
  -webkit-backdrop-filter:blur(16px); backdrop-filter:blur(16px); box-shadow:var(--mmc-shadow); animation: mmc-in .2s ease-out; }
.mmc-hint.mmc-bad { border-color:color-mix(in srgb, var(--mmc-err) 60%, transparent); color:var(--mmc-err); }

#mmc.mmc-nocompose .mmc-compose { display:none; }



.mmc-tpbtn { width:40px; height:40px; flex:0 0 40px; border-radius:12px; border:0; display:grid; place-items:center; cursor:pointer; background:none;
  color:var(--fg3) !important; transition:color .18s, background .18s, transform .12s; }
.mmc-tpbtn svg { width:21px; height:21px; }
.mmc-attach { display:none; width:40px; height:40px; flex:0 0 40px; border-radius:12px; border:0; place-items:center; cursor:pointer; background:none;
  color:var(--fg3) !important; transition:color .18s, background .18s; }
.mmc-attach svg { width:20px; height:20px; }
.mmc-attach:hover:not(:disabled) { color:var(--mmc-help) !important; background:color-mix(in srgb, var(--mmc-help) 12%, transparent); }
.mmc-attach:disabled { opacity:.45; cursor:default; }
#mmc[data-tab="support"] .mmc-attach { display:grid; }
.mmc-tpbtn svg { transform-origin:50% 80%; }
.mmc-tpbtn:hover, .mmc-tpbtn.mmc-on { color:var(--mmc-gold) !important; background:color-mix(in srgb, var(--mmc-gold) 12%, transparent); }

.mmc-tpbtn:hover svg, .mmc-tpbtn.mmc-on svg { animation:mmc-notebob .9s ease-in-out infinite; }
@keyframes mmc-notebob { 25% { transform:rotate(-8deg) translateY(-1px); } 75% { transform:rotate(6deg); } }
.mmc-tpbtn:active { transform:scale(.93); } .mmc-tpbtn:disabled { opacity:.45; cursor:default; background:none; }

.mmc-tp { position:absolute; right:12px; bottom:calc(100% + 8px); z-index:4; width:clamp(min(440px, calc(100% - 24px)), 66%, calc(100% - 24px)); height:440px;
  display:flex; flex-direction:column; overflow:hidden;

  border-radius:16px; background:linear-gradient(160deg, rgba(255,255,255,.05), transparent 40%), color-mix(in srgb, var(--bg2) 95%, transparent);
  border:1px solid var(--mmc-edge); box-shadow:var(--mmc-shadow), inset 0 1px 0 var(--mmc-hi);
  -webkit-backdrop-filter:blur(28px) saturate(170%); backdrop-filter:blur(28px) saturate(170%);
  transform-origin:calc(100% - 72px) 100%; animation:mmc-tpin .24s cubic-bezier(.2,.9,.3,1.12); }
@keyframes mmc-tpin { from { opacity:0; transform:translateY(10px) scale(.94); } }
.mmc-tphead { position:relative; display:flex; align-items:center; gap:8px; padding:11px 10px 8px 14px;
  background-image:radial-gradient(color-mix(in srgb, var(--fg) 13%, transparent) 1px, transparent 1.3px); background-size:6px 6px; }
.mmc-tphead::after { content:""; position:absolute; inset:0; pointer-events:none; background:linear-gradient(90deg, transparent 20%, var(--mmc-glass) 62%); z-index:0; }
.mmc-tptitle { position:relative; z-index:1; font:700 15px/1 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif; letter-spacing:-.1px; white-space:nowrap; }
.mmc-tp { container:mmctp / inline-size; }
.mmc-tptitle .mmc-tl-long { display:inline; } .mmc-tptitle .mmc-tl-short { display:none; }
@container mmctp (max-width: 430px) { .mmc-tptitle .mmc-tl-long { display:none; } .mmc-tptitle .mmc-tl-short { display:inline; } }

.mmc-tpadult { position:relative; z-index:1; flex:0 0 auto; width:34px; height:34px; margin-left:4px; padding:0; border:0 !important; border-radius:9px;
  background:none !important; cursor:pointer; display:grid; place-items:center;
  font:21px/1 "Segoe UI Emoji","Apple Color Emoji","Noto Color Emoji",sans-serif !important; filter:grayscale(1) opacity(.4); transition:filter .15s, transform .15s; }
.mmc-tpadult:active { transform:scale(.92); }
.mmc-tpadult:hover { filter:grayscale(1) opacity(.75); }
.mmc-tpadult[aria-pressed="true"] { filter:none; }

.mmc-tk.mmc-tkblk { opacity:.62; }
.mmc-tk.mmc-tkblk.mmc-sel, .mmc-tk.mmc-tkblk:hover { opacity:1; }
.mmc-tptitle small { margin-left:8px; font:600 10.5px/1 var(--mono); letter-spacing:.2px; color:var(--mmc-gold); padding:2px 6px; border-radius:6px;
  background:color-mix(in srgb, var(--mmc-gold) 12%, transparent); vertical-align:3px; }
.mmc-tpx { position:relative; z-index:1; margin-left:auto; width:28px; height:28px; border:0; border-radius:8px; background:none; cursor:pointer; display:grid; place-items:center; color:var(--fg3) !important; }
.mmc-tpx:hover { background:var(--mmc-glass2); color:var(--fg) !important; }
.mmc-tpx svg { width:14px; height:14px; }

.mmc-tpfind { position:relative; display:block; flex:0 1 158px; min-width:96px; }
.mmc-tpfind svg { position:absolute; left:10px; top:50%; transform:translateY(-50%); width:13px; height:13px; color:var(--fg3); pointer-events:none; }
.mmc-tpfind input { width:100%; height:36px; border-radius:11px; border:1px solid var(--mmc-edge); background:var(--mmc-glass2); color:var(--fg); padding:0 8px 0 29px;
  font:13px system-ui,-apple-system,"Segoe UI",sans-serif; outline:none; }
.mmc-tpfind input:focus { border-color:color-mix(in srgb, var(--mmc-gold) 55%, transparent); box-shadow:0 0 0 3px color-mix(in srgb, var(--mmc-gold) 14%, transparent); }
.mmc-tpbody { flex:1; min-height:0; overflow-y:auto; overscroll-behavior:contain; padding:0 12px 12px; }
.mmc-tpsec { margin:8px 2px 6px; font:600 10px/1 system-ui,sans-serif; letter-spacing:1.4px; text-transform:uppercase; color:var(--fg3); }
.mmc-tpgrid { display:grid; grid-template-columns:repeat(auto-fill, minmax(118px, 1fr)); gap:6px; }
.mmc-tpkeys { display:flex; flex-wrap:wrap; gap:5px; }
.mmc-tpmore { margin:10px 2px 0; font-size:11.5px; color:var(--fg3); }
.mmc-tk { position:relative; display:flex; align-items:center; gap:6px; min-width:0; height:30px; padding:0 9px; border-radius:9px; cursor:pointer;
  border:1px solid var(--mmc-edge); background:color-mix(in srgb, var(--fg) 4%, transparent); color:var(--fg2) !important;
  font:600 12px/1 var(--mono) !important; box-shadow:inset 0 -2px 0 color-mix(in srgb, var(--fg) 7%, transparent);
  transition:background .14s, border-color .14s, color .14s, transform .1s; }
.mmc-tk:hover { background:color-mix(in srgb, var(--fg) 9%, transparent); color:var(--fg) !important; }
.mmc-tk:active { transform:translateY(1px); box-shadow:none; }
.mmc-tkl { min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.mmc-tk.mmc-tile { height:34px; }

.mmc-tk.mmc-set { margin:3px 3px 0 0; box-shadow:2px -2px 0 -1px var(--mmc-raise), 2px -2px 0 0 var(--mmc-edge), 4px -4px 0 -2px var(--mmc-raise), 4px -4px 0 -1px var(--mmc-edge); }
.mmc-tkn { margin-left:auto; padding:2px 5px; border-radius:5px; font:700 9.5px/1 var(--mono); color:var(--mmc-gold); background:color-mix(in srgb, var(--mmc-gold) 13%, transparent); }
.mmc-tk.mmc-set.mmc-open { border-color:color-mix(in srgb, var(--mmc-gold) 60%, transparent); color:var(--fg) !important; background:color-mix(in srgb, var(--mmc-gold) 10%, transparent); }
.mmc-rail { grid-column:1 / -1; display:flex; flex-wrap:wrap; gap:5px; padding:9px; margin:1px 0 3px; border-radius:12px;
  border:1px dashed color-mix(in srgb, var(--mmc-gold) 38%, transparent); background:linear-gradient(180deg, color-mix(in srgb, var(--mmc-gold) 8%, transparent), transparent 80%);
  animation:mmc-railin .26s cubic-bezier(.2,.9,.3,1); }
@keyframes mmc-railin { from { opacity:0; transform:translateY(-4px); } }
.mmc-tk.mmc-num { min-width:36px; justify-content:center; padding:0 7px; }
.mmc-tk.mmc-sel { border-color:color-mix(in srgb, var(--mmc-gold) 70%, transparent); color:var(--fg) !important;
  background:color-mix(in srgb, var(--mmc-gold) 16%, transparent); box-shadow:0 0 0 3px color-mix(in srgb, var(--mmc-gold) 12%, transparent); }
.mmc-eq { display:none; align-items:flex-end; gap:1.5px; height:11px; flex:0 0 auto; }
.mmc-eq i { width:2px; height:35%; border-radius:1px; background:var(--mmc-gold); animation:mmc-eqb .62s ease-in-out infinite alternate; }
.mmc-eq i:nth-child(2) { animation-delay:-.31s; animation-duration:.5s; } .mmc-eq i:nth-child(3) { animation-delay:-.12s; animation-duration:.74s; } .mmc-eq i:nth-child(4) { animation-delay:-.45s; }
@keyframes mmc-eqb { to { height:100%; } }
.mmc-tpplaying .mmc-eq { display:inline-flex; }


.mmc-tk { overflow:hidden; }
.mmc-tkl, .mmc-tkn { position:relative; z-index:1; }

.mmc-tk .mmc-eq { display:flex; position:absolute; inset:0; height:auto; gap:5px; justify-content:center; align-items:center;
  opacity:0; pointer-events:none; filter:blur(2.2px); transition:opacity .18s; }
.mmc-tk .mmc-eq i { width:4px; height:24%; border-radius:3px; }
.mmc-tk.mmc-tpplaying .mmc-eq { opacity:.3; }
.mmc-tk.mmc-tpplaying { border-color:color-mix(in srgb, var(--mmc-gold) 70%, transparent); color:var(--fg) !important; }
.mmc-tpdeck { display:flex; align-items:center; gap:8px; min-height:58px; padding:9px 10px 10px 10px; border-top:1px solid var(--mmc-edge);
  background:linear-gradient(0deg, var(--mmc-hi), transparent); }
.mmc-tpselbox { flex:1 1 auto; min-width:0; display:flex; align-items:center; gap:10px; }
.mmc-tphelp { font-size:12px; color:var(--fg3); padding-left:4px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.mmc-tpplay { flex:0 0 40px; width:40px; height:40px; padding:0; border-radius:50%; cursor:pointer; display:grid; place-items:center; color:var(--mmc-gold) !important;
  border:1px solid color-mix(in srgb, var(--mmc-gold) 55%, transparent); background:color-mix(in srgb, var(--mmc-gold) 11%, transparent);
  transition:background .15s, box-shadow .15s; }
.mmc-tpplay:hover { background:color-mix(in srgb, var(--mmc-gold) 20%, transparent); box-shadow:0 0 0 3px color-mix(in srgb, var(--mmc-gold) 14%, transparent); }

.mmc-tpplay svg { width:18px; height:18px; display:block; }
.mmc-tpplay.mmc-tpplaying svg { display:none; }
.mmc-tpplay .mmc-eq { height:15px; } .mmc-tpplay .mmc-eq i { width:2.5px; }
.mmc-tpname { min-width:0; display:flex; flex-direction:column; gap:3px; }
.mmc-tpname b { font:700 13.5px/1.1 var(--mono); overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.mmc-tpname small { font:10.5px/1 var(--mono); color:var(--fg3); }

.mmc-tpins { flex:0 0 auto; height:36px; padding:0 14px; border-radius:11px; cursor:pointer; white-space:nowrap;
  font:600 12.5px/1 system-ui,-apple-system,"Segoe UI",sans-serif !important; color:var(--fg) !important;
  border:1px solid color-mix(in srgb, var(--mmc-gold) 48%, transparent);
  background:linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,0)), color-mix(in srgb, var(--mmc-gold) 14%, var(--mmc-glass2));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.12), 0 6px 16px -10px color-mix(in srgb, var(--mmc-gold) 60%, transparent);
  -webkit-backdrop-filter:blur(10px); backdrop-filter:blur(10px); transition:background .15s, box-shadow .15s, opacity .15s; }
.mmc-tpins:hover:not(:disabled) { background:linear-gradient(180deg, rgba(255,255,255,.12), rgba(255,255,255,0)), color-mix(in srgb, var(--mmc-gold) 24%, var(--mmc-glass2));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.16), 0 0 0 3px color-mix(in srgb, var(--mmc-gold) 16%, transparent); }
.mmc-tpins:disabled { opacity:.45; cursor:default; }
#mmc.mmc-mobile .mmc-tp { left:8px; right:8px; width:auto; }












.mmc-pc, .mmc-pop.mmc-popcard { width:max-content; min-width:304px; max-width:min(420px, calc(100vw - 16px)); }
.mmc-pcbody > :not(.mmc-pchead) { width:0; min-width:100%; }
.mmc-pc { position:fixed; z-index:82; border-radius:16px; overflow:hidden; color:var(--fg);
  font:13px/1.4 system-ui,-apple-system,"Segoe UI",sans-serif; text-transform:none; letter-spacing:0;
  background:linear-gradient(158deg, rgba(255,255,255,.08), transparent 42%), var(--mmc-glass); border:1px solid var(--mmc-edge);
  box-shadow:var(--mmc-shadow), inset 0 1px 0 var(--mmc-hi); -webkit-backdrop-filter:blur(26px) saturate(170%); backdrop-filter:blur(26px) saturate(170%);
  opacity:0; transform:translateY(5px) scale(.98); transform-origin:top left; transition:opacity .14s, transform .2s cubic-bezier(.2,.9,.3,1); }
.mmc-pc.mmc-pcup { transform-origin:bottom left; transform:translateY(-5px) scale(.98); }
.mmc-pc.mmc-pcon { opacity:1; transform:none; }
.mmc-pcbody { padding:12px 14px 13px; }
.mmc-pchead { display:flex; align-items:center; gap:11px; }
.mmc-pchead .mmc-av { flex:0 0 40px; }

.mmc-pchead .mmc-av.mmc-avimg { display:block; flex:0 0 77px; width:77px; height:60px; border-radius:0; background:none; filter:drop-shadow(0 5px 9px rgba(0,0,0,.45)); }
.mmc-pchead .mmc-av.mmc-avimg img { display:block; object-fit:contain; border-radius:0;
  -webkit-mask-image:linear-gradient(90deg, transparent, #000 9%, #000 91%, transparent), linear-gradient(transparent, #000 10%, #000 90%, transparent);
  -webkit-mask-composite:source-in; mask-image:linear-gradient(90deg, transparent, #000 9%, #000 91%, transparent), linear-gradient(transparent, #000 10%, #000 90%, transparent);
  mask-composite:intersect; }
.mmc-pcwho { min-width:0; display:flex; flex-direction:column; gap:3px; }
.mmc-pcnamerow { display:flex; align-items:center; gap:7px; min-width:0; }
.mmc-pcnamerow .mmc-flag { width:17px; height:12.75px; }
.mmc-pcname { min-width:0; font:700 16px/1.25 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif; letter-spacing:-.1px;
  overflow-wrap:anywhere; }
.mmc-pcstate { display:flex; align-items:center; gap:6px; font-size:11.5px; color:var(--fg3); }
.mmc-pcstate:empty, .mmc-pc-load i { display:none; }
.mmc-pcstate i { width:7px; height:7px; border-radius:50%; background:var(--fg3); flex:0 0 auto; }
.mmc-pc-lobby i { background:var(--ok); box-shadow:0 0 0 3px color-mix(in srgb, var(--ok) 20%, transparent); }
.mmc-pc-room i, .mmc-pc-game i { background:var(--mmc-gold); box-shadow:0 0 0 3px color-mix(in srgb, var(--mmc-gold) 22%, transparent); }
.mmc-pc-web i { background:var(--mmc-web); box-shadow:0 0 0 3px color-mix(in srgb, var(--mmc-web) 20%, transparent); }
.mmc-pc-away i { background:var(--warn); }
.mmc-pc-off i { background:transparent; box-shadow:inset 0 0 0 1.5px var(--fg3); }

.mmc-pcver { display:flex; align-items:center; gap:10px; margin-top:11px; padding:8px 8px 8px 11px; border-radius:11px; background:var(--mmc-track); box-shadow:inset 0 0 0 1px var(--mmc-edge); }
.mmc-pcverl { min-width:0; flex:1; display:flex; flex-direction:column; gap:4px; }
.mmc-pcverk { font:600 9.5px/1 system-ui,sans-serif; letter-spacing:1.3px; text-transform:uppercase; color:var(--fg3); }
.mmc-pcverv { display:flex; align-items:center; flex-wrap:wrap; gap:6px; min-width:0; }
.mmc-pcgame { font:700 14px/1.1 system-ui,-apple-system,"Segoe UI",sans-serif; white-space:nowrap; }
.mmc-pcgame.mmc-pcee2 { color:var(--mmc-gold); } .mmc-pcgame.mmc-pcaos { color:var(--mmc-web); }
.mmc-pcflav { padding:2px 7px; border-radius:6px; font:600 11px/1.2 system-ui,sans-serif; color:var(--fg2); background:color-mix(in srgb, var(--fg) 8%, transparent); white-space:nowrap; }
.mmc-pcflav.mmc-pcenh { color:var(--fg); background:linear-gradient(90deg, color-mix(in srgb, #febc34 22%, transparent), color-mix(in srgb, #39d3b6 18%, transparent));
  box-shadow:inset 0 0 0 1px color-mix(in srgb, #febc34 38%, transparent); }
.mmc-pcflav.mmc-pcenh::before { content:"✦ "; color:var(--mmc-gold); }
.mmc-pcminor { flex:0 0 auto; display:flex; flex-direction:column; align-items:center; gap:2px; padding:5px 9px; border-radius:9px;
  background:color-mix(in srgb, var(--bg2) 70%, transparent); box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--fg) 16%, transparent); }
.mmc-pcminor span { font:600 8.5px/1 system-ui,sans-serif; letter-spacing:1.1px; text-transform:uppercase; color:var(--fg3); }
.mmc-pcminor b { font:700 13px/1 var(--mono); color:var(--fg); letter-spacing:.3px; }
.mmc-pcmod { margin-top:6px; font-size:12px; color:var(--fg2); }
.mmc-pcstats { display:grid; grid-template-columns:1fr 1fr; gap:1px; margin-top:11px; border-radius:11px; overflow:hidden; background:var(--mmc-edge); }
.mmc-pcstat { display:flex; flex-direction:column; gap:3px; padding:8px 10px 9px; background:color-mix(in srgb, var(--bg2) 72%, transparent); min-width:0; }
.mmc-pcstat span { font:600 9.5px/1.15 system-ui,sans-serif; letter-spacing:.8px; text-transform:uppercase; color:var(--fg3); }
.mmc-pcstat b { font:700 14px/1.15 system-ui,-apple-system,"Segoe UI",sans-serif; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.mmc-pcstat small { font:10.5px/1 var(--mono); color:var(--fg3); }

.mmc-pcstat.mmc-pcrate b { font:700 22px/1 var(--mono); letter-spacing:-.5px; background:var(--mmc-duo); -webkit-background-clip:text; background-clip:text; color:transparent; }
.mmc-pcfacts { margin-top:9px; }
.mmc-pcfacts > div { display:flex; justify-content:space-between; gap:12px; padding:4px 1px; font-size:12px; border-bottom:1px dotted var(--mmc-edge); }
.mmc-pcfacts > div:last-child { border-bottom:0; }
.mmc-pcfacts span { color:var(--fg3); white-space:nowrap; }
.mmc-pcfacts b { font-weight:600; text-align:right; min-width:0; overflow-wrap:anywhere; }
.mmc-pcspecial { margin-top:8px; padding:6px 9px; border-radius:9px; font-size:12px; font-style:italic; color:var(--fg2);
  background:linear-gradient(90deg, color-mix(in srgb, var(--mmc-gold) 10%, transparent), transparent); }
.mmc-pcload { margin-top:10px; font-size:12px; color:var(--fg3); }




.mmc-pop.mmc-popcard { padding:0 0 5px; overflow:hidden; }


.mmc-pop.mmc-popcard > button, .mmc-pop.mmc-popcard > small { margin:0 5px; width:0; min-width:calc(100% - 10px); }
.mmc-popslot { border-bottom:1px solid var(--mmc-edge); margin-bottom:5px; }


.mmc-rz { position:absolute; z-index:5; }
#mmc:not(.mmc--window) .mmc-rz { display:none; }
.mmc-rz[data-d="n"], .mmc-rz[data-d="s"] { left:12px; right:12px; height:8px; cursor:ns-resize; }
.mmc-rz[data-d="e"], .mmc-rz[data-d="w"] { top:12px; bottom:12px; width:8px; cursor:ew-resize; }
.mmc-rz[data-d="n"] { top:-3px; } .mmc-rz[data-d="s"] { bottom:-3px; } .mmc-rz[data-d="e"] { right:-3px; } .mmc-rz[data-d="w"] { left:-3px; }
.mmc-rz[data-d$="e"][data-d^="n"], .mmc-rz[data-d$="w"][data-d^="s"] { width:16px; height:16px; cursor:nesw-resize; }
.mmc-rz[data-d$="w"][data-d^="n"], .mmc-rz[data-d$="e"][data-d^="s"] { width:16px; height:16px; cursor:nwse-resize; }
.mmc-rz[data-d="ne"] { top:-4px; right:-4px; } .mmc-rz[data-d="nw"] { top:-4px; left:-4px; } .mmc-rz[data-d="se"] { bottom:-4px; right:-4px; } .mmc-rz[data-d="sw"] { bottom:-4px; left:-4px; }


#mmc.mmc--window:not(.mmc-wide) .mmc-threads { width:100%; flex:1 1 auto; border-left:0; }
#mmc.mmc--window:not(.mmc-wide) .mmc-private.mmc-inconv .mmc-threads { display:none; }
#mmc.mmc--window:not(.mmc-wide) .mmc-private:not(.mmc-inconv) .mmc-conv { display:none; }
#mmc.mmc--window:not(.mmc-wide) .mmc-back, #mmc.mmc-mobile .mmc-back { display:grid; }


.mmc-modal { position:fixed; inset:0; z-index:72; display:grid; place-items:center; padding:16px; background:rgba(8,12,18,.45); -webkit-backdrop-filter:blur(3px); backdrop-filter:blur(3px); animation: mmc-fade .15s; }
.mmc-card { width:min(440px, 100%); background:var(--bg2); border:1px solid var(--line); border-radius:16px; box-shadow:var(--mmc-shadow); padding:20px 20px 16px; }
.mmc-card h3 { margin:0 0 6px; font-weight:650; font-size:18px; }
.mmc-card p { margin:0 0 12px; color:var(--fg2); }
.mmc-url { font:13px/1.45 var(--mono); padding:10px 12px; border-radius:10px; background:var(--bg3); overflow-wrap:anywhere; color:var(--fg3); }
.mmc-url b { color:var(--fg); font-weight:700; }
.mmc-acts { display:flex; justify-content:flex-end; gap:8px; margin-top:16px; }
.mmc-acts button { border-radius:10px; padding:8px 14px; border:1px solid var(--line); background:var(--bg3); cursor:pointer; }
.mmc-acts .mmc-go { background:var(--mmc-ink); border-color:var(--mmc-ink); color:var(--mmc-on-ink) !important; }
@keyframes mmc-fade { from { opacity:0; } }
.mmc-pop { position:fixed; z-index:40; min-width:180px; max-width:260px; padding:5px; border-radius:12px; background:var(--mmc-glass); border:1px solid var(--mmc-edge); box-shadow:var(--mmc-shadow); -webkit-backdrop-filter:blur(22px); backdrop-filter:blur(22px); }
.mmc-pop > b { display:block; padding:6px 10px 4px; font-size:13px; }
.mmc-pop > small { display:block; padding:2px 10px 7px; font-size:12px; color:var(--fg3); }
.mmc-pop > button { display:block; width:100%; text-align:left; border:0; background:none; padding:7px 10px; border-radius:8px; cursor:pointer; }
.mmc-pop > button:hover { background:var(--mmc-glass2); }
.mmc-pop > button.mmc-dmact { display:flex; align-items:center; gap:9px; }
.mmc-dmact svg { width:16px; height:16px; flex:0 0 16px; color:var(--mmc-gold); }

.mmc-volpop { min-width:212px; padding:6px; }
.mmc-volpop .mmc-volmute { display:flex; align-items:center; gap:8px; width:100%; padding:7px 9px; border:0; border-radius:9px; cursor:pointer;
  background:color-mix(in srgb, var(--mmc-gold) 12%, transparent); color:var(--fg) !important; font:600 12.5px/1 system-ui,-apple-system,"Segoe UI",sans-serif; }
.mmc-volpop .mmc-volmute:hover { background:color-mix(in srgb, var(--mmc-gold) 20%, transparent); }
.mmc-volpop .mmc-volmute.mmc-off { background:var(--mmc-glass2); color:var(--fg3) !important; }
.mmc-volpop .mmc-volmute svg { width:15px; height:15px; flex:0 0 auto; }
.mmc-volrow { display:flex; align-items:center; gap:9px; padding:9px 9px 5px; }
.mmc-volpct { flex:0 0 38px; text-align:right; font:700 11px/1 var(--mono); color:var(--mmc-gold); }
.mmc-volpop.mmc-volmuted .mmc-volpct { color:var(--fg3); }
.mmc-volsl { -webkit-appearance:none; appearance:none; flex:1 1 auto; min-width:0; height:16px; background:none; cursor:pointer; }
.mmc-volsl::-webkit-slider-runnable-track { height:5px; border-radius:3px;
  background:linear-gradient(90deg, var(--mmc-gold) var(--mmc-volfill,50%), color-mix(in srgb, var(--fg) 16%, transparent) var(--mmc-volfill,50%)); }
.mmc-volsl::-moz-range-track { height:5px; border-radius:3px; background:color-mix(in srgb, var(--fg) 16%, transparent); }
.mmc-volsl::-moz-range-progress { height:5px; border-radius:3px; background:var(--mmc-gold); }
.mmc-volsl::-webkit-slider-thumb { -webkit-appearance:none; appearance:none; margin-top:-5px; width:15px; height:15px; border-radius:50%;
  background:var(--mmc-gold); border:2px solid var(--mmc-glass); box-shadow:0 1px 4px rgba(0,0,0,.45); }
.mmc-volsl::-moz-range-thumb { width:13px; height:13px; border-radius:50%; background:var(--mmc-gold); border:2px solid var(--mmc-glass); }
.mmc-volpop.mmc-volmuted .mmc-volsl { filter:grayscale(1) opacity(.55); }

.mmc-gate { position:absolute; inset:0; z-index:6; display:grid; place-items:center; text-align:center; padding:24px; background:linear-gradient(180deg, transparent, color-mix(in srgb, var(--bg2) 70%, transparent) 40%); }
.mmc-gate > div { max-width:300px; }
.mmc-gate b { display:block; font-weight:650; font-size:18px; margin-bottom:6px; }
.mmc-gate p { color:var(--fg2); margin:0 0 14px; }
.mmc-gate button { border:0; border-radius:12px; padding:10px 18px; cursor:pointer; color:#fff !important; font-weight:600; background:var(--mmc-ink); color:var(--mmc-on-ink) !important; }
.mmc-blurred > .mmc-pane { filter: blur(3.5px) saturate(.9); pointer-events:none; user-select:none; }


@media (max-width: 900px) {
  .top .mmc-top { height:32px; padding:0 11px 0 8px; margin-left:0; font-size:13px; }
}


@media (max-width: 700px) {
  .top .mmc-top { padding:0 9px; }
  .mmc-top .mmc-toplabel { display:none; }
  #mmc.mmc-mobile.mmc--window .mmc-win, #mmc.mmc-mobile.mmc--full .mmc-win { left:0; right:auto; top:0; bottom:auto; width:100vw; max-width:100vw; border-radius:0; border:0; z-index:38;
    padding-bottom: env(safe-area-inset-bottom); height: var(--mmc-vvh, 100dvh); top: var(--mmc-vvt, 0px); }
  #mmc.mmc-mobile .mmc-head { padding:calc(8px + env(safe-area-inset-top)) 8px 8px 12px; }

  #mmc.mmc-mobile .mmc-head { gap:6px; }
  #mmc.mmc-mobile .mmc-peoplechip { padding:0 5px; gap:4px; }
  #mmc.mmc-mobile .mmc-seg { display:none; }
  #mmc.mmc-mobile.mmc--window .mmc-title, #mmc.mmc-mobile .mmc-title { display:block; }
  #mmc.mmc-mobile .mmc-title small, #mmc.mmc-mobile .mmc-title .mmc-subchan { display:inline-flex; }
  #mmc.mmc-mobile .mmc-tools { margin-left:auto; }
  #mmc.mmc-mobile .mmc-meridian { right:60px; }
  #mmc.mmc-mobile .mmc-tools .mmc-desk { display:none; }
  #mmc.mmc-mobile .mmc-tabbar { display:flex; }
  #mmc.mmc-mobile .mmc-people { display:none; }
  #mmc.mmc-mobile.mmc-showpeople .mmc-people { display:block; position:absolute; inset:43px 0 0 0; width:auto; z-index:3; background:var(--bg2); border:0; }
  #mmc.mmc-mobile .mmc-threads { width:100%; flex:1 1 auto; border-left:0; }
  #mmc.mmc-mobile .mmc-private.mmc-inconv .mmc-threads { display:none; }
  #mmc.mmc-mobile .mmc-private:not(.mmc-inconv) .mmc-conv { display:none; }
  #mmc.mmc-mobile .mmc-private.mmc-inconv .mmc-conv { animation: mmc-push .24s cubic-bezier(.2,.8,.2,1); }
  #mmc.mmc-mobile .mmc-compose input { height:44px; font-size:16px; }
  #mmc.mmc-mobile .mmc-send { width:44px; height:44px; }
  #mmc.mmc-mobile .mmc-line { grid-template-columns:36px auto minmax(0, 1fr); column-gap:6px; padding-right:12px; }
  #mmc.mmc-mobile .mmc-nick { max-width:9em; }
  #mmc.mmc-mobile .mmc-srcico { --ico:9px; --gap:2px; }
  #mmc.mmc-mobile .mmc-srcico.mmc-srcgame { --ico:11px; --gap:.5px; }
  #mmc.mmc-mobile .mmc-srcico.mmc-srcgame-ee2 { background-size:8.2px 10px; } #mmc.mmc-mobile .mmc-srcico.mmc-srcgame-aos { background-size:9px 9px; }
  #mmc.mmc-mobile .mmc-grp { grid-template-columns:38px minmax(0, max-content); column-gap:6px; padding-right:10px; }


  #mmc.mmc-mobile .mmc-grp { --mmc-gutter:52px; }

  #mmc.mmc-mobile .mmc-compose { padding:6px 10px; }
}
@keyframes mmc-push { from { transform: translateX(28px); opacity:.4; } }

html.mmc-sheetopen, html.mmc-sheetopen body { overflow:hidden !important; overscroll-behavior:none; }

#mmc.mmc-mobile .mmc-private.mmc-inconv .mmc-conv.mmc-slideL { animation: mmc-slideL .24s cubic-bezier(.2,.8,.2,1); }
#mmc.mmc-mobile .mmc-private.mmc-inconv .mmc-conv.mmc-slideR { animation: mmc-slideR .24s cubic-bezier(.2,.8,.2,1); }

.mmc-body { transition: transform .22s cubic-bezier(.2,.8,.2,1); }
@keyframes mmc-slideL { from { transform: translateX(34px); opacity:.45; } }
@keyframes mmc-slideR { from { transform: translateX(-34px); opacity:.45; } }
.mmc-body.mmc-slideL { animation: mmc-slideL .24s cubic-bezier(.2,.8,.2,1); }
.mmc-body.mmc-slideR { animation: mmc-slideR .24s cubic-bezier(.2,.8,.2,1); }
.mmc-swipehint { position:absolute; z-index:12; left:50%; top:58px;    transform:translate(-50%, -6px) scale(.96); opacity:0;
  pointer-events:none; padding:6px 13px; border-radius:999px; white-space:nowrap;
  font:600 12.5px/1 system-ui,-apple-system,"Segoe UI",sans-serif; color:var(--fg);
  background:color-mix(in srgb, var(--bg2) 88%, transparent);
  -webkit-backdrop-filter:blur(16px); backdrop-filter:blur(16px);
  box-shadow:0 10px 26px -12px rgba(0,0,0,.7), inset 0 0 0 1px color-mix(in srgb, var(--mmc-gold) 45%, transparent);
  transition:opacity .12s, transform .18s cubic-bezier(.2,.9,.3,1.2); }
.mmc-swipehint.mmc-on { transform:translate(-50%, 0) scale(1); }
.mmc-swipehint small { display:block; margin-top:4px; text-align:center; font:500 11px/1 system-ui,-apple-system,"Segoe UI",sans-serif; color:var(--fg3); }



.mmc-guide { position:absolute; z-index:11; inset:0; pointer-events:none;
  display:flex; flex-direction:column; align-items:center; justify-content:center; gap:18px; padding:0 14px;
  --gx:34vw; --gx:min(34cqw, 230px);
  opacity:0; transition:opacity .35s ease; }
.mmc-guide.mmc-on { opacity:1; }
.mmc-guide::before { content:''; position:absolute; inset:0; z-index:-1;
  background:radial-gradient(95% 48% at 50% 50%, color-mix(in srgb, var(--mmc-gd) 16%, transparent), transparent 74%),
             color-mix(in srgb, var(--bg) 50%, transparent); }
.mmc-gstage { position:relative; width:100%; height:152px; transform:scale(.96); transition:transform .45s cubic-bezier(.2,.9,.3,1.2); }
.mmc-on .mmc-gstage { transform:none; }
.mmc-ghalo { position:absolute; left:50%; top:40px; width:calc(var(--gx) * 2 + 140px); height:130px; border-radius:50%;
  transform:translate(-50%, -50%);
  background:radial-gradient(closest-side, color-mix(in srgb, var(--mmc-gd) 34%, transparent), color-mix(in srgb, var(--mmc-gd) 10%, transparent) 60%, transparent);
  animation:mmc-gbreathe 2.6s ease-in-out infinite; }
.mmc-glane { position:absolute; inset:0; opacity:0; transition:opacity .25s; }
.mmc-glane.mmc-gact { opacity:1; }
.mmc-gl-left { --gdir:-1; }
.mmc-gl-right { --gdir:1; }
.mmc-glane > * { position:absolute; display:block; }

.mmc-gtrail { left:calc(50% - var(--gx)); width:calc(var(--gx) * 2); top:31px; height:18px; border-radius:99px; filter:blur(.5px);
  box-shadow:0 0 18px 3px color-mix(in srgb, var(--mmc-gd) 55%, transparent); transform:scaleX(0); }
.mmc-gl-left .mmc-gtrail { transform-origin:right center; background:linear-gradient(to left, transparent, color-mix(in srgb, var(--mmc-gd) 70%, transparent) 50%, var(--mmc-gd-hand)); }
.mmc-gl-right .mmc-gtrail { transform-origin:left center; background:linear-gradient(to right, transparent, color-mix(in srgb, var(--mmc-gd) 70%, transparent) 50%, var(--mmc-gd-hand)); }

.mmc-gripple { left:calc(50% - 28px - var(--gx) * var(--gdir)); top:12px; width:56px; height:56px; border-radius:50%;
  border:2.5px solid var(--mmc-gd); opacity:0;
  box-shadow:0 0 16px var(--mmc-gd), inset 0 0 10px color-mix(in srgb, var(--mmc-gd) 60%, transparent); }
.mmc-garrows { left:0; right:0; top:0; display:flex !important; justify-content:center; gap:7px; }
.mmc-garrows i { width:17px; height:17px; border:solid var(--mmc-gd); border-width:0 3.5px 3.5px 0; border-radius:2px; opacity:.15;
  filter:drop-shadow(0 0 4px var(--mmc-gd)); }
.mmc-gl-left .mmc-garrows i { transform:rotate(135deg); }
.mmc-gl-right .mmc-garrows i { transform:rotate(-45deg); }

.mmc-ghand { left:calc(50% - 38.5px); top:36.1px; width:78px; height:110px; color:var(--mmc-gd-hand); opacity:0;
  filter:drop-shadow(0 0 1px var(--mmc-gd-edge)) drop-shadow(0 0 12px color-mix(in srgb, var(--mmc-gd) 80%, transparent)) drop-shadow(0 10px 12px rgba(0,0,0,.35)); }
.mmc-ghand svg { width:100%; height:100%; display:block; }

.mmc-gact .mmc-ghand { animation:mmc-ghand 2.6s cubic-bezier(.45,.05,.3,1) infinite; }
.mmc-gact .mmc-gtrail { animation:mmc-gtrail 2.6s cubic-bezier(.45,.05,.3,1) infinite; }
.mmc-gact .mmc-gripple { animation:mmc-gripple 2.6s ease-out infinite; }
.mmc-gact .mmc-garrows i { animation:mmc-gchev 2.6s ease-in-out infinite; }

.mmc-gl-left .mmc-garrows i:nth-child(3), .mmc-gl-right .mmc-garrows i:nth-child(1) { animation-delay:.2s; }
.mmc-gl-left .mmc-garrows i:nth-child(2), .mmc-gl-right .mmc-garrows i:nth-child(2) { animation-delay:.46s; }
.mmc-gl-left .mmc-garrows i:nth-child(1), .mmc-gl-right .mmc-garrows i:nth-child(3) { animation-delay:.72s; }
.mmc-gcaps { display:flex; flex-direction:column; gap:10px; width:min(100%, 440px); }
.mmc-gcap { display:flex; align-items:center; gap:14px; padding:12px 18px 12px 12px; border-radius:20px;
  background:color-mix(in srgb, var(--bg2) 86%, transparent); -webkit-backdrop-filter:blur(16px) saturate(150%); backdrop-filter:blur(16px) saturate(150%);
  box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--mmc-gd) 38%, transparent), 0 14px 30px -16px rgba(0,0,0,.7);
  opacity:.5; transform:scale(.97); transition:opacity .3s ease, transform .3s ease; }
.mmc-gcap.mmc-gon { opacity:1; transform:none; animation:mmc-gglow 2.6s ease-in-out infinite; }
.mmc-gico { flex:none; display:grid; place-items:center; width:44px; height:44px; border-radius:14px; color:#fff;
  background:radial-gradient(120% 120% at 30% 20%, color-mix(in srgb, var(--mmc-gd) 70%, #fff), var(--mmc-gd) 60%, color-mix(in srgb, var(--mmc-gd) 70%, #000));
  box-shadow:0 0 16px color-mix(in srgb, var(--mmc-gd) 70%, transparent); }
.mmc-gico svg { width:22px; height:22px; }
.mmc-gtxt { display:flex; flex-direction:column; gap:4px; min-width:0; }
.mmc-gtxt b { font:750 18px/1.1 system-ui,-apple-system,"Segoe UI",sans-serif; letter-spacing:.01em; color:var(--mmc-gd-ink); }
.mmc-gtxt small { font:500 14.5px/1.2 system-ui,-apple-system,"Segoe UI",sans-serif; color:var(--fg2); }
@keyframes mmc-ghand {
  0%   { transform:translate(calc(var(--gx) * var(--gdir) * -1), 14px) scale(1.08); opacity:0; }
  11%  { transform:translate(calc(var(--gx) * var(--gdir) * -1), 0) scale(1); opacity:1; }
  17%  { transform:translate(calc(var(--gx) * var(--gdir) * -1), 0) scale(.95); opacity:1; }
  62%  { transform:translate(calc(var(--gx) * var(--gdir)), 0) scale(.95); opacity:1; }
  74%  { transform:translate(calc(var(--gx) * var(--gdir)), -12px) scale(1.06); opacity:0; }
  100% { transform:translate(calc(var(--gx) * var(--gdir)), -12px) scale(1.06); opacity:0; }
}
@keyframes mmc-gtrail { 0%, 16% { transform:scaleX(0); opacity:1; } 60% { transform:scaleX(1); opacity:1; } 82%, 100% { transform:scaleX(1); opacity:0; } }
@keyframes mmc-gripple { 0%, 12% { transform:scale(.45); opacity:0; } 16% { opacity:.95; } 42%, 100% { transform:scale(1.7); opacity:0; } }
@keyframes mmc-gchev { 0%, 14% { opacity:.15; } 30% { opacity:1; } 58%, 100% { opacity:.15; } }
@keyframes mmc-gbreathe { 0%, 100% { opacity:.75; } 50% { opacity:1; } }
@keyframes mmc-gglow { 0%, 100% { box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--mmc-gd) 45%, transparent), 0 0 18px -4px color-mix(in srgb, var(--mmc-gd) 35%, transparent), 0 14px 30px -16px rgba(0,0,0,.7); }
  50% { box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--mmc-gd) 80%, transparent), 0 0 32px 0 color-mix(in srgb, var(--mmc-gd) 55%, transparent), 0 14px 30px -16px rgba(0,0,0,.7); } }
@media (prefers-reduced-motion: reduce) {
  .mmc-guide, .mmc-guide * { animation:none !important; transition:none !important; }
  .mmc-guide .mmc-gact .mmc-ghand { opacity:1; transform:translateX(calc(var(--gx) * var(--gdir) * .35)); }
  .mmc-guide .mmc-gact .mmc-gtrail { transform:scaleX(.6); }
  .mmc-guide .mmc-gact .mmc-garrows i { opacity:.85; }
}




@property --mbg-r { syntax:'<angle>'; inherits:false; initial-value:0deg; }
.mmc-bellguide { position:absolute; z-index:12; width:min(350px, calc(100% - 20px)); display:flex; align-items:center; gap:12px;
  padding:12px 14px 12px 12px; border-radius:16px; color:var(--fg); cursor:pointer; border:2px solid transparent;
  background:linear-gradient(color-mix(in srgb, var(--bg2) 97%, transparent), color-mix(in srgb, var(--bg2) 97%, transparent)) padding-box,
             conic-gradient(from var(--mbg-r), #a06bff, #27b3d3, #febc34, #e0588a, #a06bff) border-box;
  box-shadow:0 22px 50px -20px rgba(0,0,0,.6), 0 0 34px -16px #febc34;
  animation:mmc-bgin .45s cubic-bezier(.2,.9,.3,1.12) both, mmc-bgturn 7s linear infinite, mmc-bgbob 2.8s ease-in-out 1s infinite; }
.mmc-bellguide::before { content:''; position:absolute; top:-9px; left:var(--ax, 50%); width:14px; height:14px; border-radius:3px 0 0 0;
  transform:translateX(-50%) rotate(45deg); background:var(--bg2); border-top:2px solid #febc34; border-left:2px solid #febc34; }
.mmc-bgemo { flex:none; width:48px; height:48px; display:grid; place-items:center; border-radius:14px; font-size:27px; line-height:1;
  background:color-mix(in srgb, #febc34 17%, transparent); box-shadow:inset 0 0 0 1px color-mix(in srgb, #febc34 42%, transparent); }
.mmc-bgemo span { display:block; transform-origin:50% 10%; animation:mmc-bgring 3.4s ease-in-out .9s infinite; }
.mmc-bgtx { min-width:0; display:flex; flex-direction:column; gap:3px; }
.mmc-bgtx b { font:700 15px/1.25 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif; letter-spacing:-.1px; }
.mmc-bgtx small { font-size:13px; line-height:1.4; color:var(--fg2); text-wrap:pretty; }

.mmc-ib.mmc-bellcall { animation:mmc-bgcall 2.4s ease-out infinite; }
body:has(.mmc-pop) .mmc-bellguide { display:none; }
@keyframes mmc-bgin { from { opacity:0; transform:translateY(-10px) scale(.95); } }
@keyframes mmc-bgturn { to { --mbg-r:360deg; } }
@keyframes mmc-bgbob { 50% { translate:0 -4px; } }
@keyframes mmc-bgring { 0%, 60%, 100% { transform:rotate(0); } 64% { transform:rotate(16deg); } 69% { transform:rotate(-14deg); }
  74% { transform:rotate(10deg); } 79% { transform:rotate(-6deg); } 84% { transform:rotate(2deg); } }
@keyframes mmc-bgcall { 0% { box-shadow:0 0 0 0 color-mix(in srgb, #febc34 55%, transparent); }
  55%, 100% { box-shadow:0 0 0 9px color-mix(in srgb, #febc34 0%, transparent); } }
@media (prefers-reduced-motion: reduce) { .mmc-bellguide, .mmc-bgemo span, .mmc-ib.mmc-bellcall { animation:none !important; } }

@media (prefers-reduced-motion: reduce) {
  .mmc-body { transition:none !important; }
  .mmc-body.mmc-slideL, .mmc-body.mmc-slideR, .mmc-swipehint { animation:none !important; transition:none !important; }
}
.mmc-tabbar { display:none; gap:4px; padding:4px 8px calc(3px + env(safe-area-inset-bottom)); border-top:1px solid var(--mmc-edge); background:var(--mmc-glass); }
.mmc-tabbar button { position:relative; flex:1; height:30px; border-radius:10px; border:0; background:none; display:flex; align-items:center; justify-content:center; gap:7px;
  font:600 13px/1 system-ui,-apple-system,"Segoe UI",sans-serif !important; color:var(--fg3) !important; }
.mmc-tabbar button svg { width:16px; height:16px; }
.mmc-tabbar button { border:1px solid transparent !important; }
.mmc-tabbar button[aria-selected="true"] { color:var(--fg) !important;
  background: linear-gradient(var(--mmc-raise), var(--mmc-raise)) padding-box,
              conic-gradient(from var(--mmc-spin,0deg), var(--accent), #39d3b6, #febc34, var(--accent)) border-box; }
.mmc-tabbar button[aria-selected="true"] svg { color:var(--mmc-gold); }


@media (prefers-reduced-motion: reduce) {
  .top .mmc-top, .mmc-top .mmc-emo, .mmc-top::before, .mmc-top::after, .mmc-bump, .mmc-meridian ellipse, .mmc-tword, .mmc-tword svg { animation:none !important; }
  .mmc-line, .mmc-grp, .mmc-grp *, .mmc-toast, .mmc-seg-ink, .mmc-send { animation:none !important; transition:none !important; }
  .mmc-tp, .mmc-rail, .mmc-tpbtn svg path, .mmc-emowrap, .mmc-pc { animation:none !important; transition:none !important; }
  .mmc-eq i { animation:none !important; height:70%; }
}
@media (prefers-reduced-transparency: reduce) {
  .mmc-win, .mmc-toast, .mmc-pop, .mmc-found { background:var(--bg2) !important; -webkit-backdrop-filter:none !important; backdrop-filter:none !important; }
}



.mmc-sgrp .mmc-gcard { background:linear-gradient(180deg, color-mix(in srgb, var(--mmc-help) 7%, var(--mmc-glass2)), var(--mmc-glass2)); }
.mmc-sgrp.mmc-me .mmc-gcard { background:linear-gradient(180deg, color-mix(in srgb, var(--mmc-help) 14%, transparent), color-mix(in srgb, var(--mmc-help) 6%, transparent)); }
.mmc-sgrp.mmc-sadm .mmc-gcard { border-color:color-mix(in srgb, var(--mmc-help) 45%, var(--mmc-edge)); }
.mmc-sgrp.mmc-src-note .mmc-gcard { border-style:dashed; }
.mmc-sgrp.mmc-src-note .mmc-ptext { font-style:italic; white-space:pre-line; }
.mmc-sgrp .mmc-ptext { white-space:pre-line; }
.mmc-nk-sys { color:var(--mmc-help); font-variant:small-caps; letter-spacing:.4px; }
.mmc-gname.mmc-click { cursor:pointer; }

.mmc-supadm { display:inline-block; margin-left:7px; padding:0 6px; border-radius:6px; vertical-align:1px;
  font:650 10px/1.6 system-ui,-apple-system,"Segoe UI",sans-serif; letter-spacing:.3px; color:var(--mmc-help);
  background:color-mix(in srgb, var(--mmc-help) 12%, transparent); box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--mmc-help) 30%, transparent); }
.mmc-supimg { display:block; margin-top:7px; width:max-content; max-width:100%; border-radius:10px; overflow:hidden; border:1px solid var(--mmc-edge); }
.mmc-supimg img { display:block; max-width:min(100%, 280px); max-height:220px; object-fit:contain; }

.mmc-supnote { position:relative; display:flex; gap:12px; margin:10px 14px 4px; padding:12px 40px 12px 12px; border-radius:14px;
  background:linear-gradient(135deg, color-mix(in srgb, var(--mmc-help) 13%, var(--mmc-glass2)), color-mix(in srgb, var(--mmc-help2) 7%, var(--mmc-glass2)));
  box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--mmc-help) 32%, transparent), 0 10px 24px -18px rgba(0,0,0,.6); }
.mmc-supnote.mmc-supwarn { background:linear-gradient(135deg, color-mix(in srgb, var(--warn) 14%, var(--mmc-glass2)), var(--mmc-glass2));
  box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--warn) 38%, transparent); }
.mmc-supnoteico { flex:none; display:grid; place-items:center; width:34px; height:34px; border-radius:11px; color:#fff;
  background:linear-gradient(135deg, var(--mmc-help2), var(--mmc-help)); box-shadow:0 0 14px -3px color-mix(in srgb, var(--mmc-help) 70%, transparent); }
.mmc-supwarn .mmc-supnoteico { background:linear-gradient(135deg, color-mix(in srgb, var(--warn) 70%, #fff), var(--warn)); box-shadow:none; }
.mmc-supnoteico svg { width:19px; height:19px; }
.mmc-supnote b { display:block; margin-bottom:3px; font:700 14px/1.25 system-ui,-apple-system,"Segoe UI",sans-serif; }
.mmc-supnote p { margin:3px 0 0; font-size:13px; line-height:1.45; color:var(--fg2); }
.mmc-supnote .mmc-supnotex { position:absolute; right:8px; top:8px; }


.mmc-support .mmc-suppeople { width:236px; flex-basis:236px; }
@container mmcwin (min-width: 900px) { .mmc-support .mmc-suppeople { width:270px; flex-basis:270px; } }
.mmc-supperson { gap:11px; padding:6px 8px; border-radius:11px; }
.mmc-supperson:hover { background:color-mix(in srgb, var(--fg) 6%, transparent); }
.mmc-suptx { display:flex; flex-direction:column; align-items:flex-start; min-width:0; gap:2px; }
.mmc-supnm { display:flex; align-items:center; min-width:0; max-width:100%; }
.mmc-supnm .mmc-pn, .mmc-supnm b { min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }

.mmc-supperson .mmc-supwhere { margin:0; opacity:1; font-size:11px; color:var(--fg3); max-width:100%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.mmc-supguest .mmc-pn { color:var(--fg3) !important; font-style:italic; }
.mmc-supnobody { margin:10px 6px; font-size:12.5px; color:var(--fg3); }

.mmc-av.mmc-supav { flex:none; width:44px; height:34px; border-radius:10px; font-size:15px; }
.mmc-av.mmc-supav.mmc-avimg { background:none; border-radius:0; filter:drop-shadow(0 3px 6px rgba(0,0,0,.45)); }
.mmc-av.mmc-supav.mmc-avimg img { object-fit:contain; border-radius:0;
  -webkit-mask-image:var(--mmb-feather);
  -webkit-mask-composite:source-in; mask-image:var(--mmb-feather);
  mask-composite:intersect; }
.mmc-supguest .mmc-av.mmc-supav { filter:grayscale(.85) opacity(.7); }


.mmc-av i.mmc-supdot { position:absolute; right:-3px; bottom:-3px; width:11px; height:11px; border:0; border-radius:50%; background:var(--mmc-help);
  box-shadow:0 0 0 2px var(--bg2), 0 0 6px color-mix(in srgb, var(--mmc-help) 55%, transparent); }
.mmc-av i.mmc-sd-game { background:var(--ok); box-shadow:0 0 0 2px var(--bg2), 0 0 6px color-mix(in srgb, var(--ok) 60%, transparent); animation:mmc-supbreathe 2.4s ease-in-out infinite; }
.mmc-av i.mmc-sd-web { background:var(--mmc-web); box-shadow:0 0 0 2px var(--bg2), 0 0 6px color-mix(in srgb, var(--mmc-web) 55%, transparent); }
.mmc-av i.mmc-sd-discord { background:var(--mmc-discord); }
.mmc-av i.mmc-sd-both { background:linear-gradient(90deg, var(--mmc-help) 50%, var(--mmc-web) 50%); }
.mmc-av i.mmc-sd-off { background:var(--fg3); box-shadow:0 0 0 2px var(--bg2); }
@keyframes mmc-supbreathe { 50% { box-shadow:0 0 0 2px var(--bg2), 0 0 11px var(--ok); } }
.mmc-supgame { display:block; width:17px; height:17px; background-size:contain; background-position:center; background-repeat:no-repeat; }


.mmc-pop.mmc-supcard { width:max-content; min-width:min(292px, calc(100vw - 16px)); max-width:min(380px, calc(100vw - 16px)); padding:12px; border-radius:14px; }
.mmc-schname .mmc-supnm { flex-wrap:wrap; gap:4px 7px; }
.mmc-schname .mmc-supnm b { white-space:normal; overflow:visible; overflow-wrap:anywhere; }
.mmc-schead { display:flex; align-items:center; gap:12px; }
.mmc-schead .mmc-av.mmc-supav { width:58px; height:45px; font-size:19px; }
.mmc-schname { display:flex; flex-direction:column; gap:4px; min-width:0; }
.mmc-schname b { font-size:15px; }
.mmc-sccountry { display:flex; align-items:center; gap:6px; color:var(--fg2); font-size:12px; }
.mmc-sccountry .mmc-flag { width:18px; height:13px; border-radius:2px; }
.mmc-scplaces { display:flex; flex-direction:column; gap:6px; margin-top:12px; }
.mmc-scplace { --mmc-pc: var(--mmc-help); display:flex; align-items:center; gap:9px; padding:6px 10px; border-radius:10px; font-size:12.5px; color:var(--fg);
  background:color-mix(in srgb, var(--mmc-pc) 10%, transparent); box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--mmc-pc) 24%, transparent); }
.mmc-scp-game { --mmc-pc: var(--ok); } .mmc-scp-web { --mmc-pc: var(--mmc-web); } .mmc-scp-discord { --mmc-pc: var(--mmc-discord); }
.mmc-scp-off { --mmc-pc: var(--fg3); color:var(--fg2); }
.mmc-scpico { display:grid; place-items:center; flex:none; width:18px; height:18px; color:var(--mmc-pc); }
.mmc-scpico svg { width:15px; height:15px; }
.mmc-scpico .mmc-supgame { width:15px; height:15px; }
.mmc-scnote { margin:9px 2px 0; font-size:12px; color:var(--fg3); }
.mmc-sckv { display:grid; grid-template-columns:auto minmax(0, 1fr) 28px; align-items:center; gap:6px 8px; margin-top:11px; padding-top:10px; border-top:1px solid var(--mmc-edge); }
.mmc-sck { font-size:11px; color:var(--fg3); text-transform:uppercase; letter-spacing:.5px; white-space:nowrap; }
.mmc-sckv code { font:500 12px/1.3 var(--mono); color:var(--fg); overflow-wrap:anywhere; user-select:all; }
.mmc-sccopy { display:grid; place-items:center; width:28px; height:26px; border:0; border-radius:8px; background:none; color:var(--fg3) !important; cursor:pointer; }
.mmc-sccopy:hover { color:var(--mmc-help) !important; background:color-mix(in srgb, var(--mmc-help) 12%, transparent); }
.mmc-sccopy svg { width:15px; height:15px; }
.mmc-sccopy.mmc-copied { color:var(--ok) !important; }
.mmc-supcard .mmc-dmact { margin-top:11px; width:100%; }
.mmc-supmenu .mmc-cmname { display:flex; flex-direction:column; gap:2px; white-space:normal; }
.mmc-supmenu .mmc-cmname small { font-size:11.5px; color:var(--fg3); }
.mmc-supmenu .mmc-cminfo { cursor:default; color:var(--fg3); font-size:12px; }

@container mmcwin (max-width: 360px) { .mmc-tabbar .mmc-tbsup .mmc-tbl { display:none; } }


html.mmb-unfocused .top .mmc-top.mmc-alert, html.mmb-unfocused .top .mmc-top.mmc-alert::after,
html.mmb-unfocused .mmc-top.mmc-alert::before, html.mmb-unfocused .mmc-av i.mmc-sd-game,
html.mmb-unfocused :is(.mmc-bellguide, .mmc-bgemo span, .mmc-ib.mmc-bellcall) { animation-play-state:paused !important; }