html,body{margin:0;padding:0;width:100%;height:100%}#root{display:flex;min-height:100%}#app{position:relative;width:100%;min-height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}.home{width:100%;min-height:100%}.container{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background-color:#0ff}.story{width:min(500px,calc(var(--vh) * 100 * 1080 / 1920),100vw);height:min(500px,calc(var(--vh) * 100 * 1080 / 1920),100vw) * 1920/1080}.fix-position{position:fixed;inset:0}#phaser-root canvas{position:fixed;position:absolute;inset:50% 0 0 50%;transform:translate(-50%,-50%)}