/* Root entry point: /orca-alongside.html */
.masthead{background:none!important;opacity:var(--header-alpha,1);transition:opacity .8s ease;color:var(--ink)}
.masthead .brand{visibility:hidden;opacity:0;min-height:0;margin:0;padding:0;border:0;background:none;font:400 25px/1 Fraunces,Georgia,serif;letter-spacing:-.8px;text-shadow:none;color:inherit;transition:opacity .5s ease}
.masthead .brand:hover{background:none;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:5px}
.is-playing .masthead .brand{visibility:visible;opacity:1}
.welcome{top:16%;width:min(620px,64%)}
.welcome h1{margin:0 0 25px;font-size:clamp(68px,8vw,122px);line-height:.92;white-space:nowrap;color:var(--ink)}
.welcome .invitation{font-size:clamp(22px,2.2vw,32px);line-height:1.3;margin-bottom:25px;color:var(--ink);text-shadow:0 1px 14px #eee8db80}
.place-label{opacity:0;transition:opacity .8s ease}
.is-playing .place-label{opacity:.78}
.start-credit{position:absolute;left:4.5%;bottom:max(24px,env(safe-area-inset-bottom));z-index:2;margin:0;font:11px/1.5 Arial,sans-serif;letter-spacing:.2px;color:#d8d4ca}
.start-credit a{color:inherit}
.is-playing .start-credit{display:none}
.alongside-playing .chapter{top:17%;opacity:0;transition:opacity 1.6s ease}
.alongside-playing .chapter.is-visible{opacity:1}
.alongside-playing .chapter>p:last-child{margin:0;max-width:340px;padding:8px 12px;background:#2f2f2fb5;font-size:13px}
.family-state{position:absolute;right:5%;bottom:112px;opacity:0;transition:opacity 1.2s ease;font:10px Arial,sans-serif;letter-spacing:2px;color:#e5e1d7;text-align:right;pointer-events:none;text-shadow:0 1px 8px #222}
.family-state.is-visible{opacity:.72}
.bottom-bar{justify-content:flex-end}
.sound-setting{display:none}
.sound-setting button{border-color:transparent;font:11px Arial,sans-serif;padding:8px 11px}
.is-playing .sound-setting{display:flex;position:absolute;left:4.5%;bottom:max(20px,env(safe-area-inset-bottom))}
#join[aria-pressed=true]{background:var(--paper);color:var(--ink)}
@media(max-width:760px){.masthead .brand{font-size:22px}.welcome{width:86%;top:14%}.welcome h1{font-size:clamp(58px,18vw,78px);margin-bottom:20px;letter-spacing:-3px}.welcome .invitation{font-size:19px}.start-credit{left:7%;bottom:max(19px,env(safe-area-inset-bottom));font-size:10px}.family-state{bottom:155px;font-size:8px}.alongside-playing .chapter{top:14%}.alongside-playing .chapter>p:last-child{max-width:250px;font-size:12px}.is-playing .sound-setting{left:3%;bottom:max(12px,env(safe-area-inset-bottom))}.is-playing .sound-setting button{font-size:10px;padding:8px}}