@font-face{font-family:Science Gothic;src:url('fonts/science-gothic-variable.woff2') format('woff2');font-weight:100 900;font-style:normal;font-display:swap}
:root{color-scheme:dark;--scene-scale:1;--gold:#fcd900;--mint:#43ffa8}
*{box-sizing:border-box}
body{margin:0;background:#080719;color:#fff;font-family:Science Gothic,Arial,sans-serif;min-width:280px;isolation:isolate}
button,a,select{-webkit-tap-highlight-color:transparent}
[hidden]{display:none!important}
.viewport{min-height:100svh;display:flex;align-items:center;justify-content:center;padding:env(safe-area-inset-top) 0 env(safe-area-inset-bottom);overflow:hidden}
.scene-wrap{position:relative;width:calc(480px * var(--scene-scale));height:calc(854px * var(--scene-scale));flex:none}
.scene{position:absolute;inset:0 auto auto 0;width:480px;height:854px;transform:scale(var(--scene-scale));transform-origin:top left;isolation:isolate;overflow:hidden}
.page-background{position:fixed;inset:0;z-index:-1;background:#0a0934 url('assets/pattern-tile.png') center/200px 200px repeat;pointer-events:none}
.page-background::after{content:"";position:absolute;left:50%;top:calc(50% + 160px * var(--scene-scale));width:553px;height:529px;transform:translate(-50%,-50%) scale(var(--scene-scale));background:url('assets/23748.svg') center no-repeat;mix-blend-mode:screen}
header{height:104px;padding-top:40px;display:flex;justify-content:center}
.logo{display:block;filter:drop-shadow(0 5px 12px #1700104d)}
h1{position:absolute;top:124px;left:12px;width:456px;margin:0;text-align:center;text-transform:uppercase;font-size:24px;font-weight:800;font-style:oblique 12deg;line-height:1.15;font-variation-settings:'wdth' 100,'CTRS' 0,'slnt' -10}
h1 span,h1 strong{display:block;overflow-wrap:break-word}
h1 strong{margin-top:8px;font-size:28px;color:var(--gold);font-weight:800}
html[lang=fr] h1,html[lang=uz] h1,html[lang=bn] h1{font-size:22px}
html[lang=fr] h1 strong,html[lang=uz] h1 strong{font-size:26px}
html[lang=ar] h1,html[lang=bn] h1{font-family:Arial,sans-serif;font-style:normal;font-variation-settings:normal}
.progress{position:absolute;top:220px;left:100px;width:280px;height:56px}
.progress-number{position:absolute;left:0;right:0;top:0;text-align:center;color:var(--mint);font-size:20px;font-weight:800;font-style:italic;line-height:22px}
.progress-track{position:absolute;top:29px;left:24px;width:232px;height:12px;border:1px solid #575966;border-radius:35px;background:#0a0934}
.progress-fill{position:absolute;left:-1px;top:-1px;height:12px;width:0%;border-radius:35px;background:linear-gradient(270deg,#625cfd 21%,#353190 95%);border:1px solid #353190;transition:width 140ms ease-out}
.progress-glow{position:absolute;left:calc(var(--progress,0) * 100% - 25px);top:-19px;transition:left 140ms ease-out}
.pumpkin{position:absolute;top:296px;left:20px;width:440px;height:440px;cursor:pointer;border:0;background:none;padding:0;touch-action:manipulation}
.pumpkin-crop{display:block;position:absolute;inset:20px;overflow:hidden}
#pumpkin-image{position:absolute;height:106.03%;width:145.73%;left:-21.45%;top:-3.02%;user-select:none;pointer-events:none}
.pumpkin:focus-visible{outline:3px solid var(--mint);outline-offset:2px;border-radius:50%}
.pumpkin.hit{animation:hit 180ms ease-out}
@keyframes hit{0%{transform:scale(.96) rotate(-1deg)}55%{transform:scale(1.025) rotate(1deg)}100%{transform:none}}
.tutorial{position:absolute;inset:0;pointer-events:none;animation:tutorial-move 1s linear infinite}
.tutorial-star{position:absolute;left:141.3px;top:514.3px;animation:tutorial-star-opacity 1s linear infinite,tutorial-star-scale 1s linear infinite}
.hand-rotation{position:absolute;left:209.73px;top:564.95px;width:258.078px;height:262.519px;display:flex;align-items:center;justify-content:center}
.hand{position:absolute;width:157.836px;height:210.927px;transform:rotate(138.39deg) scaleY(-1);object-fit:cover}
.hand-idle{animation:hand-idle 1s linear infinite}
.hand-pressed{animation:hand-pressed 1s linear infinite}
@keyframes tutorial-move{0%,100%{translate:15.884px -.353px}25.114%,47.7%{translate:-18px -38px}93.289%{translate:15.884px -.353px}}
@keyframes tutorial-star-opacity{0%,22.454%{opacity:0}22.454%{animation-timing-function:cubic-bezier(0,.994,.5,1)}41.166%{opacity:1;animation-timing-function:cubic-bezier(.5,0,.5,1)}48.22%,100%{opacity:0}}
@keyframes tutorial-star-scale{0%,22.454%{scale:0;animation-timing-function:cubic-bezier(0,.003,.1,1.003)}42.568%,100%{scale:1}}
@keyframes hand-idle{0%,25.014%{opacity:1}25.614%,47.7%{opacity:0}48.22%,100%{opacity:1}}
@keyframes hand-pressed{0%,25.114%{opacity:0}25.714%,47.7%{opacity:1}48.22%,100%{opacity:0}}
.splash{position:absolute;inset:0;pointer-events:none}
.splash-star{position:absolute;left:114.3px;top:494.3px;animation:splash-opacity 1s linear infinite,splash-scale 1s steps(1,end) infinite}
.spark{position:absolute;left:210.2px;top:595.2px}
.spark-one{animation:spark-one 1s linear infinite}.spark-two{animation:spark-two 1s linear infinite}.spark-three{left:213.3px;top:598.3px;animation:spark-three 1s linear infinite}
@keyframes splash-opacity{0%,15.57%{opacity:0}15.571%{opacity:1}22.454%,100%{opacity:0}}
@keyframes splash-scale{0%{scale:.001}17.527%,100%{scale:1}}
@keyframes spark-one{0%,2.8%{opacity:1;translate:-50.069px 0;scale:2.051}14.745%{translate:-200px 0;scale:5.2}17.525%,100%{opacity:0;translate:-200px 0;scale:5.2}}
@keyframes spark-two{0%,5.188%{opacity:1;translate:3.483px 0;scale:1.072}17.305%{translate:148px 0;scale:4.04}20.085%,100%{opacity:0;translate:148px 0;scale:4.04}}
@keyframes spark-three{0%,5.188%{opacity:1;translate:0 -2.73px;scale:1.028}17.305%{translate:0 -116px;scale:2.2}20.085%,100%{opacity:0;translate:0 -116px;scale:2.2}}
.scene.has-clicked .tutorial{display:none}
.scene.has-clicked .splash{display:none}.scene.has-clicked .splash.active{display:block}
.splash.active .splash-star{animation:splash-click 240ms ease-out both}.splash.active .spark{animation:none;opacity:0}
@keyframes splash-click{from{scale:.1;opacity:1}to{scale:1.2;opacity:0}}
.explosion{position:absolute;inset:0;width:480px;height:854px;object-fit:cover;z-index:3;background:#0a0934}
.scene[data-phase=exploding] header,.scene[data-phase=exploding] h1{z-index:4;position:relative}
.scene[data-phase=exploding] h1{position:absolute}
.reward{position:absolute;top:232px;left:30px;width:420px;height:582px}
.gift{position:absolute;width:420px;height:420px;top:40px;left:0;animation:gift-appear 600ms cubic-bezier(.16,1,.3,1) both}
.gift-art{display:block;width:420px;height:420px}
.gift-glow{position:absolute;left:-18px;top:-15px}
.gift-crop{position:absolute;left:37px;top:40px;width:346px;height:341px;overflow:hidden;animation:gift-float 4s ease-in-out 600ms infinite;will-change:transform}
.gift-crop>img{position:absolute;height:141.43%;width:103.94%;left:-1.97%;top:-24.4%;object-fit:fill}
@keyframes gift-appear{from{opacity:0;transform:translateY(30px) scale(.6)}to{opacity:1;transform:none}}
@keyframes gift-float{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-14px) rotate(1.2deg)}}
.claim{position:absolute;left:78px;top:500px;width:264px;height:42px;display:flex;align-items:center;justify-content:center;border-radius:16px;background:linear-gradient(to top,var(--gold),var(--mint));box-shadow:0 0 6px #7ff375,inset -5px 5px 10px #ffffffde;color:#090103;font-size:14px;font-weight:700;text-align:center;text-decoration:none;text-transform:uppercase;cursor:pointer;touch-action:manipulation}
.claim:focus-visible{outline:3px solid #fff;outline-offset:5px}
.claim:active{transform:scale(.97)}
.language-control{position:absolute;top:36px;right:16px;z-index:6;direction:ltr}
.selected-language{position:absolute;left:9px;top:50%;transform:translateY(-50%);font:600 12px Science Gothic,Arial,sans-serif;color:#fff;pointer-events:none}
.language-control::after{content:"";position:absolute;right:9px;top:50%;width:5px;height:5px;border-right:1px solid #fff;border-bottom:1px solid #fff;transform:translateY(-70%) rotate(45deg);pointer-events:none}
select{appearance:none;font:600 12px Science Gothic,Arial,sans-serif;color:transparent;border:1px solid #77729277;border-radius:8px;background:#0a0934bb;padding:8px 5px;width:61px;cursor:pointer;min-height:36px}
option{background:#0a0934;color:#fff}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.noscript{position:fixed;inset:auto 0 0;text-align:center;padding:15px;background:#0a0934}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}.hand-pressed,.tutorial-star,.splash{display:none}.tutorial{translate:-18px -38px}}