/* Center the adventure controls; leave the beach characters and artwork visible. */
.play-title{display:flex;flex-direction:column;min-height:100%;isolation:isolate}
.play-title .title-art{z-index:-1;pointer-events:none;background-image:linear-gradient(180deg,#eff9ec55,transparent 65%),url('./assets/island-play/island-book.webp')}
.play-title .play-logo{flex:0 0 auto;width:min(780px,calc(100% - 32px));margin:0 auto;padding:clamp(18px,4vh,44px) 0 18px;text-align:center}
.play-title .play-logo>small{font-size:17px;letter-spacing:.04em}
.play-title .play-logo h1.image-game-title{width:min(100%,500px);max-width:none;font-size:0;line-height:0;margin:10px auto 12px}
.play-title .image-game-title img{width:100%;height:auto;display:block}
.play-title .play-logo>p:not(.kit-playtime){font-size:22px;line-height:1.4;margin:8px 0 14px;color:#fff9e8;text-shadow:0 2px 4px #123c43,0 0 10px #123c43}
.play-title .kit-usage{justify-content:center;width:100%;margin:6px 0 16px}
.play-title .title-menu{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;align-items:center;gap:6px 14px;max-width:640px;margin:auto}
.play-title .title-menu .game-button{width:280px;min-width:220px;min-height:58px;padding:8px 28px;margin:0 max(0px,calc((100% - 280px)/2))}
.play-title .title-menu .title-text{font-size:17px;padding:7px 3px;text-align:center}
.postgame-modes{flex-basis:100%;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:2px 18px;margin:4px 0}
.postgame-modes>small{flex-basis:100%;font-size:13px;color:#315c57;text-shadow:0 1px 3px #fffce8}
.postgame-modes .title-text{font-size:16px!important}
.play-title .play-logo>.kit-playtime{justify-content:center;font-size:13px;line-height:1.4;margin:8px 0 0}
.play-title .play-title-footer{position:relative;inset:auto;margin-top:auto;flex:0 0 auto;display:flex;flex-direction:row;align-items:center;gap:12px;padding:6px 3vw!important;background:transparent;backdrop-filter:none;text-shadow:0 1px 3px #fffce8}
.play-title .kit-bar{flex:1;margin:0;gap:6px;min-width:0}
.play-title .kit-links{flex-wrap:wrap;gap:5px 12px;margin-left:6px}
.play-title .kit-links a,.play-title .kit-links span{font-size:13px}
.play-title .kit-footer,.play-title .kit-footer a{margin:0;white-space:nowrap;font-size:12px!important;color:#315c57}
.play-title .kit-ver{font-size:13px!important;min-height:36px}
.play-title .kit-icon{min-width:36px;min-height:36px;width:36px;height:36px;background:#fff9ea85}
.dive-invitation-art{display:block;width:min(100%,420px);max-height:28vh;object-fit:cover;border-radius:12px;margin:12px auto}
@media(max-height:820px){
 .play-title .play-logo{padding-top:20px;padding-bottom:12px}
 .play-title .play-logo h1.image-game-title{width:min(460px,max(260px,calc((100dvh - 350px)*1.1)));margin:6px auto 8px}
 .play-title .play-logo>p:not(.kit-playtime){font-size:20px;line-height:1.4;margin:6px 0 10px}
 .play-title .kit-usage{margin:4px 0 10px}
}
@media(max-width:1050px){
 .play-title .kit-footer{display:none}
 .play-title .kit-links .kit-mode{display:none}
}
@media(max-width:650px){
 .play-title .play-logo>small{font-size:14px}
 .play-title .play-logo h1.image-game-title{width:min(90%,380px)}
 .play-title .title-menu{max-width:100%;gap:4px 10px}
 .play-title .title-menu .game-button{width:240px;min-width:200px}
 .play-title .kit-links{gap:4px 8px}
 .play-title .kit-links a{font-size:11px}
}
@media(orientation:landscape) and (max-height:500px){
 .play-title:has(.postgame-modes) .kit-usage{display:none}
 .play-title .play-logo{width:min(760px,96%);padding:8px 0}
 .play-title .play-logo>small{font-size:13px}
 .play-title .play-logo h1.image-game-title{width:220px;margin:0 auto}
 .play-title .play-logo>p:not(.kit-playtime){display:none}
 .play-title .play-logo>p:not(.kit-playtime) br{display:none}
 .play-title .kit-usage{font-size:12px!important;min-height:32px!important;margin:2px 0 6px}
 .play-title .kit-usage span{padding:2px 8px}
 .play-title .title-menu{gap:2px 12px;max-width:620px}
 .play-title .title-menu .game-button{width:230px;min-width:200px;min-height:48px;font-size:21px!important;padding:5px 18px}
 .play-title .title-menu .title-text{font-size:14px;min-height:36px;padding:4px}
 .play-title .play-logo>.kit-playtime{font-size:11px;margin-top:3px}
 .play-title .play-title-footer{padding:4px 3vw!important}
 .play-title .kit-links a{font-size:12px}
 .dive-invitation-art{max-height:22vh}
}