.starter-page{min-height:100svh;background:radial-gradient(ellipse at 50% 40%,#243958 0%,#101e35 68%);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px 24px;color:#edf3fa;text-align:center}.starter-brand{letter-spacing:.2em;font-size:12px;color:#91a8c3;margin-bottom:30px}.starter-page h1{font-size:clamp(30px,4vw,48px);margin:10px 0}.starter-page>p{color:#aebed1;max-width:510px;line-height:1.6}.starter-eggs{width:min(100%,950px);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin:26px auto}.starter-slot{min-width:0;border:1px solid #9d7e4759;border-radius:24px;background:linear-gradient(150deg,#24364d,#15243b);padding:12px;position:relative;overflow:hidden;box-shadow:0 20px 50px #0002}.starter-slot .starter-art{aspect-ratio:1;overflow:hidden;border-radius:16px}.starter-art .art{height:100%;width:100%;background-size:contain!important;background-repeat:no-repeat;background-position:center}.starter-slot h2{font-size:clamp(14px,1.8vw,21px);min-height:2.4em;display:grid;align-items:center;margin:12px 0 4px}.starter-slot p{font-size:12px;color:#e9bf78}.egg-touch{border:0;background:none;color:inherit;width:100%;cursor:pointer;padding:24px 0 10px;min-height:310px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:30px}.egg-touch:focus-visible{outline:3px solid #f0c46d;outline-offset:-5px;border-radius:20px}.egg-shell{position:relative;width:145px;height:180px;display:block;filter:drop-shadow(0 12px 18px #0008);animation:egg-breathe 4s ease-in-out infinite}.egg-half{position:absolute;inset:0;border-radius:50% 50% 46% 46%/60% 60% 40% 40%;background:radial-gradient(circle at 30% 25%,#ffefc9 0%,#cfab70 45%,#6b5136 100%);border:2px solid #e6c28c}.egg-half:before{content:'';position:absolute;width:12px;height:8px;border-radius:50%;background:#796445;left:25%;top:25%;box-shadow:55px 28px #8c704a,8px 72px #8c704a,56px 96px #8c704a,-4px 40px #8c704a}.egg-top{clip-path:polygon(0 0,100% 0,100% 48%,83% 55%,66% 43%,49% 56%,32% 44%,15% 54%,0 46%)}.egg-bottom{clip-path:polygon(0 46%,15% 54%,32% 44%,49% 56%,66% 43%,83% 55%,100% 48%,100% 100%,0 100%)}.starter-tier{position:absolute;top:16px;left:16px;font-size:12px;letter-spacing:.12em;color:#f4ce8c}.starter-slot .btn{width:100%;margin:8px 0 4px}.starter-hint{font-size:13px;min-height:22px}.starter-slot.is-cracking .egg-shell{animation:egg-shake .48s ease-in-out 2}.starter-slot.is-cracking .egg-top{animation:egg-top-break .8s .5s both}.starter-slot.is-cracking .egg-bottom{animation:egg-bottom-break .8s .5s both}.starter-slot.is-revealed .starter-art{animation:hatch-reveal .6s both}.starter-slot.is-cracking:after{content:'';position:absolute;inset:20%;background:#ffedbd;border-radius:50%;filter:blur(30px);animation:egg-flash 1.1s both;pointer-events:none}.starter-note{font-size:12px!important;color:#8096af!important;margin-top:20px}.starter-slot button:disabled{cursor:default}.starter-page .eyebrow{color:#e5be79}
@keyframes egg-breathe{50%{transform:translateY(-7px) rotate(2deg)}}@keyframes egg-shake{25%{transform:rotate(-7deg)}75%{transform:rotate(7deg)}}@keyframes egg-top-break{to{transform:translate(-30px,-100px) rotate(-24deg);opacity:0}}@keyframes egg-bottom-break{to{transform:translate(25px,65px) rotate(20deg);opacity:0}}@keyframes egg-flash{0%,35%{opacity:0}65%{opacity:.8}100%{opacity:0}}@keyframes hatch-reveal{from{opacity:0;transform:scale(.75) translateY(20px)}to{opacity:1;transform:none}}
@media(max-width:600px){.starter-page{padding:22px 12px;justify-content:flex-start}.starter-brand{margin-bottom:18px}.starter-eggs{gap:7px;margin:20px 0}.starter-slot{padding:7px;border-radius:16px}.egg-touch{min-height:210px;gap:20px;font-size:12px}.egg-shell{width:82px;height:110px}.egg-half:before{width:7px;height:5px;box-shadow:32px 16px #8c704a,5px 46px #8c704a,33px 60px #8c704a,-2px 26px #8c704a}.starter-tier{top:10px;left:10px;font-size:10px}.starter-slot h2{font-size:12px;overflow-wrap:anywhere;min-height:3.2em}.starter-slot p{font-size:10px}.starter-slot .btn{padding:10px 3px;font-size:12px}.starter-art{margin-top:27px}.starter-page>p{font-size:14px}}
@media(prefers-reduced-motion:reduce){.starter-page *{animation:none!important}}

.starter-tier{z-index:1;background:#14243bd9;padding:4px 7px;border-radius:6px}


.starter-slot{border-color:var(--egg-rarity,#60718a)}.starter-slot.is-revealed{box-shadow:0 0 0 1px var(--egg-rarity),0 12px 36px #0004}.starter-slot p{color:#b7c8dc}