.welcome{--sky:14.5rem;--art-height:max(100svh, 180vw);width:auto;max-width:none;margin:calc(env(safe-area-inset-top) * -1) calc(env(safe-area-inset-right) * -1) calc(env(safe-area-inset-bottom) * -1) calc(env(safe-area-inset-left) * -1);padding:calc(4.25rem + env(safe-area-inset-top)) 1.25rem calc(1rem + env(safe-area-inset-bottom));text-align:center;background:url(/assets/oasis/backdrop-tall.webp) center calc(var(--sky) - .117 * var(--art-height)) / auto var(--art-height) no-repeat, linear-gradient(#92d9d8 50%, #eab874 50%) no-repeat #eab874;flex-direction:column;flex:1 0 auto;align-items:center;display:flex;position:relative;overflow:hidden}@media (min-width:700px){.welcome{background:url(/assets/oasis/backdrop.webp) 50%/cover}}.welcome .brand{z-index:1;padding-top:0;position:relative}.welcome-about{font-family:var(--font-display), var(--font-fallback);background:var(--paper);border:3px solid var(--paper-edge);box-shadow:0 4px 0 var(--paper-edge), 0 8px 16px #4a2e1a2e;border-radius:0 0 1.25rem 1.25rem;flex-direction:column;margin-top:-.25rem;padding:.75rem 1.25rem .5rem;font-size:1rem;font-weight:600;line-height:1.2;display:flex}.welcome-about strong{color:var(--leaf-lip);font-size:1.3rem;font-weight:800}.welcome-stage{flex-direction:column;flex:1;align-items:center;gap:1rem;width:100%;padding-top:1rem;display:flex}.gate-panel.welcome-gate{width:clamp(8rem,90.7492svh - 24.0485rem,min(74vw,20rem));box-shadow:none;filter:drop-shadow(0 12px 10px #4a2e1a4d);background:0 0;border:0;border-radius:0;flex:none;margin-top:auto;overflow:visible}@media (min-width:700px){.gate-panel.welcome-gate{width:clamp(8rem,90.7492svh - 24.0485rem,30rem)}}.welcome-gate .day-gate{width:100%;height:auto;position:relative;bottom:auto;left:auto;transform:none}.welcome-gate .medal-lit{transition-delay:calc(var(--i) * .16s)}.welcome-start{flex-direction:column;align-items:center;gap:.5rem;width:100%;max-width:24rem;margin-bottom:auto;display:flex}.welcome-install{width:100%}@media (pointer:coarse){.welcome-install{min-height:3.5rem}}.welcome-stage.open .welcome-start{visibility:hidden}.welcome-legal{min-height:2.25rem;color:var(--ink);text-underline-offset:3px;align-self:center;align-items:center;padding-inline:.5rem;font-size:.9rem;font-weight:800;text-decoration:underline;display:inline-flex}.welcome-sheet{z-index:2;width:100%;max-width:28rem;max-height:100svh;padding:1.5rem 1.25rem calc(1rem + env(safe-area-inset-bottom));background:var(--paper);transition:transform .55s var(--ease-out) 1.9s;border-radius:1.75rem 1.75rem 0 0;outline:none;flex-direction:column;margin-inline:auto;display:flex;position:absolute;bottom:0;left:0;right:0;overflow-y:auto;transform:translateY(105%);box-shadow:0 -8px 24px #4a2e1a33}.welcome-stage.open .welcome-sheet{transform:none}.welcome-sheet label{text-align:left}.welcome-sheet .entry-sheet{box-shadow:none;background:0 0;border:0;padding:0}.language-switch.compact{z-index:3;top:calc(.75rem + env(safe-area-inset-top));border:2px solid var(--ink);background:#fffaf0e6;border-radius:999px;gap:0;padding:3px;position:absolute;right:.75rem}.language-switch.compact button{min-width:2.75rem;min-height:2.25rem;color:var(--ink);cursor:pointer;background:0 0;border:0;border-radius:999px;font-size:.875rem;font-weight:800}.language-switch.compact [aria-pressed=true]{color:#fff;background:var(--ink)}@media (prefers-reduced-motion:reduce){.welcome-sheet{transition:none}}
