/*! DeenScreen. Copyright (c) 2026 Zito Miah. All rights reserved. See LICENSE. */
*,*:before,*:after{box-sizing:border-box}.holding{--sky-top: #0369a1;--sky-bottom: #7dd3fc;--hill-back: #22c55e;--ground: #4ade80;--ground-deep: #16a34a;--hills: clamp(2.5rem, 10vh, 6rem);display:flex;flex-direction:column;height:100vh;height:100svh;margin:0;background:var(--ground-deep);color:#163b43;overflow:hidden}.holding[data-phase=dawn]{--sky-top: #312e81;--sky-bottom: #f97316;--hill-back: #4d7c0f;--ground: #65a30d;--ground-deep: #3f6212}.holding[data-phase=sunset]{--sky-top: #4c1d95;--sky-bottom: #f59e0b;--hill-back: #3f6212;--ground: #65a30d;--ground-deep: #365314}.holding[data-phase=night]{--sky-top: #172d60;--sky-bottom: #4553a0;--hill-back: #14532d;--ground: #166534;--ground-deep: #0f3d24}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.holding-sky{position:relative;flex:1 1 auto;min-height:0;display:flex;flex-direction:column;overflow:hidden;padding-bottom:calc(var(--hills) - 1rem);background:linear-gradient(180deg,var(--sky-top),var(--sky-bottom) calc(100% - 2rem),var(--ground) calc(100% - 2rem))}.holding-top{position:relative;z-index:3;display:flex;align-items:center;justify-content:space-between;gap:.75rem;width:100%;max-width:44rem;margin:0 auto;padding:max(clamp(.4rem,1.5vh,.9rem),env(safe-area-inset-top)) 1rem .25rem}.holding-logo{color:#fff;font-size:clamp(1.15rem,min(5vw,4vh),1.75rem);font-weight:900;letter-spacing:-.01em;text-shadow:0 2px 0 rgb(0 0 0 / 22%)}.holding-sound{display:grid;place-items:center;width:clamp(2.5rem,6vh,3rem);height:clamp(2.5rem,6vh,3rem);padding:0;border:3px solid #163b43;border-radius:50%;background:#fff;box-shadow:0 4px #163b43;color:#163b43;font:inherit;font-size:clamp(1rem,2.6vh,1.25rem);line-height:1;cursor:pointer;touch-action:manipulation}.holding-sound:active{transform:translateY(3px);box-shadow:0 1px #163b43}.holding-sky-body{position:absolute;top:clamp(3.25rem,10vh,5.5rem);right:max(1rem,4vw);z-index:2;width:clamp(3.5rem,min(20vw,15vh),8rem);aspect-ratio:1;padding:0;border:0;border-radius:50%;background:none;cursor:pointer;filter:drop-shadow(0 0 18px rgb(255 224 138 / 60%));animation:holding-float 6s ease-in-out infinite;touch-action:manipulation}.holding-sky-body:focus-visible{outline:4px solid #fde68a;outline-offset:4px}.holding-sky-body .sky-body-svg{display:block;width:100%;height:100%;overflow:visible}.holding-sky-body .sun-rays{transform-box:view-box;transform-origin:50px 50px;animation:holding-spin 20s linear infinite}.holding-sky-body.giggle{animation:holding-giggle .9s cubic-bezier(.3,1.5,.5,1)}.holding-sky-body.giggle .sun-rays{animation-duration:1.2s}.holding-sparkles{position:absolute;inset:0;z-index:2;pointer-events:none}.holding-sparkles span{position:absolute;font-size:1.4rem;animation:holding-sparkle .9s ease-out forwards}.holding-stage{position:relative;z-index:3;flex:1 1 auto;min-height:0;display:flex;flex-direction:column;width:100%;max-width:44rem;margin:0 auto;pointer-events:none}.holding-stage>*{pointer-events:none}.holding-noor{position:relative;margin-top:clamp(.25rem,6vh,5rem);padding:0 1rem}.holding-noor>*,.holding-sign-wrap>*{pointer-events:auto}.holding-noor .noor-buddy{width:clamp(4rem,min(26vw,17vh),8.5rem)}.holding-noor .noor-bubble{max-width:min(17rem,calc(100vw - 12rem));margin-bottom:clamp(1rem,5vh,3.5rem);font-size:clamp(.85rem,min(4.2vw,2.7vh),1.3rem)}.holding-noor .noor-buddy.chime .noor-halo{animation:holding-glow .7s ease-out}.holding-sign-wrap{display:flex;flex-direction:column;align-items:center;gap:clamp(.4rem,1.6vh,.9rem);margin:auto auto 0;padding:clamp(.5rem,3vh,2rem) 1rem 0}.holding-sign{margin:0;padding:.3em .7em;border:3px solid #163b43;border-radius:1rem;background:linear-gradient(180deg,#d97706,#b45309);box-shadow:0 6px #78350f;color:#fff9e8;font-size:clamp(1.2rem,min(7vw,5vh),2.25rem);font-weight:900;line-height:1.25;text-shadow:0 2px 0 rgb(0 0 0 / 25%);white-space:nowrap;transform:rotate(-2deg)}.holding-countdown{margin:0;padding:.35em .9em;border:3px solid #163b43;border-radius:999px;background:#fff;box-shadow:0 4px #163b434d;font-size:clamp(.85rem,min(4.4vw,2.7vh),1.2rem);font-weight:900;line-height:1.3;white-space:nowrap;animation:holding-pop 2s ease-in-out infinite}.holding-countdown[hidden]{display:none}@media (max-width: 599px){.holding-noor{margin-top:clamp(3rem,18vh,9rem)}.holding-noor .noor-bubble{max-width:calc(100vw - 9.5rem)}}@media (max-height: 520px) and (min-aspect-ratio: 4/3){.holding-stage{flex-direction:row;align-items:center;justify-content:center;gap:clamp(1rem,4vw,3rem);max-width:52rem;padding-right:clamp(4rem,12vw,9rem)}.holding-noor{margin-top:0;padding:0}.holding-noor .noor-bubble{max-width:min(14rem,30vw);margin-bottom:1rem}.holding-sign-wrap{margin:0;padding:0}.holding-flowers{display:none}}.holding-stars{position:absolute;inset:0;display:none;pointer-events:none}.holding[data-phase=night] .holding-stars,.holding[data-phase=dawn] .holding-stars{display:block}.holding-stars span{position:absolute;color:#fff3bd;font-size:.8rem;text-shadow:0 0 6px #fde68a;animation:holding-twinkle 2.8s ease-in-out infinite}.holding-stars span:before{content:"\2726"}.holding-clouds{position:absolute;inset:0;display:none;pointer-events:none}.holding[data-phase=day] .holding-clouds,.holding[data-phase=dawn] .holding-clouds{display:block}.holding-clouds span{position:absolute;left:-20%;font-size:clamp(1.6rem,5vh,2.8rem);opacity:.95;animation:holding-cloud 48s linear infinite}.holding-clouds span:nth-child(1){top:18%}.holding-clouds span:nth-child(2){top:42%;font-size:clamp(1.2rem,3.6vh,2rem);animation-delay:-24s}.holding-clouds span:nth-child(3){top:62%;font-size:clamp(1.3rem,4.2vh,2.3rem);animation-delay:-36s}.holding-hills{position:absolute;right:0;bottom:-3px;left:0;width:100%;height:calc(var(--hills) + 3px)}.hill-back{fill:var(--hill-back)}.hill-front{fill:var(--ground)}.holding-ground{flex:none;margin-top:-1px;padding:clamp(0rem,.5vh,.25rem) 1rem max(clamp(.5rem,2vh,1.5rem),env(safe-area-inset-bottom));background:linear-gradient(180deg,var(--ground),var(--ground-deep));text-align:center}.holding-flowers{margin:0;font-size:clamp(1rem,3vh,1.6rem);letter-spacing:.4rem;line-height:1.3}.holding-about{max-width:40rem;margin:clamp(.2rem,1vh,.75rem) auto 0;color:#fff;font-size:clamp(.72rem,min(3.6vw,2vh),.95rem);font-weight:800;line-height:1.4;text-shadow:0 1px 0 rgb(0 0 0 / 30%)}.grown-ups{margin-top:clamp(.3rem,1vh,.6rem)}.grown-ups-button{display:inline-block;padding:.3rem .9rem;border:2px solid rgb(255 255 255 / 85%);border-radius:999px;color:#fff;font-size:clamp(.75rem,1.9vh,.9rem);font-weight:800;list-style:none;cursor:pointer;touch-action:manipulation}.grown-ups-button::-webkit-details-marker{display:none}.grown-ups-button:focus-visible{outline:3px solid #fde68a;outline-offset:3px}.grown-ups-panel{position:fixed;z-index:40;right:max(.75rem,env(safe-area-inset-right));bottom:max(.75rem,env(safe-area-inset-bottom));left:max(.75rem,env(safe-area-inset-left));max-width:36rem;max-height:min(80vh,36rem);margin:0 auto;padding:1.25rem 1.25rem 1rem;overflow-y:auto;border:3px solid #163b43;border-radius:1.5rem;background:#fff9e8;box-shadow:0 8px #163b434d;color:#163b43;text-align:left;font-size:1rem;font-weight:700;line-height:1.5}.grown-ups-panel h2{margin:.9rem 0 .25rem;font-size:1.15rem;font-weight:900}.grown-ups-panel h2:first-of-type{margin-top:0;padding-right:2.5rem}.grown-ups-panel p,.grown-ups-panel ul{margin:0 0 .5rem}.grown-ups-panel ul{padding-left:1.25rem}.grown-ups-close{position:sticky;top:0;float:right;display:grid;place-items:center;width:2.5rem;height:2.5rem;margin:-.4rem -.4rem 0 .5rem;padding:0;border:3px solid #163b43;border-radius:50%;background:#fff;box-shadow:0 3px #163b43;color:#163b43;font:inherit;font-weight:900;cursor:pointer;touch-action:manipulation}.grown-ups-close:active{transform:translateY(2px);box-shadow:0 1px #163b43}@keyframes holding-float{0%,to{transform:translateY(0) rotate(-3deg)}50%{transform:translateY(6px) rotate(3deg)}}@keyframes holding-spin{to{transform:rotate(360deg)}}@keyframes holding-giggle{0%{transform:scale(1) rotate(0)}15%{transform:scale(1.18,.82) rotate(-8deg)}35%{transform:scale(.9,1.12) rotate(10deg)}55%{transform:scale(1.08) rotate(-8deg)}75%{transform:scale(.98) rotate(5deg)}to{transform:scale(1) rotate(0)}}@keyframes holding-sparkle{0%{opacity:1;transform:translate(0) scale(.6)}to{opacity:0;transform:translate(var(--dx),var(--dy)) scale(1.2) rotate(40deg)}}@keyframes holding-glow{0%{opacity:1;transform:scale(1)}40%{opacity:1;transform:scale(1.45)}to{opacity:.85;transform:scale(1)}}@keyframes holding-twinkle{0%,to{opacity:.35;transform:scale(.8)}50%{opacity:1;transform:scale(1.2)}}@keyframes holding-cloud{0%{transform:translate(0)}to{transform:translate(140vw)}}@keyframes holding-pop{0%,to{transform:scale(1)}50%{transform:scale(1.06)}}