:root{color:#fff6e4;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;background:#14070e;font-family:Cormorant Garamond,Georgia,serif}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background:#14070e;min-height:100dvh;overflow-x:hidden}button,p,h1,h2{font:inherit}.page{min-height:100dvh;padding-bottom:108px;position:relative}.bg,.vignette,.sparkles{pointer-events:none;position:fixed;inset:0}.bg{z-index:0;background:url(/assets/bg-diwali.jpg) 50%/cover no-repeat}.vignette{z-index:1;background:radial-gradient(#0000 20%,#0a02068c 100%),linear-gradient(#0c030859,#0000 18% 62%,#080206c7)}.sparkles{z-index:2}.sparkles i{clip-path:polygon(50% 0,62% 38%,100% 50%,62% 62%,50% 100%,38% 62%,0 50%,38% 38%);background:#fff4c8;animation:2.6s ease-in-out infinite twinkle;position:absolute}.content{z-index:3;flex-direction:column;min-height:calc(100dvh - 108px);display:flex;position:relative}.shake{animation:.48s linear screenShake}.garland{pointer-events:none;justify-content:space-between;padding:0 6px;display:flex;position:relative}.garland:before{content:"";background:linear-gradient(90deg,#0000,#f0c14b,#fff1c4,#f0c14b,#0000);border-radius:99px;height:3px;position:absolute;top:7px;left:4%;right:4%}.bloom{transform-origin:top;width:26px;height:24px;animation:2.8s ease-in-out infinite sway}.bloom:nth-child(odd){animation-delay:-.7s}.top{justify-content:space-between;align-items:center;gap:12px;padding:2px 14px 0;display:flex}.blessing{color:#f3d48a;font-family:Tiro Devanagari Hindi,serif;font-size:1.45rem;line-height:1;display:block}.wordmark{letter-spacing:.06em;color:#fff8ea;margin-top:3px;font-family:Cinzel Decorative,Palatino,serif;font-size:.92rem;display:block}.clock{box-sizing:border-box;flex-direction:column;flex:none;align-items:center;width:104px;height:100px;padding-top:4px;display:flex;overflow:hidden}.dial{transform-origin:50%;flex:none;width:78px;height:78px;position:relative}.dial svg{width:100%;height:100%;transform:rotate(-90deg)}.dial circle{fill:none;stroke-width:4px}.track{stroke:#ffe2aa2e}.remain{stroke:#f0c14b;stroke-linecap:round;filter:drop-shadow(0 0 4px #f0c14bcc)}.dial strong{letter-spacing:.04em;color:#fff8ea;place-items:center;font-family:Rajdhani,sans-serif;font-size:1.45rem;font-weight:700;display:grid;position:absolute;inset:0}.clock-label{letter-spacing:.18em;text-align:center;text-transform:uppercase;white-space:nowrap;color:#f0c14b;width:100%;height:14px;margin-top:-4px;font-family:Rajdhani,sans-serif;font-size:.72rem;font-weight:700;line-height:14px;overflow:hidden}.diya{width:14px;position:absolute;top:22px}.diya.left{left:-8px}.diya.right{right:-8px}.diya i{transform-origin:bottom;background:radial-gradient(circle at 50% 78%,#fff6c2,#ffb703 42%,#ff4d1a 74%,#0000 76%);border-radius:50% 50% 46% 46%;width:9px;height:13px;margin:0 auto;animation:.28s ease-in-out infinite alternate flicker;display:block}.diya:after{content:"";background:linear-gradient(#f3d48a,#8a4b12);border-radius:0 0 8px 8px;width:14px;height:6px;margin-top:-2px;display:block}.clock.urgent .remain{stroke:#ff5a3c}.clock.urgent .dial strong{color:#ffd0c4}.clock.urgent .clock-label{color:#ff8d72}.clock.urgent .dial{animation:.55s ease-in-out infinite hurry}.jackpot{box-sizing:border-box;background:#12050a9e;border:1px solid #f0c14b66;border-radius:999px;justify-content:center;align-items:baseline;gap:10px;width:280px;max-width:calc(100% - 32px);margin:2px auto 0;padding:3px 14px 2px;display:flex;box-shadow:0 0 22px #f0c14b29}.jackpot span{letter-spacing:.16em;text-transform:uppercase;color:#f0c14b;font-family:Rajdhani,sans-serif;font-size:.75rem;font-weight:700}.jackpot strong{font-variant-numeric:tabular-nums;color:#fff8e4;text-shadow:0 0 14px #ffc85073;white-space:nowrap;font-family:Rajdhani,sans-serif;font-size:clamp(1.3rem,4.4vw,1.85rem);font-weight:700;animation:.45s ease-in-out infinite digitGlow}.hero{text-align:center;padding:8px 16px 0}.kicker{letter-spacing:.22em;text-transform:uppercase;color:#f0c14b;margin:0;font-family:Rajdhani,sans-serif;font-size:.78rem;font-weight:700}.headline{color:#fff8ea;text-shadow:0 2px #5c2408d9,0 12px 28px #00000073;max-width:15em;margin:4px auto 0;font-family:Cinzel,Palatino,serif;font-size:clamp(1.18rem,4.6vw,2.45rem);font-weight:700;line-height:1.28}.headline em{color:#ffe7a3;text-shadow:0 0 16px #ffc450d9,0 2px #7a4a08;font-style:normal;animation:1.35s ease-in-out infinite goldPulse;display:inline-block}.stage{flex:1;justify-content:center;align-items:center;margin-top:4px;display:flex;position:relative}.grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:end;gap:42px 4px;width:min(1120px,100%);margin:0 auto;padding:0 6px 4px;display:grid;position:relative}.grid:before{content:"";pointer-events:none;background:radial-gradient(#ffb03c52,#0000 70%);height:46px;position:absolute;bottom:6px;left:6%;right:6%}.vessel{appearance:none;width:100%;min-width:0;color:inherit;cursor:pointer;touch-action:manipulation;background:0 0;border:0;padding:0}.vessel:disabled{cursor:default}.vessel:focus-visible .body{outline-offset:4px;border-radius:40%;outline:2px solid #ffe7a3}.body{place-items:end center;width:100%;animation:3.5s ease-in-out infinite float;display:grid;position:relative}.vessel:nth-child(2) .body{animation-delay:-.55s}.vessel:nth-child(3) .body{animation-delay:-1.1s}.vessel:nth-child(4) .body{animation-delay:-1.7s}.vessel:nth-child(5) .body{animation-delay:-2.2s}.vessel:nth-child(6) .body{animation-delay:-2.8s}.vessel.active .body{animation:.48s linear shake}.glow{filter:blur(1px);pointer-events:none;background:radial-gradient(#ffc45acc,#0000 70%);width:58%;height:16px;position:absolute;bottom:4%;left:50%;transform:translate(-50%)}.art{place-items:center;width:100%;display:grid;position:relative}.whole,.shard{object-fit:contain;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;grid-area:1/1;width:auto;max-width:100%;height:auto;max-height:min(30vh,210px)}.whole{filter:drop-shadow(0 16px 10px #0000008c)}.vessel.guided .whole{filter:drop-shadow(0 16px 10px #0000008c)drop-shadow(0 0 16px #ffc4508c)}.vessel.active .whole{animation:10ms linear .48s forwards vanish}.shard{opacity:0;pointer-events:none;animation:.82s ease-in .46s forwards shatter}.flash{opacity:0;pointer-events:none;background:radial-gradient(circle,#fff6d6f2,#ffba3600 68%);border-radius:50%;position:absolute;inset:18% 16%}.vessel.active .flash{animation:.45s ease-out .4s forwards flash}.cracks{pointer-events:none;width:64%;height:72%;position:absolute;inset:14% 18% 12%}.cracks path{fill:none;stroke:#ffecc4f2;stroke-width:1.6px;stroke-linecap:round;stroke-dasharray:90;stroke-dashoffset:90px}.vessel.active .cracks path{animation:.28s ease-out .16s forwards draw}.page[data-phase=breaking] .vessel:not(.active),.page[data-phase=reward] .vessel:not(.active){filter:brightness(.38)saturate(.65);transition:all .35s;transform:scale(.96)}.guide{z-index:4;pointer-events:none;width:78px;height:96px;position:absolute;top:8%;left:42%}.ripple{border:2px solid #ffdc8cd9;border-radius:50%;width:46px;height:46px;animation:1.5s ease-out infinite ripple;position:absolute;top:34px;left:18px}.ripple.delay{animation-delay:.45s}.guide-coin{object-fit:contain;transform-origin:50% 22%;filter:drop-shadow(0 8px 6px #00000080);width:46px;height:78px;animation:1s ease-in-out infinite tap;position:absolute;top:16px;left:16px}.tap-label{letter-spacing:.16em;color:#fff6d8;text-shadow:0 2px 8px #000;font-family:Rajdhani,sans-serif;font-size:13px;font-weight:700;position:absolute;top:0;left:0}.coin-fly{z-index:5;pointer-events:none;width:28px;height:28px;margin:-14px 0 0 -14px;animation-name:coinBurst;animation-duration:.95s;animation-timing-function:ease-out;animation-fill-mode:forwards;position:absolute;top:40%;left:50%}.ticker{z-index:5;background:linear-gradient(#12060a26,#0a0306f0 28%);border-top:1px solid #f3c45a59;align-items:stretch;gap:8px;padding:8px 0 10px;display:flex;position:fixed;bottom:0;left:0;right:0}.live-badge{writing-mode:vertical-rl;letter-spacing:.18em;text-transform:uppercase;color:#3a2204;background:linear-gradient(#fff1c2,#e0a122);border-radius:8px;flex:none;place-items:center;margin-left:8px;padding:6px 5px;font-family:Rajdhani,sans-serif;font-size:.78rem;font-weight:700;display:grid;transform:rotate(180deg)}.ticker-rows{flex:1;gap:6px;min-width:0;display:grid}.ticker-window{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 5% 95%,#0000);mask-image:linear-gradient(90deg,#0000,#000 5% 95%,#0000)}.ticker-track{will-change:transform;width:max-content;animation:150s linear infinite marquee;display:flex}.ticker-track.back{animation-duration:110s;animation-direction:reverse}.ticker-group{gap:22px;padding-right:22px;display:flex}.chip{white-space:nowrap;color:#fff4df;align-items:center;font-family:Cormorant Garamond,Georgia,serif;font-size:1.05rem;display:inline-flex}.chip b{color:#ffe08a;margin:0 .2em;font-family:Rajdhani,sans-serif;font-weight:700}.dot{background:#3dde86;border-radius:50%;width:7px;height:7px;margin-right:8px;animation:2.8s ease-in-out infinite blink;box-shadow:0 0 8px #3dde86}.chip:nth-child(3n+2) .dot{animation-delay:-.9s}.chip:nth-child(3n) .dot{animation-delay:-1.8s}.modal{z-index:30;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#060104a3;place-items:center;padding:18px 16px 112px;display:grid;position:fixed;inset:0;overflow:hidden}.reward-stage{z-index:2;width:min(92vw,440px);position:relative}.confetti{pointer-events:none;position:absolute;inset:0;overflow:hidden}.bit{border-radius:2px;animation-name:fall;animation-timing-function:linear;animation-fill-mode:forwards;position:absolute;top:-16px}.bit.round{border-radius:50%}.card{z-index:1;text-align:center;background:radial-gradient(circle at 50% 0,#ffd68c33,#0000 46%),linear-gradient(#57182b 0%,#1a070e 72%);border:1px solid #ffdc96b8;border-radius:28px;width:100%;padding:26px 22px 20px;animation:.45s cubic-bezier(.2,1.2,.4,1) cardIn;position:relative;box-shadow:0 0 0 6px #582a0c59,0 24px 70px #0000008c,inset 0 0 40px #ffbe501f}.reward-kicker,.reward-vessel,.reward-copy,.redirect-note span{letter-spacing:.14em;text-transform:uppercase;margin:0;font-family:Rajdhani,sans-serif}.reward-kicker{color:#f0c14b;font-size:.85rem;font-weight:700}.card h2{color:#fff8ea;margin:4px 0 0;font-family:Cinzel Decorative,Palatino,serif;font-size:clamp(1.8rem,6vw,2.6rem);font-weight:700}.reward-vessel{color:#f6d7a4;letter-spacing:.08em;text-transform:none;margin-top:4px;font-size:.95rem}.amount{justify-content:center;align-items:center;margin:8px 0 4px;display:flex}.amount p{margin:0;line-height:.85}.num{font-variant-numeric:tabular-nums;color:#ffe7a3;text-shadow:0 2px #7a4a08,0 12px 24px #0006;font-family:Rajdhani,sans-serif;font-size:clamp(3.5rem,15vw,5.8rem);font-weight:700;display:inline-block}.amount.spinning .num{filter:blur(.7px);animation:80ms linear infinite jitter}.amount.landed .num{animation:.45s cubic-bezier(.2,1.4,.4,1) pop}.reward-copy{color:#fff0d0;font-size:.95rem}.claim{z-index:3;appearance:none;cursor:pointer;letter-spacing:.03em;color:#3d2406;background:linear-gradient(#fff3cc,#f0c14b 42%,#c98a1e);border:0;border-radius:999px;width:100%;margin-top:14px;padding:13px 18px 12px;font-family:Rajdhani,sans-serif;font-size:1.4rem;font-weight:700;position:relative;box-shadow:0 7px #7a4e0c,0 14px 24px #00000059}.claim:active{transform:translateY(3px);box-shadow:0 4px #7a4e0c,0 8px 16px #00000059}.claim:focus-visible{outline-offset:3px;outline:2px solid #fff6e0}.redirect-note{margin-top:14px}.redirect-note span{color:#f6e2b8;letter-spacing:.08em;font-size:.82rem;display:block}.track{background:#ffffff1f;border-radius:99px;height:6px;margin-top:8px;overflow:hidden}.claim-bar{background:linear-gradient(90deg,#c8891e,#fff6d0);width:0;height:100%;animation-name:fillbar;animation-timing-function:linear;animation-fill-mode:forwards;display:block}@media (hover:hover){.vessel:not(:disabled):hover .body{animation-play-state:paused;transform:translateY(-8px)scale(1.04)}}@media (width<=420px){.clock{width:90px;height:86px}.dial{width:64px;height:64px}.dial strong{font-size:1.15rem}.blessing{font-size:1.2rem}.wordmark{font-size:.72rem}.top{padding-right:8px}}@media (width>=980px){.stage{align-items:flex-end}.grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:0 4px;max-width:1240px}.whole,.shard{max-height:min(46vh,360px)}.page{padding-bottom:118px}.content{min-height:calc(100dvh - 118px)}}@media (height<=740px) and (width<=979px){.clock{width:84px;height:80px}.dial{width:58px;height:58px}.dial strong{font-size:1.05rem}.blessing{font-size:1.15rem}.headline{font-size:1.05rem}.whole,.shard{max-height:18vh}.bloom{width:20px;height:18px}}@media (prefers-reduced-motion:reduce){.body,.bloom,.sparkles i,.headline em,.jackpot strong,.clock.urgent .dial,.dot,.ticker-track{animation:none}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes sway{0%,to{transform:rotate(-5deg)}50%{transform:rotate(5deg)}}@keyframes twinkle{0%,to{opacity:.2;transform:scale(.7)rotate(0)}50%{opacity:1;transform:scale(1)rotate(20deg)}}@keyframes goldPulse{0%,to{transform:scale(1)}50%{transform:scale(1.06)}}@keyframes digitGlow{0%,to{opacity:.86}50%{opacity:1}}@keyframes flicker{0%{opacity:.85;transform:scale(1)}to{opacity:1;transform:scale(.82,1.12)translateY(-1px)}}@keyframes hurry{0%,to{transform:scale(1)}50%{transform:scale(1.06)}}@keyframes ripple{0%{opacity:.9;transform:scale(.45)}to{opacity:0;transform:scale(1.45)}}@keyframes tap{0%,to{transform:translate(0)scale(1)}45%,55%{transform:translate(-6px,10px)scale(.92)}}@keyframes shake{0%,to{transform:translate(0)rotate(0)}20%{transform:translate(-4px,1px)rotate(-2deg)}40%{transform:translate(5px,-1px)rotate(2deg)}60%{transform:translate(-5px,1px)rotate(-2deg)}80%{transform:translate(3px,-2px)rotate(1deg)}}@keyframes vanish{to{opacity:0}}@keyframes shatter{0%{opacity:1;transform:translate(0)rotate(0)}to{opacity:0;transform:translate(var(--dx), var(--dy)) rotate(var(--rot))}}@keyframes coinBurst{0%{opacity:1;transform:translate(0)scale(.25)rotate(0)}72%{opacity:1}to{opacity:0;transform:translate(var(--dx), var(--dy)) scale(1) rotate(var(--rot))}}@keyframes flash{0%{opacity:0;transform:scale(.4)}30%{opacity:1}to{opacity:0;transform:scale(1.45)}}@keyframes draw{to{stroke-dashoffset:0}}@keyframes screenShake{0%,to{transform:translate(0)}20%{transform:translate(-3px,2px)}40%{transform:translate(3px,-2px)}60%{transform:translate(-2px,-1px)}80%{transform:translate(2px,1px)}}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes blink{0%,to{opacity:1}50%{opacity:.62}}@keyframes fall{to{transform:translate(var(--drift), 108vh) rotate(540deg)}}@keyframes cardIn{0%{opacity:0;transform:translateY(18px)scale(.86)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes fillbar{to{width:100%}}@keyframes jitter{0%{transform:translateY(-1px)}to{transform:translateY(1px)}}@keyframes pop{0%{filter:blur(3px);transform:scale(.55)}to{filter:blur();transform:scale(1)}}
