*,:before,:after{box-sizing:border-box;margin:0;padding:0}#root{flex-direction:column;width:100%;min-height:100svh;display:flex}html,body{color:#fff;-webkit-font-smoothing:antialiased;background:#3a3a3a;height:100%}.page{background:#3a3a3a;flex-direction:column;justify-content:space-between;align-items:center;min-height:100svh;padding:2rem 1rem;display:flex}.site-header{letter-spacing:.2em;color:#fff;text-align:center;text-transform:uppercase;font-family:Anton,Impact,sans-serif;font-size:clamp(1.6rem,5vw,3.6rem)}.scene-container{aspect-ratio:1;flex:1;justify-content:center;align-items:center;width:100%;max-width:600px;display:flex}.scene-container canvas{display:block;width:100%!important;height:100%!important}.site-footer{color:#fff;text-align:center;letter-spacing:.05em;font-family:Anton,Impact,sans-serif;font-size:clamp(1rem,2.8vw,1.6rem)}@media (width>=900px){.page{height:100svh;min-height:0;padding-block:1rem;overflow:hidden}.scene-container{flex:0 auto;width:min(600px,100svh - 13rem,100vw - 2rem)}}