/* Descendant visibility:visible in imported character CSS cannot override display. */
html body.mobile-gated > :not(#mobile-start){display:none!important}
body.entry-loading{background:#102d3a url('/ui/mobile-welcome-scenery.webp') center/cover no-repeat;min-height:100dvh}
body.entry-loading > :not(#mobile-start){visibility:hidden!important}
#mobile-start.entry-preparing #mobile-entry-note{color:#fff}
#mobile-start{position:fixed;inset:0;margin:0;padding:0;border:0;border-radius:0;width:100vw;height:100dvh;max-width:none;max-height:none;color:#fff;background:#102d3a;overflow:auto;}
#mobile-start::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#092d4033,#061c36b0),url('/ui/mobile-welcome-scenery.webp') center/cover no-repeat;}
#mobile-start::backdrop{background:#102d3a}
#mobile-start[open]{display:grid;place-items:center}
.welcome-content{position:relative;display:flex;flex-direction:column;align-items:center;width:min(380px,86vw);padding:30px 0;text-align:center;}
.welcome-logo{display:block;width:100%;max-height:220px;object-fit:contain;filter:drop-shadow(0 6px 14px #071f3a80)}
.welcome-kicker{font:600 10px/1.5 system-ui;letter-spacing:.24em;margin:14px 0 38px;color:#d9eff7}
#mobile-play{width:100%;min-height:54px;border:1px solid #d6f5ffb3;border-radius:999px;background:linear-gradient(#62c2f4,#2279b9);color:white;font:700 16px/1.3 system-ui;padding:15px 24px;box-shadow:0 8px 30px #061d4580,inset 0 1px #ffffff70;cursor:pointer;touch-action:manipulation}
#mobile-play span{margin-left:14px}#mobile-play:disabled{opacity:.7}
#mobile-entry-note{max-width:300px;margin:16px 0;color:#d3e6ef;font:12px/1.6 system-ui}
.rotate-phone{display:none;font:38px system-ui;color:#bde9ff}.needs-rotation .rotate-phone{display:block}
@media(orientation:landscape){.welcome-logo{max-height:130px}.welcome-content{padding:16px 0}.welcome-kicker{margin:5px 0 16px}#mobile-entry-note{margin:10px 0}}