.flight-overlay,.hatch-overlay{position:fixed;inset:0;z-index:20;display:grid;place-items:center;overflow:hidden;background:rgba(16,9,14,.86);pointer-events:none}.flight-overlay.hidden,.hatch-overlay.hidden{display:none}.flight-overlay img{position:absolute;width:min(110vw,1100px);height:min(110vw,1100px);object-fit:contain;opacity:0;filter:drop-shadow(0 0 28px rgba(255,211,106,.9));animation:flightDrop 2.4s cubic-bezier(.2,.8,.2,1) both}.flight-copy{position:relative;z-index:1;display:grid;gap:8px;margin-top:260px;text-align:center;opacity:0;animation:bonusText 1.9s .35s ease both}.flight-copy strong{font:700 clamp(42px,9vw,110px)/.9 Georgia,serif;color:#ffe39a;text-shadow:0 0 28px #d47922}.flight-copy span:last-child{color:#fff4c5;font:800 18px Arial,sans-serif;letter-spacing:2px}.hatch-overlay{background:rgba(21,8,13,.93)}.hatch-overlay img{position:absolute;width:min(100vw,850px);height:min(100vw,850px);object-fit:contain;filter:drop-shadow(0 0 38px rgba(255,207,79,.9));animation:hatchReveal 2.2s ease both}.hatch-card{position:relative;z-index:1;display:grid;gap:8px;margin-top:290px;padding:18px 28px;border:1px solid #ffe39a;border-radius:16px;background:rgba(30,8,15,.8);text-align:center;opacity:0;animation:bonusText 1.8s .5s ease both}.hatch-card strong{font:700 clamp(34px,7vw,72px) Georgia,serif;color:#ffe39a;text-shadow:0 0 18px #d47922}.hatch-card>span:last-child{color:#e8d7af;font:14px Arial,sans-serif}@keyframes flightDrop{0%{transform:translate(42vw,-52vh) rotate(-14deg) scale(.25);opacity:0}18%{opacity:1}58%{transform:translate(-3vw,8vh) rotate(4deg) scale(1.04);opacity:1}78%{transform:translate(0,0) rotate(0) scale(.92);opacity:1}100%{transform:translate(-5vw,3vh) rotate(-2deg) scale(.7);opacity:0}}@keyframes hatchReveal{0%{transform:scale(.45) translateY(12vh);opacity:0}24%{opacity:1}58%{transform:scale(1.05) translateY(0);opacity:1}100%{transform:scale(1.12) translateY(-3vh);opacity:0}}@keyframes bonusText{0%,25%{opacity:0;transform:translateY(18px)}45%,78%{opacity:1;transform:translateY(0)}100%{opacity:0;transform:translateY(-12px)}}
.slot-frame-art{position:absolute;z-index:1;inset:-5px;width:calc(100% + 10px);height:calc(100% + 10px);object-fit:fill;pointer-events:none;mix-blend-mode:multiply;opacity:.72}.reels{position:relative;z-index:2}.tile-art{width:82%;height:82%;object-fit:contain;filter:drop-shadow(0,0,0,.28);transition:transform .16s,filter .16s}.symbol:hover .tile-art{transform:scale(1.08)}.symbol.win .tile-art{filter:drop-shadow(0 0 13px #ffe39a) brightness(1.2)}.hatch-overlay .hatch-dragon{z-index:1;width:min(75vw,650px);height:min(75vw,650px);opacity:0;animation:hatchDragonReveal 2.1s .25s ease both}.hatch-overlay>img:first-child{z-index:0}.flight-overlay,.hatch-overlay{position:fixed;inset:0;z-index:20;display:grid;place-items:center;overflow:hidden;background:rgba(16,9,14,.86);pointer-events:none}.flight-overlay.hidden,.hatch-overlay.hidden{display:none}.flight-overlay img{position:absolute;width:min(110vw,1100px);height:min(110vw,1100px);object-fit:contain;opacity:0;filter:drop-shadow(0 0 28px rgba(255,211,106,.9));animation:flightDrop 2.4s cubic-bezier(.2,.8,.2,1) both}.flight-copy{position:relative;z-index:1;display:grid;gap:8px;margin-top:260px;text-align:center;opacity:0;animation:bonusText 1.9s .35s ease both}.flight-copy strong{font:700 clamp(42px,9vw,110px)/.9 Georgia,serif;color:#ffe39a;text-shadow:0 0 28px #d47922}.flight-copy span:last-child{color:#fff4c5;font:800 18px Arial,sans-serif;letter-spacing:2px}.hatch-overlay{background:rgba(21,8,13,.93)}.hatch-overlay>img:first-child{position:absolute;width:min(100vw,650px);height:min(100vw,650px);object-fit:contain;filter:drop-shadow(0 0 38px rgba(255,207,79,.9));animation:hatchReveal 2.2s ease both}.hatch-overlay .hatch-dragon{position:absolute;width:min(75vw,650px);height:min(75vw,650px);object-fit:contain;filter:drop-shadow(0 0 38px rgba(255,207,79,.9));}.hatch-card{position:relative;z-index:2;display:grid;gap:8px;margin-top:290px;padding:18px 28px;border:1px solid #ffe39a;border-radius:16px;background:rgba(30,8,15,.8);text-align:center;opacity:0;animation:bonusText 1.8s .5s ease both}.hatch-card strong{font:700 clamp(34px,7vw,72px) Georgia,serif;color:#ffe39a;text-shadow:0 0 18px #d47922}.hatch-card>span:last-child{color:#e8d7af;font:14px Arial,sans-serif}@keyframes flightDrop{0%{transform:translate(42vw,-52vh) rotate(-14deg) scale(.25);opacity:0}18%{opacity:1}58%{transform:translate(-3vw,8vh) rotate(4deg) scale(1.04);opacity:1}78%{transform:translate(0,0) rotate(0) scale(.92);opacity:1}100%{transform:translate(-5vw,3vh) rotate(-2deg) scale(.7);opacity:0}}@keyframes hatchReveal{0%{transform:scale(.45) translateY(12vh);opacity:0}24%{opacity:1}58%{transform:scale(1.05) translateY(0);opacity:1}100%{transform:scale(1.12) translateY(-3vh);opacity:0}}@keyframes hatchDragonReveal{0%,25%{opacity:0;transform:scale(.45) translateY(12vh)}55%{opacity:1;transform:scale(1.04)}100%{opacity:0;transform:scale(1.1) translateY(-2vh)}}@keyframes bonusText{0%,25%{opacity:0;transform:translateY(18px)}45%,78%{opacity:1;transform:translateY(0)}100%{opacity:0;transform:translateY(-12px)}}.hatch-collect-btn{pointer-events:auto;margin-top:6px;padding:10px 32px;border:none;border-radius:10px;background:linear-gradient(180deg,#ffe39a,#d9a441);color:#2a1607;font:800 16px Arial,sans-serif;letter-spacing:1px;cursor:pointer;box-shadow:0 4px 14px rgba(0,0,0,.35)}.hatch-collect-btn:active{transform:translateY(1px)}