:root{--base-width: calc(10 / 360 * 100dvw);--base-height: calc(10 / 720 * 100dvh)}@media (orientation: landscape){:root{--base-width: calc(10 / 720 * 100dvh)}}body{width:100%;min-width:320px;height:100%;color:#0f0;background-color:transparent;font-family:system-ui,sans-serif;font-size:max(calc(16 * var(--base-width, 10px) / 10),14px);-webkit-text-size-adjust:100%;overflow:hidden}#app{height:100dvh}.main{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.view{position:relative;height:100%}.popup{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.title{font-size:calc(20 * var(--base-width, 10px) / 10);font-weight:700}.button{padding:calc(12 * var(--base-width, 10px) / 10) calc(20 * var(--base-width, 10px) / 10);background-color:red;border-radius:5px}.app-scene{height:100%}.home-view #nextButton{position:absolute;z-index:50;pointer-events:all;bottom:6.25vh;width:14vh;height:5.5vh;margin:auto;display:flex;padding-top:1vh;padding-bottom:1vh;align-items:center;justify-content:center;color:#fff;border-radius:1vh;transition:box-shadow .3s ease;box-shadow:0 4px 4px #00000040;transform:translate(-50%);left:50%;text-align:center;user-select:none;-webkit-user-select:none;background:#00f;backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);-webkit-tap-highlight-color:rgba(0,0,0,0)}.home-view #nextButton:active{background:#00f;box-shadow:0 4px 4px #0000}