/* The site's DM Sans, quiet black glass and circular game close control. */
.v3-share-dialog {
  --share-ink:#f3f3f3; --share-muted:#aaa; --share-line:#ffffff24;
  box-sizing:border-box;
  width:min(520px,calc(100% - 32px));
  max-width:calc(100% - 32px);
  max-height:calc(100dvh - 32px);
  margin:auto;
  padding:24px;
  overflow-x:hidden;
  overflow-y:auto;
  overscroll-behavior:contain;
  border:1px solid var(--share-line);
  border-radius:32px;
  background:linear-gradient(135deg,#ffffff0a,#ffffff02 54%,#ffffff05),rgb(20 20 20 / .94);
  color:var(--share-ink);
  color-scheme:dark;
  box-shadow:0 24px 80px #0006,inset 0 1px 0 #ffffff2e,inset 0 -1px 0 #0004;
  -webkit-backdrop-filter:blur(24px); backdrop-filter:blur(24px);
  font:500 14px/1.45 'DM Sans',sans-serif;
  font-optical-sizing:none; font-variation-settings:'opsz' 14; font-synthesis:none;
  -webkit-font-smoothing:antialiased;
}
.v3-share-dialog:focus,.v3-share-heading h2:focus { outline:none; }
.v3-share-dialog::backdrop { background:rgb(0 0 0 / .64); -webkit-backdrop-filter:blur(12px); backdrop-filter:blur(12px); }
.v3-share-dialog * { box-sizing:border-box; }
.v3-share-dialog button { appearance:none; font-family:inherit; cursor:pointer; -webkit-tap-highlight-color:transparent; transition:background-color 180ms ease,color 180ms ease; }
.v3-share-dialog button:disabled { cursor:default; opacity:.45; }
.v3-share-dialog button:focus-visible,.v3-share-dialog textarea:focus-visible { outline:2px solid #eee; outline-offset:3px; }
.v3-share-heading { display:flex; align-items:center; justify-content:space-between; gap:16px; margin-bottom:20px; }
.v3-share-heading h2 { margin:0; color:var(--share-ink); font:700 28px/1.25 'DM Sans',sans-serif; letter-spacing:-.03em; }
.v3-share-close { display:grid; place-items:center; flex:0 0 48px; width:48px; height:48px; padding:0; border:0; border-radius:50%; background:#353535c9; color:var(--share-ink); box-shadow:0 3px 16px #00000008,inset 0 1px 0 #ffffff2e; -webkit-backdrop-filter:blur(18px); backdrop-filter:blur(18px); transition:transform 220ms cubic-bezier(.22,1,.36,1),background-color 200ms ease,box-shadow 220ms ease!important; }
.v3-share-close img { display:block; width:24px; height:24px; filter:brightness(0) invert(1); transition:transform 320ms cubic-bezier(.22,1,.36,1); }
.v3-share-close:active { transform:scale(.92); }
.v3-share-preview { position:relative; aspect-ratio:1200/627; overflow:hidden; margin-bottom:20px; border:1px solid #ffffff1a; border-radius:24px; background:#171717; }
.v3-share-preview-fallback { position:absolute; inset:0; display:grid; place-content:center; gap:4px; padding:16px; color:var(--share-ink); font:600 clamp(16px,4.7vw,28px)/1.12 'DM Sans',sans-serif; text-align:center; overflow-wrap:anywhere; }
.v3-share-preview-fallback strong { font-weight:800; }
.v3-share-preview img { position:relative; display:block; width:100%; height:100%; object-fit:contain; }
.v3-share-reward-glow { position:absolute; z-index:1; }
.v3-share-reward-glow .v3-coin-upgrade__art { animation:v3-share-coin-float 3.2s ease-in-out infinite alternate; }
.v3-share-reward-coin { position:absolute; inset:0; background:no-repeat center/contain; }
.v3-share-reward-glow :is(.v3-coin-upgrade__rays,.v3-coin-upgrade__aura,.v3-coin-upgrade__spark) { animation-iteration-count:infinite; }
@keyframes v3-share-coin-float { from { translate:0 -4%; } to { translate:0 4%; } }
.v3-share-reward-glow .v3-coin-upgrade__spark { width:7.25%; }
.v3-share-reward-glow .v3-coin-upgrade__spark:nth-of-type(even) { width:4.5%; }
.v3-share-reward-glow .v3-coin-upgrade__rays,
.v3-share-reward-glow .v3-coin-upgrade__aura { mix-blend-mode:screen; }
.v3-share-native { display:flex; align-items:center; justify-content:center; gap:10px; width:100%; min-height:52px; padding:14px 18px; border:0; border-radius:100px; background:var(--v3-light-glass-highlight),var(--v3-light-glass-sheen),#ffffffd9; color:#232323; box-shadow:0 4px 16px #00000024,var(--v3-light-glass-edge); font-size:16px; font-weight:600; line-height:24px; }
.v3-share-destinations { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; margin-top:12px; }
.v3-share-destinations > button { display:flex; align-items:center; justify-content:center; gap:6px; min-width:0; min-height:46px; padding:12px 4px; border:1px solid #ffffff12; border-radius:100px; background:linear-gradient(135deg,#ffffff0a,#ffffff02 54%,#ffffff05),#ffffff08; color:var(--share-ink); box-shadow:inset 0 1px 0 #ffffff12; font-size:13px; font-weight:500; line-height:20px; white-space:nowrap; }
.v3-share-action-arrow { font:400 1em/1 'Spin Arrow',sans-serif; }
.v3-share-in { display:inline-block; flex:0 0 14px; width:14px; height:14px; border-radius:2px; background:#eee; color:#222; font:800 11px/14px 'DM Sans',sans-serif; text-align:center; }
.v3-share-status { margin:6px 0 0; color:var(--share-muted); font-size:12px; font-weight:400; line-height:18px; text-align:center; overflow-wrap:anywhere; }
.v3-share-status:empty { margin:0; }
.v3-share-manual { box-sizing:border-box; width:100%; min-height:90px; margin-top:12px; padding:12px; resize:vertical; border:1px solid #ffffff30; border-radius:16px; background:#111; color:var(--share-ink); font:400 12px/1.5 'DM Sans',sans-serif; }
@media (hover:hover) and (pointer:fine) {
  .v3-share-close:hover { transform:scale(1.14); background:#454545; box-shadow:0 8px 26px #0000002e,inset 0 1px 0 #fff; }
  .v3-share-close:hover img { transform:rotate(90deg) scale(1.08); }
  .v3-share-native:hover { background:#fff; }
  .v3-share-destinations > button:hover { background:#ffffff16; }
}
@media (max-width:359px) { .v3-share-destinations > button { padding-inline:3px; gap:4px; font-size:12px; } }
@media (prefers-reduced-motion:reduce) {
  .v3-share-dialog button,.v3-share-close img { transition:none!important; }
  .v3-share-close:hover img { transform:none; }
  .v3-share-reward-glow .v3-coin-upgrade__art { animation:none; }
  .v3-share-reward-glow :is(.v3-coin-upgrade__rays,.v3-coin-upgrade__aura,.v3-coin-upgrade__spark) { display:none; }
}
