.play-page img{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;pointer-events:none}.play-page{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;position:relative;overflow-x:hidden;background:transparent}body:has(.play-page){background-color:#f3edda;background-image:url(/play/sand-bg.webp);background-size:cover;background-position:50% 50%;background-repeat:no-repeat;background-attachment:fixed}body:has(.play-page--detail){background-image:none;background-color:#fdfaf5}@media(prefers-reduced-motion:reduce){body:has(.play-page){background-position:50% 50%}}.play-shell-mover{position:fixed;bottom:22%;left:8%;z-index:0;pointer-events:none}.play-shell-mover.is-kicked{animation:shell-kick .5s cubic-bezier(.22,1,.36,1) forwards}@keyframes shell-kick{0%{transform:translate(0)}30%{transform:translate(-18px)}to{transform:translate(0)}}.play-shell{display:block;width:clamp(45px,5vw,75px);height:auto;transform:rotate(25deg);transform-origin:55% 65%;opacity:0;animation:shell-fade-in 1.4s ease-out .4s forwards,shell-sun-flicker 9s ease-in-out 1.6s infinite}@keyframes shell-fade-in{to{opacity:1}}@keyframes shell-sun-flicker{0%,to{filter:brightness(1) saturate(1)}18%{filter:brightness(1.06) saturate(1.04)}28%{filter:brightness(1.15) saturate(1.09)}34%{filter:brightness(1.04) saturate(1.02)}58%{filter:brightness(.94) saturate(.96)}76%{filter:brightness(1.1) saturate(1.06)}}@media(prefers-reduced-motion:reduce){.play-shell{opacity:1;animation:none}.play-shell-mover{transition:none}}@media(pointer:coarse){.play-page{min-height:100dvh;justify-content:flex-start;padding-top:8rem;padding-bottom:1.5rem;overflow:visible}.play-shell-mover{display:none}.play-envelope-scene{width:100%;justify-content:flex-end;min-height:36rem;margin-bottom:0;padding-inline:1rem;padding-top:5rem;transform:translateY(0)}}.play-envelope-scene{display:flex;flex-direction:column;align-items:center;gap:2rem;margin-bottom:10vh;overflow:visible}.play-page--detail{justify-content:flex-start;min-height:100dvh;overflow:visible;background:#fdfaf5}.play-page--detail .play-mobile-detail{width:100%;min-height:100dvh;border-top:none;padding-top:0}.play-mobile-detail{width:100%;align-self:stretch;background:#fdfaf5;border-top:1px solid rgba(55,53,30,.1);padding:2rem 1.5rem 3rem}.play-mobile-close{display:inline-flex;align-items:center;gap:.4rem;margin-bottom:1.5rem;background:transparent;border:none;cursor:pointer;font-family:var(--font-mono);font-size:.7rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--ink);padding:0}.play-mobile-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1.25rem}.play-mobile-icon{width:44px;height:44px;border-radius:10px;flex-shrink:0}.play-mobile-title{font-family:Caveat,cursive;font-size:2rem;font-weight:400;color:var(--ink);margin:0}.play-mobile-desc{font-family:Caveat,cursive;font-size:1.2rem;line-height:1.9;color:var(--ink);margin:0 0 1.75rem}.play-mobile-features-label{font-family:Shorelines Script,cursive;font-size:1.4rem;color:var(--sage-deep);display:block;margin-bottom:.5rem}.play-mobile-features{list-style:none;padding:0;margin:0 0 2rem}.play-mobile-features li{height:2.4rem;border-bottom:1px solid rgba(55,53,30,.1);display:flex;align-items:center;font-family:DM Sans,sans-serif;font-size:.9rem;color:var(--ink);padding-left:1.2rem;position:relative}.play-mobile-features li:before{content:"·";position:absolute;left:.2rem;color:var(--sage-deep);font-size:1.4rem;font-weight:700;line-height:1}.play-mobile-actions{display:flex;flex-direction:column;gap:1rem}.play-mobile-btb{font-family:var(--font-mono);font-size:.75rem;font-weight:700;letter-spacing:.08em;color:var(--ink);text-decoration:none;border-bottom:2px solid var(--sage-deep);padding-bottom:2px;width:fit-content}