.home,.opening{position:relative;isolation:isolate;background:radial-gradient(ellipse at 50% 64%,rgba(255,126,31,.14),transparent 58%),linear-gradient(180deg,#17111d,#27152a 45%,#3a1b18);color:#fff1df}
.home .brand small,.home .hero p,.home .hint{color:#c6b29c}.home .hero h1{color:#fff0da}.home .primary{background:linear-gradient(180deg,#ff942f,#ef631d);box-shadow:0 7px 22px #e65d1a38;color:#201018}.home .primary:active{transform:scale(.985);box-shadow:0 5px 28px #f87d285e}
.opening{background:radial-gradient(ellipse at 50% 65%,#3c1b13,transparent 70%),linear-gradient(#120d15,#29131c)}
.halloween-atmosphere{position:absolute;inset:0;overflow:hidden;z-index:-1;pointer-events:none}.halloween-atmosphere i{position:absolute;display:block;font-style:normal}.moon{top:7%;right:10%;width:48px;height:48px;border-radius:50%;opacity:.16;background:radial-gradient(circle at 35% 30%,#fff4c8,#e1b778);box-shadow:0 0 45px 13px #ffbc572b}.bat{font-size:24px;filter:grayscale(1) brightness(.2);opacity:.16;animation:halloween-bat 21s ease-in-out infinite}.bat-one{top:10%;right:12%}.bat-two{top:18%;right:27%;font-size:16px;animation-delay:-8s}.bat-three{top:7%;right:42%;font-size:13px;animation-delay:-15s}.fog{bottom:-3%;left:-20%;width:140%;height:140px;background:radial-gradient(ellipse,#d2b4c0,transparent 65%);filter:blur(22px);opacity:.10;animation:halloween-fog 26s ease-in-out infinite}.ambient-halo{top:34%;left:15%;width:70%;height:42%;border-radius:50%;background:radial-gradient(ellipse,#ff7e1f,transparent 65%);opacity:.15;animation:halloween-halo 4s ease-in-out infinite}.ember{width:3px;height:3px;border-radius:50%;background:#e9ad5b;box-shadow:0 0 8px #e9ad5b66;opacity:.15;animation:halloween-ember 9s ease-in-out infinite}.ember-one{left:20%;bottom:23%}.ember-two{right:19%;bottom:32%;animation-delay:-4s}.ember-three{left:31%;bottom:16%;background:#a487b5;animation-delay:-7s}.opening .bat{opacity:.07}.sound-toggle{position:absolute;z-index:20;right:17px;top:18px;width:40px;height:40px;border:1px solid #e3bd8a28;border-radius:50%;background:#ffffff09;color:#fff1df;font-size:18px;cursor:pointer}.sound-toggle:focus-visible{outline:2px solid #ffab5e;outline-offset:3px}.verify{background:linear-gradient(#fff6e9,#f2e3d3)}
@keyframes halloween-bat{50%{transform:translateX(-110px) translateY(12px)}}@keyframes halloween-fog{50%{transform:translateX(35px)}}@keyframes halloween-halo{50%{transform:scale(1.06);opacity:.28}}@keyframes halloween-ember{50%{transform:translateY(-45px);opacity:.07}}
@media(prefers-reduced-motion:reduce){.halloween-atmosphere i{animation:none!important}}
.home .hero{margin-top:22px}.home .home-pack{height:clamp(225px,35dvh,300px);margin:7px 0}.home-phone{width:100%;max-width:350px;text-align:left}.home-phone label{display:block;font-size:13px;color:#d5bfa6;margin-bottom:7px}.home-phone input{width:100%;height:56px;padding:0 16px;border:1px solid #ff912859;border-radius:19px;background:#ffffff0d;color:#fff1df;font:inherit;font-size:16px;outline:none}.home-phone input::placeholder{color:#b7a28e}.home-phone input:focus{border-color:#ff9d47;box-shadow:0 0 0 3px #ff912814}.phone-error{margin:4px 0;min-height:18px;font-size:12px;color:#ffb29b}.home-phone .hint{text-align:center;margin:12px 0 6px}.phone-privacy{display:block;text-align:center;color:#bca892;font-size:11px;line-height:1.5}.home-phone,.home .hero,.home .brand{transition:opacity .3s,transform .3s}.home-collapsing .home-phone,.home-collapsing .hero,.home-collapsing .brand{opacity:0;transform:translateY(-8px);pointer-events:none}.home-phone button:disabled{opacity:.5;cursor:wait}@media(max-height:740px){.home{padding-top:18px}.home .hero{margin-top:15px}.home .hero h1{font-size:28px}.home .home-pack{height:clamp(190px,31dvh,245px)}}
.pack-smoke{position:absolute;inset:0;pointer-events:none}.smoke-puff,.opening-bat{position:absolute;left:50%;bottom:275px}.smoke-puff{width:90px;height:76px;border-radius:43% 57% 65% 35%;filter:blur(7px);background:radial-gradient(ellipse,var(--shade) 5%,var(--shade) 32%,transparent 72%);z-index:4;opacity:0;animation:pack-smoke-burst 1.05s ease-out forwards}.smoke-front{z-index:9;width:65px;filter:blur(9px)}.opening-bat{width:28px;color:#22112e;z-index:10;opacity:0;animation:pack-bat-flight .9s ease-out forwards}.opening-bat svg{display:block;width:100%}.opening .pack-stage.lit:not(.reward-revealed) .sparkles{animation:none;opacity:0}.opening .pack-stage.lit:not(.reward-revealed) .beam,.opening .pack-stage.lit:not(.reward-revealed) .pack-glow{animation:none;opacity:.15}.opening .reward-revealed .sparkles{animation:spark 1s ease-in-out infinite}.opening .reward-revealed .pack-glow{opacity:1}
@keyframes pack-smoke-burst{0%{opacity:.65;transform:translateX(-50%) scale(.3)}40%{opacity:.45}100%{opacity:0;transform:translateX(calc(-50% + var(--x))) translateY(var(--y)) rotate(var(--turn)) scale(2)}}@keyframes pack-bat-flight{0%{opacity:0;transform:translateX(-50%) scale(.5)}15%{opacity:.75}100%{opacity:0;transform:translateX(calc(-50% + var(--x))) translateY(var(--y)) scale(.8)}}
@media(prefers-reduced-motion:reduce){.smoke-puff,.opening-bat{animation-duration:.4s!important}}