/* Keep controls clear of the notch and home indicator, including landscape. */
:root{--header-height:78px}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-padding-top:calc(var(--header-height) + env(safe-area-inset-top,0px) + 22px)}
.header{height:calc(var(--header-height) + env(safe-area-inset-top,0px));padding-top:env(safe-area-inset-top,0px);padding-left:max(24px,env(safe-area-inset-left,0px));padding-right:max(24px,env(safe-area-inset-right,0px))}
.wrap{padding-left:max(40px,env(safe-area-inset-left,0px));padding-right:max(40px,env(safe-area-inset-right,0px))}
.scroll-progress{top:calc(var(--header-height) + env(safe-area-inset-top,0px))}
.mobile-nav{top:calc(var(--header-height) + env(safe-area-inset-top,0px) - 3px);max-height:calc(100dvh - var(--header-height) - env(safe-area-inset-top,0px));overflow-y:auto;overscroll-behavior:contain;padding-bottom:calc(24px + env(safe-area-inset-bottom,0px))}
.motion-toggle{left:calc(17px + env(safe-area-inset-left,0px));bottom:calc(17px + env(safe-area-inset-bottom,0px));min-height:44px}
.category-dialog{width:calc(100% - 34px - env(safe-area-inset-left,0px) - env(safe-area-inset-right,0px));max-height:calc(100dvh - 40px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px));overscroll-behavior:contain}
.dialog-close{width:44px;height:44px;display:grid;place-items:center;line-height:1}
.category-dialog .section-title{overflow-wrap:anywhere}
button,.button,summary{touch-action:manipulation}
button{user-select:none;-webkit-user-select:none}
.button:active{transform:translate(3px,3px);box-shadow:2px 2px var(--ink)}
.menu-button:active,.dialog-close:active,.motion-toggle:active{background:var(--yellow)}
.col-cover:active{filter:brightness(.94)}
@media(min-width:1001px){.header{padding-left:max(40px,env(safe-area-inset-left,0px));padding-right:max(40px,env(safe-area-inset-right,0px))}}
@media(max-width:760px){
  :root{--header-height:70px}
  .header{padding-left:max(20px,env(safe-area-inset-left,0px));padding-right:max(20px,env(safe-area-inset-right,0px))}
  .menu-button{min-height:44px}
  h1{font-size:clamp(43px,12.5vw,78px)}
  .visit-frame .section-title{font-size:clamp(40px,10.5vw,57px)}
  .motion-toggle{left:calc(12px + env(safe-area-inset-left,0px));bottom:calc(12px + env(safe-area-inset-bottom,0px))}
  .col-play-bottom{flex-direction:column;align-items:flex-start}
  .footer-bottom{padding-bottom:calc(72px + env(safe-area-inset-bottom,0px))}
}
@media(max-width:600px){.wrap{padding-left:max(20px,env(safe-area-inset-left,0px));padding-right:max(20px,env(safe-area-inset-right,0px))}.col-worlds .wrap{padding-left:0;padding-right:0}}
@media(pointer:coarse){.brand,.header-cta{min-height:44px}.nav a{min-width:44px;min-height:44px;display:inline-flex;align-items:center;justify-content:center}.col-service-link{min-width:44px;min-height:44px}.footer-column a,.credits-button{min-height:44px;display:flex;align-items:center}.text-link{display:inline-flex;align-items:center;min-height:44px}.footer-bottom{padding-bottom:calc(72px + env(safe-area-inset-bottom,0px))}}
@media(max-height:450px){.mobile-nav{padding-top:8px}.mobile-nav a{padding-block:11px}.category-dialog{padding-top:46px;padding-bottom:24px}}