[data-access-scene=root]{--px:clamp(4px, min(1.6vw, 1.1svh), 12px);--ground:calc(var(--px) * 12);--stage:calc(var(--px) * 26);min-height:100dvh;padding:1rem 1rem calc(var(--ground) + var(--stage));background:linear-gradient(to bottom, var(--scene-sky) 0 52%, color-mix(in oklch, var(--scene-sky), var(--v2-white) 20%) 52% 72%, color-mix(in oklch, var(--scene-sky), var(--v2-white) 38%) 72% 88%, color-mix(in oklch, var(--scene-sky), var(--v2-white) 55%) 88% 100%);place-items:center;display:grid;position:relative;overflow:hidden}[data-access-scene=sky]{pointer-events:none;position:absolute;inset:0}[data-access-scene=cloud]{left:calc(-1 * var(--w));top:var(--top);width:var(--w);transform:translateX(var(--rest));animation:access-cloud var(--speed) linear var(--delay) infinite;position:absolute}[data-access-scene=cloud][data-cloud="0"]{--w:calc(var(--px) * 32);--top:10%;--rest:18vw;--speed:80s;--delay:-12s}[data-access-scene=cloud][data-cloud="1"]{--w:calc(var(--px) * 16);--top:24%;--rest:78vw;--speed:55s;--delay:-40s}[data-access-scene=cloud][data-cloud="2"]{--w:calc(var(--px) * 16);--top:6%;--rest:62vw;--speed:95s;--delay:-70s}[data-access-scene=cloud][data-cloud="3"]{--w:calc(var(--px) * 32);--top:44%;--rest:96vw;--speed:70s;--delay:-55s}@keyframes access-cloud{0%{transform:translate(0)}to{transform:translateX(calc(100vw + var(--w)))}}[data-access-scene=ground]{height:var(--ground);background:linear-gradient(var(--primary) 0 0) top / 100% calc(var(--px) * 2) no-repeat, repeating-linear-gradient(90deg, var(--primary) 0 var(--px), transparent var(--px) calc(var(--px) * 3)) 0 calc(var(--px) * 2) / 100% var(--px) no-repeat, repeating-linear-gradient(90deg, transparent 0 calc(var(--px) * 11), color-mix(in oklch, var(--v2-ink), var(--primary) 22%) calc(var(--px) * 11) calc(var(--px) * 12)) 0 calc(var(--px) * 6) / 100% calc(var(--px) * 3) no-repeat, var(--v2-ink);position:absolute;inset:auto 0 0}[data-access-scene=panel]{z-index:1;width:min(22rem,100%);position:relative}[data-access-play=stage]{inset-inline:0;bottom:var(--ground);height:var(--stage);cursor:pointer;position:absolute}[data-access-play=stage][data-still]{cursor:default;pointer-events:none}[data-access-play=wall]{left:calc(50% - var(--px) * 4.5);width:calc(var(--px) * 9);height:calc(var(--px) * 13);position:absolute;bottom:0}[data-access-play=robot]{bottom:0;left:calc(50% - var(--px) * 26);width:calc(var(--px) * 14);height:calc(var(--px) * 21);transition:left .52s cubic-bezier(.3,.7,.4,1);position:absolute}[data-access-play=robot][data-side=right]{left:calc(50% + var(--px) * 12)}[data-access-play=robot][data-jumping=true]{animation:.52s cubic-bezier(.3,.7,.4,1) access-play-hop}@keyframes access-play-hop{50%{transform:translateY(calc(var(--px) * -22))}}@media (prefers-reduced-motion:reduce){[data-access-scene=cloud],[data-access-play=robot]{transition:none;animation:none}}