:root{color-scheme:dark}:root{--frameScale: min(1, calc(100vw / 375), calc(100vh / 812))}@supports (height: 100svh){:root{--frameScale: min(1, calc(100vw / 375), calc(100svh / 812))}}*{box-sizing:border-box}html,body{height:100%}body{margin:0;background:#000;font-family:Space Grotesk,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}body::-webkit-scrollbar{width:0;height:0}.frameStage{position:relative;min-height:100svh;min-height:100vh;width:100%;overflow-x:hidden;overflow-y:hidden;display:grid;place-items:start center;padding-bottom:1px}.frameBg{position:fixed;inset:0;width:100vw;height:100svh;height:100vh;object-fit:cover;object-position:center bottom;z-index:0;pointer-events:none;-webkit-user-select:none;user-select:none}.frameCanvas{position:relative;width:375px;height:812px;transform-origin:top left;z-index:1;--scaleW: calc(100vw / 375);--scaleH: calc(100svh / 812);transform:scale(min(1,var(--scaleW),var(--scaleH)))}.frameCanvasWrap{position:relative;width:375px;height:812px;margin-left:env(safe-area-inset-left,0px);margin-top:env(safe-area-inset-top,0px)}