: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%}