/* Navratri v1.2: viewport shell, readable controls and original banner without crop. */
html,body{height:100%;min-height:0;overflow:hidden}body{display:flex;flex-direction:column}.bar{flex:none;padding:8px 14px;gap:8px}.brand{font-size:20px;white-space:nowrap}.tools{gap:7px}.tools button{font-size:12px;padding:8px 10px;min-height:40px}.tools input{width:65px}.tools label,.tools #volText{font-size:11px}.audio-status{max-width:120px;font-size:10px}.intro-details{flex:none;position:relative;z-index:6;background:#20102e;border-bottom:1px solid #8c613d}.intro-details summary{padding:9px 16px;color:#ffdea0;cursor:pointer;font:700 14px/1.4 system-ui}.intro-details[open]{position:absolute;inset:65px 12px auto;max-height:70vh;overflow:auto;border:1px solid #a77648;border-radius:12px;box-shadow:0 12px 60px #000c}.hero{min-height:0;display:block;padding:0 12px 14px}.hero:before{display:none}.hero-banner{display:block;width:100%;height:auto;max-height:340px;object-fit:contain;margin:0 auto 8px;border-radius:12px;background:#0c1126}.hero h1{font-size:24px;margin:10px}.hero p{font-size:14px}.hero .pill{font-size:12px}.wrap{flex:1;min-height:0;width:100%;max-width:1600px;padding:10px}.layout{height:100%;min-height:0;grid-template-columns:minmax(0,1fr) 245px}.panel{min-height:0}.game-anchor{overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#be945f #251631}.side{overflow:auto;padding:14px}.scene{min-height:245px;display:grid;grid-template-columns:1.2fr 1fr;background:#18213a;gap:0}.scene:before,.scene:after{display:none}.festival-art{position:relative;min-width:0;align-self:stretch;display:flex;align-items:center;overflow:hidden}.festival-art svg{width:100%;height:auto;min-height:180px;max-height:280px;display:block}.sceneText{max-width:100%;padding:15px;text-align:left;background:linear-gradient(90deg,#221332bb,#20112bee)}.sceneText .lotus{font-size:35px;animation:none}.sceneText h2{font-size:clamp(24px,2.5vw,34px)}.sceneText p{font-size:13px;color:#f5deca}.sceneText #sceneExplore{margin-top:12px;min-height:44px;font-size:12px;max-width:100%;text-align:left}.sceneText #sceneResponse{font-size:11px;min-height:36px;color:#aee8cc;margin:8px 0 0}.content{padding:18px}.content h3{font-size:24px}.story{font-size:14px;margin:8px 0 12px}.answers{gap:9px}.choice{min-height:48px;font-size:14px;padding:10px 12px}.notice{font-size:14px;margin:8px 0;min-height:23px}.actions{position:sticky;bottom:-18px;z-index:5;background:#21142ff5;border-top:1px solid #8a6246;padding:10px 0 4px;gap:8px}.primary{min-height:46px;font-size:14px;padding:10px 15px}.ghost{min-height:44px;font-size:12px}.progress{margin:10px 0}.footer{flex:none;font-size:10px;padding:4px}.festival-tiles .tile{font-size:25px;min-height:83px;box-shadow:inset 0 -6px 0 #100d252e;transition:background .3s,box-shadow .3s,transform .2s}.festival-tiles .tile.hit{box-shadow:0 0 20px #ffd47850,inset 0 -4px 0 #1e423c;background:linear-gradient(#3b8464,#255845)}.festival-tiles .tile.hit:disabled{opacity:1}.festival-tiles.day-7{background:radial-gradient(circle,#ce7da425,#aa7bd300);border-radius:40px;padding:12px}.festival-tiles.day-8{grid-template-columns:repeat(3,minmax(0,1fr));max-width:450px;margin-inline:auto}.festival-stars circle{animation:festivalTwinkle 3s ease-in-out infinite alternate}.festival-flame{transform-box:fill-box;transform-origin:center bottom;animation:festivalFlame 1.2s ease-in-out infinite alternate}.festival-lamp{opacity:.35;transition:opacity .6s}.scene[data-phase="1"] .glow-0,.scene[data-phase="1"] .glow-1,.scene[data-phase="1"] .glow-2,.scene[data-phase="2"] .festival-lamp,.scene[data-phase="3"] .festival-lamp{opacity:1}.scene[data-phase="2"] .glow-6,.scene[data-phase="2"] .glow-7,.scene[data-phase="2"] .glow-8{opacity:.35}.festival-path{stroke-dasharray:450;stroke-dashoffset:450;transition:stroke-dashoffset 1.2s}.scene[data-phase="1"] .festival-path{stroke-dashoffset:300}.scene[data-phase="2"] .festival-path{stroke-dashoffset:150}.scene[data-phase="3"] .festival-path{stroke-dashoffset:0}.festival-bell{transform:rotate(0);transition:transform .3s}.scene:not([data-phase="0"]) .festival-bell{animation:festivalBell 1.5s ease-in-out infinite alternate}.festival-sun{animation:festivalRotate 60s linear infinite}.festival-water{animation:festivalWater 5s ease-in-out infinite alternate}.water-line{animation-delay:-2s}.lotus-petals{transform-origin:320px 240px;transform:scale(.8);transition:transform 1s}.scene[data-phase="3"] .lotus-petals{transform:scale(1)}.festival-shield{transform-origin:320px 185px;transition:transform 1s,filter 1s}.scene[data-phase="3"] .festival-shield{transform:scale(1.08);filter:drop-shadow(0 0 12px #f5c473)}.festival-mandala{animation:festivalRotate 45s linear infinite}.festival-ripple{animation:festivalRipple 3s ease-out infinite}.scene[data-day="6"][data-phase="3"] .festival-stars{filter:drop-shadow(0 0 8px #fff)}.scene .spark{display:none}#daysMenu{display:none}@keyframes festivalTwinkle{to{opacity:.25;transform:translateY(-4px)}}@keyframes festivalFlame{to{transform:scale(.85,1.1);opacity:.7}}@keyframes festivalBell{to{transform:rotate(9deg)}}@keyframes festivalRotate{to{transform:rotate(360deg)}}@keyframes festivalWater{to{transform:translateX(24px)}}@keyframes festivalRipple{from{opacity:.8;transform:translateY(0)}to{opacity:0;transform:translateY(20px)}}
@media(max-width:900px){.bar{flex-wrap:wrap;justify-content:center;padding:6px;gap:5px}.brand{font-size:17px}.tools{justify-content:center;gap:5px;max-width:100%}.tools button{font-size:11px;min-height:36px;padding:6px 8px}.audio-status{position:absolute;right:8px;top:100%;padding:2px 5px;background:#21142c;max-width:160px;z-index:8}.audio-status:empty{display:none}.tools label,.tools #volText{display:none}.tools input{width:55px}.intro-details summary{padding:7px 12px;font-size:12px}.wrap{padding:5px}.layout{grid-template-columns:minmax(0,1fr);gap:0}.side{display:none}.side.day-menu-open{display:block;position:fixed;inset:115px 10px 20px;z-index:30;background:#20142ef7;box-shadow:0 10px 50px #000c}.days{grid-template-columns:repeat(2,minmax(0,1fr))}.day{min-height:48px}.scene{min-height:0;grid-template-columns:1fr}.festival-art svg{min-height:140px;max-height:190px}.sceneText{padding:12px;display:grid;grid-template-columns:40px minmax(0,1fr);column-gap:10px}.sceneText .lotus{font-size:29px;grid-row:1/3}.sceneText h2{font-size:24px}.sceneText p{font-size:12px}.sceneText #sceneExplore,.sceneText #sceneResponse{grid-column:1/-1}.sceneText #sceneExplore{margin-top:7px;min-height:42px}.sceneText #sceneResponse{min-height:20px;margin-top:5px}.content{padding:13px}.content h3{font-size:21px}.story{font-size:13px}.answers{grid-template-columns:repeat(2,minmax(0,1fr))}.choice{font-size:13px;min-height:48px;padding:10px}.actions{bottom:-13px;margin:12px 0 0;padding:9px 0 3px;gap:6px}.actions #next{flex-basis:100%;min-height:46px}.ghost{font-size:11px}.tiles{gap:6px}.festival-tiles .tile{font-size:22px;min-height:67px;padding:4px}.footer{font-size:9px}#daysMenu{display:inline-block}.intro-details[open]{inset:95px 8px auto}.hero-banner{max-height:none}}
@media(max-width:360px){.answers{grid-template-columns:1fr}.tools input{display:none}.festival-tiles .tile{font-size:19px}.sceneText h2{font-size:22px}}
@media(max-height:500px) and (min-width:600px){.scene{grid-template-columns:1.2fr 1fr}.festival-art svg{max-height:190px}.sceneText{display:block}.sceneText .lotus{display:none}.brand{font-size:15px}.bar{flex-wrap:nowrap}.tools{flex-wrap:nowrap}.tools input{display:none}.intro-details summary{padding:5px 12px}.sceneText h2{font-size:23px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.festival-path{stroke-dashoffset:0}.festival-ripple{opacity:1}}