html,body{height:100%;margin:0}body{min-height:100dvh;background:#fff;overflow:hidden;overscroll-behavior:none;-webkit-tap-highlight-color:transparent}body:before{content:"";position:fixed;top:0;left:0;right:0;height:60%;background:url(/sky.webp) center / cover no-repeat;-webkit-mask-image:linear-gradient(#000 35%,transparent);mask-image:linear-gradient(#000 35%,transparent);pointer-events:none}main{position:absolute;inset:0;display:grid;place-items:center;padding:max(24px,env(safe-area-inset-top)) max(24px,env(safe-area-inset-right)) max(24px,env(safe-area-inset-bottom)) max(24px,env(safe-area-inset-left))}img{width:min(70vw,520px);height:auto;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}