/* Silbermuschel Perle - Schleier, Muschel, Spruch, Sternschnuppe.
   Schrift: Comic Sans MS. Keine weissen Kaesten, kein runder Lichtkranz. */
.smp-stern{position:fixed !important; inset:0 !important; width:100vw !important; height:100vh !important; z-index:99990 !important; pointer-events:none !important; margin:0 !important; padding:0 !important; border:0 !important; background:none !important}
.smp-schleier{--milch:0; position:fixed !important; inset:0 !important; z-index:99995 !important; display:flex !important; align-items:center; justify-content:center; margin:0 !important; padding:16px !important; box-sizing:border-box;
  font-family:"Comic Sans MS","Comic Neue",cursive !important; cursor:pointer; overflow:hidden}
.smp-schleier::before{content:""; position:absolute; inset:0; opacity:var(--milch);
  background:linear-gradient(180deg, rgba(236,228,244,.62), rgba(244,238,246,.66));
  -webkit-backdrop-filter:blur(9px); backdrop-filter:blur(9px)}
.smp-schleier.geht{opacity:0; transition:opacity .85s ease}
.smp-buehne{position:relative; display:flex; flex-direction:column; align-items:center; transform-origin:50% 45%; will-change:transform}
.smp-leinwand{display:block; cursor:pointer; outline:none; background:none !important; border:0 !important; border-radius:0 !important; box-shadow:none !important}
.smp-leinwand:focus-visible{outline:2px dashed rgba(120,90,170,.6); outline-offset:4px}
.smp-hinweis,.smp-weg{margin:4px 0 0 !important; padding:0 !important; font-size:18px !important; line-height:1.3 !important; color:#4f3d68 !important; text-align:center; text-shadow:0 1px 0 rgba(255,255,255,.8), 0 0 10px rgba(255,255,255,.7); opacity:0; pointer-events:none}
.smp-weg{font-size:14px !important; color:#6d5d80 !important; transition:opacity .6s .9s}
.smp-weg.da{opacity:1}
/* Der Spruch IN der Muschel: ohne Kasten, mit leichtem Schein */
.smp-inschrift{position:absolute; left:50%; top:30%; transform:translate(-50%,-50%) scale(.96); text-align:center; pointer-events:none; opacity:0; transition:opacity .9s, transform .9s}
.smp-inschrift.da{opacity:1; transform:translate(-50%,-50%) scale(1)}
.smp-inschrift small{display:block; font-size:.72em !important; letter-spacing:.05em; color:#7d6a98 !important; margin:0 0 .3em !important; text-shadow:0 0 6px rgba(255,255,255,.95)}
.smp-inschrift p{margin:0 !important; padding:0 !important; font-size:1em !important; line-height:1.35 !important; color:#33224c !important; font-weight:700;
  text-shadow:0 0 4px rgba(255,255,255,.95), 0 0 12px rgba(255,248,255,.9), 0 0 22px rgba(255,240,250,.7)}
.smp-zu{position:absolute !important; top:14px; right:14px; width:46px !important; height:46px !important; min-height:0 !important; border-radius:50% !important; padding:0 !important; margin:0 !important;
  display:flex !important; align-items:center; justify-content:center; font-size:28px !important; line-height:1 !important; cursor:pointer;
  background:rgba(251,246,236,.92) !important; color:#4a3866 !important; border:1px solid #e3d3ee !important; box-shadow:0 6px 18px -8px rgba(60,35,90,.5) !important; text-transform:none !important; letter-spacing:0 !important}
.smp-zu:hover{background:#f1e6f7 !important}
.smp-vermerk{position:absolute !important; left:0; right:0; bottom:10px; margin:0 !important; text-align:center; font-size:11px !important; color:#6d5d80 !important; opacity:.8; pointer-events:none}
/* Knopf fuer den Kurzbefehl */
.smp-knopf{display:inline-flex !important; align-items:center; gap:8px; padding:10px 22px !important; border-radius:999px !important; border:1px solid #0e1a12 !important; background:#bfa24f !important; color:#0e1a12 !important;
  font-family:"Comic Sans MS","Comic Neue",cursive !important; font-size:16px !important; cursor:pointer; text-decoration:none !important}
.smp-knopf:hover{background:#0e1a12 !important; color:#f3e6bd !important}
@media (prefers-reduced-motion:reduce){.smp-inschrift,.smp-weg{transition:none}}
/* Gruss dort, wo die Muschel war - erscheint, waehrend sie verschwindet */
.smp-gruss{position:fixed !important; left:50%; top:45%; z-index:99997 !important; transform:translate(-50%,-50%) scale(.92); opacity:0; pointer-events:none;
  width:max-content; max-width:min(88vw,480px); box-sizing:border-box; padding:18px 30px !important; margin:0 !important; border-radius:28px; text-align:center;
  background:rgba(251,246,236,.97) !important; border:1px solid #e3d3ee; color:#4a3866 !important; box-shadow:0 18px 44px -14px rgba(60,35,90,.55);
  font-family:"Comic Sans MS","Comic Neue",cursive !important; font-size:21px !important; line-height:1.4 !important; transition:opacity .6s ease, transform .6s ease}
.smp-gruss.da{opacity:1; transform:translate(-50%,-50%) scale(1)}
@media (max-width:600px){.smp-gruss{font-size:19px !important; padding:14px 22px !important} .smp-hinweis{font-size:19px !important} .smp-weg{font-size:16px !important}}