/* Shared stage: the same mobile composition on a phone, tablet or desktop. */
body.is-welcome #main{padding:clamp(28px,7vh,72px) 18px 40px}
.access-home{width:100%;max-width:440px;margin:0 auto;padding:0;text-align:center}
.access-home .access-primary{grid-template-columns:1fr;gap:22px;margin-top:44px}
.access-home .access-primary button{width:100%;margin:0;min-height:76px}
.access-home .welcome-brand{font-size:clamp(2.35rem,8vw,3.2rem);margin:24px 0 0;max-width:none}
.access-home .welcome-replay{display:block;width:72px;height:72px;padding:0;margin:0 auto;border:0;border-radius:18px;background:transparent}
.access-home .welcome-replay .welcome-mark{margin:0;width:72px;height:72px}
.welcome-replay:focus-visible,.welcome-skip:focus-visible{outline:3px solid #8da760;outline-offset:5px}
.welcome-film{position:fixed;inset:0;width:100%;height:100%;height:100dvh;max-width:none;max-height:none;margin:0;padding:0;border:0;overflow:hidden;background:#f3f6f4;color:#214a3f;isolation:isolate}
.welcome-film::backdrop{background:#f3f6f4}
.welcome-scene,.welcome-ink{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}
.welcome-ink{z-index:0}.welcome-scene{z-index:3}
.welcome-film .welcome-ghost{position:absolute;max-width:none;margin:0;padding:0;pointer-events:none;z-index:1}
.welcome-ghost .access-install,.welcome-ghost .access-context{visibility:hidden}
.welcome-film .welcome-skip{position:absolute;z-index:4;width:48px;height:48px;padding:14px;display:grid;place-items:center;border:0;border-radius:50%;background:transparent;color:#536f62;margin:0;cursor:pointer}
.welcome-skip-top{top:max(10px,env(safe-area-inset-top));right:max(10px,env(safe-area-inset-right))}
.welcome-skip-bottom{bottom:max(10px,env(safe-area-inset-bottom));left:max(10px,env(safe-area-inset-left))}
.welcome-film .welcome-skip:hover{background:#214a3f0a;color:#214a3f}
body.welcome-playing{overflow:hidden}
@media(max-height:550px){body.is-welcome #main{padding-top:22px}.access-home .access-primary{margin-top:24px;gap:12px}.access-home .access-primary button{min-height:54px}.access-home .access-secondary{margin-top:18px}}

.welcome-film:focus{outline:none}
/* Refrigerator stage: real perspective, a hinged door with thickness, two faces and light on the interior. */
.welcome-fridge{position:absolute;z-index:2;perspective:1500px;perspective-origin:30% 42%;pointer-events:none;transform-origin:50% 60%}
.welcome-fridge .wf-art{display:block;width:100%;height:100%;overflow:visible}
.welcome-fridge .wf-body{position:absolute;inset:0}
.welcome-fridge .wf-cast{position:absolute;inset:4% 6% 4% 6%;border-radius:10px;background:linear-gradient(90deg,#16392f33,#16392f00 70%)}
.welcome-fridge .wf-door{position:absolute;inset:0;transform-origin:0 50%;transform-style:preserve-3d}
.welcome-fridge .wf-face{position:absolute;inset:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}
.welcome-fridge .wf-front{transform:translateZ(calc(var(--wf-depth)/2))}
.welcome-fridge .wf-back{transform:rotateY(180deg) translateZ(calc(var(--wf-depth)/2))}
.welcome-fridge .wf-edge{left:auto;right:calc(var(--wf-depth)/-2);width:var(--wf-depth);border-radius:3px;background:linear-gradient(#e3eee5,#d3e2d7);box-shadow:inset 0 0 0 1.6px #214a3f;transform:rotateY(90deg)}
.welcome-fridge .wf-shade{position:absolute;inset:0;border-radius:6%/4%;pointer-events:none}
.welcome-fridge .wf-front .wf-shade{background:linear-gradient(90deg,#16392f00,#16392f2e);opacity:0}
.welcome-fridge .wf-back .wf-shade{background:linear-gradient(270deg,#16392f00,#16392f26)}