/* Approved Original onboarding. Scoped to the experimental overlay. */
html.ce-onboarding-open,html.ce-onboarding-open body{overflow:hidden}
.ce-onboarding{--ceob-ink:#fff;--ceob-secondary:#ffffffc4;--ceob-scene:min(108vw,480px);--ceob-top:calc(var(--safe-area-top,env(safe-area-inset-top,0px)) + var(--content-safe-area-top,0px));--ceob-bottom:var(--safe-area-bottom,env(safe-area-inset-bottom,0px));position:fixed;inset:0;z-index:11000;height:100vh;height:100dvh;overflow:hidden;isolation:isolate;touch-action:pan-y;color:var(--ceob-ink);background:#032441;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-synthesis:none;line-height:normal;text-align:left;color-scheme:dark}
.ce-onboarding,.ce-onboarding *{box-sizing:border-box}
.ce-onboarding button{font:inherit;color:inherit;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}
.ce-onboarding button:focus-visible{outline:2px solid currentColor;outline-offset:4px}
.ce-onboarding .ceob-primary:focus-visible{outline:none}
.ce-onboarding button:active{opacity:.7}
.ce-onboarding [hidden]{display:none!important}
.ceob-background{position:absolute;inset:0;z-index:-2;background:radial-gradient(ellipse 110% 54% at 50% 112%,#7fdcff 0,transparent 72%),linear-gradient(180deg,#001c36 0%,#02325a 44%,#087ddd 81%,#25a6fc 100%)}
.ceob-top{position:absolute;top:0;left:50%;transform:translateX(-50%);width:min(100%,480px);padding:calc(var(--ceob-top) + 16px) 22px 0;z-index:10}
.ceob-progress{display:flex;gap:5px;height:16px;align-items:center}
.ceob-progress button{position:relative;flex:1;height:24px;background:none;border:0;padding:0}
.ceob-progress button:before,.ceob-progress button:after{content:"";position:absolute;left:0;right:0;top:10px;height:3px;border-radius:10px;background:var(--ceob-ink);opacity:.2}
.ceob-progress button.ceob-complete:after,.ceob-progress button[aria-current=true]:after{opacity:.9}
.ceob-slides{position:relative;height:100%;max-width:480px;margin:auto}
.ceob-slide{position:absolute;inset:0;display:flex;flex-direction:column;padding:calc(var(--ceob-top) + 89px) 28px calc(var(--ceob-bottom) + 18px);overflow-y:auto;overscroll-behavior:contain}
.ceob-visual{position:relative;flex:1;min-height:150px;width:calc(100% + 56px);margin-left:-28px;isolation:isolate;pointer-events:none;user-select:none}
.ceob-art{position:absolute;inset:0}
.ceob-egg{position:absolute;left:50%;top:50%;width:var(--ceob-scene);height:var(--ceob-scene);object-fit:contain;max-width:none;transform:translate(-50%,-50%);pointer-events:none;user-select:none}
.ceob-scene-welcome .ceob-egg{top:53%;width:calc(var(--ceob-scene)*1.18);height:calc(var(--ceob-scene)*1.18);transform:translate(-50%,-50%) rotate(6deg);filter:drop-shadow(0 30px 60px #000c2524)}
.ceob-halo{position:absolute;width:75%;aspect-ratio:1;left:50%;top:54%;transform:translate(-50%,-50%);background:radial-gradient(ellipse,#60c5ff27,transparent 70%);z-index:-1}
.ceob-scene-duel .ceob-egg{left:27%;top:46%;width:calc(var(--ceob-scene)*.73);height:calc(var(--ceob-scene)*.73);transform:translate(-50%,-50%) rotate(-14deg)}
.ceob-scene-duel .ceob-egg:nth-of-type(2){left:75%;top:52%;transform:translate(-50%,-50%) rotate(27deg)}
.ceob-moves{position:absolute;left:50%;bottom:12%;transform:translateX(-50%);display:flex;align-items:center;gap:11px}
.ceob-moves span{width:47px;height:47px;display:grid;place-items:center;font-size:29px;background:#ffffff19;border:1px solid #ffffff24;border-radius:16px;box-shadow:0 6px 18px #00205912}
.ceob-scene-result .ceob-egg{left:36%;top:48%;width:calc(var(--ceob-scene)*.96);height:calc(var(--ceob-scene)*.96);transform:translate(-50%,-50%) rotate(-10deg);z-index:2}
.ceob-scene-result .ceob-egg.ceob-broken{left:82%;top:68%;width:calc(var(--ceob-scene)*.57);height:calc(var(--ceob-scene)*.57);transform:translate(-50%,-50%) rotate(18deg);z-index:1}
.ceob-scene-pool .ceob-egg{width:calc(var(--ceob-scene)*.63);height:calc(var(--ceob-scene)*.63);left:22%;top:63%;transform:translate(-50%,-50%) rotate(-21deg)}
.ceob-scene-pool .ceob-egg:nth-of-type(2){left:79%;top:63%;transform:translate(-50%,-50%) rotate(29deg)}
.ceob-scene-pool .ceob-egg:nth-of-type(3){left:50%;top:41%;width:calc(var(--ceob-scene)*.92);height:calc(var(--ceob-scene)*.92);transform:translate(-50%,-50%) rotate(8deg);filter:drop-shadow(0 20px 20px #00235b20)}
.ceob-copy{position:relative;z-index:3;flex:none;width:100%;max-width:410px;margin-inline:auto;text-align:center;padding-top:8px;padding-bottom:24px}
.ceob-copy h1{font-size:clamp(23px,7vw,30px);line-height:1.15;font-weight:700;letter-spacing:-.6px;margin:0 0 14px;color:var(--ceob-ink);text-wrap:balance}
.ceob-copy p{font-size:17px;line-height:24px;font-weight:400;letter-spacing:-.25px;margin:0;color:var(--ceob-secondary);text-wrap:pretty}
.ceob-copy small{display:block;margin-top:12px;font-size:13px;line-height:18px;color:var(--ceob-secondary);letter-spacing:-.1px}
.ceob-bottom{position:relative;z-index:4;flex:none}
.ce-onboarding .ceob-primary{width:100%;height:54px;border:0;border-radius:100px;background:#fff;color:#101b26;font-size:17px;line-height:22px;font-weight:650;letter-spacing:-.3px;padding:0 20px}
.ceob-top-actions{display:flex;justify-content:flex-end;height:44px}
.ce-onboarding .ceob-skip{padding:8px 0 8px 12px;min-width:44px;min-height:44px;border:0;background:none;color:var(--ceob-secondary);font-size:15px;line-height:20px;letter-spacing:-.2px;text-align:right}
.ceob-announcement{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
@media(min-width:700px){.ce-onboarding{--ceob-scene:min(55vh,490px)}.ceob-slide{padding-top:calc(var(--ceob-top) + 98px);padding-bottom:calc(var(--ceob-bottom) + 28px)}.ceob-top{padding-top:calc(var(--ceob-top) + 19px)}.ceob-copy{padding-bottom:27px}.ceob-background{background:radial-gradient(ellipse 65% 55% at 50% 110%,#7fdcff 0,transparent 78%),linear-gradient(180deg,#001c36 0%,#02325a 44%,#087ddd 81%,#25a6fc 100%)}}
@media(max-height:740px){.ce-onboarding{--ceob-scene:min(92vw,365px)}.ceob-slide{padding-top:calc(var(--ceob-top) + 76px);padding-bottom:calc(var(--ceob-bottom) + 12px)}.ceob-top{padding-top:calc(var(--ceob-top) + 9px)}.ceob-copy{padding-top:0;padding-bottom:18px}.ceob-copy h1{margin-bottom:10px}.ceob-copy p{font-size:16px;line-height:22px}.ceob-copy small{font-size:12px;line-height:16px;margin-top:8px}.ce-onboarding .ceob-primary{height:50px}.ceob-moves{bottom:6%}.ceob-moves span{width:39px;height:39px;font-size:24px;border-radius:13px}}
@media(max-height:590px){.ce-onboarding{--ceob-scene:270px}.ceob-visual{min-height:125px}}
@media(prefers-reduced-motion:no-preference){.ceob-enter .ceob-art{animation:ceob-art-in .5s cubic-bezier(.2,.7,.2,1) both}.ceob-enter .ceob-copy{animation:ceob-copy-in .36s .06s ease-out both}@keyframes ceob-art-in{from{opacity:0;translate:16px 0;scale:.97}to{opacity:1;translate:0 0;scale:1}}@keyframes ceob-copy-in{from{opacity:0;translate:0 7px}to{opacity:1;translate:0 0}}}