body > .feature-modal,body > .modal,body > .hatch-overlay,body > .flight-overlay{
  position:fixed;inset:auto;left:var(--game-overlay-left,0px);top:var(--game-overlay-top,0px);
  width:var(--game-overlay-width,100vw);height:var(--game-overlay-height,100dvh);
  box-sizing:border-box;padding:12px;overflow:auto;overscroll-behavior:contain;
  align-items:center;justify-items:center;grid-template-rows:minmax(0,1fr)
}
body > .modal{z-index:40}
body > .feature-modal > *,body > .modal > *,body > .hatch-overlay > .hatch-card{
  min-width:0;min-height:0;max-width:100%;max-height:100%;overflow:auto;box-sizing:border-box
}
body > .hatch-overlay > .hatch-card{grid-row:1;align-self:center;margin:0;z-index:2}
body > .hatch-overlay > img:first-child,body > .hatch-overlay > .hatch-dragon{
  top:0;left:0;width:100%;height:65%;pointer-events:none
}
body > .feature-modal .feature-modal-card{padding:24px 16px}
body > .feature-modal .win-celebration-card{position:relative}
#daily-wheel-frame{height:calc(var(--game-overlay-height,100dvh) - 90px);min-height:100px}
#dragon-video-canvas.is-animating{
  inset:auto;left:calc(var(--game-dragon-left,0px) + var(--game-dragon-width,100vw) * .125);
  top:calc(var(--game-dragon-top,0px) + var(--game-dragon-height,100dvh) * .125);
  width:calc(var(--game-dragon-width,100vw) * .75);height:calc(var(--game-dragon-height,100dvh) * .75)
}
/* Egg-hatch fire: 80% scale, raised 12% of the frame so the faded lower edge of the footage (it has no feet)
   lands at the top reel row. The fire egg follows because DragonManager positions it from these canvas bounds. */
#dragon-video-canvas.is-fire{
  left:calc(var(--game-dragon-left,0px) + var(--game-dragon-width,100vw) * .1);
  top:calc(var(--game-dragon-top,0px) - var(--game-dragon-height,100dvh) * .12);
  width:calc(var(--game-dragon-width,100vw) * .8);height:calc(var(--game-dragon-height,100dvh) * .8)
}
@media(max-height:500px){
  body > .feature-modal .feature-modal-card{padding:16px 12px;gap:6px}
  body > .feature-modal .feature-modal-card h2{font-size:24px}
  body > .feature-modal .feature-modal-card strong{font-size:30px}
}
