.draw-drum-overlay{position:fixed;inset:0;z-index:300;display:grid;grid-template-rows:auto 1fr auto;place-items:center;overflow:auto;overscroll-behavior:contain;padding:max(1rem,env(safe-area-inset-top)) max(1rem,env(safe-area-inset-right)) max(1rem,env(safe-area-inset-bottom)) max(1rem,env(safe-area-inset-left));background:radial-gradient(circle at 50% 35%,#253b74 0,#111b3e 45%,#080e25 100%);color:white;isolation:isolate}.draw-drum-glow{position:absolute;width:38vw;height:38vw;border-radius:999px;filter:blur(90px);opacity:.35;z-index:-1}.draw-drum-glow-left{left:-12vw;bottom:-12vw;background:#ff2ea6}.draw-drum-glow-right{right:-12vw;top:-12vw;background:#884dff}.draw-drum-sound{position:absolute;right:clamp(1rem,3vw,2rem);top:clamp(1rem,3vw,2rem);z-index:5;display:flex;align-items:center;gap:.55rem;border:1px solid #ffffff2b;border-radius:999px;background:#ffffff12;padding:.7rem 1rem;color:white;font-size:.75rem;font-weight:900;backdrop-filter:blur(12px)}.draw-drum-sound svg{width:1rem}.draw-drum-heading{text-align:center;z-index:2}.draw-drum-heading span{display:inline-flex;align-items:center;gap:.45rem;color:#ffafd9;font-size:.68rem;font-weight:900;letter-spacing:.18em;text-transform:uppercase}.draw-drum-heading span svg{width:1rem}.draw-drum-heading h2{margin:.35rem 0 0;font-size:clamp(1.7rem,4vw,3rem);font-weight:950;letter-spacing:-.04em}.draw-drum-heading p{margin:.25rem 0 0;color:#afbad8;font-size:.82rem;font-weight:700}.draw-drum-machine{position:relative;width:min(76vw,680px);height:min(56dvh,520px);min-height:0;display:grid;place-items:center}.draw-drum-window{position:relative;width:min(62vw,540px);aspect-ratio:1;border:clamp(8px,1.3vw,15px) solid #ffffff24;border-radius:50%;overflow:hidden;background:radial-gradient(circle at 38% 28%,#ffffff26,#a34bcb22 38%,#09112cbb 75%);box-shadow:inset 0 0 60px #ffa1df1f,0 35px 90px #0008,0 0 0 2px #ff8bd142;backdrop-filter:blur(8px)}.draw-drum-window:after{content:"";position:absolute;inset:5%;border-radius:50%;background:linear-gradient(135deg,#ffffff28 0 8%,transparent 28% 100%);pointer-events:none}.draw-drum-ring{position:absolute;border:1px solid #dca4ff55;border-radius:50%;animation:draw-ring-spin 12s linear infinite}.draw-drum-ring-one{width:68%;aspect-ratio:1}.draw-drum-ring-two{width:78%;aspect-ratio:1;animation-direction:reverse;animation-duration:17s}.draw-drum-card{position:absolute;left:var(--drum-x);top:var(--drum-y);width:clamp(108px,15vw,176px);transform:translate(-50%,-50%) rotate(var(--drum-rotation));border:1px solid #ffffff38;border-radius:14px;background:linear-gradient(135deg,#fff,#ffe8f7);padding:.55rem .7rem;color:#152144;box-shadow:0 8px 22px #02061780;animation:draw-card-orbit var(--drum-duration) cubic-bezier(.45,.05,.55,.95) var(--drum-delay) infinite alternate;will-change:transform}.draw-drum-card small,.draw-drum-card span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.draw-drum-card--ticket{width:clamp(92px,10vw,132px);border:2px solid #b9efff;border-radius:10px;background:linear-gradient(145deg,#ffffff,#e4f8ff);padding:.62rem .7rem;color:#071936;box-shadow:0 0 0 3px #38d5ff22,0 9px 24px #020617aa;font-variant-numeric:tabular-nums}.draw-drum-card--ticket:after,.draw-drum-card--ticket:before{content:"";position:absolute;top:50%;width:10px;height:10px;border-radius:50%;background:#111b3e;transform:translateY(-50%)}.draw-drum-card--ticket:before{left:-6px}.draw-drum-card--ticket:after{right:-6px}.draw-drum-card--ticket span{overflow:visible;text-align:center;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:clamp(.85rem,1.5vw,1.15rem);letter-spacing:.04em}.draw-drum-card--ticket small{color:#16728b;text-align:center;font-size:.48rem;letter-spacing:.12em;text-transform:uppercase}.draw-drum-machine--tickets .draw-drum-window{background:radial-gradient(circle at 45% 30%,#6de7ff2c,#17285f99 55%,#060d29ee 100%)}.draw-drum-card span{font-size:clamp(.66rem,1.3vw,.84rem);font-weight:950}.draw-drum-card small{margin-top:.18rem;color:#66708d;font-size:.58rem;font-weight:700}.draw-drum-base{position:absolute;bottom:0;display:flex;align-items:baseline;gap:.28rem;border-radius:14px;background:linear-gradient(120deg,#f32d9d,#8f4cff);padding:.65rem 1.4rem;box-shadow:0 12px 35px #f32d9d44;letter-spacing:.16em}.draw-drum-base span{font-size:.72rem;font-weight:900}.draw-drum-base strong{font-size:1rem}.draw-drum-countdown{position:relative;z-index:2;display:flex;min-width:128px;flex-direction:column;align-items:center;border:1px solid #ffffff24;border-radius:22px;background:#ffffff10;padding:.65rem 1.5rem;backdrop-filter:blur(12px)}.draw-drum-countdown span{font-size:clamp(2rem,5vw,3.5rem);font-weight:950;line-height:1}.draw-drum-countdown small{margin-top:.2rem;color:#b9c3df;font-size:.62rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.draw-drum-trophy{position:absolute;left:50%;top:50%;z-index:4;width:28%;height:28%;transform:translate(-50%,-50%);color:#ffd83d;filter:drop-shadow(0 0 35px #ffcf32);animation:draw-trophy-pop .75s cubic-bezier(.2,1.6,.4,1) both}.is-revealing .draw-drum-card{opacity:.15;filter:blur(3px)}@keyframes draw-card-orbit{0%{transform:translate(-65%,-65%) rotate(var(--drum-rotation)) scale(.88)}45%{transform:translate(5%,-130%) rotate(calc(var(--drum-rotation) * -1)) scale(1.03)}to{transform:translate(-125%,10%) rotate(var(--drum-rotation)) scale(.92)}}@keyframes draw-ring-spin{to{transform:rotate(1turn)}}@keyframes draw-trophy-pop{0%{opacity:0;transform:translate(-50%,-50%) scale(.2) rotate(-20deg)}to{opacity:1;transform:translate(-50%,-50%) scale(1) rotate(0)}}@media (max-width:640px){.draw-drum-overlay{grid-template-rows:auto 1fr auto;min-height:100dvh}.draw-drum-sound{top:auto;right:1rem;bottom:1rem}.draw-drum-heading{padding-top:.5rem}.draw-drum-machine{width:min(96vw,30rem);height:min(62dvh,30rem)}.draw-drum-window{width:min(88vw,28rem)}.draw-drum-card{width:118px}.draw-drum-card--ticket{width:96px;padding:.48rem .4rem}.draw-drum-card:nth-of-type(n+33){display:none}.draw-drum-countdown{position:absolute;left:1rem;bottom:1rem;min-width:100px;padding:.55rem 1rem}}@media (max-height:640px) and (orientation:landscape){.draw-drum-overlay{grid-template-rows:auto minmax(0,1fr) auto}.draw-drum-heading h2{font-size:1.35rem}.draw-drum-heading p{display:none}.draw-drum-machine{width:min(58dvh,28rem);height:min(58dvh,28rem)}.draw-drum-window{width:min(52dvh,25rem)}}@media (prefers-reduced-motion:reduce){.draw-drum-card,.draw-drum-ring,.draw-drum-trophy{animation:none!important}.draw-drum-card{transition:opacity .5s ease}.draw-drum-card:nth-of-type(n+13){display:none}}