/* Option 1 – Soft Glass: nur Oberflächen von Fenstern und Karten. */
:root {
  --soft-glass-border:#d0ebec;
  --soft-glass-shadow:0 24px 65px rgb(3 74 85 / .14), 0 2px 8px rgb(3 74 85 / .06);
  --soft-card-shadow:0 16px 48px rgb(0 103 113 / .09), 0 2px 9px rgb(0 103 113 / .05);
  --shadow-card:var(--soft-card-shadow);
  --shadow-dialog:var(--soft-glass-shadow);
}
/* Dialoge bleiben in Größe und Funktion unverändert. Bild-Lightboxen ausnehmen. */
dialog:not(.community-dialog):not(.now-photo-dialog) {
  background:#fff;
  border:1px solid var(--soft-glass-border);
  border-radius:28px;
  box-shadow:var(--soft-glass-shadow);
}
dialog:not(.community-dialog):not(.now-photo-dialog)::backdrop {
  background:rgb(5 58 67 / .46);
  backdrop-filter:blur(6px);
}
/* Bestehende Seitenfenster und Profilkarten; keine Änderung am Seitenraster. */
.auth-panel, .social-card, .card, .profile, #encounter-section.game-panel {
  background-color:#fff;
  border:1px solid var(--soft-glass-border);
  border-radius:24px;
  box-shadow:var(--soft-card-shadow);
}
.social-hero:not(.mystery) {
  background:linear-gradient(115deg,#e8fbfa 0%,#fff 78%);
  border:1px solid var(--soft-glass-border);
  border-radius:24px;
  box-shadow:var(--soft-card-shadow);
}
/* Mobile Fenster behalten ihre bestehenden Breiten und Scrollbereiche. */
@media(max-width:640px) {
  dialog:not(.community-dialog):not(.now-photo-dialog) { border-radius:20px; }
  .auth-panel, .social-card, .card, .profile, .social-hero:not(.mystery) { border-radius:20px; }
  #encounter-section.game-panel { border-radius:0; box-shadow:none; }
}