/* Liquid Glass V3: button declarations and jelly keyframes copied from the
   user-approved index.html. Selectors are scoped to the existing landing links.
   The sample scene, preview status and sample green are intentionally not imported. */
.landing-entry.liquid-glass-v3{display:inline-grid;place-items:center;justify-self:center;align-self:center;min-height:0;max-width:none;padding:1px 6px;box-sizing:border-box;isolation:auto;text-align:center;text-decoration:none;line-height:normal;font-family:Arial;gap:0;touch-action:manipulation}
.landing-entry.liquid-glass-v3::before,.landing-entry.liquid-glass-v3::after,.landing-entry.liquid-glass-v3 .rim,.landing-entry.liquid-glass-v3 .name{box-sizing:border-box}
.landing-entry.liquid-glass-v3{--mx:50%;--my:25%;position:relative;appearance:none;border:1px solid #ffffff80;background:linear-gradient(165deg,#ffffff58 0%,#ffffff20 24%,#ffffff0a 48%,#d0ffe123 85%,#ffffff4a 100%);color:white;width:clamp(145px,24vw,270px);height:clamp(72px,11vw,112px);border-radius:999px;cursor:pointer;transform:translateY(0) scale(1);box-shadow:inset 0 3px 5px #fff9,inset 0 -8px 16px #001b1d77,inset 6px 0 16px #ffffff22,0 18px 35px #001b1770,0 3px 2px #ffffff33;backdrop-filter:blur(18px) saturate(1.7);-webkit-backdrop-filter:blur(18px) saturate(1.7);transition:transform .35s cubic-bezier(.2,1.6,.3,1),box-shadow .35s,background .35s;overflow:hidden}.landing-entry.liquid-glass-v3:before{content:"";position:absolute;inset:5px 9px auto;height:43%;border-radius:100% 100% 55% 55% / 95% 95% 45% 45%;background:linear-gradient(#ffffffa8,#ffffff09);filter:blur(1px);opacity:.75}.landing-entry.liquid-glass-v3:after{content:"";position:absolute;inset:0;border-radius:inherit;background:radial-gradient(circle 70px at var(--mx) var(--my),#ffffff70,transparent 100%);mix-blend-mode:screen;opacity:.5;pointer-events:none}.landing-entry.liquid-glass-v3 .rim{position:absolute;inset:2px;border-radius:inherit;border:1px solid #ffffff66;box-shadow:inset 0 0 0 2px #ffffff0e,inset 0 1px 4px #fff7;pointer-events:none}.landing-entry.liquid-glass-v3 .name{position:relative;z-index:2;font-size:clamp(19px,2.7vw,32px);font-weight:550;letter-spacing:.2em;text-shadow:0 2px 5px #002b2499}.landing-entry.liquid-glass-v3:hover{transform:translateY(-6px) scale(1.035);box-shadow:inset 0 3px 6px #fff,inset 0 -9px 18px #001b1d77,0 26px 44px #001b1788,0 0 25px #aaffbb2c}.landing-entry.liquid-glass-v3:active{transform:translateY(3px) scale(.94)}.landing-entry.liquid-glass-v3.bounce{animation:barsam-liquid-glass-v3-jelly .68s cubic-bezier(.2,.7,.2,1)}@keyframes barsam-liquid-glass-v3-jelly{0%{transform:scale(1)}18%{transform:scale(1.09,.87)}36%{transform:scale(.92,1.12)}55%{transform:scale(1.045,.96)}75%{transform:scale(.985,1.025)}100%{transform:scale(1)}}
.landing-entry.liquid-glass-v3:focus-visible{outline:3px solid white;outline-offset:6px}
/* The existing desktop placements stay in place. Below 420px the approved
   reference explicitly uses two stacked 220 × 88px buttons with a 22px gap. */
.landing-choices:has(.liquid-glass-v3)::after{display:none}
@media(max-width:420px){.landing-choices:has(.liquid-glass-v3){grid-template-columns:minmax(0,1fr);grid-auto-rows:max-content;align-content:center;gap:22px}.landing-entry.liquid-glass-v3{width:220px;height:88px}}
@media(prefers-reduced-motion:reduce){.landing-entry.liquid-glass-v3,.landing-entry.liquid-glass-v3::before,.landing-entry.liquid-glass-v3::after,.landing-entry.liquid-glass-v3 .rim,.landing-entry.liquid-glass-v3 .name{animation:none!important;transition:none!important}}
.liquid-glass-v3{touch-action:manipulation}