/* Santa's Worlds – „Zum Startbildschirm hinzufügen“ (sw-pwa.js), CI: Rot + Gold, Elfenbein-Karte (2026-11-10) */
.swpwa{position:fixed;inset:0;z-index:2147483000;display:flex;align-items:flex-end;justify-content:center;padding:16px 12px calc(16px + env(safe-area-inset-bottom,0px));
 background:rgba(20,2,10,.55);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);animation:swpwaFade .3s ease-out both}
.swpwa.is-out{animation:swpwaFadeOut .3s ease-in forwards}
@keyframes swpwaFade{from{opacity:0}}@keyframes swpwaFadeOut{to{opacity:0}}
.swpwa-card{position:relative;width:min(100%,420px);box-sizing:border-box;padding:56px 20px 16px;text-align:center;border-radius:24px;color:#4a0a14;
 font:16px/1.4 var(--santa-name,"Cormorant Garamond",Georgia,serif);
 background:radial-gradient(ellipse 90% 60% at 50% 0%,#fffdf6,#fff3d8 60%,#f3dcaa);
 box-shadow:inset 0 0 0 1.5px #e7b456,inset 0 0 0 5px #fffaf0,inset 0 0 0 6px rgba(200,146,46,.45),0 18px 40px rgba(0,0,0,.5);
 animation:swpwaUp .5s cubic-bezier(.2,1.3,.4,1) both;margin-top:56px}
.swpwa.is-out .swpwa-card{animation:swpwaDown .3s ease-in forwards}
@keyframes swpwaUp{from{transform:translateY(60px) scale(.95);opacity:0}}@keyframes swpwaDown{to{transform:translateY(40px);opacity:0}}
.swpwa-card::before{content:"";position:absolute;left:0;right:0;top:0;height:46px;border-radius:24px 24px 0 0;pointer-events:none;
 background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 46'%3E%3Cg fill='none' stroke='%23fff' stroke-width='1' stroke-linecap='round' opacity='.55'%3E%3Cpath d='M18 10v12M12 13l12 6M12 19l12-6M70 6v8M66 8l8 4M66 12l8-4M100 22v10M95 24l10 6M95 30l10-6M42 26v6M39 27.5l6 3M39 30.5l6-3'/%3E%3C/g%3E%3C/svg%3E") 0 0/120px 46px repeat-x,
 linear-gradient(180deg,#c8262c,#a3141f 45%,#6e0915);box-shadow:inset 0 -2px 0 #e7b456}
.swpwa-x{position:absolute;top:12px;right:12px;z-index:2;width:22px;height:22px;padding:0;border-radius:50%;cursor:pointer;
 border:1.5px solid #f2cf7a;background:radial-gradient(circle at 34% 28%,#f06a72,#c41d2e 45%,#7c0d1b);box-shadow:0 0 0 1px #7a4a12,0 2px 6px rgba(0,0,0,.45)}
.swpwa-x::before,.swpwa-x::after{content:"";position:absolute;left:50%;top:50%;width:10px;height:2px;margin:-1px 0 0 -5px;border-radius:2px;background:#fff8e6;transform:rotate(45deg)}
.swpwa-x::after{transform:rotate(-45deg)}
.swpwa-icon{position:absolute;left:50%;top:-48px;width:96px;height:96px;transform:translateX(-50%);z-index:1}
.swpwa-icon img{position:relative;width:96px;height:96px;border-radius:22px;display:block;box-shadow:0 0 0 2px #e7b456,0 10px 22px rgba(0,0,0,.5);animation:swpwaFloat 3.6s ease-in-out infinite}
.swpwa-glow{position:absolute;inset:-30px;border-radius:50%;background:radial-gradient(circle,rgba(255,212,94,.55),transparent 65%);animation:swpwaGlow 3s ease-in-out infinite}
@keyframes swpwaFloat{50%{transform:translateY(-5px)}}@keyframes swpwaGlow{50%{opacity:.6;transform:scale(1.1)}}
.swpwa h3{margin:0 0 8px;font:700 clamp(19px,5.4vw,23px)/1.2 var(--sw-cinzel,"Cinzel",Georgia,serif);color:#8c0f22}
.swpwa-text{margin:0 0 6px;font-size:17px;color:#5a1a14}
.swpwa-steps{list-style:none;margin:6px 0 4px;padding:0;display:grid;gap:8px;text-align:left}
.swpwa-steps li{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:14px;background:rgba(255,255,255,.55);box-shadow:inset 0 0 0 1px rgba(200,146,46,.35);font-size:16px;color:#4a0a14}
.swpwa-steps small{display:block;font-size:13px;color:#7a4a2a}
.swpwa-n{flex:none;width:26px;height:26px;border-radius:50%;display:grid;place-items:center;font:700 14px/1 Georgia,serif;color:#fff6d2;background:linear-gradient(180deg,#c8262c,#6e0915);box-shadow:inset 0 0 0 1.5px #e7b456}
.swpwa-key{display:inline-flex;align-items:center;gap:4px;padding:1px 8px 1px 6px;border-radius:8px;white-space:nowrap;font-weight:700;color:#0a5bd8;background:#fff;box-shadow:0 0 0 1px rgba(0,0,0,.1)}
.swpwa-key svg{width:17px;height:17px}
.swpwa-actions{display:flex;gap:10px;margin-top:14px}
.swpwa-btn{flex:1;min-height:46px;border:0;border-radius:999px;cursor:pointer;font:700 15px/1.1 var(--sw-cinzel,"Cinzel",Georgia,serif);letter-spacing:.03em;color:#8c0f22;background:#fff;box-shadow:inset 0 0 0 1.5px #e7b456}
.swpwa-btn.is-main{flex:1.6;color:#ffe3a1;background:linear-gradient(180deg,#c8262c,#a3141f 45%,#6e0915);box-shadow:inset 0 0 0 1.5px #e7b456,inset 0 1px 0 rgba(255,240,200,.45),0 4px 12px rgba(110,9,21,.4)}
.swpwa-btn:focus-visible{outline:2px solid #e7b456;outline-offset:2px}.swpwa-btn:focus:not(:focus-visible){outline:none}
.swpwa-btn:active{transform:scale(.97)}
.swpwa-never{margin-top:10px;padding:4px 8px;border:0;background:none;cursor:pointer;font:14px Georgia,serif;color:#8a5a3a;text-decoration:underline}
@media (prefers-reduced-motion:reduce){.swpwa *,.swpwa{animation:none!important}}
/* 2026-11-10b: Schritte als ganze Sätze, Knopf-Bild rechts daneben */
.swpwa-say{flex:1;min-width:0}.swpwa-say b{color:#8c0f22;white-space:nowrap}.swpwa-say small{display:block;margin-top:2px}
.swpwa-steps .swpwa-key{flex:none;width:36px;height:36px;padding:0;justify-content:center;border-radius:10px}
.swpwa-steps .swpwa-key svg{width:22px;height:22px}