.wc-root{color:#fff;background:radial-gradient(circle at 50% 0,#ffda5947,#0000 26%),radial-gradient(circle at 15% 20%,#2471ff59,#0000 28%),radial-gradient(circle at 85% 28%,#22c55e4d,#0000 30%),linear-gradient(#071733 0%,#071d3d 48%,#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}.wc-root *{box-sizing:border-box}.stadium-lights{pointer-events:none;mix-blend-mode:screen;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:.16;pointer-events:none;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));justify-content:center;align-items:center;display:flex;position:relative}.card-shell{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);text-align:center;background:linear-gradient(#ffffff2b,#ffffff0f);border:1px solid #ffffff2e;border-radius:34px;width:100%;padding:28px 18px 24px;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;margin-bottom:14px;padding:8px 13px;font-size:12px;font-weight:900;display:inline-flex}.card-shell h1{letter-spacing:.01em;color:#0000;background:linear-gradient(135deg,#fff 0%,#fff2a8 45%,#72ddff 100%);-webkit-background-clip:text;background-clip:text;margin-bottom:12px;font-family:Bebas Neue,-apple-system,BlinkMacSystemFont,sans-serif;font-size:clamp(40px,11vw,56px);font-weight:400;line-height:1}.subtitle{color:#ffffffc7;max-width:310px;margin:0 auto 28px;font-size:16px;font-weight:600;line-height:1.35}.cards{perspective:1000px;grid-template-columns:repeat(3,1fr);gap:12px;margin:18px auto 24px;display:grid}.pick-card{cursor:pointer;perspective:900px;background:0 0;border:0;height:190px;padding:0}.inner{width:100%;height:100%;transform-style:preserve-3d;transition:transform .85s cubic-bezier(.18,1.25,.28,1);position:relative}.pick-card.flipped .inner{transform:rotateY(180deg)}.front,.back{backface-visibility:hidden;border-radius:22px;position:absolute;inset:0;overflow:hidden;box-shadow:0 18px 34px #00000057,inset 0 1px #ffffff73}.front{background:linear-gradient(135deg,#0059ff,#00359e 50%,#001f66);border:2px solid #ffffff47}.front-img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.front-overlay{background:radial-gradient(circle at 50% 30%,#0000 0%,#00000059 100%),linear-gradient(#0000 40%,#0000008c 100%);position:absolute;inset:0}.front:after{content:"?";color:#261600;z-index:2;background:linear-gradient(135deg,#fff7b0,#ffc83d,#bd7b00);border-radius:50%;place-items:center;width:40px;height:40px;font-size:24px;font-weight:1000;display:grid;position:absolute;bottom:14px;left:50%;transform:translate(-50%);box-shadow:0 4px 12px #0006}.back{color:#251600;background:linear-gradient(110deg,#0000 0 28%,#ffffff8c 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:2px solid #ffd75099;flex-direction:column;justify-content:center;animation:2.4s linear infinite wc-shimmer;display:flex;transform:rotateY(180deg)}.back-content{text-align:center;color:#251600;padding:10px 8px 12px;position:relative}.amount{letter-spacing:-.08em;font-size:33px;font-weight:1000;line-height:.9}.offer{text-transform:uppercase;margin-top:8px;font-size:13px;font-weight:1000;line-height:1.05}.users{letter-spacing:.08em;text-transform:uppercase;opacity:.75;margin-top:8px;font-size:9px;font-weight:950}.result{opacity:0;pointer-events:none;transition:all .45s;transform:translateY(18px)}.revealed .result{opacity:1;pointer-events:auto;transform:translateY(0)}.result-title{margin-bottom:12px;font-size:18px;font-weight:950}.claim{color:#231400;letter-spacing:.08em;background:linear-gradient(135deg,#fff09c,#ffd032 42%,#ff8a00);border-radius:999px;justify-content:center;align-items:center;width:100%;max-width:315px;height:58px;font-size:15px;font-weight:1000;text-decoration:none;display:inline-flex;box-shadow:0 18px 36px #ffbf0047,inset 0 2px #ffffffb3}.hint{color:#fff9;margin-top:16px;font-size:13px;font-weight:700}.confetti{z-index:40;pointer-events:none;border-radius:3px;width:9px;height:14px;animation:1.8s linear forwards wc-confettiFall;position:fixed;top:-20px}@keyframes wc-shimmer{0%{background-position:220% 0,0 0}to{background-position:-120% 0,0 0}}@keyframes wc-confettiFall{0%{opacity:1;transform:translateY(-20px)rotate(0)}to{opacity:0;transform:translateY(110vh)rotate(720deg)}}@media (height<=740px){.pick-card{height:165px}.card-shell h1{font-size:34px}.subtitle{margin-bottom:18px}}.disclaimer{width:min(100%,720px);padding:16px 20px max(20px, env(safe-area-inset-bottom));color:#ffffff8c;text-align:center;letter-spacing:.01em;margin:0 auto;font-size:10.5px;font-weight:500;line-height:1.45;position:relative}.disclaimer strong{color:#ffffffbf;letter-spacing:.08em;font-weight:800}.wc-root{flex-direction:column;padding-bottom:0}.cards.shuffling .pick-card{will-change:transform;animation:1.6s cubic-bezier(.5,.05,.3,1) both wc-shuffle}.cards.shuffling .pick-card:first-child{animation-name:wc-shuffle-1}.cards.shuffling .pick-card:nth-child(2){animation-name:wc-shuffle-2}.cards.shuffling .pick-card:nth-child(3){animation-name:wc-shuffle-3}@keyframes wc-shuffle-1{0%{opacity:0;transform:translate(120%,-40%)rotate(-18deg)}20%{opacity:1;transform:translate(120%)rotate(-8deg)}40%{transform:translateY(-30%)rotate(6deg)}60%{transform:translate(240%,10%)rotate(10deg)}80%{transform:translate(50%,-10%)rotate(-4deg)}to{transform:translate(0)rotate(0)}}@keyframes wc-shuffle-2{0%{opacity:0;transform:translateY(-60%)rotate(0)}20%{opacity:1;transform:translate(0)rotate(4deg)}40%{transform:translate(120%,20%)rotate(-8deg)}60%{transform:translate(-120%,-10%)rotate(8deg)}80%{transform:translate(20%,10%)rotate(-2deg)}to{transform:translate(0)rotate(0)}}@keyframes wc-shuffle-3{0%{opacity:0;transform:translate(-120%,-40%)rotate(18deg)}20%{opacity:1;transform:translate(-120%)rotate(8deg)}40%{transform:translate(-240%,20%)rotate(-10deg)}60%{transform:translate(-20%,-20%)rotate(-6deg)}80%{transform:translate(-60%,10%)rotate(4deg)}to{transform:translate(0)rotate(0)}}.pick-card.shaking .inner{transform-origin:bottom;animation:.7s cubic-bezier(.36,.07,.19,.97) both wc-shake}@keyframes wc-shake{0%,to{transform:translateY(0)rotate(0)}10%{transform:translateY(-4px)rotate(-3deg)}20%{transform:translateY(-8px)rotate(4deg)}30%{transform:translateY(-6px)rotate(-3deg)}40%{transform:translateY(-4px)rotate(3deg)}55%{transform:translateY(-2px)rotate(-2deg)}70%{transform:translateY(-1px)rotate(1deg)}85%{transform:translateY(0)rotate(-1deg)}}.share{color:#fff;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff14;border:1px solid #ffffff38;border-radius:999px;justify-content:center;align-items:center;width:100%;max-width:315px;height:50px;margin-top:12px;font-size:14px;font-weight:800;transition:background .2s,transform .2s;display:inline-flex}.share:hover{background:#ffffff26}.share:active{transform:scale(.97)}