/* Launcher Geometry Master v1.2
 * launcher body is the canonical outer backdrop owner.
 * Safe Area is owned by Bottom Navigation inside game.html.
 * The body background is intentionally kept separate from Stage geometry.
 */
:root{--base-w:844;--base-h:390}
html,body{
  margin:0;width:100%;height:100%;overflow:hidden;background:#06090c;
  background-image:linear-gradient(rgba(8,10,12,.82),rgba(8,10,12,.92));
  background-size:cover;
  background-position:center center;
  background-repeat:no-repeat;
  font-family:system-ui,-apple-system,"Yu Gothic","Hiragino Kaku Gothic ProN",sans-serif;
  -webkit-text-size-adjust:100%;text-size-adjust:100%;
}
body{
  position:relative;
  z-index:0;
  display:flex;align-items:center;justify-content:center;
  box-sizing:border-box;
}
#stage{
  position:relative;
  z-index:1;width:844px!important;height:390px!important;min-width:844px!important;max-width:844px!important;min-height:390px!important;max-height:390px!important;flex:0 0 auto;
  transform-origin:center bottom;will-change:transform;
}
#gameFrame{
  position:absolute;inset:0;width:844px!important;height:390px!important;min-width:844px!important;max-width:844px!important;min-height:390px!important;max-height:390px!important;border:0;
  background:#06090c;display:block;
}
#loading{
  position:fixed;
  z-index:10;inset:0;display:grid;place-items:center;
  color:#9eabb5;font-size:14px;pointer-events:none;
}
body.ready #loading{display:none}
#rotateHint{display:none}
@media (max-width:1200px) and (orientation:portrait){
  #stage{visibility:hidden}
  #rotateHint{
    position:fixed;inset:0;z-index:10;display:grid;place-items:center;
    padding:24px;text-align:center;color:#e3d4af;background:#06090c;
    font-weight:800;line-height:1.8;
  }
}