*{box-sizing:border-box}.me-pick-page{margin:0;overflow-x:clip;background:linear-gradient(#e3fffe 0%,#f4ffff 68%,#fff 100%);color:#08673b;font-family:"tt-commons-pro",Arial,sans-serif;min-height:100vh}.me-picker{display:block;width:min(820px,calc(100% - 36px));margin:auto;padding:34px 0 42px;text-align:center}.me-picker__logo{display:block;width:158px;height:64px;object-fit:contain;margin:0 auto 18px}.me-picker__badge{display:inline-block;background:linear-gradient(90deg,#120f1f,#212025);color:#fff;padding:14px 30px;border-radius:20px;font-size:36px;line-height:1.2;font-weight:800}.me-picker h1{font-family:'Arial Black',Arial,sans-serif;font-size:84px;line-height:1;margin:18px 0 2px;font-weight:900;letter-spacing:-2px}.me-picker__subtitle{font-size:42px;line-height:1.15;font-weight:800;margin:0}.me-picker__instruction{display:flex;align-items:center;gap:32px;font-weight:800;font-size:24px;margin:34px 0 34px;line-height:1.3}.me-picker__instruction:before,.me-picker__instruction:after{content:"";height:2px;background:#cee5dd;flex:1}.me-picker__instruction span{flex-shrink:0}.me-picker__prizes{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px;padding:0;margin:0;list-style:none}.me-prize{min-width:0}.me-prize__card{position:relative;aspect-ratio:1;border:2px dashed #c9d4d1;background:#fff;border-radius:10px}.me-prize__ribbon{position:absolute;z-index:3;left:3%;top:-17px;width:94%;padding:5px 2px;background:#d61b36;color:#fff;font-size:19px;font-weight:800;border-radius:9px;opacity:0;transform:translateY(8px);transition:opacity .3s,transform .3s}.me-prize__ribbon s{font-weight:500}.me-prize__locked{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;font-size:22px;color:#777;font-weight:700;transition:opacity .25s}.me-prize__locked svg{width:36px;height:45px}.me-prize__reward{position:absolute;inset:0;display:grid;place-items:center;opacity:0;transform:scale(.6);transition:opacity .3s,transform .5s cubic-bezier(.16,1,.3,1);background:linear-gradient(#ffea9c,#ffd05c);border-radius:8px;padding:18px 9px 8px}.me-prize__reward img{width:100%;height:100%;object-fit:contain;max-height:120px}.me-prize__title{display:block;opacity:0;font-size:20px;line-height:1.15;font-weight:700;margin-top:16px;transition:opacity .3s;min-height:46px}.me-prize.is-revealed .me-prize__card{border-color:#08673b}.me-prize.is-revealed .me-prize__ribbon,.me-prize.is-revealed .me-prize__reward{opacity:1;transform:none}.me-prize.is-revealed .me-prize__locked{opacity:0}.me-prize.is-revealed .me-prize__title{opacity:1}.me-discount{font-size:36px;line-height:.95;max-width:110px;font-weight:900}.me-picker__grid{overflow:clip;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 14px;margin:8px -8px 12px}.me-box{position:relative;display:block;width:100%;padding:0;border:0;background:none;color:inherit;cursor:pointer;aspect-ratio:1;isolation:isolate;-webkit-tap-highlight-color:transparent}.me-box__scene{position:absolute;inset:0;display:block;transform-origin:50% 85%;transition:transform .25s}.me-box:not(:disabled):hover .me-box__scene{transform:translateY(-5px) rotate(-4deg)}.me-box:not(:disabled):active .me-box__scene{transform:scale(.95)}.me-box:focus-visible,.me-picker__cta:focus-visible{outline:4px solid #08673b;outline-offset:5px;border-radius:16px}.me-box__base,.me-box__lid{position:absolute;inset:0;width:100%;height:100%;filter:hue-rotate(245deg) saturate(.9) brightness(1.12);pointer-events:none}.me-box__base{clip-path:polygon(16% 52%,50% 65%,83% 52%,83% 100%,16% 100%);z-index:3}.me-box__lid{clip-path:polygon(0 0,100% 0,100% 52%,83% 52%,50% 65%,16% 52%,0 52%);z-index:5;transform-origin:70% 45%;transition:transform .65s cubic-bezier(.22,1,.36,1)}.me-box__inside{position:absolute;width:65%;height:27%;left:18%;top:43%;background:#073c2b;clip-path:polygon(0 22%,48% 0,100% 24%,50% 75%);z-index:1;opacity:0}.me-box__gift{position:absolute;display:grid;place-items:center;width:52%;height:51%;left:24%;top:18%;z-index:2;opacity:0;transform:translateY(30%) scale(.4);transition:opacity .3s .12s,transform .65s .1s cubic-bezier(.16,1,.3,1)}.me-box__gift img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 6px 8px #003b2333)}.me-box__gift .me-discount{font-size:clamp(22px,5vw,48px);background:#f9c904;color:#08673b;border-radius:50%;padding:14px;transform:rotate(-9deg);max-width:100%;box-shadow:0 6px 12px #003b2322}.me-box__spark{position:absolute;left:13%;top:33%;font-size:38px;color:#f9c904;opacity:0;z-index:6}.me-box.is-open .me-box__lid{transform:translate(16%,-26%) rotate(22deg)}.me-box.is-open .me-box__gift{opacity:1;transform:translateY(0) scale(1)}.me-box.is-open .me-box__inside{opacity:1}.me-box.is-open .me-box__spark{animation:me-spark 900ms ease-out}.me-box.is-shaking .me-box__scene{animation:me-shake .38s ease-in-out}.me-box:disabled{cursor:default}.me-picker__status{font-size:18px;min-height:24px;margin:8px 0 14px;font-weight:700}.me-picker__cta{font:800 28px/1.2 "tt-commons-pro",Arial,sans-serif;display:flex;align-items:center;justify-content:center;width:min(100%,620px);min-height:72px;margin:0 auto;padding:16px 24px;color:#033e22;background:linear-gradient(45deg,#f9c904,#ffe77e,#f9c904);background-size:200%;border:0;border-radius:12px;text-decoration:none;cursor:pointer;box-shadow:0 5px 0 #d6ab00;transition:transform .2s,background-position .4s}.me-picker__cta:hover{background-position:100%;transform:translateY(-2px)}.me-picker__claim{display:none}.me-picker.is-complete .me-picker__claim{display:flex;animation:me-cta .6s ease-out}.me-picker.is-complete .me-picker__pick{display:none}.me-picker__terms{font-size:13px;line-height:1.5;max-width:650px;color:#496257;margin:22px auto 0}.me-confetti{position:fixed;width:10px;height:15px;top:35%;left:50%;pointer-events:none;z-index:1000;animation:me-confetti 1.5s ease-out forwards}@keyframes me-shake{20%,60%{transform:rotate(-5deg)}40%,80%{transform:rotate(5deg)}}@keyframes me-spark{20%{opacity:1;transform:scale(1.4)}100%{opacity:0;transform:translateY(-50px) scale(.4)}}@keyframes me-cta{from{transform:scale(.92)}60%{transform:scale(1.04)}to{transform:scale(1)}}@keyframes me-confetti{0%{opacity:1;transform:translate(0,0) rotate(0)}100%{opacity:0;transform:translate(var(--x),var(--y)) rotate(var(--r))}}@media(max-width:749px){.me-picker{width:calc(100% - 32px);max-width:520px;padding:20px 0 30px}.me-picker__logo{width:123px;height:50px;margin-bottom:14px}.me-picker__badge{font-size:18px;padding:11px 12px;border-radius:12px}.me-picker h1{font-size:clamp(40px,10.6vw,64px);letter-spacing:-1px;margin:17px 0 4px}.me-picker__subtitle{font-size:clamp(19px,5.2vw,28px)}.me-picker__instruction{font-size:12px;gap:12px;margin:22px 0 24px}.me-picker__prizes{gap:7px}.me-prize__card{border-radius:6px;border-width:1px}.me-prize__locked{font-size:11px;gap:4px}.me-prize__locked svg{width:20px;height:25px}.me-prize__ribbon{font-size:10px;top:-10px;border-radius:5px;padding:3px 0}.me-prize__reward{padding:10px 3px 3px;border-radius:5px}.me-prize__reward img{max-height:60px}.me-prize__title{font-size:11px;margin-top:9px;min-height:38px}.me-prize .me-discount{font-size:20px}.me-picker__grid{gap:0;margin:2px -9px 8px}.me-box__spark{font-size:22px}.me-box__gift .me-discount{font-size:22px;padding:7px}.me-picker__status{font-size:14px;margin:10px 0}.me-picker__cta{font-size:20px;min-height:57px;border-radius:9px}.me-picker__terms{font-size:11px;margin-top:18px}.me-box.is-open .me-box__lid{transform:translate(12%,-25%) rotate(22deg)}}@media(prefers-reduced-motion:reduce){.me-picker *,.me-confetti{animation:none!important;transition:none!important;scroll-behavior:auto!important}.me-confetti{display:none}}
.me-picker{display:flex;flex-direction:column;width:min(620px,calc(100% - 28px));height:calc(100svh - 16px);min-height:550px;max-height:1000px;padding:12px 0 8px}
.me-picker__header{flex:none}
.me-picker__logo{width:130px;height:clamp(28px,5svh,46px);margin:0 auto 15px}
.me-picker__badge{font-size:clamp(14px,min(2.65svh,4.7vw),26px);padding:9px 14px;border-radius:13px;white-space:nowrap}
.me-picker h1{font-size:clamp(32px,5.7svh,57px);margin:10px 0 2px;letter-spacing:-1.5px}
.me-picker__subtitle{font-size:clamp(14px,min(3svh,4.8vw),30px);line-height:1.1}
.me-picker__instruction{flex:none;font-size:clamp(10px,1.7svh,16px);gap:12px;margin:12px 0 21px;line-height:1.2}
.me-picker__prizes{flex:none;gap:8px}
.me-prize__card{height:clamp(48px,9svh,88px);aspect-ratio:auto;border-width:1px;border-radius:6px}
.me-prize__ribbon{top:-11px;font-size:clamp(10px,1.6svh,14px);padding:3px 0;border-radius:5px}
.me-prize__locked{font-size:clamp(10px,1.6svh,14px);gap:4px}
.me-prize__locked svg{width:22px;height:27px}
.me-prize__reward{padding:11px 4px 3px;border-radius:5px}
.me-prize__reward img{max-height:100%;width:100%;height:100%;min-height:0}
.me-prize__title{font-size:clamp(10px,1.45svh,13px);line-height:1.1;margin-top:6px;min-height:29px}
.me-prize .me-discount{font-size:clamp(19px,3svh,29px)}
.me-picker__grid{flex:1;min-height:180px;grid-template-rows:repeat(3,minmax(0,1fr));gap:0 8px;margin:2px 0 3px}
.me-box{height:100%;aspect-ratio:auto;min-height:0}
.me-box__scene{position:relative;inset:auto;height:100%;width:auto;aspect-ratio:1;max-width:100%;margin:auto}
.me-box__gift .me-discount{font-size:clamp(16px,3svh,30px);padding:8px}
.me-picker__status{flex:none;font-size:12px;line-height:16px;min-height:16px;margin:3px 0 6px}
.me-picker__cta{flex:none;min-height:48px;padding:12px 16px;font-size:clamp(18px,2.5svh,24px);border-radius:10px}
.me-picker__terms{flex:none;font-size:10px;line-height:1.25;margin:12px auto 0;max-width:590px}
@media(max-width:380px){.me-picker{width:calc(100% - 20px)}.me-picker__badge{font-size:14px;padding:8px}.me-picker__subtitle{font-size:16px}.me-picker__prizes{gap:5px}.me-prize__title{font-size:9px}.me-picker__terms{font-size:9px}.me-prize__ribbon{font-size:9px}}
@media(max-height:650px){.me-picker{padding-top:6px}.me-picker__logo{margin-bottom:10px}.me-picker h1{margin-top:7px}.me-picker__instruction{margin:9px 0 18px}.me-picker__terms{margin-top:9px}}

.me-prize__ribbon{font-size:clamp(8px,min(1.6svh,2.35vw),14px);white-space:nowrap}
@media(max-height:600px){.me-picker__grid{min-height:165px}}

.me-box__gift:has(.me-discount){top:4%;left:16%;width:68%;height:50%;z-index:6}
.me-box__gift .me-discount{display:grid;place-content:center;width:100%;height:100%;padding:4px;font-size:clamp(12px,2.3svh,23px);line-height:1;transform:rotate(-9deg)}
