/* Presentation-only adaptations for the website player. Game rules stay unchanged. */
html,body{height:100%;min-height:0!important}
body{padding:12px!important;display:flex!important;align-items:center;justify-content:center;overflow:hidden}
.hosted-platformer>.shell{width:min(1120px,100%,calc((100dvh - 70px)*16/9))}
.hosted-platformer footer,.hosted-platformer .help,.hosted-platformer .controller-status{display:none}
.hosted-platformer header{align-items:center;margin-bottom:10px;min-height:28px}
.hosted-platformer header h1{font-size:25px;letter-spacing:-1px}
.hosted-platformer .classified{display:none}
.hosted-platformer .frame{box-shadow:none}
.hosted-capy>.shell{width:min(1120px,100%,calc((100dvh - 28px)*16/9))}
.hosted-capy header{display:none}
.hosted-capy .overlay{overflow:auto}
.hosted-capy .card{max-height:95%;overflow:auto}
.hosted-turtle>.wrap{width:100%;max-width:1140px;height:100%}
.hosted-turtle>.wrap>.brand,.hosted-turtle>.wrap>.help{display:none}
.hosted-turtle .shell{height:100%;min-height:0;max-height:none;aspect-ratio:auto;box-shadow:none}
@media(max-width:720px),(max-height:500px){
  body{padding:4px!important}
  .hosted-platformer>.shell{width:min(1120px,100%,calc((100dvh - 44px)*16/9))}
  .hosted-capy>.shell{width:min(1120px,100%,calc((100dvh - 12px)*16/9))}
  .hosted-platformer header{margin-bottom:5px;min-height:24px}
  .hosted-platformer header h1{font-size:20px}
  .hosted-capy .overlay{position:fixed;inset:0;z-index:25}
  .hosted-capy .card{max-height:94dvh;padding:14px}
  .hosted-capy .mini-capy,.hosted-capy .orange{display:none}
  .hosted-capy .card h2{font-size:23px}
  .hosted-capy .card p{font-size:13px}
}