*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden;background:#d6e4f0}.webgl{position:fixed;top:0;left:0;width:100%;height:100%;outline:none;touch-action:none}.debug-panel{position:fixed;top:48px;left:0;z-index:999;padding:8px 10px;font-family:monospace;font-size:12px;line-height:1.5;color:#fff;background:#000000bf;pointer-events:none}html.mobile-preintro-pending body{visibility:hidden}.mobile-preintro{display:none}html.mobile-preintro-active .mobile-preintro{position:fixed;inset:0;z-index:3000;display:flex;overflow-y:auto;min-height:100vh;min-height:100dvh;padding-top:max(24px,env(safe-area-inset-top,0px));padding-right:max(20px,env(safe-area-inset-right,0px));padding-bottom:max(24px,env(safe-area-inset-bottom,0px));padding-left:max(20px,env(safe-area-inset-left,0px));background:var(--bg-color, #e9e0db)}.mobile-preintro-content{width:min(100%,420px);margin:auto;text-align:center}.mobile-preintro-logo{display:block;width:min(280px,80vw);height:auto;margin:0 auto 32px}.mobile-preintro h1{margin-bottom:20px;font-family:Police-Ghibli,sans-serif;font-size:clamp(1.5rem,8vw,2.25rem);line-height:1.15;text-transform:uppercase}.mobile-preintro p{max-width:36ch;margin-inline:auto;font-family:Lexend,sans-serif;font-size:clamp(.95rem,4vw,1.05rem);line-height:1.6;color:#444}.mobile-preintro p+p{margin-top:16px}html.mobile-preintro-active .webgl,html.mobile-preintro-active #loader-screen,html.mobile-preintro-active header,html.mobile-preintro-active main{display:none!important}