:root{--mg2coins-gold:#cebf4b;--mg2coins-green:#39ff14;--mg2coins-bg:#090909;--mg2coins-card:#111;--mg2coins-border:#36331d}
html.mg2coins-modal-open{overflow:hidden!important}.mg2coins-ui[hidden]{display:none!important}.mg2coins-toolbar{position:fixed;top:76px;right:18px;z-index:99992;display:flex;gap:7px}.mg2coins-toolbar button,.mg2coins-shortcode-open{border:1px solid var(--mg2coins-gold);background:#080808;color:#fff;border-radius:999px;padding:10px 13px;font-weight:800;font-size:11px;letter-spacing:.04em;box-shadow:0 0 14px rgba(206,191,75,.12);cursor:pointer}.mg2coins-toolbar button:hover{box-shadow:0 0 18px rgba(206,191,75,.35);color:var(--mg2coins-gold)}
.mg2coins-modal{position:fixed;inset:0;z-index:100050;background:rgba(0,0,0,.80);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;padding:18px}.mg2coins-modal[hidden]{display:none!important}.mg2coins-card{position:relative;width:min(720px,96vw);max-height:90vh;overflow:auto;background:linear-gradient(180deg,#141414,#080808);border:1px solid var(--mg2coins-gold);border-radius:22px;padding:28px;color:#fff;box-shadow:0 24px 80px #000,0 0 35px rgba(206,191,75,.15)}.mg2coins-card-small{width:min(500px,96vw)}.mg2coins-kicker{color:var(--mg2coins-gold);font-size:11px;font-weight:900;letter-spacing:.18em}.mg2coins-card h2{margin:6px 58px 18px 0;font-size:27px;color:#fff}.mg2coins-card h3{color:var(--mg2coins-gold)}.mg2coins-card p,.mg2coins-card label{color:#bbb;font-size:13px;line-height:1.5}.mg2coins-close{position:absolute;top:14px;right:14px;width:50px;height:50px;border-radius:999px;border:2px solid var(--mg2coins-gold);background:#080808;color:#fff;font-size:31px;line-height:1;display:grid;place-items:center;cursor:pointer;box-shadow:0 0 16px rgba(206,191,75,.18)}.mg2coins-close:hover{box-shadow:0 0 24px rgba(206,191,75,.45)}
.mg2coins-balance-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:16px 0}.mg2coins-balance-grid>div{border:1px solid #292929;background:#0b0b0b;border-radius:14px;padding:16px}.mg2coins-balance-grid span{display:block;color:#888;font-size:9px;letter-spacing:.12em;font-weight:800}.mg2coins-balance-grid strong{display:block;font-size:28px;margin:5px 0;color:#fff}.mg2coins-balance-grid small{color:#8c8c8c}.mg2coins-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.mg2coins-actions button,.mg2coins-primary,.mg2coins-payout-method button{min-height:48px;border:1px solid var(--mg2coins-gold);border-radius:11px;background:#0c0c0c;color:#fff;font-weight:900;font-size:11px;cursor:pointer}.mg2coins-actions button:hover,.mg2coins-primary:hover,.mg2coins-payout-method button:hover{background:var(--mg2coins-gold);color:#050505}.mg2coins-primary{width:100%;margin-top:14px}.mg2coins-primary:disabled{opacity:.4;cursor:not-allowed}
.mg2coins-send-options,.mg2coins-packs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.mg2coins-send-options button,.mg2coins-pack{border:1px solid #333;background:#0b0b0b;color:#fff;border-radius:13px;min-height:68px;font-size:18px;font-weight:800;cursor:pointer}.mg2coins-pack{display:flex;flex-direction:column;align-items:center;justify-content:center}.mg2coins-pack span{color:var(--mg2coins-gold);font-size:14px;margin-top:3px}.mg2coins-pack.is-selected,.mg2coins-send-options button:hover{border-color:var(--mg2coins-gold);box-shadow:0 0 18px rgba(206,191,75,.22)}.mg2coins-card input[type=text],.mg2coins-card input[type=number]{display:block;width:100%;box-sizing:border-box;margin-top:7px;padding:13px;border:1px solid #333;border-radius:10px;background:#050505;color:#fff;font-size:16px}.mg2coins-message{min-height:22px;color:var(--mg2coins-gold);margin-top:12px;font-size:12px}.mg2coins-square-wrap{margin-top:18px}.mg2coins-payout-method{border:1px solid #2b2b2b;border-radius:14px;padding:16px;margin:12px 0;background:#0b0b0b}.mg2coins-payout-method button{padding:0 18px;margin-top:10px}.mg2coins-method-choice{display:grid;gap:8px;margin-top:12px}.mg2coins-method-choice label{padding:12px;border:1px solid #292929;border-radius:11px;background:#0a0a0a}.mg2coins-history{margin-top:18px}.mg2coins-history h3{font-size:13px}.mg2coins-history-row{display:grid;grid-template-columns:1fr auto;gap:3px 10px;border-top:1px solid #222;padding:9px 0;font-size:11px;text-transform:capitalize}.mg2coins-history-row small{grid-column:1/-1;color:#666}.mg2coins-muted{color:#777!important}
.mg2coins-send-button{position:relative!important;z-index:26!important;margin-top:5px!important;border:1px solid var(--mg2coins-gold)!important;background:#070707!important;color:#fff!important;border-radius:8px!important;padding:7px 9px!important;font-size:9px!important;font-weight:900!important;cursor:pointer!important;box-shadow:0 0 10px rgba(206,191,75,.08)!important;opacity:1!important;visibility:visible!important;animation:none!important;transition:none!important}.mg2coins-send-button:hover{box-shadow:0 0 18px rgba(57,255,20,.35)!important;border-color:#39ff14!important}
.mg2ar-square{position:relative!important}.mg2coins-avatar-emblem{--mg2coins-glow:#39ff14;position:absolute;z-index:80;left:50%;top:50%;width:42%;aspect-ratio:1/1;transform:translate(-50%,-50%) scale(.35);opacity:0;border-radius:999px;display:grid;place-items:center;background:#080808;border:2px solid var(--mg2coins-glow);box-shadow:0 0 8px var(--mg2coins-glow),0 0 18px var(--mg2coins-glow),0 0 34px var(--mg2coins-glow);pointer-events:none;transition:opacity .25s,transform .32s}.mg2coins-avatar-emblem.is-live{opacity:1;transform:translate(-50%,-50%) scale(1);animation:mg2coins-pulse .85s ease-in-out infinite alternate}.mg2coins-avatar-emblem.is-out{opacity:0;transform:translate(-50%,-50%) scale(1.25)}.mg2coins-avatar-emblem img{width:100%;height:100%;object-fit:contain;border-radius:999px;filter:drop-shadow(0 0 8px var(--mg2coins-glow))}.mg2coins-avatar-emblem span{font-weight:1000;color:var(--mg2coins-gold);font-size:clamp(12px,2vw,25px)}.mg2coins-avatar-emblem b{position:absolute;right:-10px;bottom:-7px;border-radius:999px;background:#050505;border:1px solid var(--mg2coins-glow);color:#fff;padding:3px 6px;font-size:10px;box-shadow:0 0 12px var(--mg2coins-glow)}@keyframes mg2coins-pulse{from{box-shadow:0 0 6px var(--mg2coins-glow),0 0 15px var(--mg2coins-glow),0 0 25px var(--mg2coins-glow)}to{box-shadow:0 0 12px var(--mg2coins-glow),0 0 28px var(--mg2coins-glow),0 0 52px var(--mg2coins-glow)}}
.mg2coins-toast{position:fixed;z-index:100100;left:50%;bottom:30px;transform:translate(-50%,20px);opacity:0;background:#080808;color:#fff;border:1px solid var(--mg2coins-gold);border-radius:999px;padding:12px 18px;font-size:12px;transition:.2s;pointer-events:none}.mg2coins-toast.show{transform:translate(-50%,0);opacity:1}
@media(max-width:680px){.mg2coins-toolbar{top:68px;right:8px;gap:5px}.mg2coins-toolbar button{padding:8px 9px;font-size:8px}.mg2coins-modal{padding:8px}.mg2coins-card{padding:22px 16px 18px;border-radius:16px;max-height:94vh}.mg2coins-close{width:44px;height:44px;font-size:27px}.mg2coins-card h2{font-size:22px;margin-right:48px}.mg2coins-balance-grid{grid-template-columns:1fr 1fr}.mg2coins-balance-grid strong{font-size:20px}.mg2coins-actions{grid-template-columns:1fr}.mg2coins-send-options,.mg2coins-packs{grid-template-columns:1fr 1fr}.mg2coins-avatar-emblem{width:48%}}

/* v1.0.1 — Square seller OAuth payout preference */
.mg2coins-inline-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:10px}
.mg2coins-inline-actions button{margin-top:0!important;flex:1 1 190px}
.mg2coins-inline-actions [data-mg2coins-disconnect-square]{border-color:#555;color:#aaa}
.mg2coins-inline-actions [data-mg2coins-disconnect-square]:hover{border-color:#999;background:#151515;color:#fff}
[data-mg2coins-square-status]{border:1px solid #262626;background:#060606;border-radius:10px;padding:11px 12px;color:#ddd;font-size:12px;line-height:1.45;margin-top:8px}

/* v1.0.5 — safe phone toolbar placement.
   The coin controls live in their own row directly above the Audio Rooms title.
   Nothing from the Audio Rooms layout is re-parented, wrapped, resized, or converted
   into a flex/grid child, so desktop and the approved phone layout remain untouched. */
.mg2coins-mobile-room-dock{display:none}
@media(max-width:720px){
  .mg2ar-app.mg2ar-in-room .mg2coins-mobile-room-dock{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    min-height:0!important;
    margin:0!important;
    padding:10px 0 4px!important;
    position:relative!important;
    z-index:32!important;
    box-sizing:border-box!important;
    overflow:visible!important;
  }
  .mg2ar-app.mg2ar-in-room .mg2coins-toolbar.mg2coins-toolbar-mobile-room{
    position:static!important;
    inset:auto!important;
    z-index:32!important;
    display:flex!important;
    flex:0 1 auto!important;
    flex-wrap:nowrap!important;
    align-items:center!important;
    justify-content:center!important;
    gap:8px!important;
    width:auto!important;
    max-width:100%!important;
    min-width:0!important;
    margin:0!important;
    padding:0!important;
    transform:none!important;
    box-sizing:border-box!important;
  }
  .mg2ar-app.mg2ar-in-room .mg2coins-toolbar.mg2coins-toolbar-mobile-room button{
    flex:0 1 auto!important;
    width:auto!important;
    min-width:0!important;
    max-width:46vw!important;
    min-height:38px!important;
    height:38px!important;
    margin:0!important;
    padding:0 13px!important;
    border-radius:999px!important;
    font-size:clamp(8px,2.5vw,10px)!important;
    line-height:1!important;
    letter-spacing:.035em!important;
    white-space:nowrap!important;
    box-sizing:border-box!important;
  }
}
/* Phone-layout helper class may be active even when a theme reports a wider CSS viewport. */
html.mg2pl-phone-active .mg2ar-app.mg2ar-in-room .mg2coins-mobile-room-dock{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:100%!important;
  margin:0!important;
  padding:10px 0 4px!important;
}
html.mg2pl-phone-active .mg2ar-app.mg2ar-in-room .mg2coins-toolbar.mg2coins-toolbar-mobile-room{
  position:static!important;
  inset:auto!important;
  display:flex!important;
  flex-wrap:nowrap!important;
  gap:8px!important;
  width:auto!important;
  max-width:100%!important;
  margin:0!important;
  transform:none!important;
}


/* v1.0.10 — Audio Rooms v1.0.130.29 compatibility.
   Coins no longer owns or creates an in-room dock. Audio Rooms owns the
   Scheduled Events / Coins / Earned / Room Counter row. These rules are
   intentionally narrow and do not resize or re-parent Audio Rooms elements. */
.mg2ar-app .mg2coins-mobile-room-dock{display:none!important}
.mg2ar-app .mg2coins-toolbar.mg2coins-toolbar-mobile-room{position:fixed!important;inset:auto!important;top:76px!important;right:18px!important;width:auto!important;max-width:none!important;margin:0!important;padding:0!important;transform:none!important}
html.mg2pl-phone-active .mg2ar-app .mg2coins-toolbar.mg2coins-toolbar-mobile-room{position:fixed!important;inset:auto!important;top:68px!important;right:8px!important;width:auto!important;max-width:none!important;margin:0!important;transform:none!important}

/* v1.0.11 — participant COIN button stays visually fixed like TIP. */
.mg2ar-person .mg2coins-send-button{opacity:1!important;visibility:visible!important;animation:none!important;transition:none!important;transform:none!important}