#jny{position:fixed;inset:0;z-index:1000;background:#05061f url(/art/pichwai.svg) 0 0/120px;color:#fbf3de;font-family:'Noto Serif Gujarati','Nirmala UI','Shruti','Gujarati Sangam MN',Georgia,serif;line-height:1.4;overflow:hidden;display:flex;justify-content:center}
#jny::before{content:'';position:absolute;inset:-10%;background:var(--bgi,none) center/cover;filter:blur(34px) brightness(.35);transition:background 1s}
#jny *{box-sizing:border-box}#jny button{font:inherit;margin:0}
.j-stage{position:relative;height:100vh;height:100dvh;width:min(100vw,calc(100vh*9/16));width:min(100vw,calc(100dvh*9/16));overflow:hidden;background:#0b0d3a;box-shadow:0 0 80px #000}
.j-scene{position:absolute;inset:0;opacity:0;transition:opacity .9s ease}.j-scene.cur{opacity:1}.j-scene.out{pointer-events:none}
.j-bg{position:absolute;inset:0;overflow:hidden;background:#0b0d3a;transform-origin:50% 45%}.j-bg img{position:relative;width:100%;height:100%;object-fit:cover;object-position:50% 50%;image-rendering:auto;display:block;transition:filter .8s;-webkit-user-drag:none;user-select:none}
.j-bg.x2{opacity:0}
.j-ui{position:absolute;left:0;right:0;bottom:0;padding:90px 16px 20px;background:linear-gradient(#0000,#07082acc 50%,#07082af2);display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center;z-index:3;pointer-events:none}
.j-ui button,.j-ui .j-grid{pointer-events:auto}
.j-ui h2{margin:0;font-size:1.55rem;color:#f4c95d;animation:jglow 1.8s ease-in-out infinite alternate}.j-ui p{margin:0;font-size:1rem;text-shadow:0 2px 6px #000}
.j-hint{opacity:.85;font-size:.8rem}
@keyframes jglow{from{text-shadow:0 0 6px #f4a01c55}to{text-shadow:0 0 18px #ffd27a,0 0 30px #f4a01c}}
.j-top{position:absolute;top:0;left:0;right:0;z-index:8;display:flex;align-items:center;gap:6px;padding:8px 10px;background:linear-gradient(#000a,#0000)}
.j-top button{background:#0007;color:#fbf3de;border:1px solid #c9a227;border-radius:18px;padding:5px 10px;font-size:.82rem;cursor:pointer;min-height:36px}
.j-top input{width:54px;accent-color:#f4a01c}
.j-prog{display:flex;gap:3px;flex:1;justify-content:center}.j-prog i{width:9px;height:4px;border-radius:2px;background:#fbf3de40;transition:background .4s}.j-prog i.on{background:#f4a01c}
.j-cta{background:linear-gradient(#e24a22,#b82c10);color:#fff;border:2px solid #e0b64a;border-radius:28px;padding:13px 24px;font-weight:bold;font-size:1.05rem;cursor:pointer;min-height:48px;animation:jpulse 1.6s ease-in-out infinite}
.j-cta:disabled{opacity:.45;animation:none}.j-ghost{background:#0006;color:#fbf3de;border:1px solid #c9a227;border-radius:20px;padding:8px 14px;cursor:pointer;font-size:.85rem}
@keyframes jpulse{50%{transform:scale(1.05);box-shadow:0 0 22px 5px #f4a01c88}}@keyframes jpulseC{0%,100%{transform:translate(-50%,-50%) scale(1)}50%{transform:translate(-50%,-50%) scale(1.07)}}
.j-cta:active,.j-wish:active,.j-row button:active{transform:scale(.9)}
.j-row{display:flex;gap:8px;justify-content:center;align-items:flex-end}.j-row button{background:none;border:0;padding:2px;cursor:pointer}
.j-bell{position:absolute;left:14px;top:62px;width:54px;z-index:4;background:none;border:0;padding:0;cursor:pointer;transform-origin:50% 0;filter:drop-shadow(0 0 8px #f4a01c)}.j-bell img{width:100%;display:block}.j-bell.ring{animation:jring .9s}
@keyframes jring{20%{transform:rotate(25deg)}40%{transform:rotate(-20deg)}60%{transform:rotate(12deg)}80%{transform:rotate(-6deg)}}
.j-aura{position:absolute;inset:0;z-index:1;background:radial-gradient(circle at 50% 42%,#ffd27add,#ffb52e33 40%,#0000 62%);mix-blend-mode:screen;opacity:.1;animation:jaura 9s ease-in forwards;pointer-events:none}
@keyframes jaura{to{opacity:.85}}
.j-rays{position:absolute;left:50%;top:40%;width:190%;aspect-ratio:1;margin:-95% 0 0 -95%;z-index:1;background:repeating-conic-gradient(#ffd27a66 0 7deg,#0000 7deg 18deg);-webkit-mask:radial-gradient(circle,#000,#0000 62%);mask:radial-gradient(circle,#000,#0000 62%);mix-blend-mode:screen;animation:jspin 50s linear infinite;pointer-events:none}
@keyframes jspin{to{transform:rotate(360deg)}}
.j-bloom{position:absolute;inset:0;z-index:1;background:radial-gradient(circle at 50% 50%,#fff3b0,#ffb52e88 40%,#0000 70%);opacity:0;mix-blend-mode:screen;pointer-events:none}
.j-door{position:absolute;top:0;bottom:0;width:50%;overflow:hidden;z-index:2;box-shadow:0 0 30px #000}.j-door.l{left:0}.j-door.r{right:0}
.j-door img{width:200%;height:100%;object-fit:cover;display:block;max-width:none}.j-door.r img{margin-left:-100%}
.j-petal{position:absolute;top:-30px;width:24px;z-index:2;opacity:.9;animation:jfall linear infinite;pointer-events:none}
@keyframes jfall{to{transform:translateY(112vh) rotate(420deg)}}
.j-spk{position:absolute;inset:0;z-index:2;pointer-events:none;overflow:hidden}
.j-spk i{position:absolute;width:5px;height:5px;border-radius:50%;background:#ffd27a;box-shadow:0 0 8px 2px #f4a01c;animation:jtw 2.2s ease-in-out infinite}
@keyframes jtw{0%,100%{opacity:0;transform:translateY(0) scale(.3)}50%{opacity:1;transform:translateY(-14px) scale(1.2)}}
.j-arena{position:absolute;inset:0;z-index:2;touch-action:none;user-select:none;-webkit-user-select:none;pointer-events:none}
.j-thali{position:absolute;width:26%;transform:translate(-50%,-50%);cursor:grab;touch-action:none;pointer-events:auto;filter:drop-shadow(0 0 12px #f4a01c)}.j-thali img{width:100%;display:block;pointer-events:none}
.j-dot{position:absolute;width:12px;height:12px;margin:-6px;border-radius:50%;background:#f4c95d;box-shadow:0 0 10px 3px #f4a01c;pointer-events:none;animation:jfade .9s forwards}
@keyframes jfade{to{opacity:0;transform:scale(.2)}}
.j-glow{position:absolute;inset:0;z-index:1;background:radial-gradient(circle at 50% 42%,#ffd27acc,#0000 65%);mix-blend-mode:screen;opacity:var(--g,0);transition:opacity .4s;pointer-events:none}
.j-bar{width:min(100%,240px);height:7px;border-radius:4px;background:#fbf3de30;overflow:hidden}.j-bar b{display:block;height:100%;width:0;background:#f4a01c}
.j-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;width:100%}
.j-wish{background:linear-gradient(#1b1d5acc,#0b0d3aee);color:#fff;border:1.5px solid #c9a227aa;border-radius:14px;padding:10px 6px;cursor:pointer;min-height:60px;font-size:1.05rem;font-weight:600;text-shadow:0 1px 3px #000;backdrop-filter:blur(4px);transition:box-shadow .3s,background .3s}.j-wish small{display:block;font-weight:400;font-size:.8rem;opacity:.9}
.j-wish.on{background:linear-gradient(#c2570c,#8a3305);border-color:#ffd27a;box-shadow:0 0 16px 3px #f4a01c99;animation:jpop .4s}
@keyframes jpop{40%{transform:scale(1.15)}}
.j-dd{width:54px;position:relative}.j-dd img{display:block;width:100%}.j-dd img.f{position:absolute;left:30%;bottom:55%;width:40%;display:none;animation:jflick .25s infinite alternate;transform-origin:50% 100%;filter:drop-shadow(0 0 10px #f4a01c)}.j-dd.lit img.f{display:block}.j-dd.lit{animation:jpop .4s}
@keyframes jflick{from{transform:scale(1,1) rotate(-3deg)}to{transform:scale(.9,1.12) rotate(3deg)}}
.j-fl{width:46px;animation:jbob 1.3s ease-in-out infinite}.j-fl:nth-child(2n){animation-delay:-.45s}.j-fl img{width:100%}.j-fl.gone{visibility:hidden}
@keyframes jbob{50%{transform:translateY(-8px) rotate(8deg)}}
.j-flyer{position:fixed;width:46px;z-index:2000;pointer-events:none}.j-land{position:absolute;width:34px;z-index:2;pointer-events:none;transform:translate(-50%,-50%)}
.j-prasad{width:120px;animation:jpulse 1.6s infinite}.j-prasad img{width:100%}.j-prasad.glow{animation:none;filter:drop-shadow(0 0 18px #f4c95d) drop-shadow(0 0 30px #f4a01c)}
.j-bless{background:#0a0c33cc;border:2px solid #c9a227;border-radius:14px;padding:12px;width:100%}.j-bless p{margin:.3em 0}
.j-bit{position:fixed;z-index:3000;pointer-events:none;width:12px;height:12px;border-radius:50% 0;animation:jbit .9s ease-out forwards}
@keyframes jbit{to{transform:translate(var(--x),var(--y)) rotate(540deg);opacity:0}}
.j-replay,.j-share{display:inline-block;margin:14px 6px 0;background:#fff;color:#c2410c;border:2px solid #c2410c;border-radius:10px;padding:10px 16px;font:inherit;font-weight:bold;cursor:pointer;text-decoration:none}
@media (max-height:640px){.j-ui{padding-top:60px;gap:6px}.j-ui h2{font-size:1.3rem}}
@media (prefers-reduced-motion:reduce){#jny *{animation:none!important;transition:none!important}.j-petal,.j-spk,.j-rays{display:none}.j-aura{opacity:.6}}

#jny{align-items:center}
.j-hots{position:absolute;inset:0;z-index:3}.j-hot{position:absolute;width:41%;height:19.5%;background:transparent;border:2px solid transparent;border-radius:22px;cursor:pointer;padding:0;transition:box-shadow .35s,background .35s,border-color .35s}
.j-hot:hover{background:#ffd27a22}.j-hot.on{border-color:#ff9a1f;background:#ffb52e30;box-shadow:0 0 18px 4px #ffb52eaa,inset 0 0 14px #ffd27a88}
.j-hot.on::after{content:'✓';position:absolute;right:8px;top:6px;width:22px;height:22px;line-height:22px;border-radius:50%;background:#c2570c;color:#fff;font:700 13px/22px sans-serif}
.j-ui.slim{background:none;padding:0 16px 12px}.j-ui.slim .j-cta{min-height:42px;padding:8px 22px;font-size:.95rem}
.j-ui{background:linear-gradient(#0000,#0a0610b0 55%,#0a0610e0)}
@media (min-aspect-ratio:1/1){.j-stage{height:96dvh;width:min(100vw,calc(96dvh*9/16));border-radius:18px;border:1px solid #c9a22790;box-shadow:0 0 0 6px #0006,0 20px 80px #000}.j-ui h2{font-size:1.7rem}.j-ui p{font-size:1.1rem}}
@media (max-width:480px){.j-stage{width:100vw;height:100dvh;border-radius:0;border:0}}

.j-thali{width:30%;aspect-ratio:1;border-radius:50%;border:3px solid #fff6c8;box-shadow:0 0 0 2px #b8420fcc,0 0 18px 6px #fff3b0,inset 0 0 18px 4px #fff3b0aa;background:radial-gradient(circle,#ffffff55,#ffd27a33 60%,#0000 72%);animation:jpulseC 1.8s ease-in-out infinite;filter:none}
.j-thali.drag{animation:none}

.j-from{display:flex;flex-direction:column;align-items:center;gap:2px;padding:10px 18px;border:1px solid #c9a227;border-radius:16px;background:#0b0d3a99;max-width:92%;pointer-events:none}.j-from small{opacity:.8;font-size:.75rem}.j-from b{font-size:1.5rem;color:#f4c95d;word-break:break-word;animation:jglow 1.8s ease-in-out infinite alternate}.j-from span{font-size:.85rem;opacity:.9}
.j-gift{display:inline-block;animation:jwig 1.6s ease-in-out infinite}@keyframes jwig{0%,60%,100%{transform:rotate(0)}70%{transform:rotate(-14deg)}80%{transform:rotate(12deg)}90%{transform:rotate(-8deg)}}
@media (prefers-reduced-motion:reduce){.j-gift{animation:none}}
.j-gift{animation:none!important}
.j-hugbox{position:absolute;left:6%;top:19%;width:88%;aspect-ratio:439/390;transform-origin:50% 50%;z-index:3;padding:0;border:2px solid #e0b64a;border-radius:18px;overflow:hidden;background:#000;cursor:pointer;box-shadow:0 0 36px #f4a01c88;opacity:0}.j-hugbox img{width:100%;height:100%;object-fit:cover;display:block;pointer-events:none}.j-hugbox:not(.on){animation:jpulse 1.8s ease-in-out infinite}
.j-hugbg img{filter:blur(22px) brightness(.55) saturate(1.1);transform:scale(1.25);object-fit:cover}
.j-hugbox{box-shadow:0 0 50px #f4a01cbb,0 0 0 4px #0b0d3a}