.social-dialog{box-sizing:border-box;width:min(500px,calc(100% - 32px));max-height:calc(100dvh - 64px);overflow:auto;margin:auto;padding:25px;border:1px solid var(--line,rgb(255 255 255 / 8%));border-radius:12px;background:var(--panel,#121214);color:var(--ink,#f4f4f2);box-shadow:0 24px 80px #0008;font:inherit}.social-dialog::backdrop{background:var(--backdrop,#000000bd);backdrop-filter:blur(4px)}.social-dialog h2{margin:0 30px 20px 0;font-size:22px;font-weight:600;line-height:1.3}.social-dialog p{line-height:1.65;font-size:14px;margin:12px 0}.social-close{position:absolute;top:16px;right:16px;width:30px;height:30px;border:1px solid var(--line,rgb(255 255 255 / 8%));border-radius:6px;background:transparent;color:inherit;font-size:22px}.social-muted{color:var(--mute,#9b9ba1);font-size:13px;line-height:1.65}.social-label{display:block;margin:20px 0 12px;color:var(--ink-2,#d4d4d8);font-size:13px}.social-input{box-sizing:border-box;display:block;width:100%;min-height:42px;margin-top:8px;padding:10px 12px;background:var(--bg,#09090a);border:1px solid var(--line,rgb(255 255 255 / 8%));border-radius:6px;color:var(--ink,#f4f4f2);font:inherit}.social-input:disabled{opacity:.65}.social-button{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:9px 14px;border:1px solid var(--line-2,rgb(255 255 255 / 14%));border-radius:6px;color:var(--ink,#f4f4f2);background:var(--panel-2,#161618);font:inherit;font-size:13px;font-weight:600;cursor:pointer}.social-button:hover{border-color:var(--brand,#f3b43b)}.social-button:disabled{opacity:.5;cursor:wait}.social-button:focus-visible,.social-close:focus-visible,.social-input:focus-visible,.social-dialog a:focus-visible{outline:2px solid var(--brand,#f3b43b);outline-offset:3px}.social-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.social-actions .social-button:first-child{background:var(--control,#f4f4f2);border-color:var(--control,#f4f4f2);color:var(--control-ink,#09090a)}.social-status{font-size:13px;color:var(--ink-2,#d4d4d8);line-height:1.7;overflow-wrap:anywhere}.social-status:empty{margin:0}.social-payment-details:not(:empty){margin-top:18px;border-top:1px solid var(--line,rgb(255 255 255 / 8%));padding-top:8px}.social-address{display:block;font-size:12px;line-height:1.8;word-break:break-all;padding:10px 12px;border:1px solid var(--line,rgb(255 255 255 / 8%));border-radius:6px;background:var(--bg,#09090a)}.social-dialog a,.social-record a,.social-history>a{color:var(--brand,#f3b43b);text-decoration:underline;text-underline-offset:3px}.social-toast{position:fixed;z-index:100;bottom:76px;left:50%;transform:translateX(-50%);width:max-content;max-width:calc(100% - 32px);box-sizing:border-box;padding:12px 18px;border:1px solid var(--line-2,rgb(255 255 255 / 14%));border-radius:8px;background:var(--panel,#121214);color:var(--ink,#f4f4f2);box-shadow:0 10px 40px #0006;font-size:13px;line-height:1.6}.social-liked{color:var(--brand,#f3b43b)!important}.social-history{padding:24px}.social-history-section{margin-top:25px}.social-history-section h3{font-size:14px;font-weight:600}.social-record{padding:16px 0;border-bottom:1px solid var(--line,rgb(255 255 255 / 8%));font-size:13px}.social-record p{margin:5px 0;line-height:1.65;overflow-wrap:anywhere}.social-record .social-record-title{font-weight:600}.social-record>.social-button{margin-top:12px}.social-arena{padding:20px;margin-top:24px}.social-arena h2{font-size:20px;font-weight:600;margin:0 0 10px}.social-arena>.social-button{margin-top:16px}[data-public-duel]{padding:24px}[data-public-duel]>.social-button{margin-top:18px}.social-payment-status{margin-top:15px}.social-dialog [hidden],.social-history[hidden],.social-toast[hidden]{display:none!important}@media(min-width:1024px){.social-toast{bottom:25px}}@media(prefers-reduced-motion:reduce){.social-dialog{scroll-behavior:auto}}
.social-announcement {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
  border: 0;
}

.social-toast {
  display: flex;
  align-items: flex-start;
  gap: 12px;
}

.social-toast-message {
  min-width: 0;
  overflow-wrap: anywhere;
}

.social-toast-dismiss {
  display: inline-grid;
  flex: 0 0 40px;
  place-items: center;
  min-height: 40px;
  margin: -8px -10px -8px 0;
  padding: 0;
  border: 0;
  border-radius: 6px;
  background: transparent;
  color: inherit;
  font: inherit;
  font-size: 22px;
  cursor: pointer;
}

.social-toast-dismiss:focus-visible {
  outline: 2px solid var(--brand, #f3b43b);
  outline-offset: 2px;
}