.play-page{background:#f8f5ee;touch-action:pan-x pan-y}.stage,.stage:focus,.stage:focus-visible{outline:none!important}.play-page-main{max-width:1440px;margin:auto;padding:44px 5% 80px}.play-page-intro{max-width:780px;margin:0 0 45px;padding:44px;border:1px solid #dedfd4;border-radius:28px;background:linear-gradient(135deg,#fff8e9,#edf0dd);box-shadow:0 18px 60px rgba(44,61,55,.07)}.play-page-intro h1{font-size:clamp(42px,5vw,68px);line-height:1.04;letter-spacing:-2px;margin:13px 0 17px;color:#29483d}.play-page-intro h1 span{display:block;color:#c16543;font-family:Georgia,serif;font-style:italic;font-weight:400}.play-page-intro p{font-size:15px;line-height:1.75;color:var(--muted,#43594e);max-width:620px}.play-page-intro .secondary{margin:10px 0 0}.play-page .home-playroom{padding-top:0}.play-page-footer{max-width:1440px;margin:auto;border-top:1px solid #dedfd4;padding:28px 5% 38px;display:flex;justify-content:space-between;gap:20px;font-size:11px;color:var(--muted,#43594e)}@media(max-width:620px){.play-page-main{padding:28px 4.5% 60px}.play-page-intro{padding:32px 22px;border-radius:23px}.play-page-intro h1{font-size:44px;letter-spacing:-2px}.play-page-footer{padding-left:4.5%;padding-right:4.5%;flex-direction:column}}

/* Discovery Scroll — reel-like navigation, learning-first content */
.scroll-art{background:linear-gradient(155deg,#dff2eb,#fff0d1);perspective:500px}
.scroll-art i{font-style:normal;font-weight:900;font-size:35px;filter:drop-shadow(0 8px 8px #29483d20);transform:rotate(-9deg) translateY(5px)}
.scroll-art i:nth-child(2){font-family:Georgia,serif;color:#315e8a;background:#fffaf0;border-radius:12px;padding:5px 11px;transform:translateY(-12px) rotate(8deg);box-shadow:0 7px 0 #7fa7c355}
.scroll-art i:nth-child(3){transform:rotate(11deg) translateY(9px)}
.scroll-art b{right:18px;top:12px;color:#456f63;font-size:30px}
#game-content.discovery-content{padding:0;overflow:hidden;text-align:left}
.discovery-loading{height:100%;display:grid;place-items:center;color:#61756b;font-size:13px;letter-spacing:.4px}
.discovery-feed{height:100%;overflow-y:auto;overscroll-behavior:contain;scroll-snap-type:y mandatory;scrollbar-width:none;touch-action:pan-y;background:#eaf2e8;outline:none}
.discovery-feed::-webkit-scrollbar{display:none}
.discovery-feed.quiz-locked{overflow:hidden}
.discovery-slide{height:100%;min-height:100%;scroll-snap-align:start;scroll-snap-stop:always;position:relative;display:grid;place-items:center;align-content:center;gap:8px;text-align:center;isolation:isolate;overflow:hidden;padding:42px 20px 34px;cursor:pointer}
.discovery-slide:before,.discovery-slide:after{content:"";position:absolute;border-radius:50%;z-index:-1}
.discovery-slide:before{width:58%;aspect-ratio:1;background:#fff9;filter:blur(1px);box-shadow:0 30px 70px #34554415}
.discovery-slide:after{width:220px;height:220px;border:28px solid #fff5;right:-110px;top:-90px}
.discovery-slide.peach{background:linear-gradient(160deg,#fde4d7,#fff5e8)}.discovery-slide.mint{background:linear-gradient(160deg,#dcefe2,#eff7e8)}.discovery-slide.sky{background:linear-gradient(160deg,#ddecf5,#eef7f8)}.discovery-slide.lavender{background:linear-gradient(160deg,#ebe2f3,#f8eff5)}.discovery-slide.sunny{background:linear-gradient(160deg,#faebbb,#fff5d9)}.discovery-slide.rose{background:linear-gradient(160deg,#f4dadd,#fff0e7)}
.discovery-type{position:absolute;top:22px;left:22px;border:1px solid #29483d25;border-radius:999px;background:#fff9;padding:8px 13px;font-size:10px;letter-spacing:1.3px;font-weight:900;color:#2d463b}
.discovery-object-frame{width:clamp(205px,35vw,315px);height:clamp(190px,32vw,290px);display:grid;place-items:center;position:relative}
.discovery-object{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 22px 15px #2f49372b);animation:discoveryFloat 3.2s ease-in-out infinite;user-select:none;-webkit-user-drag:none}
.discovery-fallback{display:none;font-family:Georgia,serif;font-size:clamp(70px,12vw,130px);font-weight:900;color:#315e8a;text-shadow:0 5px 0 #fff,0 12px 0 #82a8c5,0 22px 22px #29483d2b}
.discovery-object-frame.asset-failed .discovery-object{display:none}.discovery-object-frame.asset-failed .discovery-fallback{display:block}
.discovery-slide strong{font-size:clamp(28px,4.5vw,44px);line-height:1.02;letter-spacing:-1.3px;color:#29483d;max-width:88%}
.discovery-subtitle{font-size:clamp(13px,1.8vw,17px);font-weight:700;color:#384d42}
.discovery-cue{position:absolute;right:18px;bottom:18px;background:#29483de8;color:#fff8eb;border-radius:999px;padding:9px 14px;font-size:10px;font-weight:800;box-shadow:0 8px 25px #29483d24}
.discovery-cue b{font-size:14px;margin-left:5px}.discovery-live{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
@keyframes discoveryFloat{0%,100%{transform:translateY(0) rotate(-2deg) scale(1)}50%{transform:translateY(-9px) rotate(1.5deg) scale(1.02)}}
.reduce-motion .discovery-object,.discovery-feed.reduced .discovery-object{animation:none!important}
@media(max-width:760px){.discovery-type{top:16px;left:16px}.discovery-cue{right:14px;bottom:14px}.discovery-object-frame{width:min(68vw,260px);height:min(58vw,235px)}.discovery-slide strong{font-size:31px}.discovery-subtitle{font-size:13px}}

/* Discovery Scroll V2 controls */
.discovery-shell{height:100%;min-height:0;display:grid;grid-template-rows:auto minmax(0,1fr);background:#eaf2e8}
.discovery-shell .discovery-feed{height:auto;min-height:0}
.discovery-controls{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 12px;background:#f7fbf8e8;border-bottom:1px solid #29483d18;z-index:3}
.discovery-modes,.discovery-actions,.discovery-languages{display:flex;align-items:center;gap:6px}
.discovery-modes{min-width:0;overflow-x:auto;scrollbar-width:none}.discovery-modes::-webkit-scrollbar{display:none}
.discovery-controls button{appearance:none;border:1px solid #29483d20;background:#fffaf0;color:#2d463b;border-radius:999px;padding:8px 13px;min-height:36px;font:800 10.5px/1 system-ui,sans-serif;white-space:nowrap;cursor:pointer;transition:transform .12s ease,background .12s ease}
.discovery-controls button:hover{transform:translateY(-1px)}
.discovery-controls button.active{background:#29483d;color:#fff8eb;border-color:#29483d;box-shadow:0 6px 14px #29483d1c}
.discovery-controls button:focus-visible{outline:3px solid #145c70;outline-offset:2px}
.discovery-controls [data-discovery-replay]{background:#fff;border-color:#70a99a55}.discovery-controls [data-discovery-replay]:disabled{opacity:.45;cursor:default}
.discovery-subtitle[lang="hi"]{font-family:system-ui,-apple-system,"Noto Sans Devanagari",sans-serif;font-weight:750}
@media(max-width:760px){.discovery-controls{align-items:stretch;flex-direction:column;padding:8px}.discovery-modes{width:100%}.discovery-actions{justify-content:space-between}.discovery-controls button{padding:8px 11px;font-size:9.5px;min-height:34px}.discovery-languages{flex-shrink:0}}

/* Discovery Learn Mode — five discoveries, then one gentle visual question */
.discovery-shell{position:relative}
.discovery-quiz{position:absolute;inset:0;z-index:8;display:grid;align-content:center;justify-items:center;gap:14px;padding:26px;background:linear-gradient(160deg,rgba(255,250,240,.98),rgba(234,245,239,.98));text-align:center}
.discovery-quiz:before{content:"";position:absolute;inset:9%;border:1px solid rgba(41,72,61,.10);border-radius:34px;pointer-events:none}
.discovery-quiz-kicker{position:relative;font-size:9px;letter-spacing:1.7px;font-weight:900;color:#708178;text-transform:uppercase}
.discovery-quiz h3{position:relative;margin:0;max-width:620px;font-size:clamp(28px,4vw,42px);line-height:1.05;letter-spacing:-1.4px;color:#29483d}
.discovery-quiz-choices{position:relative;display:grid;grid-template-columns:repeat(3,minmax(120px,190px));gap:16px;width:min(100%,620px);justify-content:center;margin-top:4px}
.discovery-quiz-choice{min-width:0;aspect-ratio:1;border:2px solid rgba(41,72,61,.12);border-radius:25px;background:#fffdf8;box-shadow:0 13px 34px rgba(41,72,61,.09);display:grid;place-items:center;padding:14px;cursor:pointer;transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease}
.discovery-quiz-choice:hover{transform:translateY(-3px);box-shadow:0 16px 38px rgba(41,72,61,.13)}
.discovery-quiz-choice:focus-visible{outline:4px solid #70b8c7;outline-offset:3px}
.discovery-quiz-choice img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 14px 12px rgba(41,72,61,.17));pointer-events:none}
.discovery-quiz-choice.correct{border-color:#75aa82;background:#eef8ed;transform:scale(1.035)}
.discovery-quiz-choice.try-again{border-color:#d9a297;background:#fff5ef;opacity:.66;transform:scale(.97)}
.discovery-quiz-feedback{position:relative;min-height:22px;margin:0;font-size:14px;font-weight:800;color:#557267}
@media(max-width:760px){.discovery-quiz{padding:18px 12px;gap:11px}.discovery-quiz:before{inset:7%;border-radius:26px}.discovery-quiz h3{font-size:28px}.discovery-quiz-choices{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.discovery-quiz-choice{border-radius:18px;padding:8px}.discovery-quiz-feedback{font-size:12px}}
@media(prefers-reduced-motion:reduce){.discovery-quiz-choice{transition:none}.discovery-quiz-choice:hover{transform:none}}

/* Offline installation & ready badge */
.offline-badge{font-size:10px;font-weight:750;letter-spacing:.3px;color:#29483d;background:rgba(117,170,130,.18);border:1px solid rgba(117,170,130,.35);border-radius:14px;padding:4px 10px;display:inline-flex;align-items:center;gap:5px;transition:opacity .2s ease}
.offline-badge[data-ready="false"]{background:rgba(216,110,97,.12);border-color:rgba(216,110,97,.25);color:#8f3d32}
.offline-badge[hidden]{display:none}

.game-card{text-decoration:none;color:inherit;display:flex;flex-direction:column;text-align:left}

/* Installed single-game PWAs open as a focused, full-screen game surface. */
.single-game-pwa .site-header,.single-game-pwa .play-page-intro,.single-game-pwa .section-top,.single-game-pwa .under-play,.single-game-pwa .games-section,.single-game-pwa .play-page-footer{display:none!important}
.single-game-pwa.play-page{overflow:hidden;background:#edf0dd}
.single-game-pwa .play-page-main{max-width:none;height:100dvh;padding:0}
.single-game-pwa #playroom,.single-game-pwa .home-playroom{height:100dvh;padding:0;margin:0}
.single-game-pwa .play-shell{height:100dvh;border:0;border-radius:0;display:flex;flex-direction:column}
.single-game-pwa .play-toolbar{padding-top:env(safe-area-inset-top);padding-left:max(18px,env(safe-area-inset-left));padding-right:max(18px,env(safe-area-inset-right));height:calc(62px + env(safe-area-inset-top))}
.single-game-pwa .stage{height:auto;min-height:0;flex:1}
.single-game-pwa .play-bottom{padding-bottom:env(safe-area-inset-bottom);height:calc(48px + env(safe-area-inset-bottom))}
.single-game-pwa #fullscreen{display:none!important}
.parent-game-install{width:100%;margin:14px 0 0;justify-content:center}