.welcome-banner{position:fixed;bottom:max(16px,env(safe-area-inset-bottom));right:20px;z-index:80;box-sizing:border-box;width:min(390px,calc(100vw - 24px));max-height:calc(100dvh - 32px);overflow:auto;padding:16px 24px 18px;background:linear-gradient(135deg,#fffdf9f5,#f4e6ccf5);backdrop-filter:blur(22px);border:1px solid #fff;border-radius:32px 48px 32px 32px;box-shadow:inset 0 2px 3px #fff,0 15px 50px #57391830;color:#3b2d20;text-align:center;animation:welcome-arrive .65s cubic-bezier(.16,1,.3,1) both}.welcome-art{position:relative;height:86px;width:130px;margin:0 auto 4px;display:grid;place-items:center}.welcome-banner .welcome-art .crystal-icon{width:100px;height:100px;background-image:url('assets/crystal-icons.png');background-size:300% 200%;background-position:0 0;animation:welcome-bob 2.4s ease-in-out 2}.welcome-orbit{position:absolute;width:110px;height:32px;border:1px solid #c6a36e65;border-radius:50%;bottom:2px;background:radial-gradient(ellipse,#e0c59555,transparent 70%)}.welcome-banner .welcome-eyebrow{font:600 9px/1.5 Arial,sans-serif;letter-spacing:1.8px;display:block;color:#876637}.welcome-banner .welcome-title{display:block;font:500 29px/1.1 Georgia,serif;margin:8px auto;max-width:290px}.welcome-banner .welcome-message{font:15px/1.5 Arial,sans-serif;margin:0 auto 14px;max-width:255px}.welcome-banner .welcome-cta{display:flex;align-items:center;justify-content:center;gap:9px;min-height:48px;border-radius:17px;text-decoration:none;color:#fffaf0;background:linear-gradient(135deg,#9b743e,#73522c);border:1px solid #b49665;box-shadow:inset 0 1px 2px #fff7,0 5px 12px #6d482923;font:600 15px/1.3 Arial,sans-serif;padding:10px 12px;transition:transform .2s}.welcome-banner .welcome-cta:hover{transform:translateY(-2px)}.welcome-banner .welcome-note{font:12px/1.45 Arial,sans-serif;max-width:290px;margin:10px auto;color:#6d5c47}.welcome-banner .welcome-details{border-top:1px solid #c6ab803f;padding-top:5px;font:12px/1.55 Arial,sans-serif;text-align:left}.welcome-banner .welcome-details summary{cursor:pointer;min-height:38px;display:flex;align-items:center;justify-content:center;gap:8px;list-style:none;color:#604a30}.welcome-details summary::-webkit-details-marker{display:none}.welcome-details summary:after{content:'+';font-size:19px}.welcome-details[open] summary:after{content:'−'}.welcome-banner .welcome-details p{margin:2px 0 4px}.welcome-banner .welcome-close{position:absolute;top:12px;right:12px;display:grid;place-items:center;margin:0;width:44px;height:44px;padding:0;border:1px solid #d1ba924f;border-radius:50%;background:#fff8;color:#765d3b;font:24px/1 Arial,sans-serif;cursor:pointer}.welcome-banner .welcome-close:disabled{font-size:15px}.welcome-countdown{position:fixed;bottom:20px;right:20px;z-index:80;padding:12px 18px;background:#fff8eaf5;color:#493321;border:1px solid #fff;border-radius:16px;font:14px/1.4 sans-serif;box-shadow:0 3px 20px #57391820}.welcome-banner :focus-visible{outline:3px solid #8f602a;outline-offset:3px}@keyframes welcome-arrive{from{opacity:0;transform:translateY(25px) scale(.96)}to{opacity:1;transform:none}}@keyframes welcome-bob{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-5px) rotate(2deg)}}@media(max-width:600px){.welcome-banner{right:12px;padding:12px 22px 12px}.welcome-banner .welcome-title{font-size:27px}.welcome-art{height:76px}.welcome-banner .welcome-art .crystal-icon{width:90px;height:90px}}@media(prefers-reduced-motion:reduce){.welcome-banner,.welcome-banner .welcome-art .crystal-icon{animation:none}.welcome-banner .welcome-cta{transition:none}}