.mystery-root{color:#fff;background:radial-gradient(circle at 50% 0,#ffda5947,#0000 25%),radial-gradient(circle at 15% 20%,#2471ff59,#0000 28%),radial-gradient(circle at 85% 28%,#22c55e4d,#0000 30%),linear-gradient(#071733 0%,#071d3d 45%,#052817 100%);justify-content:center;align-items:center;width:100%;min-height:100svh;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,sans-serif;display:flex;position:relative;overflow-x:hidden}.mystery-root *,.mystery-root :before,.mystery-root :after{box-sizing:border-box}.stadium-lights{pointer-events:none;mix-blend-mode:screen;opacity:.8;z-index:1;background:conic-gradient(from 220deg at 8% 0,#fff3,#0000 16%),conic-gradient(from 140deg at 92% 0,#ffffff2e,#0000 16%);position:fixed;inset:0}.pitch-lines{opacity:.18;pointer-events:none;z-index:1;background:linear-gradient(90deg,#0000 49.5%,#fff 50%,#0000 50.5%),radial-gradient(at 50% 100%,#0000 0 30%,#fff 30.4% 30.8%,#0000 31.2%),repeating-linear-gradient(90deg,#ffffff40 0 1px,#0000 1px 78px);height:42%;position:fixed;inset:auto 0 0}.app{width:min(100%,430px);min-height:100svh;padding:max(24px, env(safe-area-inset-top)) 20px max(26px, env(safe-area-inset-bottom));text-align:center;z-index:2;flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.orb{filter:blur(24px);opacity:.32;border-radius:50%;width:170px;height:170px;animation:7s ease-in-out infinite mb-floatOrb;position:absolute}.orb.one{background:#1d7cff;top:8%;left:-70px}.orb.two{background:#ffce31;animation-delay:-2.5s;bottom:12%;right:-70px}.card{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(#ffffff2b,#ffffff0f);border:1px solid #ffffff2e;border-radius:34px;width:100%;padding:28px 18px 24px;position:relative;overflow:hidden;box-shadow:0 24px 80px #0000006b,inset 0 1px #ffffff38}.badge{color:#ffe58a;letter-spacing:.12em;text-transform:uppercase;background:#ffd75029;border:1px solid #ffd75059;border-radius:999px;align-items:center;gap:7px;margin-bottom:14px;padding:8px 13px;font-size:12px;font-weight:800;display:inline-flex}.mystery-root h1{letter-spacing:.02em;color:#0000;text-shadow:0 20px 60px #ffd84d38;background:linear-gradient(135deg,#fff 0%,#fff2a8 45%,#72ddff 100%);-webkit-background-clip:text;background-clip:text;margin-bottom:12px;font-family:Bebas Neue,sans-serif;font-size:clamp(48px,13vw,64px);line-height:.92}.subtitle{color:#ffffffc7;max-width:300px;margin:0 auto 34px;font-size:16px;font-weight:600;line-height:1.35}.stage{perspective:900px;justify-content:center;align-items:flex-end;width:100%;height:310px;display:flex;position:relative}.glow{filter:blur(12px);background:radial-gradient(circle,#ffdd4d94,#0000 68%);border-radius:50%;width:250px;height:70px;animation:2.2s ease-in-out infinite mb-pulseGlow;position:absolute;bottom:28px}.box-wrap{width:210px;height:185px;transform-style:preserve-3d;z-index:5;animation:2.2s ease-in-out infinite mb-boxIdle;position:relative}.box{background:linear-gradient(90deg,#0000 46%,#ffffff59 47% 53%,#0000 54%),linear-gradient(135deg,#0059ff 0%,#0042bd 42%,#022c88 100%);border-radius:18px 18px 26px 26px;width:210px;height:135px;position:absolute;bottom:0;overflow:hidden;box-shadow:inset 0 7px #ffffff40,inset 0 -14px 25px #00000040,0 28px 48px #0006}.box:before{content:"";opacity:.85;background:radial-gradient(circle at 18% 28%,#fff 0 2px,#0000 3px),radial-gradient(circle at 84% 34%,#ffdf4d 0 3px,#0000 4px),radial-gradient(circle at 68% 72%,#25d366 0 3px,#0000 4px),radial-gradient(circle at 28% 72%,#ff3b4f 0 3px,#0000 4px);position:absolute;inset:0}.ribbon-vertical{background:linear-gradient(#fff7b0,#ffc83d 45%,#bd7b00);width:32px;height:135px;position:absolute;bottom:0;left:50%;transform:translate(-50%);box-shadow:inset 0 0 12px #ffffffb3}.ribbon-horizontal{background:linear-gradient(90deg,#fff7b0,#ffc83d 45%,#bd7b00);width:100%;height:30px;position:absolute;top:48px;left:0;box-shadow:inset 0 0 12px #ffffffb3}.lid{transform-origin:18% 100%;z-index:12;background:linear-gradient(90deg,#0000 46%,#ffffff6b 47% 53%,#0000 54%),linear-gradient(135deg,#ff334f 0%,#cf082d 55%,#900118 100%);border-radius:18px;width:234px;height:58px;transition:transform 1s cubic-bezier(.18,1.25,.28,1),bottom 1s;position:absolute;bottom:118px;left:-12px;box-shadow:inset 0 7px #ffffff40,0 15px 30px #00000052}.lid:after{content:"";filter:drop-shadow(0 8px 8px #00000040);border:14px solid #ffd84d;border-bottom:0;border-radius:50px 50px 0 0;width:76px;height:44px;position:absolute;top:-34px;left:50%;transform:translate(-50%)}.ticket{color:#251600;z-index:3;opacity:0;background:linear-gradient(110deg,#0000 0 28%,#ffffffa6 34%,#0000 43%) 0 0/250% 100%,linear-gradient(135deg,#8a5a00 0%,#fff0a6 18%,#ffc928 42%,#a86d00 67%,#fff3ad 100%) 0 0/100% 100%;border-radius:22px;width:265px;min-height:150px;padding:18px 16px 16px;transition:all .95s cubic-bezier(.19,1.22,.28,1);position:absolute;bottom:50px;overflow:hidden;transform:translateY(94px)scale(.72)rotateX(18deg);box-shadow:0 24px 48px #0000006b,inset 0 0 0 2px #ffffff80,inset 0 0 28px #ffffff6b}.ticket:before,.ticket:after{content:"";background:#071d3d;border-radius:50%;width:28px;height:28px;position:absolute;top:50%;transform:translateY(-50%)}.ticket:before{left:-14px}.ticket:after{right:-14px}.ticket-kicker{letter-spacing:.16em;text-transform:uppercase;color:#251600ad;font-size:11px;font-weight:950}.ticket-main{letter-spacing:-.05em;text-transform:uppercase;margin-top:6px;font-size:31px;font-weight:1000;line-height:.92}.ticket-sub{letter-spacing:.04em;text-transform:uppercase;margin-top:8px;font-size:15px;font-weight:950}.claim{color:#fff;letter-spacing:.08em;background:linear-gradient(135deg,#071733,#0c2d68);border-radius:999px;justify-content:center;align-items:center;width:100%;height:46px;margin-top:14px;font-size:14px;font-weight:950;text-decoration:none;transition:transform .2s,filter .2s;display:inline-flex;box-shadow:0 10px 24px #00000047}.claim:active{filter:brightness(1.14);transform:scale(.97)}.open-btn{color:#231400;letter-spacing:.08em;cursor:pointer;background:linear-gradient(90deg,#ffffff47,#0000 22%),linear-gradient(135deg,#fff09c 0%,#ffd032 36%,#ff8a00 100%);border:0;border-radius:999px;width:100%;max-width:310px;height:62px;margin-top:20px;font-size:16px;font-weight:1000;transition:transform .18s,box-shadow .18s,opacity .3s;position:relative;box-shadow:0 18px 36px #ffbf0047,inset 0 2px #ffffffb3}.open-btn:active{transform:scale(.96)}.sparkle{opacity:.9;background:#fff;border-radius:50%;width:7px;height:7px;animation:2.1s ease-in-out infinite mb-sparkle;position:absolute;box-shadow:0 0 18px #fff}.sparkle.s1{top:38%;left:14%}.sparkle.s2{animation-delay:-.7s;top:30%;right:18%}.sparkle.s3{animation-delay:-1.3s;bottom:30%;right:10%}.confetti{z-index:40;pointer-events:none;border-radius:3px;width:9px;height:14px;animation:1.8s linear forwards mb-confettiFall;position:fixed;top:-20px}.opened .box-wrap{animation:none}.opened .lid{bottom:164px;transform:rotate(-38deg)translate(-34px,-28px)}.opened .ticket{opacity:1;z-index:18;animation:2.2s linear .9s infinite mb-ticketShimmer;transform:translateY(-112px)scale(1)rotateX(0)}.opened .glow{animation:1.5s ease-in-out infinite mb-megaGlow}@keyframes mb-boxIdle{0%,to{transform:translateY(0)rotate(-.6deg)}50%{transform:translateY(-10px)rotate(.6deg)}}@keyframes mb-pulseGlow{0%,to{opacity:.45;transform:scale(.94)}50%{opacity:.85;transform:scale(1.08)}}@keyframes mb-megaGlow{0%,to{opacity:.7;transform:scale(1)}50%{opacity:1;transform:scale(1.25)}}@keyframes mb-floatOrb{0%,to{transform:translate(0)}50%{transform:translate(18px,-22px)}}@keyframes mb-sparkle{0%,to{opacity:.25;transform:scale(.5)rotate(0)}50%{opacity:1;transform:scale(1.35)rotate(90deg)}}@keyframes mb-ticketShimmer{0%{background-position:220% 0,0 0}to{background-position:-120% 0,0 0}}@keyframes mb-confettiFall{0%{opacity:1;transform:translateY(-20px)rotate(0)}to{opacity:0;transform:translateY(110vh)rotate(720deg)}}.disclaimer{text-align:center;color:#ffffff8c;z-index:2;width:100%;max-width:620px;margin-top:22px;padding:0 12px;font-size:11px;line-height:1.5}.disclaimer a{color:#ffffffb3;text-decoration:underline}@media (height<=740px){.card{padding-top:22px}.mystery-root h1{font-size:34px}.stage{height:270px}.opened .ticket{transform:translateY(-96px)scale(.94)}}