.welcome-root{--brand-deep: #0b5566;--brand-mid: #17a2a8;--brand-accent: #ff7aa2;--brand-warm: #ffb703;--brand-peach: #ffd6a5;--brand-deep-dark: #08424f;--play-fuchsia: #ff6bb5;--play-sky: #4fd1ff;--play-lime: #b6f24b;--play-orange: #ff9f43;--play-purple: #b983ff;--bg-start: #fffbe6;--bg-end: #e6f7ff;--text: #082032;--muted: #4b6b76;--card-shadow: rgba(11, 85, 102, .08);font-family:Comic Sans MS,Comic Sans,Trebuchet MS,sans-serif;color:var(--text);padding:28px 20px;background:linear-gradient(180deg,var(--bg-start) 0%,var(--bg-end) 100%);min-height:100vh;display:flex;flex-direction:column;align-items:center}.welcome-main,.welcome-header,.welcome-footer{width:100%;max-width:1000px;box-sizing:border-box}.welcome-header{text-align:center;margin:8px 0 22px}.welcome-header{position:relative;padding:18px 14px 22px;border-radius:14px;background:linear-gradient(90deg,rgba(23,162,168,.08) 0%,rgba(23,162,168,.08) 50%,rgba(255,107,181,.06) 50%,rgba(255,107,181,.06) 100%),linear-gradient(180deg,color-mix(in srgb,var(--bg-start) 80%,var(--bg-end) 20%),rgba(255,255,255,.6));box-shadow:0 10px 28px #0820320f;overflow:visible}.welcome-header:before{content:"";position:absolute;left:12px;right:12px;top:-10px;height:12px;border-radius:8px;background:linear-gradient(90deg,var(--play-fuchsia),var(--play-sky),var(--play-lime),var(--play-orange));box-shadow:0 6px 18px #0000000f}@media (min-width: 900px){.welcome-header{background:linear-gradient(90deg,rgba(23,162,168,.14) 0%,rgba(23,162,168,.14) 48%,rgba(255,107,181,.12) 52%,rgba(255,107,181,.12) 100%),linear-gradient(180deg,color-mix(in srgb,var(--bg-start) 80%,var(--bg-end) 20%),rgba(255,255,255,.6))}}@media (max-width: 640px){.welcome-header{background:linear-gradient(180deg,color-mix(in srgb,var(--bg-start) 85%,var(--bg-end) 15%),rgba(255,255,255,.65));border-radius:10px;padding:14px 10px 18px}}.welcome-logo{border:6px solid rgba(255,255,255,.9);box-shadow:0 12px 30px #0b55661f,0 2px #fff9 inset;transition:transform .22s ease,box-shadow .22s ease}.welcome-logo:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 18px 36px #0b556629}.welcome-logo{width:160px;height:auto;border-radius:12px;box-shadow:0 8px 18px var(--card-shadow);border:6px solid #fff}.welcome-title{font-size:2rem;margin:8px 0 6px;color:var(--brand-deep)}.welcome-title.gradient{color:var(--brand-deep);background:linear-gradient(90deg,var(--play-fuchsia) 0%,var(--play-sky) 25%,var(--play-lime) 50%,var(--play-orange) 75%,var(--play-purple) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 1px 0 rgba(255,255,255,.35),0 3px 10px rgba(8,32,50,.06);letter-spacing:.6px}.welcome-title.gradient{display:block;width:100%;text-align:center;padding:.15rem 0;margin-top:12px;margin-bottom:6px;border-radius:6px;background-color:transparent;-webkit-text-stroke:2px rgba(8,32,50,.12);text-shadow:0 0 0 rgba(8,32,50,.12),1px 0 0 rgba(8,32,50,.12),-1px 0 0 rgba(8,32,50,.12),0 1px 0 rgba(8,32,50,.12),0 -1px 0 rgba(8,32,50,.12),1px 1px 0 rgba(8,32,50,.08),-1px -1px 0 rgba(8,32,50,.08)}.welcome-title{font-weight:900;font-size:2.6rem;line-height:1.02;margin-bottom:6px;position:relative}.welcome-title.gradient:after{content:"";position:absolute;left:-6px;right:-6px;top:-6px;bottom:-6px;z-index:-1;border-radius:12px;filter:blur(18px);background:linear-gradient(90deg,rgba(255,107,181,.18),rgba(79,209,255,.12),rgba(182,242,75,.12),rgba(255,159,67,.12));opacity:.95}.welcome-title.gradient{-webkit-text-stroke:.6px rgba(8,32,50,.08)}@media (max-width: 900px){.welcome-title{font-size:2.2rem}}@media (max-width: 640px){.welcome-title{font-size:1.8rem;letter-spacing:.3px}}.welcome-sub{margin:0 auto;font-size:1rem;color:var(--brand-mid);max-width:720px}.welcome-main{display:flex;flex-direction:column;align-items:center;gap:22px}.cards{display:flex;gap:18px;flex-wrap:wrap;justify-content:center}.card{background:linear-gradient(180deg,#ffffff,#fffdf8);border-radius:14px;padding:18px;width:260px;box-shadow:0 6px 14px var(--card-shadow);text-align:center;border:2px solid rgba(255,255,255,.6)}.card{transition:transform .24s cubic-bezier(.2,.9,.3,1),box-shadow .24s ease,background .24s ease}.card:hover,.card:focus,.card:focus-visible{transform:translateY(-6px) scale(1.02);box-shadow:0 18px 42px #0b556624;background:linear-gradient(180deg,#fffefb,#fff7f2);outline:none}.card:focus-visible{box-shadow:0 18px 42px #0b55661f,0 0 0 4px #17a2a81f;border-color:#17a2a840}.card h2{margin:0 0 8px;font-size:1.05rem;color:var(--brand-deep)}.card p{margin:0;font-size:.95rem;color:var(--brand-mid)}.cta-row{display:flex;gap:12px;margin-top:8px;align-items:center}.cta-primary,.cta-secondary{display:inline-block;padding:12px 18px;border-radius:12px;text-decoration:none;font-weight:700}.cta-primary{background:linear-gradient(90deg,var(--play-sky),var(--play-fuchsia));color:#082032;box-shadow:0 8px 22px #4fd1ff1f;border:none}.cta-primary:hover,.cta-primary:focus{transform:translateY(-2px);box-shadow:0 18px 30px #4fd1ff2e}.cta-primary:focus-visible{outline:none;box-shadow:0 18px 30px #4fd1ff2e,0 0 0 4px #4fd1ff1f}.cta-secondary{background:linear-gradient(90deg,#fff,rgba(255,255,255,.85));color:var(--play-fuchsia);border:2px dashed rgba(255,107,181,.18)}.cta-secondary:not(.disabled):hover,.cta-secondary:not(.disabled):focus{transform:translateY(-2px);box-shadow:0 10px 28px #ff6bb514}.cta-secondary:focus-visible{outline:none;box-shadow:0 10px 28px #ff6bb514,0 0 0 4px #ff6bb514}.sell-wrap{position:relative;display:inline-block}.cta-secondary.disabled{pointer-events:none;opacity:.7;background:linear-gradient(180deg,#fff,#fff7f7);border-color:var(--brand-peach);color:var(--brand-accent)}.coming-soon-ribbon{position:absolute;top:-8px;right:-8px;transform:rotate(12deg);background:linear-gradient(90deg,var(--brand-peach),var(--brand-accent));color:var(--text);padding:6px 10px;border-radius:6px;font-weight:800;font-size:.8rem;box-shadow:0 6px 14px #0f2e3b1f;border:1px solid rgba(255,255,255,.6)}.coming-soon-ribbon span{display:block;transform:translateY(-1px)}.sr-only{position:absolute!important;height:1px;width:1px;overflow:hidden;clip:rect(1px,1px,1px,1px);white-space:nowrap}.welcome-footer{margin-top:28px;color:var(--muted);display:flex;align-items:center;justify-content:space-between;gap:12px}.facebook-link{display:inline-flex;align-items:center;gap:6px;margin-top:8px;padding:8px 12px;background:var(--brand-deep);color:#fff;border-radius:10px;text-decoration:none;font-weight:700}.facebook-link:hover{background:var(--brand-deep-dark)}.facebook-link{transition:transform .18s ease,box-shadow .18s ease,background .18s ease}.facebook-link:hover{transform:translateY(-2px) scale(1.01);box-shadow:0 12px 28px #0820321f}.facebook-link:focus-visible{outline:none;box-shadow:0 12px 28px #0820321f,0 0 0 4px #0820320f}@media (max-width: 900px){.welcome-title{font-size:1.8rem}.card{width:220px}.welcome-footer{flex-direction:column;align-items:center}}@media (max-width: 640px){.cards{flex-direction:column;align-items:center}.coming-soon-ribbon{font-size:.75rem;padding:5px 8px;top:-6px;right:-6px}.welcome-root{padding:18px 12px}}.coming-soon-badge{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(-6deg);background:linear-gradient(90deg,var(--brand-accent) 0%,#fecfef 50%,var(--brand-peach) 100%);color:var(--text);padding:8px 14px;border-radius:999px;font-weight:800;font-size:.95rem;letter-spacing:.4px;pointer-events:none;box-shadow:0 10px 24px #0f2e3b2e;border:2px solid rgba(255,255,255,.6);text-shadow:0 1px 0 rgba(255,255,255,.35);transform-origin:center;animation:coming-soon-float 3.5s ease-in-out infinite}@keyframes coming-soon-float{0%{transform:translate(-50%,-50%) rotate(-6deg) translateY(0)}50%{transform:translate(-50%,-56%) rotate(-6deg) translateY(-6px)}to{transform:translate(-50%,-50%) rotate(-6deg) translateY(0)}}@media (prefers-reduced-motion: reduce){.welcome-logo,.card,.cta-primary,.cta-secondary,.facebook-link,.coming-soon-badge{transition:none!important;animation:none!important}}.cta-secondary.disabled{pointer-events:none;opacity:.55;background:linear-gradient(180deg,#fff,#fff7f7);border-color:var(--brand-peach)}.bubble-layer{position:fixed;left:0;right:0;bottom:0;height:100vh;pointer-events:none;overflow:visible;z-index:0}.welcome-header{position:relative;z-index:2;overflow:visible}.bubble{position:absolute;border-radius:999px;opacity:.98;transform:translateZ(0);overflow:visible}.bubble:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;filter:blur(12px);opacity:.75;z-index:-1}.bubble--pink{background:radial-gradient(circle at 35% 30%,rgba(255,195,215,.95) 0%,rgba(255,142,193,.85) 25%,rgba(255,107,181,.6) 60%,rgba(255,107,181,.18) 100%)}.bubble--pink:before{background:radial-gradient(circle at 50% 40%,rgba(255,182,206,.9) 0%,rgba(255,107,181,.55) 40%,rgba(255,107,181,.12) 100%)}.bubble--blue{background:radial-gradient(circle at 35% 30%,rgba(177,239,255,.95) 0%,rgba(120,222,255,.8) 30%,rgba(79,209,255,.55) 60%,rgba(79,209,255,.12) 100%)}.bubble--blue:before{background:radial-gradient(circle at 50% 40%,rgba(180,235,255,.9) 0%,rgba(79,209,255,.5) 35%,rgba(79,209,255,.1) 100%)}.bubble--s1{width:120px;height:120px;left:6%;bottom:6%;animation:riseA 10s linear infinite}.bubble--s2{width:84px;height:84px;left:20%;bottom:4%;animation:riseB 8.5s linear infinite}.bubble--s3{width:56px;height:56px;left:72%;bottom:8%;animation:riseC 7.2s linear infinite}.bubble--s4{width:96px;height:96px;left:86%;bottom:2%;animation:riseD 11.2s linear infinite}.bubble--s5{width:44px;height:44px;left:48%;bottom:12%;animation:riseE 9.3s linear infinite}@keyframes riseA{0%{transform:translateY(0) translate(0) scale(.98);opacity:.96}25%{opacity:.92}60%{transform:translateY(-220px) translate(18px) scale(1.02);opacity:.72}to{transform:translateY(-420px) translate(36px) scale(1.06);opacity:0}}@keyframes riseB{0%{transform:translateY(0) translate(0) scale(1);opacity:.95}30%{transform:translateY(-160px) translate(-14px) scale(1.01);opacity:.78}to{transform:translateY(-360px) translate(-28px) scale(1.04);opacity:0}}@keyframes riseC{0%{transform:translateY(0) translate(0) scale(1);opacity:.95}40%{transform:translateY(-120px) translate(8px) scale(1.02);opacity:.82}to{transform:translateY(-280px) translate(20px) scale(1.05);opacity:0}}@keyframes riseD{0%{transform:translateY(0) translate(0) scale(.96);opacity:.96}35%{transform:translateY(-200px) translate(-22px) scale(1);opacity:.8}to{transform:translateY(-480px) translate(-44px) scale(1.03);opacity:0}}@keyframes riseE{0%{transform:translateY(0) translate(0) scale(1);opacity:.95}45%{transform:translateY(-90px) translate(10px) scale(1.02);opacity:.86}to{transform:translateY(-240px) translate(22px) scale(1.05);opacity:0}}@keyframes rise-dynamic{0%{transform:translateZ(0) scale(.98);opacity:.98}20%{opacity:.92}60%{transform:translate3d(calc(var(--rise-drift, 12px) * .5),calc(-1 * var(--rise-distance, 420px) * .55),0) scale(1.02);opacity:.75}to{transform:translate3d(var(--rise-drift, 24px),calc(-1 * var(--rise-distance, 420px)),0) scale(1.06);opacity:0}}@media (prefers-reduced-motion: reduce){.bubble{animation:none!important;transition:none!important}.bubble:before{filter:none!important}}.play-bubble{position:absolute;right:18px;bottom:-24px;width:56px;height:56px;border-radius:999px;border:none;display:inline-grid;place-items:center;background:linear-gradient(90deg,var(--play-sky),var(--play-fuchsia));box-shadow:0 10px 28px #08203224;cursor:pointer;z-index:4}.play-bubble:active{transform:scale(.96)}.party-layer{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:1;overflow:visible}.bubble.party{position:absolute;bottom:6px;animation-name:rise-dynamic;animation-timing-function:cubic-bezier(.2,.8,.25,1);animation-fill-mode:forwards;will-change:transform,opacity}@media (prefers-reduced-motion: reduce){.party-layer,.play-bubble{display:none}}
