/* Creator: Otaru. One visible viewport shared by header, scene and controls. */
html{height:100%;overflow:hidden;overscroll-behavior:none}
body{height:100vh;height:100dvh;height:var(--tizi-visible-height,100dvh);min-height:0;width:100%;margin:0;display:grid;grid-template-rows:auto minmax(0,1fr) auto;overflow:hidden;overscroll-behavior:none}
.masthead{min-width:0;flex-shrink:0}
.experience{height:auto!important;min-height:0;width:100%;}
.controls{min-width:0;margin:0;padding-bottom:env(safe-area-inset-bottom,0px);box-sizing:content-box;}
.scene{min-height:0;max-height:100%;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:none}
.scene::-webkit-scrollbar{display:none}
@media(max-height:500px){.masthead{height:58px}.controls{height:48px}.scene{padding-top:24px;padding-bottom:12px}.scene h1,.scene h2{font-size:clamp(26px,5vw,38px)}}