#welcome{position:fixed;inset:0;z-index:10000;display:grid;place-items:center;overflow:hidden;padding:24px;background:#ede5dc;color:#513d38;transition:opacity .42s ease;isolation:isolate}
#welcome::before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 75% 20%,#f4e8d780,transparent 55%),radial-gradient(ellipse at 10% 80%,#d6ddcc70,transparent 55%);z-index:-1}
#welcome.leaving{opacity:0;pointer-events:none}.welcome-inner{width:min(100%,340px);text-align:center;padding:24px 0}.welcome-brand{font-family:Georgia,serif;font-size:clamp(34px,9vw,44px);font-style:italic;letter-spacing:-1.5px;margin:0}.welcome-label{font-size:12px;letter-spacing:5px;margin:8px 0 38px;color:#817168}.welcome-portrait{position:relative;width:210px;height:210px;margin:0 auto 30px;display:grid;place-items:end center}.welcome-portrait::before{content:"";position:absolute;inset:13px;border-radius:50%;background:radial-gradient(circle at 40% 25%,#f4e7d4,#e0d4c7);box-shadow:0 15px 45px #80674c0c}.welcome-portrait::after{content:"";position:absolute;bottom:-2px;left:16%;right:16%;height:12px;background:#70544120;filter:blur(9px);border-radius:50%}.welcome-portrait img{position:relative;z-index:1;width:200px;height:200px;object-fit:contain;animation:pet-settle 5s ease-in-out infinite;filter:drop-shadow(0 8px 10px #70544112)}.welcome-spark{position:absolute;color:#c39976;font-size:20px;top:18px;right:6px;opacity:.6}.welcome-spark.small{font-size:13px;left:5px;top:115px;right:auto;color:#9ba58b}#welcome h1{font-size:23px;font-weight:550;letter-spacing:.5px;margin:0 0 10px}#welcome .welcome-copy{font-size:14px;line-height:1.8;color:#817168;margin:0}.welcome-trail{display:flex;justify-content:center;gap:18px;margin:30px 0 18px;color:#b39d8a}.welcome-trail svg{width:17px;height:19px;opacity:.3;animation:paw-glow 3.2s ease-in-out infinite}.welcome-trail svg:nth-child(2){animation-delay:.65s;transform:translateY(4px) rotate(12deg)}.welcome-trail svg:nth-child(3){animation-delay:1.3s;transform:rotate(-8deg)}#welcome .welcome-stage{font-size:12px;color:#8c7b70;margin:0;min-height:22px}.welcome-retry{font:inherit;background:#775b50;color:#fff;border:0;border-radius:18px;padding:12px 22px;margin-top:20px;min-height:44px;cursor:pointer}#welcome .welcome-slow{font-size:12px;line-height:1.8;color:#817168;margin-top:14px}#welcome[hidden]{display:none}[data-welcome-theme=dark] #welcome{background:#101b2a;color:#f0e5dc}[data-welcome-theme=dark] #welcome::before{background:radial-gradient(ellipse at 75% 20%,#64534c33,transparent 55%),radial-gradient(ellipse at 10% 80%,#50564722,transparent 55%)}[data-welcome-theme=dark] .welcome-portrait::before{background:radial-gradient(circle at 40% 25%,#31435b,#1d2b40)}[data-welcome-theme=dark] #welcome .welcome-copy,[data-welcome-theme=dark] .welcome-label,[data-welcome-theme=dark] #welcome .welcome-stage,[data-welcome-theme=dark] #welcome .welcome-slow{color:#bdc5d2}
@keyframes pet-settle{0%,100%{transform:translateY(0)}50%{transform:translateY(-3px)}}@keyframes paw-glow{0%,100%{opacity:.25}45%{opacity:.75}}@media(prefers-reduced-motion:reduce){#welcome{transition:none}.welcome-portrait img,.welcome-trail svg{animation:none}.welcome-trail svg{opacity:.5}}@media(max-height:620px){.welcome-label{margin-bottom:20px}.welcome-portrait{width:160px;height:160px;margin-bottom:18px}.welcome-portrait img{width:150px;height:150px}.welcome-trail{margin:18px 0 12px}.welcome-inner{padding:0}}