*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden;background:#afe3f0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}#app,#app canvas{display:block;width:100vw;height:100vh}.tilt{position:fixed;left:0;width:100%;height:26%;pointer-events:none;z-index:10;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.tilt-top{top:0;background:linear-gradient(to bottom,#afe3f08c,#afe3f000);-webkit-mask-image:linear-gradient(to bottom,black 20%,transparent 100%);mask-image:linear-gradient(to bottom,black 20%,transparent 100%)}.tilt-bottom{bottom:0;background:linear-gradient(to top,#3c465a59,#3c465a00);-webkit-mask-image:linear-gradient(to top,black 20%,transparent 100%);mask-image:linear-gradient(to top,black 20%,transparent 100%)}.vignette{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:9;background:radial-gradient(ellipse at center,#0000 45%,#00000047)}.hud{position:fixed;top:22px;left:24px;z-index:20;color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.45);pointer-events:none}.hud h1{font-size:30px;font-weight:800;letter-spacing:.5px}.hud p{margin-top:4px;font-size:14px;font-weight:500;opacity:.9}