/* Popup de partage standard — games.devlooper.io (skinné par jeu) */
.gs-root { position: fixed; inset: 0; z-index: 80; display: grid; place-items: center; padding: 16px; }
.gs-root[hidden] { display: none !important; }
.gs-scrim { position: absolute; inset: 0; background: rgba(6, 8, 10, .62); backdrop-filter: blur(8px); }
.gs-card {
  position: relative;
  width: min(420px, 100%);
  max-height: min(92dvh, 720px);
  overflow: auto;
  border-radius: 24px;
  padding: 22px 20px 18px;
  background: var(--gs-card, #fff);
  color: var(--gs-ink, #1a1a1a);
  border: 1px solid var(--gs-line, rgba(0,0,0,.08));
  box-shadow: 0 28px 60px -20px rgba(0,0,0,.45);
  font-family: Outfit, system-ui, sans-serif;
}
.gs-kicker { font-size: 11px; letter-spacing: .16em; text-transform: uppercase; font-weight: 700; color: var(--gs-accent); margin: 0 0 6px; }
.gs-title { font-size: 1.45rem; margin: 0 0 6px; font-weight: 650; line-height: 1.2; }
.gs-text { margin: 0 0 16px; font-size: 14px; line-height: 1.45; opacity: .78; }
.gs-close {
  position: absolute; top: 12px; right: 12px;
  width: 36px; height: 36px; border: 0; border-radius: 999px;
  background: transparent; color: inherit; cursor: pointer; font-size: 22px; opacity: .6;
}
.gs-qr {
  display: grid; place-items: center;
  background: #fff;
  border-radius: 16px;
  padding: 12px;
  margin: 0 auto 16px;
  width: 188px;
}
.gs-qr img { width: 164px; height: 164px; display: block; }
.gs-url {
  display: flex; gap: 8px; margin-bottom: 16px;
}
.gs-url input {
  flex: 1; min-height: 44px; border-radius: 12px;
  border: 1px solid var(--gs-line, #ddd);
  background: var(--gs-input, #f6f4ef);
  color: inherit;
  padding: 0 12px;
  font: 13px ui-monospace, monospace;
}
.gs-copy {
  min-height: 44px; padding: 0 14px; border-radius: 12px; border: 0;
  background: var(--gs-accent); color: var(--gs-on-accent, #111);
  font: 600 13px Outfit, system-ui, sans-serif; cursor: pointer;
}
.gs-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; margin-bottom: 16px; }
.gs-chan {
  min-height: 46px; border-radius: 12px;
  border: 1px solid var(--gs-line, #ddd);
  background: var(--gs-chip, transparent);
  color: inherit;
  font: 600 13px Outfit, system-ui, sans-serif;
  cursor: pointer;
  text-decoration: none;
  display: grid; place-items: center;
}
.gs-native { width: 100%; margin-bottom: 8px; }
.gs-foot {
  display: flex; flex-direction: column; align-items: center; gap: 8px;
  padding-top: 12px;
  border-top: 1px solid var(--gs-line, rgba(0,0,0,.08));
}
.gs-foot a { color: inherit; text-decoration: none; font-size: 13px; font-weight: 600; text-align: center; }
.gs-foot a:hover { text-decoration: underline; }
.gs-logo { height: 22px; width: auto; display: block; color: var(--gs-ink, #111); }
.gs-root[data-skin="unmask"] {
  --gs-card: #24182d;
  --gs-ink: #f4ead6;
  --gs-accent: #d4b56a;
  --gs-on-accent: #100814;
  --gs-line: rgba(212, 181, 106, .28);
  --gs-input: #1a1022;
  --gs-chip: #1a1022;
}
.gs-root[data-skin="unmask"] .gs-logo { color: #f4ead6; filter: none; }
.gs-root[data-skin="scorepad"] {
  --gs-card: #143028;
  --gs-ink: #fff8ea;
  --gs-accent: #e8b84a;
  --gs-on-accent: #0c241c;
  --gs-line: rgba(201, 160, 106, .32);
  --gs-input: #0c241c;
  --gs-chip: #0c241c;
}
.gs-root[data-skin="scorepad"] .gs-logo { color: #fff8ea; }
.gs-root[data-skin="lottobouse"] {
  --gs-card: #143d28;
  --gs-ink: #f8f2d5;
  --gs-accent: #e8c46b;
  --gs-on-accent: #0d291c;
  --gs-line: rgba(246, 231, 162, .3);
  --gs-input: #0d291c;
  --gs-chip: #1f6b43;
}
.gs-root[data-skin="lottobouse"] .gs-logo { color: #f8f2d5; }