/* Our Little Universe · V19 · Star Egg */
:root{--egg-rose:#ffc2d8;--egg-cream:#fff0ce;--egg-gold:#fbd080}
.star-egg-stage{position:absolute;left:3.4%;bottom:4.1%;width:16.5%;max-width:158px;z-index:17;display:flex;flex-direction:column;align-items:center;pointer-events:none}
.star-egg-button{position:relative;border:0;background:transparent;width:100%;padding:0;cursor:pointer;pointer-events:auto;-webkit-tap-highlight-color:transparent;filter:drop-shadow(0 8px 13px #260f36a5);transition:transform .3s ease}
.star-egg-button svg{display:block;width:100%;height:auto;overflow:visible}
.star-egg-button:focus-visible{outline:2px solid #ffe5be;outline-offset:4px;border-radius:30px}
.star-egg-shape{transform-origin:50% 82%;animation:starEggBreath 3s ease-in-out infinite}
.star-egg-shine{animation:starEggShimmer 4.5s ease-in-out infinite;transform-origin:50% 50%}
.star-egg-button:hover{transform:translateY(-3px)}
.star-egg-button.is-shaking .star-egg-shape{animation:starEggShake .7s cubic-bezier(.25,.8,.3,1)}
.star-egg-button.is-hatching .star-egg-shape{animation:starEggBurst 1.6s ease forwards}
.star-egg-crack{opacity:0;stroke-dasharray:180;stroke-dashoffset:180;transition:opacity .4s ease}
.star-egg-stage[data-crack="1"] .star-egg-crack.one,.star-egg-stage[data-crack="2"] .star-egg-crack.one,.star-egg-stage[data-crack="2"] .star-egg-crack.two,.star-egg-stage[data-crack="3"] .star-egg-crack{opacity:1;stroke-dashoffset:0}
.star-egg-stage[data-ready="true"] .star-egg-button{filter:drop-shadow(0 0 13px #fff3a9)}
.star-egg-stage[data-ready="true"] .star-egg-shape{animation:starEggReady 1.1s ease-in-out infinite}
.star-egg-stage.is-hatching .star-egg-shape{animation:starEggBurst 1.55s forwards ease-out}
.star-egg-stage.is-hatching .star-egg-crack{opacity:1;stroke-dashoffset:0}
.star-egg-tiny{display:block;position:relative;margin-top:-11%;min-width:112%;white-space:nowrap;text-align:center;padding:4px 7px;border:1px solid #f8d4aa8a;border-radius:50px;font-size:clamp(.57rem,1.35vw,.77rem);font-weight:800;color:#fff5df;background:#4c2b64e8;box-shadow:0 4px 12px #160f24bb;pointer-events:auto;cursor:pointer}
.star-egg-hint{position:absolute;bottom:100%;left:50%;transform:translateX(-50%);padding:5px 9px;border-radius:12px;background:#2e1b41f5;color:#fff3dd;white-space:nowrap;font-size:clamp(.55rem,1vw,.73rem);font-weight:700;opacity:0;transition:opacity .2s;pointer-events:none}
.star-egg-button:hover .star-egg-hint,.star-egg-button:focus-visible .star-egg-hint{opacity:1}
.star-egg-panel{width:100%;max-width:100%;margin:12px auto 16px;border:1px solid #efb7d4aa;background:linear-gradient(145deg,#603c72ed,#312043f4);border-radius:24px;padding:17px 15px 16px;color:#f9e9ec;box-shadow:0 18px 32px #1f102a80;min-width:0;overflow:hidden}
.star-egg-head{display:flex;justify-content:space-between;align-items:start;gap:12px;flex-wrap:wrap}
.star-egg-head h2{margin:2px 0 5px;font:700 clamp(1.4rem,4vw,2rem) Georgia,serif;color:#fff1df}
.star-egg-head p{margin:4px 0;font-size:.87rem;line-height:1.55;color:#f0d7e7;max-width:650px}
.star-egg-kicker{font-size:.7rem;font-weight:900;letter-spacing:.12em;color:#f8d09a}
.star-egg-count{white-space:nowrap;color:#ffe7b7;font-weight:900;padding:8px 12px;border:1px solid #efd2a96e;border-radius:99px;background:#28173284}
.star-egg-progress-track{height:14px;border-radius:99px;background:#261735;border:1px solid #b28bad8a;margin:14px 0 8px;overflow:hidden}
.star-egg-progress-fill{height:100%;width:0%;border-radius:inherit;background:linear-gradient(90deg,#f8a7c7,#ffe6a9,#f7bcea);box-shadow:0 0 12px #ffc785aa;transition:width .5s ease}
.star-egg-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:9px 0}
.star-egg-pill{border-radius:999px;padding:9px 15px;border:1px solid #f6d5ad;background:linear-gradient(110deg,#ffdfb6,#efabc9);color:#452944;font-weight:900;font-size:.86rem;cursor:pointer}
.star-egg-pill:disabled{opacity:.48;cursor:not-allowed}
.star-egg-outlined{background:#382449;color:#fff0df;border-color:#ad8ba9}
.star-egg-announcement{font-size:.88rem;line-height:1.4;min-height:22px;color:#f9dbc2}
.star-egg-gallery-head{display:flex;justify-content:space-between;align-items:baseline;gap:8px;margin-top:14px}
.star-egg-gallery-head h3{font:700 1.25rem Georgia,serif;color:#fff1d9;margin:0}
.star-egg-gallery-head span{font-size:.78rem;color:#f6d2e3}
.star-egg-inventory{display:flex;gap:11px;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;padding:9px 2px 12px;max-width:100%;-webkit-overflow-scrolling:touch}
.star-egg-inventory::-webkit-scrollbar{height:6px}.star-egg-inventory::-webkit-scrollbar-thumb{background:#e4b7cf77;border-radius:99px}
.star-egg-item{flex:0 0 138px;scroll-snap-align:start;border:1px solid #b78db1;border-radius:18px;background:linear-gradient(180deg,#604166,#332344);color:#fff7e9;min-height:175px;padding:11px 7px;display:flex;align-items:center;flex-direction:column;gap:6px;cursor:pointer;transition:border-color .2s,transform .2s}
.star-egg-item:focus-visible{outline:2px solid #ffcf9a;outline-offset:3px}
.star-egg-item[aria-pressed="true"]{border-color:#ffe0a3;box-shadow:inset 0 0 0 1px #f4cfb2,0 0 20px #f6b9d144}
.star-egg-item .art{font-size:3.15rem;filter:drop-shadow(0 4px 8px #1c0b2299)}
.star-egg-item strong{font-size:.88rem;line-height:1.2;text-align:center}
.star-egg-item small{font-size:.72rem;color:#e6c6d9;text-align:center}
.star-egg-item .tag{margin-top:auto;border-radius:99px;padding:5px 7px;background:#2d2039;color:#ffddb8;font-size:.7rem;font-weight:800;text-align:center}
.star-egg-empty{font-size:.86rem;color:#f1d4e2;padding:9px 3px 17px}
.star-egg-overlay{position:fixed;inset:0;z-index:20050;display:grid;place-items:center;background:#12051add;backdrop-filter:blur(9px);padding:16px;overflow:hidden}
.star-egg-overlay[hidden]{display:none!important}
.star-egg-reveal{width:min(92vw,410px);position:relative;border:1px solid #ffe3bc;background:radial-gradient(circle at 48% 5%,#8d528e,#4d2964 54%,#211732);border-radius:27px;box-shadow:0 0 64px #ffb2e568;padding:25px 18px;text-align:center;color:#fff1dd;animation:starEggCard .6s cubic-bezier(.22,1.35,.37,1) both}
.star-egg-reveal::before{content:'✦ ✧ ✦';position:absolute;top:14px;left:0;width:100%;letter-spacing:27px;color:#ffe3ac;animation:starEggShimmer 1.3s ease infinite;pointer-events:none}
.star-egg-reveal h2{font:700 2rem Georgia,serif;margin:4px 0 12px}.star-egg-reveal-icon{font-size:6rem;line-height:1.35;animation:starEggPrize 1.4s ease infinite;filter:drop-shadow(0 0 20px #fff5bfbd)}
.star-egg-reveal h3{font:700 1.5rem Georgia,serif;color:#ffe1bc;margin:10px 0 8px}.star-egg-reveal p{font-size:.9rem;line-height:1.45;color:#efd9e7}
.star-egg-confetti{position:absolute;font-size:clamp(16px,3vw,30px);color:#ffe1ad;animation:starEggConfetti var(--dur,2s) ease-out forwards;pointer-events:none;z-index:21000;left:50%;top:50%}
.star-egg-addon{position:absolute;pointer-events:none;z-index:8;filter:drop-shadow(0 5px 9px #281339b5);animation:starEggBob 4s ease-in-out infinite;transition:opacity .3s ease}
.star-egg-addon svg{width:100%;height:100%;overflow:visible}
.star-egg-addon.egg-interactive{pointer-events:auto;cursor:pointer}
.star-egg-addon.egg-interactive:focus-visible{outline:2px solid #ffdfb8;border-radius:16px}
.star-egg-addon[data-id="dawn-crystal"]{left:4%;top:72%;width:14%;height:19%}
.star-egg-addon[data-id="lavender-lava"]{left:27%;top:40%;width:9%;height:20%}
.star-egg-addon[data-id="moon-mobile"]{left:24%;top:6%;width:17%;height:13%}
.star-egg-addon[data-id="firefly-jar"]{left:75%;top:41%;width:12%;height:15%}
.star-egg-addon[data-id="heart-chair"]{left:0%;top:70%;width:18%;height:21%}
.star-egg-addon[data-id="heart-lantern"]{left:16%;top:64%;width:10%;height:15%}
.star-egg-addon[data-id="cloud-puppy"],.star-egg-addon[data-id="sleepy-kitten"]{right:4%;bottom:4%;width:18%;height:16%;animation:starEggBob 3.3s ease-in-out infinite}
.star-egg-addon[data-id="bunny-brooch"]{left:42%;top:67%;width:6%;height:8%}
.star-egg-addon[data-id="kat-pendant"]{left:57%;top:69%;width:5%;height:7%}
.star-egg-addon[data-id="bunny-crown"]{left:37%;top:50%;width:16%;height:11%}
.star-egg-addon[data-id="kat-tiara"]{left:52%;top:51%;width:13%;height:9%}
.star-egg-addon[data-id="stardust"]{right:12%;bottom:4%;width:18%;height:14%;opacity:.8}
@keyframes starEggBreath{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-5px) rotate(3deg)}}
@keyframes starEggReady{0%,100%{transform:rotate(-5deg)}50%{transform:rotate(5deg) translateY(-4px)}}
@keyframes starEggShake{0%,100%{transform:rotate(0)}12%,36%,62%,86%{transform:rotate(-12deg)}22%,47%,73%,94%{transform:rotate(13deg)}}
@keyframes starEggBurst{0%{transform:scale(1)}30%{transform:scale(1.1) rotate(-8deg)}60%{transform:scale(1.17) rotate(9deg);opacity:1}90%{transform:scale(1.4);opacity:.4}100%{transform:scale(.2);opacity:0}}
@keyframes starEggShimmer{0%,100%{opacity:.5;transform:translateY(0)}50%{opacity:1;transform:translateY(-3px)}}
@keyframes starEggBob{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}
@keyframes starEggCard{from{opacity:0;transform:scale(.55) rotate(-10deg)}to{opacity:1;transform:scale(1) rotate(0)}}
@keyframes starEggPrize{0%,100%{transform:translateY(0) rotate(-3deg)}50%{transform:translateY(-9px) rotate(3deg)}}
@keyframes starEggConfetti{0%{opacity:0;transform:translate(0,0) scale(.4)}15%{opacity:1}100%{opacity:0;transform:translate(var(--dx),var(--dy)) rotate(var(--rot))}}
@media(max-width:680px){.star-egg-stage{left:1%;bottom:6%;width:20.5%}.star-egg-panel{padding:14px 11px}.star-egg-tiny{font-size:.54rem;max-width:110px}.star-egg-item{flex-basis:121px;min-height:162px}}
@media(prefers-reduced-motion:reduce){.star-egg-button .star-egg-shape,.star-egg-reveal-icon,.star-egg-addon,.star-egg-shine{animation:none!important}}