.egg-incubation-overlay{position:fixed;inset:0;z-index:220;display:flex;align-items:center;justify-content:center;padding:16px;background:radial-gradient(ellipse 80% 60% at 50% 40%,rgba(72,56,120,.45),transparent 70%),rgba(8,12,28,.82);animation:eggOverlayIn .25s ease-out}@keyframes eggOverlayIn{0%{opacity:0}to{opacity:1}}.egg-incubation-frame{position:relative;display:grid;grid-template-columns:minmax(200px,1fr) minmax(220px,340px);grid-gap:0;gap:0;max-width:min(920px,100%);width:100%;min-height:min(420px,78vh);border:4px solid #c9a24d;border-radius:4px;box-shadow:inset 0 0 0 2px #3a2910,0 0 0 3px rgba(0,0,0,.5),0 16px 48px rgba(0,0,0,.55);background:linear-gradient(165deg,#1a2340,#0f1628 55%,#121a32);overflow:hidden}.egg-incubation-stage{display:flex;align-items:center;justify-content:center;padding:28px 20px;background:radial-gradient(ellipse 70% 55% at 50% 55%,rgba(255,220,160,.12),transparent 65%),linear-gradient(180deg,rgba(0,0,0,.15),rgba(0,0,0,.35));border-right:3px solid rgba(201,162,77,.35)}.egg-incubation-visual{width:min(280px,42vw);height:min(340px,50vh);object-fit:contain;filter:drop-shadow(0 18px 28px rgba(0,0,0,.45));transform-origin:center bottom}.egg-incubation-visual--wobble{animation:eggIncubationWobble .55s ease-in-out}@keyframes eggIncubationWobble{0%,to{transform:translate(0) rotate(0deg)}18%{transform:translate(2px,-4px) rotate(-4deg) scale(1.02,.98)}42%{transform:translate(-3px,2px) rotate(5deg)}68%{transform:translate(2px,-1px) rotate(-3deg) scale(.99,1.01)}}.egg-incubation-side{display:flex;flex-direction:column;justify-content:space-between;padding:24px 22px 20px;gap:20px}.egg-incubation-phrase{margin:0;font-size:clamp(1.05rem,2.4vw,1.35rem);font-weight:800;line-height:1.45;color:#fff4d6;text-shadow:0 2px 0 #3a2910,0 0 20px rgba(255,200,120,.25);letter-spacing:.02em}.egg-incubation-phrase--ready{color:#b8ffb8;text-shadow:0 2px 0 #1a4020,0 0 24px rgba(120,255,160,.35)}.egg-incubation-actions{display:flex;flex-direction:column;gap:10px}.egg-game-btn{display:block;width:100%;padding:14px 16px;border:3px solid #5a4a28;border-radius:6px;font-family:inherit;font-size:15px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;cursor:pointer;color:#2a1a08;background:linear-gradient(180deg,#ffe89a,#e8b84a 48%,#c9922e);box-shadow:inset 0 2px 0 rgba(255,255,255,.45),0 4px 0 #8a6420,0 6px 12px rgba(0,0,0,.35);transition:transform .08s ease,filter .08s ease}.egg-game-btn:hover:not(:disabled){filter:brightness(1.06)}.egg-game-btn:active:not(:disabled){transform:translateY(3px);box-shadow:inset 0 2px 0 rgba(255,255,255,.35),0 1px 0 #8a6420,0 2px 6px rgba(0,0,0,.3)}.egg-game-btn:disabled{opacity:.45;cursor:not-allowed;filter:grayscale(.35)}.egg-game-btn--rush{background:linear-gradient(180deg,#c8e0ff,#7eb0f0 48%,#4a78c8);color:#0a1830;border-color:#2a4878;box-shadow:inset 0 2px 0 rgba(255,255,255,.4),0 4px 0 #2a4878,0 6px 12px rgba(0,0,0,.35)}.egg-game-btn--hatch{background:linear-gradient(180deg,#b8ffc8,#5ecf8a 48%,#2d9a52);color:#0a2818;border-color:#1a5a32;box-shadow:inset 0 2px 0 rgba(255,255,255,.4),0 4px 0 #1a5a32,0 6px 12px rgba(0,0,0,.35)}.egg-incubation-close{position:absolute;top:10px;right:10px;width:36px;height:36px;padding:0;border:2px solid #8a6420;border-radius:6px;background:linear-gradient(180deg,#6a5040,#3a2818);color:#ffe8b0;font-size:18px;font-weight:800;line-height:1;cursor:pointer;box-shadow:0 3px 0 rgba(0,0,0,.4)}.egg-incubation-close:hover{filter:brightness(1.1)}.egg-incubation-coins{font-size:12px;font-weight:700;color:rgba(255,244,214,.65);text-align:center}.hatch-egg-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(88px,1fr));grid-gap:12px;gap:12px;list-style:none;padding:0;margin:12px 0 0}.hatch-egg-slot{display:flex;flex-direction:column;align-items:center;gap:6px;padding:10px 8px;border:2px solid rgba(201,162,77,.45);border-radius:8px;background:rgba(15,22,40,.5);cursor:pointer;color:inherit;font:inherit;transition:transform .12s ease,border-color .12s ease}.hatch-egg-slot:hover{transform:translateY(-2px);border-color:#c9a24d}.hatch-egg-slot img{width:52px;height:64px;object-fit:contain}.hatch-egg-slot--ready{border-color:#5ecf8a;box-shadow:0 0 12px rgba(92,207,138,.35)}@media (max-width:640px){.egg-incubation-frame{grid-template-columns:1fr;grid-template-rows:1fr auto;min-height:auto}.egg-incubation-stage{border-right:none;border-bottom:3px solid rgba(201,162,77,.35);padding:20px 16px}.egg-incubation-visual{width:min(220px,70vw);height:min(260px,38vh)}}.egg-hatch-cinematic{position:fixed;inset:0;z-index:300;background:#000;display:grid;place-items:center;overflow:hidden;cursor:default;animation:eggHatchFadeIn .45s ease-out forwards}.egg-hatch-cinematic--dismiss{animation:eggHatchFadeOut .5s ease-in forwards}@keyframes eggHatchFadeIn{0%{opacity:0}to{opacity:1}}@keyframes eggHatchFadeOut{0%{opacity:1}to{opacity:0}}.egg-hatch-screen-glow{position:fixed;inset:0;z-index:1;pointer-events:none;opacity:0;background:radial-gradient(circle at 50% 46%,rgba(255,252,238,.98) 0,rgba(255,235,180,.72) 14%,rgba(255,210,130,.38) 32%,rgba(255,190,90,.12) 50%,transparent 68%)}.egg-hatch-cinematic[data-phase=glow] .egg-hatch-screen-glow{animation:eggHatchScreenGlowBuild 1.8s ease-in forwards}.egg-hatch-cinematic[data-phase=done] .egg-hatch-screen-glow,.egg-hatch-cinematic[data-phase=reveal] .egg-hatch-screen-glow{opacity:.92}@keyframes eggHatchScreenGlowBuild{0%{opacity:0;transform:scale(.75)}to{opacity:.88;transform:scale(1.08)}}.egg-hatch-cinematic-rays{position:fixed;inset:-20%;z-index:2;pointer-events:none;opacity:0;background:conic-gradient(from 0deg,transparent 0deg,rgba(255,252,220,.1) 12deg,transparent 24deg,rgba(255,235,170,.08) 48deg,transparent 60deg,rgba(255,248,210,.12) 90deg,transparent 102deg);-webkit-mask:radial-gradient(circle at 50% 46%,black 6%,transparent 58%);mask:radial-gradient(circle at 50% 46%,black 6%,transparent 58%)}.egg-hatch-cinematic[data-phase=done] .egg-hatch-cinematic-rays,.egg-hatch-cinematic[data-phase=glow] .egg-hatch-cinematic-rays,.egg-hatch-cinematic[data-phase=reveal] .egg-hatch-cinematic-rays{opacity:1;animation:eggHatchRaysSpin 5s linear infinite}@keyframes eggHatchRaysSpin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.egg-hatch-cinematic-stage{position:relative;z-index:4;width:min(240px,58vw);height:min(300px,72vh);display:grid;place-items:center}.egg-hatch-egg-stack{position:relative;width:min(220px,54vw);aspect-ratio:1;display:grid;place-items:center}.egg-hatch-egg-stack>*{grid-area:1/1;width:100%;height:100%}.egg-hatch-cinematic-egg{position:relative;z-index:1;object-fit:contain;object-position:center;filter:drop-shadow(0 10px 20px rgba(0,0,0,.35));opacity:0;animation:eggHatchEggIn .5s ease-out forwards}.egg-hatch-cinematic[data-phase=crack] .egg-hatch-cinematic-egg,.egg-hatch-cinematic[data-phase=glow] .egg-hatch-cinematic-egg{opacity:1;animation:eggHatchShake .48s ease-in-out infinite}@keyframes eggHatchEggIn{to{opacity:1}}@keyframes eggHatchShake{0%,to{transform:translate(0) rotate(0deg)}25%{transform:translate(-2px,-1px) rotate(-2deg)}75%{transform:translate(2px,1px) rotate(2deg)}}.egg-hatch-crack-overlay{z-index:3;overflow:visible;pointer-events:none}.egg-hatch-crack-path{fill:none;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.egg-hatch-crack-path--core{stroke:rgba(32,20,12,.92);stroke-width:2.4px;stroke-dasharray:1;stroke-dashoffset:1;opacity:0}.egg-hatch-crack-path--light{stroke:rgba(255,248,210,.95);stroke-width:3.2px;stroke-dasharray:1;stroke-dashoffset:1;opacity:0;filter:url(#egg-crack-glow)}.egg-hatch-cinematic[data-phase=crack] .egg-hatch-crack-path--core,.egg-hatch-cinematic[data-phase=crack] .egg-hatch-crack-path--light{animation-name:eggHatchCrackDraw;animation-duration:var(--crack-duration,.45s);animation-delay:var(--crack-delay,0s);animation-timing-function:cubic-bezier(.22,.9,.35,1);animation-fill-mode:forwards}.egg-hatch-cinematic[data-phase=crack] .egg-hatch-crack-path--light{animation-duration:calc(var(--crack-duration, .45s) + .06s);animation-delay:calc(var(--crack-delay, 0s) + .04s)}.egg-hatch-cinematic[data-phase=glow] .egg-hatch-crack-path--core{stroke-dashoffset:0;opacity:1;animation:none}.egg-hatch-cinematic[data-phase=glow] .egg-hatch-crack-path--light{stroke-dashoffset:0;opacity:1;animation:eggHatchCrackBrighten 1.6s ease-in forwards}@keyframes eggHatchCrackDraw{0%{stroke-dashoffset:1;opacity:0}15%{opacity:1}to{stroke-dashoffset:0;opacity:1}}@keyframes eggHatchCrackBrighten{0%{stroke-width:3px;stroke:rgba(255,248,210,.85)}to{stroke-width:6px;stroke:rgba(255,255,255,1);filter:url(#egg-crack-glow)}}.egg-hatch-cinematic-creature{position:absolute;inset:0;z-index:6;display:grid;place-items:center;opacity:0;transform:scale(.3);pointer-events:none}.egg-hatch-cinematic[data-phase=done] .egg-hatch-cinematic-creature,.egg-hatch-cinematic[data-phase=reveal] .egg-hatch-cinematic-creature{animation:eggHatchCreatureReveal 1.3s ease-out forwards}@keyframes eggHatchCreatureReveal{0%{opacity:0;transform:scale(.28);filter:blur(10px) brightness(2.2)}50%{opacity:1;transform:scale(1.06);filter:blur(0) brightness(1.35)}to{opacity:1;transform:scale(1);filter:blur(0) brightness(1)}}.egg-hatch-cinematic-creature .creature-stage-lg{width:min(240px,62vw);height:min(240px,62vw)}.egg-hatch-cinematic-title{position:fixed;left:50%;bottom:18%;z-index:5;transform:translateX(-50%);margin:0;font-family:var(--font-display),fantasy,system-ui;font-size:clamp(1.4rem,5vw,2rem);font-weight:800;letter-spacing:.06em;color:#fff9e6;text-shadow:0 0 24px rgba(255,220,120,.8),0 2px 0 rgba(0,0,0,.5);opacity:0;pointer-events:none}.egg-hatch-cinematic[data-phase=done] .egg-hatch-cinematic-title,.egg-hatch-cinematic[data-phase=reveal] .egg-hatch-cinematic-title{animation:eggHatchTitleIn .75s ease-out .3s forwards}@keyframes eggHatchTitleIn{0%{opacity:0;transform:translateX(-50%) translateY(12px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}.egg-hatch-cinematic-hint{position:fixed;left:50%;bottom:8%;z-index:5;transform:translateX(-50%);margin:0;font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.5);opacity:0;pointer-events:none}.egg-hatch-cinematic[data-phase=done] .egg-hatch-cinematic-hint{animation:eggHatchTitleIn .5s ease-out forwards}.egg-hatch-cinematic--tap{cursor:pointer}