/* The shared controller owns menu arrivals; avoid two competing animations. */
#shell[data-screen-motion] :is(.menu-page,#tutorial,#party-panel,#rooms-panel,#create-panel,#career-panel,#account-panel)>*{animation:none!important}
#shell[data-screen-motion=off] :is(.menu-page,#tutorial,#party-panel,#rooms-panel,#create-panel,#career-panel,#account-panel) :is(button,summary,canvas){transition:none!important}
#shell #opening-skip{
 position:absolute;z-index:74;left:50%;transform:translateX(-50%);
 top:calc(max(9px,var(--screen-safe-top,0px),env(safe-area-inset-top)) + 52px);
 display:flex;align-items:center;gap:12px;min-height:44px;padding:8px 16px;
 border:1px solid #d7efdfb3;border-radius:24px;background:#143d43f5;color:#f2f6df;
 font:600 .8rem/1.2 Fredoka,system-ui,sans-serif;box-shadow:0 4px 15px #061f3440;
 touch-action:manipulation;cursor:pointer;
}
#shell #opening-skip[hidden]{display:none}
#shell #opening-skip[data-welcome=true]{top:max(18px,var(--screen-safe-top,0px),env(safe-area-inset-top))}
#shell #opening-skip:focus-visible{outline:3px solid #ffe5ad;outline-offset:3px}
#shell #opening-skip:active{background:#285e60}
@media(prefers-reduced-motion:reduce){#shell #opening-skip{display:none}}