#hatchling-modal{position:fixed;inset:0;z-index:2147483400;display:none;align-items:center;justify-content:center;padding:18px;background:rgba(0,4,8,.88);backdrop-filter:blur(7px)}
#hatchling-modal.open{display:flex}
.hatch-card{position:relative;width:min(820px,96vw);padding:28px 24px 24px;border:1px solid rgba(255,185,56,.58);border-radius:20px;background:linear-gradient(145deg,#09151e,#03080d);box-shadow:0 0 70px rgba(255,160,30,.10),0 25px 90px rgba(0,0,0,.7);overflow:hidden}
.hatch-close{position:absolute;right:14px;top:14px;width:38px;height:38px;border:1px solid rgba(130,175,210,.25);border-radius:10px;background:#0b141d;color:#8095a6;font-size:22px;font-weight:900;cursor:pointer}
.hatch-head{text-align:center} .hatch-head img{width:122px;height:122px;object-fit:contain;filter:drop-shadow(0 0 22px rgba(255,170,35,.32))}
.hatch-head h2{margin:3px 0 5px;font-size:26px;letter-spacing:.10em} .hatch-head p{margin:0;color:#8296a8;font-size:12px}
.hatch-window{position:relative;margin:24px auto 14px;width:100%;height:116px;overflow:hidden;border:1px solid rgba(77,166,255,.22);border-radius:13px;background:#040a0f;box-shadow:inset 0 0 36px rgba(0,0,0,.6)}
.hatch-window::before{content:"";position:absolute;z-index:4;left:50%;top:0;bottom:0;width:3px;transform:translateX(-50%);background:#ffd05c;box-shadow:0 0 15px rgba(255,199,62,.95)}
.hatch-reel-item{
  flex:0 0 auto;
  display:block;
}
.hatch-reel{position:absolute;left:50%;top:12px;height:92px;display:flex;gap:10px;align-items:stretch;transform:translateX(0);will-change:transform}
.hatch-prize{flex:0 0 150px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid rgba(77,166,255,.17);border-radius:10px;background:linear-gradient(180deg,#10202d,#071019);text-align:center}
.hatch-prize strong{color:#ffd36b;font-size:18px} .hatch-prize span{margin-top:5px;color:#8ea2b5;font-size:9px;font-weight:900;line-height:1.35}
.hatch-result{min-height:88px;padding:14px;border:1px solid rgba(77,166,255,.16);border-radius:12px;background:rgba(255,255,255,.018);text-align:center}
.hatch-result h3{margin:0;color:#dce8f2;font-size:18px} .hatch-result .bundle{margin-top:8px;color:#ffd56f;font-size:14px;font-weight:950}
.hatch-bonus{margin-top:7px;color:#62dda1;font-size:12px;font-weight:950} .hatch-jackpot{color:#ffcf4d;text-shadow:0 0 14px rgba(255,173,20,.48);font-size:15px}
.hatch-foot{margin-top:11px;text-align:center;color:#5f7487;font-size:10px}