.story-area{position:relative;display:grid;height:min(70vh,610px);place-items:center;overflow:hidden;border:7px solid #fff;border-radius:36px;box-shadow:0 12px 28px rgba(42,54,103,.14);transition:background .35s}.story-picker{grid-template-columns:repeat(3,1fr);gap:12px;height:auto;min-height:500px;padding:20px;background:linear-gradient(#d7c8ff,#ffdef0)}.story-cover{display:grid;aspect-ratio:.8;place-items:center;border:0;border-radius:28px;background:rgba(255,255,255,.75);font-size:clamp(4rem,15vw,7rem);cursor:pointer;box-shadow:0 6px 0 rgba(52,39,103,.15)}.story-sky,.story-cloud{background:linear-gradient(#a8e5ff,#effbff)}.story-rainbow{background:linear-gradient(145deg,#ffc8dc,#fff1a7,#a7ead3)}.story-castle{background:linear-gradient(#b9b5ff 0 70%,#b1e18a 70%)}.story-sea{background:linear-gradient(#9feaff,#3a9fd7)}.story-beach{background:linear-gradient(#9fe4ff 0 58%,#ffe4a1 58%)}.story-sunset{background:linear-gradient(#ffc4a9,#9b83cf)}.story-park,.story-garden{background:linear-gradient(#b8eaff 0 64%,#91dd82 64%)}.story-main{font-size:clamp(10rem,42vw,18rem);filter:drop-shadow(0 10px 7px rgba(52,40,87,.17));animation:story-enter .55s ease}.story-choices{position:absolute;right:0;bottom:22px;left:0;display:flex;justify-content:center;gap:18px}.story-choices button{display:grid;width:92px;height:82px;place-items:center;border:0;border-radius:27px;background:rgba(255,255,255,.9);font-size:3.1rem;cursor:pointer;box-shadow:0 5px 0 rgba(44,33,91,.16)}@keyframes story-enter{from{opacity:0;transform:translateX(25px) scale(.9)}to{opacity:1;transform:none}}@media(max-width:480px){.story-picker{grid-template-columns:1fr;min-height:auto}.story-cover{width:100%;height:125px;aspect-ratio:auto}.story-main{font-size:9rem}}