.dd-stage{color:oklch(98% 0 0);min-height:100dvh;font-family:var(--font-sans,system-ui);background:oklch(13% .004 260);flex-direction:column;justify-content:center;align-items:center;padding:2rem 1rem;display:flex;position:relative;overflow:hidden}.dd-stage--top{justify-content:flex-start;padding-top:3.5rem}.dd-grid{pointer-events:none;opacity:.5;background-image:linear-gradient(oklch(100% 0 0/.05) 1px,#0000 1px),linear-gradient(90deg,oklch(100% 0 0/.05) 1px,#0000 1px);background-size:48px 48px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(#000 30%,#0000 80%);mask-image:radial-gradient(#000 30%,#0000 80%)}.dd-card{z-index:1;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:oklch(100% 0 0/.06);border:1px solid oklch(100% 0 0/.1);border-radius:28px;flex-direction:column;gap:1rem;width:min(440px,100%);padding:2rem;display:flex;position:relative}.dd-mark{place-self:center}.dd-eyebrow{letter-spacing:.22em;text-transform:uppercase;color:oklch(72% 0 0);font-size:11px;font-weight:600}.dd-title{font-family:var(--font-display);text-transform:uppercase;white-space:nowrap;font-size:clamp(1.6rem,4.4vw,2.5rem);font-weight:800;line-height:1}.dd-title-accent{background:var(--gradient-brand);color:#0000;-webkit-background-clip:text;background-clip:text}.dd-label{color:oklch(78% 0 0);flex-direction:column;gap:.4rem;font-size:12px;display:flex}.dd-input{height:48px;color:inherit;background-color:oklch(100% 0 0/.06);border:1px solid oklch(100% 0 0/.14);border-radius:14px;outline:none;padding:0 1rem;font-size:16px;transition:background-color .25s,border-color .25s,box-shadow .25s,transform .25s}.dd-input:hover{background-color:oklch(100% 0 0/.11);border-color:oklch(100% 0 0/.34);transform:translateY(-1px);box-shadow:0 0 0 4px oklch(100% 0 0/.05)}.dd-input:focus{background-color:oklch(100% 0 0/.13);border-color:oklch(100% 0 0/.5);box-shadow:0 0 0 4px oklch(100% 0 0/.08)}.dd-label:hover{color:oklch(92% 0 0)}.dd-error{color:oklch(72% .17 25);font-size:12px}.dd-count{font-variant-numeric:tabular-nums;color:oklch(72% 0 0);margin-top:.5rem;font-size:14px}.dd-names{z-index:1;flex-wrap:wrap;justify-content:center;gap:.6rem .9rem;width:min(1100px,100%);margin-top:2rem;display:flex;position:relative}.dd-name{background:oklch(100% 0 0/.06);border:1px solid oklch(100% 0 0/.1);border-radius:999px;padding:.5rem 1rem;font-size:clamp(13px,1.6vw,17px);font-weight:500;animation:.55s cubic-bezier(.2,.8,.2,1) both dd-pop}@keyframes dd-pop{0%{opacity:0;filter:blur(6px);transform:translateY(14px)scale(.9)}}.dd-announce{z-index:1;min-height:56px;margin-top:2.5rem;position:relative}.dd-announce.is-on{animation:.7s cubic-bezier(.2,.8,.2,1) both dd-pop}.dd-vhs{pointer-events:none;z-index:2;opacity:.25;mix-blend-mode:overlay;background:repeating-linear-gradient(0deg,oklch(100% 0 0/.12) 0 1px,#0000 1px 3px);animation:.25s steps(2,end) infinite dd-vhs;position:absolute;inset:0}@keyframes dd-vhs{50%{transform:translateY(1px)}}.dd-countdown{z-index:3;font-family:var(--font-display);font-size:clamp(10rem,40vw,26rem);font-weight:800;line-height:1;animation:1.1s cubic-bezier(.2,.8,.2,1) both dd-count;position:relative}.dd-countdown:before,.dd-countdown:after{content:attr(data-text);mix-blend-mode:screen;position:absolute;inset:0}.dd-countdown:before{color:var(--grad-2);animation:.35s steps(2,end) infinite dd-glitch}.dd-countdown:after{color:var(--grad-6);animation:.35s steps(2,end) infinite reverse dd-glitch}@keyframes dd-count{0%{opacity:0;filter:blur(12px);transform:scale(1.6)}25%{opacity:1;filter:none;transform:scale(1)}85%{opacity:1}to{opacity:0;transform:scale(.85)}}@keyframes dd-glitch{0%{clip-path:inset(10% 0 60%);transform:translate(-6px,2px)}50%{clip-path:inset(55% 0 15%);transform:translate(6px,-3px)}to{clip-path:inset(30% 0 40%);transform:translate(-3px)}}.dd-flash{z-index:5;background:oklch(100% 0 0);animation:.45s ease-out both dd-flash;position:absolute;inset:0}@keyframes dd-flash{0%{opacity:1}to{opacity:0}}.dd-ticket{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:oklch(100% 0 0/.06);border:1px solid oklch(100% 0 0/.12);border-radius:24px;flex-direction:column;align-items:center;gap:.6rem;margin-top:1.25rem;padding:1.25rem 1.5rem;animation:.6s cubic-bezier(.2,.8,.2,1) both dd-pop;display:flex}.dd-ticket-label{letter-spacing:.24em;text-transform:uppercase;color:oklch(70% 0 0);font-size:10px}.dd-digit{width:clamp(1.55rem,6vw,4.5rem);height:clamp(2.4rem,9vw,6rem);font-family:var(--font-display);font-variant-numeric:tabular-nums;color:oklch(60% 0 0);background:oklch(20% .004 260);border-radius:14px;place-items:center;font-size:clamp(1.2rem,5vw,3.8rem);font-weight:800;transition:color .2s,transform .3s;display:grid}.dd-digit.is-locked{animation:.35s ease-out dd-lock;transform:scale(1.06);box-shadow:inset 0 0 0 1px oklch(100% 0 0/.18)}.dd-digit.is-locked>span{background:var(--gradient-brand);color:#0000;-webkit-background-clip:text;background-clip:text}@keyframes dd-lock{0%{transform:scale(1.3)}to{transform:scale(1.06)}}.dd-winner{max-width:92vw;font-family:var(--font-display);text-transform:uppercase;letter-spacing:-.01em;white-space:pre-wrap;margin-top:2rem;font-size:clamp(2.4rem,9vw,7.5rem);font-weight:800;line-height:.95}.dd-winner.is-done{background:var(--gradient-brand);color:#0000;-webkit-background-clip:text;background-clip:text;animation:2.4s ease-out both dd-shine}@keyframes dd-shine{0%{filter:brightness(1.8);transform:scale(1.08)}to{filter:none;transform:scale(1)}}.dd-watch{color:oklch(80% 0 0);opacity:0;margin-top:1rem;font-size:clamp(14px,2vw,20px);transition:opacity 1s .4s}.dd-watch.is-on{opacity:1}.dd-restart{margin-top:2.5rem;animation:.6s 1.5s both dd-pop}.dd-confetti{pointer-events:none;z-index:4;position:absolute;inset:0;overflow:hidden}.dd-confetti i{border-radius:2px;animation:linear infinite dd-fall;position:absolute;top:-20px}@keyframes dd-fall{to{transform:translate(40px,110vh)rotate(540deg)}}@media (prefers-reduced-motion:reduce){.dd-stage *,.dd-stage :before,.dd-stage :after{animation-duration:.01ms!important;animation-iteration-count:1!important}.dd-confetti{display:none}}.dd-stage--full{height:100dvh;min-height:0;padding:1rem}.dd-stage--full .dd-card{gap:clamp(.5rem,1.6vh,1rem);max-height:calc(100dvh - 2rem);padding:clamp(1.25rem,3vh,2rem);overflow-y:auto}.dd-logowall{opacity:.09;pointer-events:none;flex-direction:column;justify-content:space-around;display:flex;position:absolute;inset:-5%;transform:rotate(-8deg)}.dd-logorow{flex:none;width:max-content;animation:46s linear infinite dd-marquee;display:flex}.dd-logorow.is-rev{animation-duration:58s;animation-direction:reverse}.dd-logotrack{gap:clamp(1.5rem,4vw,4rem);padding-right:clamp(1.5rem,4vw,4rem);display:flex}.dd-logo{flex:none;width:auto;height:clamp(58px,13vh,170px)}@keyframes dd-marquee{to{transform:translate(-50%)}}.dd-select{appearance:none;background-image:linear-gradient(45deg,#0000 50%,currentColor 50%),linear-gradient(135deg,currentColor 50%,#0000 50%);background-position:calc(100% - 20px),calc(100% - 15px);background-repeat:no-repeat;background-size:5px 5px;padding-right:2.5rem}.dd-select option{color:oklch(15% 0 0)}@media (width>=900px){.dd-stage--full .dd-card{grid-template-columns:1fr 1fr;gap:clamp(.75rem,2vh,1.15rem) clamp(1rem,2.5vw,1.5rem);width:min(760px,100%);display:grid}.dd-card>:not(.dd-label),.dd-card>.dd-label:first-of-type{grid-column:1/-1}}.dd-dialwrap{z-index:3;aspect-ratio:1;place-items:center;width:min(78vmin,34rem);display:grid;position:relative}.dd-dialwrap>*{grid-area:1/1}.dd-dialwrap .dd-countdown{font-size:min(36vmin,15rem)}.dd-dial{width:100%;height:100%;overflow:visible}.dd-dial-tick{stroke:oklch(100% 0 0/.18);stroke-width:1.2px;stroke-linecap:round;animation:.3s ease-out both dd-tick-on}@keyframes dd-tick-on{0%{stroke:oklch(100% 0 0/.18)}to{stroke:oklch(100% 0 0/.85)}}.dd-dial-track{fill:none;stroke:oklch(100% 0 0/.08);stroke-width:2px}.dd-dial-arc{fill:none;stroke:url(#dd-dial-grad);stroke-width:3px;stroke-linecap:round;stroke-dasharray:100;stroke-dashoffset:100px;animation:3.3s linear forwards dd-arc}@keyframes dd-arc{to{stroke-dashoffset:0}}.dd-reel{--row:clamp(3.4rem, 12vw, 8rem);width:min(1100px,96vw);height:calc(var(--row) * 3);margin-top:1.25rem;position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(#0000,#000 30% 70%,#0000);mask-image:linear-gradient(#0000,#000 30% 70%,#0000)}.dd-reel:before,.dd-reel:after{content:"";z-index:1;background:linear-gradient(90deg,#0000,oklch(100% 0 0/.35),#0000);height:1px;position:absolute;left:8%;right:8%}.dd-reel:before{top:var(--row)}.dd-reel:after{top:calc(var(--row) * 2)}.dd-reel-track{--pos:0;--blur:0px;transform:translate3d(0, calc(var(--row) * (1 - var(--pos))), 0);filter:blur(var(--blur));will-change:transform}.dd-reel-item{height:var(--row);white-space:nowrap;text-overflow:ellipsis;font-family:var(--font-display);text-transform:uppercase;letter-spacing:-.01em;color:oklch(85% 0 0);place-items:center;font-size:clamp(1.8rem,7vw,5.5rem);font-weight:800;line-height:1;display:grid;overflow:hidden}.dd-reel.is-settled .dd-reel-item:not(.is-winner){opacity:.15;transition:opacity .8s}.dd-reel-item.is-winner{background:var(--gradient-brand);color:#0000;-webkit-background-clip:text;background-clip:text;animation:.7s cubic-bezier(.3,1.6,.5,1) both dd-land}@keyframes dd-land{0%{transform:scale(.92)translateY(6%)}60%{transform:scale(1.08)}to{transform:scale(1)}}.dd-reveal .dd-ticket{opacity:0;transition:opacity .6s,transform .6s;animation:none;transform:translateY(16px)}.dd-reveal .dd-ticket.is-on{opacity:1;transform:none}.dd-prize{opacity:0;flex-direction:column;align-items:center;gap:.75rem;margin-top:1.25rem;transition:opacity 1s .2s,transform 1s .2s;display:flex;transform:translateY(20px)}.dd-prize.is-on{opacity:1;transform:none}.dd-prize .dd-watch{opacity:1;margin:0}.dd-prize-img{aspect-ratio:1;object-fit:cover;border:1px solid oklch(100% 0 0/.14);border-radius:24px;width:clamp(110px,18vh,200px);box-shadow:0 30px 80px -30px oklch(0% 0 0/.8)}@media (prefers-reduced-motion:reduce){.dd-dial-arc{stroke-dashoffset:0}}.dd-reveal{height:100dvh;min-height:0;padding:0}.dd-revealgrid{z-index:1;text-align:center;grid-template-rows:1fr auto 1fr;justify-items:center;width:100%;height:100dvh;padding:0 1rem;display:grid;position:relative}.dd-revealtop{align-self:end;padding-bottom:clamp(.75rem,3vh,2rem)}.dd-revealbottom{flex-direction:column;align-self:start;align-items:center;min-height:0;padding-top:clamp(.5rem,2vh,1.25rem);display:flex}.dd-kicker{letter-spacing:.32em;text-transform:uppercase;color:oklch(100% 0 0);align-items:center;gap:clamp(.75rem,2vw,1.5rem);font-size:clamp(13px,1.6vw,20px);font-weight:700;display:flex}.dd-kicker:before,.dd-kicker:after{content:"";background:linear-gradient(90deg,#0000,oklch(100% 0 0/.7));width:clamp(28px,8vw,110px);height:1px}.dd-kicker:after{transform:scaleX(-1)}.dd-reveal .dd-reel{--row:clamp(2.6rem, 8vw, 5rem);margin-top:0}.dd-reveal .dd-reel-item{font-size:clamp(1.25rem,4.6vw,3.6rem)}.dd-reveal .dd-reel-item.is-winner{font-size:clamp(1.5rem,5.6vw,4.4rem)}.dd-reel-item>span{width:max-content;max-width:none;display:block}.dd-ticket-digits{gap:.25rem;display:flex}.dd-reveal .dd-ticket{gap:.4rem;margin-top:0;padding:clamp(.6rem,1.6vh,1.1rem) 1.25rem}.dd-reveal .dd-digit{aspect-ratio:1;border-radius:16px;width:clamp(2.6rem,min(6vw,8vh),4.6rem);height:auto;font-size:clamp(1.2rem,min(3vw,4vh),2.3rem)}@media (width>=640px){.dd-ticket-digits{gap:.5rem}}.dd-participants{height:100dvh;min-height:0;scroll-padding-bottom:2rem;overflow:hidden auto}.dd-participants>header,.dd-participants>.dd-names,.dd-participants>.dd-announce{flex-shrink:0}@media (width<=639px){.dd-participants>header{width:100%;min-width:0}.dd-participants .dd-title{white-space:normal;overflow-wrap:anywhere;text-wrap:balance;font-size:26px;line-height:1.12}.dd-participants .dd-eyebrow{overflow-wrap:anywhere}.dd-name{overflow-wrap:anywhere;text-align:center;max-width:100%}.dd-reveal .dd-reel{--row:64px;width:100%}.dd-reveal .dd-reel-item.is-winner>span{white-space:normal;overflow-wrap:anywhere;text-wrap:balance;width:calc(100% - 24px)}.dd-revealbottom,.dd-result{width:100%;min-width:0}.dd-reveal .dd-ticket{width:min(100%,24rem);padding-inline:.75rem}.dd-ticket-digits{grid-template-columns:repeat(var(--digits-cols), minmax(0, 1fr));width:min(100%, calc(var(--digits-cols) * 44px + (var(--digits-cols) - 1) * 4px));gap:4px;display:grid}.dd-reveal .dd-digit{aspect-ratio:1;border-radius:10px;width:100%;height:auto;font-size:22px}.dd-reveal .dd-watch{overflow-wrap:anywhere}}.dd-reveal .dd-prize{gap:.5rem;margin-top:clamp(.5rem,1.8vh,1.1rem)}.dd-reveal .dd-prize-img{width:clamp(64px,13vh,160px)}.dd-reveal .dd-watch{font-size:clamp(12px,1.6vw,17px)}.dd-reveal .dd-restart{margin-top:clamp(.5rem,1.8vh,1.25rem)}.dd-dialwrap{position:absolute;top:50%;left:50%;translate:-50% -50%}.dd-dialwrap.is-opening{z-index:6;pointer-events:none;animation:.95s cubic-bezier(.7,0,.2,1) forwards dd-open}.dd-dialwrap.is-opening:before{content:"";border-radius:50%;position:absolute;inset:4%;box-shadow:0 0 0 200vmax oklch(13% .004 260)}@keyframes dd-open{0%{transform:scale(1)}80%{opacity:1}to{opacity:0;transform:scale(7)}}@media (prefers-reduced-motion:reduce){.dd-dialwrap.is-opening{display:none}}.dd-result{flex-direction:column;align-items:center;display:flex}@media (width>=640px){.dd-result{flex-direction:row;align-items:center;gap:clamp(1rem,3vw,2rem)}.dd-reveal .dd-prize{text-align:left;flex-direction:row;gap:.9rem;max-width:22rem;margin-top:0}.dd-reveal .dd-prize-img{width:clamp(64px,12vh,120px)}}.dd-ambient{z-index:0;pointer-events:none;position:absolute;inset:0;overflow:hidden}.dd-halo{aspect-ratio:1;filter:blur(90px);opacity:.1;border-radius:50%;width:60vmax;transition:opacity 1.2s;position:absolute}.dd-halo--1{background:var(--grad-2);animation:26s ease-in-out infinite alternate dd-drift1;top:-25vmax;left:-20vmax}.dd-halo--2{background:var(--grad-6);animation:32s ease-in-out infinite alternate dd-drift2;bottom:-28vmax;right:-22vmax}.dd-halo--3{background:var(--grad-4);opacity:.09;width:40vmax;animation:38s ease-in-out infinite alternate-reverse dd-drift1;top:40%;left:30%}@keyframes dd-drift1{to{transform:translate(18vmax,14vmax)scale(1.15)}}@keyframes dd-drift2{to{transform:translate(-16vmax,-12vmax)scale(1.2)}}.is-celebrating .dd-halo--1,.is-celebrating .dd-halo--2{opacity:.2}.is-celebrating .dd-halo--3{opacity:.12}.dd-dust{background:oklch(100% 0 0);border-radius:50%;animation:linear infinite dd-float;position:absolute;box-shadow:0 0 6px oklch(100% 0 0/.7)}@keyframes dd-float{0%{transform:translate(0)}50%{transform:translate(3vw,-8vh)}to{transform:translate(-2vw,-16vh)}}.dd-stage>:not(.dd-ambient):not(.dd-logowall):not(.dd-grid):not(.dd-vhs):not(.dd-dialwrap):not(.dd-singularity):not(.dd-celebrate){z-index:1;position:relative}.dd-stage>.dd-dialwrap{z-index:3;position:absolute}.dd-stage>.dd-singularity,.dd-stage>.dd-celebrate,.dd-stage>.dd-vhs{position:absolute}.dd-dial-tick{stroke-width:.8px}.dd-dial-tick.is-major{stroke-width:1.4px}.dd-dial-dot{fill:oklch(100% 0 0/.2);animation:.3s ease-out both dd-dot-on}@keyframes dd-dot-on{to{fill:oklch(100% 0 0/.85)}}.dd-dial-track{stroke-width:.6px;stroke:oklch(100% 0 0/.1)}.dd-dial-arc{stroke-width:1.1px;filter:drop-shadow(0 0 3px oklch(100% 0 0/.35))}.dd-dialwrap:not(.is-opening) .dd-dial{animation:.7s cubic-bezier(.2,.8,.2,1) both dd-dial-in}@keyframes dd-dial-in{0%{opacity:0;filter:brightness(3);transform:scale(.02)}40%{opacity:1}}.is-leaving .dd-name{animation:dd-suck 1s cubic-bezier(.6,0,.3,1) var(--d,0s) forwards}@keyframes dd-suck{to{transform:translate(var(--dx), var(--dy)) scale(.05);opacity:0;filter:blur(4px)}}.is-leaving header,.is-leaving .dd-announce{opacity:0;transition:opacity .5s}.dd-singularity{z-index:4;width:10px;height:10px;box-shadow:0 0 30px 10px oklch(100% 0 0/.6), 0 0 80px 30px var(--grad-4);background:oklch(100% 0 0);border-radius:50%;margin:-5px;animation:1.3s ease-in both dd-sing;top:50%;left:50%}@keyframes dd-sing{0%{transform:scale(0)}70%{transform:scale(1.4)}to{transform:scale(.4)}}.dd-celebrate{z-index:0;pointer-events:none;inset:0;overflow:hidden}.dd-shock{aspect-ratio:1;background:var(--gradient-brand) border-box;-webkit-mask-composite:xor,source-over;border:2px solid #0000;border-radius:50%;width:20vmin;margin:-10vmin;animation:1.6s cubic-bezier(.1,.6,.3,1) both dd-shock;position:absolute;top:50%;left:50%;-webkit-mask:linear-gradient(#000 0 0) padding-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor,source-over;mask:linear-gradient(#000 0 0) padding-box exclude,linear-gradient(#000 0 0)}.dd-shock--late{border-width:1px;animation-delay:.25s}@keyframes dd-shock{0%{opacity:1;transform:scale(.3)}to{opacity:0;transform:scale(9)}}.dd-spot{opacity:0;clip-path:polygon(45% 0,55% 0,100% 100%,0 100%);filter:blur(10px);background:linear-gradient(oklch(100% 0 0/.22),#0000 75%);width:34vw;height:140%;animation:2.6s cubic-bezier(.4,0,.2,1) .3s forwards dd-spot,7s ease-in-out 2.9s infinite alternate dd-spot-sweep;position:absolute;top:-10%}.dd-spot--l{transform-origin:50% 0;--from:35deg;--to:-24deg;left:0}.dd-spot--r{transform-origin:50% 0;--from:-35deg;--to:24deg;right:0}@keyframes dd-spot{0%{opacity:0;transform:rotate(var(--from))}30%{opacity:1}to{opacity:.7;transform:rotate(var(--to))}}@keyframes dd-spot-sweep{0%{opacity:.7;transform:rotate(var(--to))}to{opacity:.5;transform:rotate(calc(var(--to) * .45))}}.dd-home{letter-spacing:.04em;color:oklch(65% 0 0);font-size:13px;text-decoration:none;transition:color .25s;animation:.6s 1.5s both dd-pop}.dd-home:hover,.dd-home:focus-visible{color:oklch(100% 0 0)}@media (prefers-reduced-motion:reduce){.dd-halo,.dd-dust{animation:none!important}.dd-celebrate{display:none}}
