.activity-wrapper{--activity-padding:clamp(1rem,4vw,2rem);--activity-gap:clamp(1rem,3vw,1.5rem);--safe-area-top:env(safe-area-inset-top,0px);--safe-area-bottom:env(safe-area-inset-bottom,0px);--safe-area-left:env(safe-area-inset-left,0px);--safe-area-right:env(safe-area-inset-right,0px);position:relative;width:100%;padding:calc(var(--activity-padding) + var(--safe-area-top)) calc(var(--activity-padding) + var(--safe-area-right)) calc(var(--activity-padding) + var(--safe-area-bottom)) calc(var(--activity-padding) + var(--safe-area-left))}.activity-content{width:100%;height:100%;display:flex;flex-direction:column;gap:var(--activity-gap)}.activity-wrapper--story{--story-max-width:min(65ch,90vw);display:flex;align-items:flex-start;justify-content:center;padding-top:2rem}.activity-wrapper--story .activity-content{max-width:var(--story-max-width);line-height:1.6;font-size:clamp(1rem,2.5vw,1.125rem);gap:1.5rem}.activity-wrapper--reading{--reading-max-width:min(70ch,85vw);display:flex;align-items:flex-start;justify-content:center;background:linear-gradient(135deg,#fefbf3,#f8f6f0)}.activity-wrapper--reading .activity-content{max-width:var(--reading-max-width);line-height:1.7;font-size:clamp(1.1rem,2.8vw,1.25rem);background:white;border-radius:1rem;padding:2rem;box-shadow:0 4px 20px rgba(0,0,0,.1)}.activity-wrapper--game{display:grid;place-items:center;min-height:calc(100vh - 4rem);min-height:calc(var(--vh, 1vh) * 100 - 4rem);background:radial-gradient(circle at center,#f0f8ff 0,#e6f3ff 100%)}.activity-wrapper--game .activity-content{aspect-ratio:16/9;max-height:80vh;max-height:calc(var(--vh, 1vh) * 80);width:100%;max-width:min(1200px,90vw);display:flex;align-items:center;justify-content:center;background:white;border-radius:1.5rem;box-shadow:0 8px 32px rgba(0,0,0,.12);overflow:hidden}.activity-wrapper--interactive{display:flex;align-items:center;justify-content:center;min-height:calc(100vh - 2rem);min-height:calc(var(--vh, 1vh) * 100 - 2rem);background:linear-gradient(135deg,#fff7ed,#fef3c7 50%,#ecfdf5)}.activity-wrapper--interactive .activity-content{width:100%;max-width:min(1024px,95vw);display:flex;flex-direction:column;align-items:center;gap:2rem;background:rgba(255,255,255,.9);backdrop-filter:blur(10px);border-radius:2rem;padding:2rem;border:1px solid rgba(255,255,255,.2);box-shadow:0 20px 40px rgba(0,0,0,.1)}.activity-wrapper--choice{display:flex;align-items:center;justify-content:center;min-height:70vh;min-height:calc(var(--vh, 1vh) * 70);background:linear-gradient(45deg,#f8fafc,#f1f5f9)}.activity-wrapper--choice .activity-content{max-width:min(800px,90vw);display:flex;flex-direction:column;align-items:center;gap:2rem;text-align:center}.activity-wrapper--breathing{position:relative;display:grid;place-items:center;min-height:100vh;min-height:calc(var(--vh, 1vh) * 100);background:radial-gradient(circle at center,#667eea 0,#764ba2 100%);overflow:hidden}.activity-wrapper--breathing:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grain" patternUnits="userSpaceOnUse" width="100" height="100"><filter id="noiseFilter"><feTurbulence type="fractalNoise" baseFrequency="0.9" numOctaves="4" stitchTiles="stitch"/></filter><rect width="100%" height="100%" filter="url(%23noiseFilter)" opacity="0.03"/></pattern></defs><rect width="100%" height="100%" fill="url(%23grain)"/></svg>');pointer-events:none}.activity-wrapper--breathing .activity-content{z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:white;max-width:min(600px,90vw)}@media (max-width:767px){.activity-wrapper{--activity-padding:1rem;--activity-gap:1rem}.activity-wrapper--game .activity-content{aspect-ratio:4/3;max-height:70vh}.activity-wrapper--reading .activity-content,.activity-wrapper--story .activity-content{padding:1.5rem}.activity-wrapper--interactive .activity-content{padding:1.5rem;gap:1.5rem}}@media (min-width:768px) and (max-width:1199px){.activity-wrapper{--activity-padding:2rem;--activity-gap:1.5rem}.activity-wrapper--game .activity-content{aspect-ratio:16/10;max-height:75vh}.activity-wrapper--interactive .activity-content{max-width:min(900px,90vw);padding:2.5rem}}@media (min-width:1200px){.activity-wrapper{--activity-padding:3rem;--activity-gap:2rem}.activity-wrapper--reading .activity-content,.activity-wrapper--story .activity-content{padding:3rem}.activity-wrapper--interactive .activity-content{max-width:1024px;padding:3rem}}@media (pointer:coarse){.activity-content .clickable,.activity-content [role=button],.activity-content button{min-height:44px;min-width:44px;padding:.75rem 1.5rem}}@media (prefers-contrast:high){.activity-wrapper{border:2px solid}.activity-content{border:1px solid}}@media (prefers-reduced-motion:reduce){.activity-wrapper{scroll-behavior:auto}.activity-wrapper *,.activity-wrapper :after,.activity-wrapper :before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.activity-wrapper:focus-within{outline:2px solid #3b82f6;outline-offset:2px}.stories-grid{display:grid;gap:clamp(1rem,3vw,2rem);width:100%;max-width:1600px;margin:0 auto;padding:1rem 2rem;place-items:stretch;justify-content:center;grid-template-columns:1fr}@media (min-width:480px){.stories-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem;padding:1rem}}@media (min-width:768px){.stories-grid{grid-template-columns:repeat(3,1fr);gap:2rem;padding:1.5rem 2rem;max-width:900px}}@media (min-width:1024px){.stories-grid{grid-template-columns:repeat(4,1fr);gap:2rem;padding:2rem;max-width:1200px}}@media (min-width:1280px){.stories-grid{grid-template-columns:repeat(5,1fr);max-width:1400px;padding:2rem;gap:2rem;margin:0 auto;justify-content:center}}@media (min-width:1600px){.stories-grid{max-width:1600px;padding:2rem 3rem;gap:2.5rem;margin:0 auto}}.stories-grid--showcase{grid-template-columns:1fr!important;max-width:1200px!important;gap:1.5rem;margin:0 auto}@media (min-width:640px){.stories-grid--showcase{grid-template-columns:repeat(2,1fr)!important}}@media (min-width:768px){.stories-grid--showcase{grid-template-columns:repeat(3,1fr)!important;gap:2rem}}@media (min-width:1280px){.stories-grid--showcase{gap:2.5rem}}.story-card{width:100%;height:100%;display:flex;flex-direction:column;padding:clamp(.75rem,2.5vw,1.25rem);min-height:480px}.story-card .character-image{width:clamp(60px,8vw,90px);height:clamp(60px,8vw,90px);margin:0 auto clamp(.75rem,2vw,1.25rem);flex-shrink:0}.story-card h3{font-size:clamp(1rem,2.5vw,1.4rem);line-height:1.3;margin-bottom:clamp(.5rem,1.5vw,.75rem);text-align:center;flex-shrink:0}.story-card .theme-title{font-size:clamp(.9rem,2.2vw,1.2rem);margin-bottom:clamp(.5rem,1.2vw,.75rem);flex-shrink:0}.story-card .description,.story-card p{font-size:clamp(.85rem,2vw,1rem);line-height:1.4;text-align:center;flex:1;display:flex;align-items:flex-start;justify-content:center;margin-bottom:1rem}.story-card button{margin-top:auto;padding:clamp(.75rem,2vw,1rem) clamp(1rem,3vw,1.5rem);font-size:clamp(.9rem,2.2vw,1.1rem);font-weight:600;flex-shrink:0}@media (pointer:coarse){.story-card{min-height:450px}.story-card [role=button],.story-card button{min-height:48px;min-width:48px;padding:1rem 1.5rem}}@media print{.activity-wrapper{background:white!important;color:black!important;box-shadow:none!important;padding:1rem!important}.activity-wrapper--breathing,.activity-wrapper--game{display:none}.stories-grid{grid-template-columns:repeat(2,1fr)!important;gap:1rem!important}}