:root{--cream:#fff8ef;--pink:#ff7086;--brown:#42291f;--gold:#ffd66b;--muted:#806455;--shadow:0 14px 35px #59331f20}*{box-sizing:border-box}body{margin:0;background:#eadccf;color:var(--brown);font-family:Pretendard,-apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo","Noto Sans KR","Segoe UI",sans-serif}.app-shell{width:min(100%,430px);min-height:100dvh;margin:auto;overflow:hidden;position:relative;background:var(--cream)}.screen{min-height:100dvh;padding:25px 24px;display:flex;flex-direction:column;align-items:center;text-align:center}.brand{display:grid;grid-template-columns:auto auto;gap:4px;align-items:center;font-size:18px}.brand small{grid-column:1/-1;font-size:10px;color:#966f5e}.home{background:radial-gradient(circle at 50% 36%,#fff 0,transparent 30%),linear-gradient(#d7effb,#fff4dc 72%,#dcebb8)}.hero{margin-top:29px}.hero h1{margin:0 0 10px;font-size:31px;letter-spacing:-1.5px}.hero p,.done p{margin:0;color:var(--muted);line-height:1.5}.home-pack{width:68%;max-width:275px;height:350px;object-fit:contain;margin:12px 0;filter:drop-shadow(0 15px 13px #5a372730);animation:float 2.8s ease-in-out infinite}.button{width:100%;min-height:54px;border:0;border-radius:20px;font-weight:800;cursor:pointer;transition:.18s}.button:active{transform:translateY(2px) scale(.99)}.primary{background:linear-gradient(#ff8b9b,#fb6680);color:white;box-shadow:0 8px 18px #f3627938}.secondary{background:#f3e8dc;color:#654939}.hint{font-size:12px;font-weight:700;color:#806755}.opening{justify-content:center;background:radial-gradient(circle at 50% 48%,#75452c,#251815 75%);color:white}.opening-copy{position:absolute;top:15%;z-index:5;font-weight:800;font-size:22px}.opening-copy small{display:block;margin-top:8px;font-size:14px;font-weight:500}.pack-stage{position:relative;width:320px;height:500px;margin-top:70px}.pack-img,.top-piece,.sparkles,.reward-card{position:absolute;left:50%;transform:translateX(-50%)}.pack-img{width:245px;bottom:20px;z-index:3}.opened{opacity:0}.top-piece{width:260px;bottom:360px;z-index:4;opacity:0}.pack-glow{position:absolute;left:50%;bottom:270px;width:125px;height:80px;transform:translateX(-50%);opacity:0;background:radial-gradient(ellipse,#fff2ba 0%,#ffb44299 40%,transparent 72%);filter:blur(5px)}.beam{position:absolute;left:50%;bottom:235px;width:110px;height:280px;transform:translateX(-50%) scaleY(.2);transform-origin:bottom;opacity:0;background:linear-gradient(0deg,#ffe794aa,transparent);filter:blur(8px)}.sparkles{width:290px;bottom:250px;opacity:0;z-index:7}.reward-card{width:258px;aspect-ratio:3/4;bottom:155px;opacity:0;z-index:6;perspective:1000px}.card-inner{position:absolute;inset:0;transform-style:preserve-3d;transition:transform .64s cubic-bezier(.3,.7,.2,1)}.card-back,.card-front{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;backface-visibility:hidden}.card-front{transform:rotateY(180deg)}.shaking .closed{animation:shake .52s ease-in-out}.torn .closed{opacity:0}.torn .opened{opacity:1;transform:translateX(-50%) translateY(6px)}.torn .top-piece{opacity:1;animation:fly .56s cubic-bezier(.2,.8,.2,1) forwards}.lit .pack-glow,.lit .beam{opacity:1;animation:light .48s ease-out forwards}.lit .sparkles{animation:spark 1s ease-in-out infinite}.soft-light .beam{opacity:.35}.card-risen .reward-card{animation:rise .76s cubic-bezier(.2,.85,.24,1) forwards}.card-flipped .card-inner{transform:rotateY(180deg)}.card-flipped .reward-card{animation:pulse .45s ease-out}.rare .reward-card{animation:rarePulse .55s ease-out}.result{background:linear-gradient(160deg,#e4f5ff,#fff3e6 65%);overflow:auto}.result>p{margin:15px 0 5px;font-weight:800}.result h1{margin:0;font-size:27px}.thumb{width:96px;height:120px;object-fit:contain;margin:15px}.result article,.done article{width:100%;background:#fffdf9;border:1px solid #f0dfd2;border-radius:20px;padding:18px;box-shadow:var(--shadow)}article h2{margin:0 0 8px;font-size:21px}article p{margin:0;color:var(--muted);font-size:13px;line-height:1.6}.coupon{display:flex;align-items:center;justify-content:space-between;margin-top:15px;padding:12px;border-radius:12px;background:#fff2ef}.coupon b{letter-spacing:1px}.coupon button{border:0;border-radius:9px;padding:7px 12px;background:#ffd8df;color:#9c3d52;font-weight:800}.result article+.button{margin-top:12px}.result .secondary{margin-top:10px}.rare-result{background:radial-gradient(circle at 50% 0,#7053a2,#1c1a3e 70%);color:white}.rare-result article{color:var(--brown)}.done{justify-content:space-around;background:linear-gradient(#fff0df,#dceecf)}.done h1{font-size:28px;letter-spacing:-1.4px}.done article b{color:#bd5269}@keyframes float{50%{transform:translateY(-4px)}}@keyframes shake{20%{transform:translateX(-50%) rotate(-2deg) scale(1.025)}40%{transform:translateX(-50%) rotate(2deg)}60%{transform:translateX(-50%) rotate(-1.5deg)}80%{transform:translateX(-50%) rotate(1deg)}}@keyframes fly{to{transform:translateX(calc(-50% + 80px)) translateY(-45px) rotate(12deg);opacity:.35}}@keyframes light{to{transform:translateX(-50%) scaleY(1);opacity:1}}@keyframes spark{50%{opacity:.8;transform:translateX(-50%) scale(1.08)}}@keyframes rise{from{opacity:.25;transform:translateX(-50%) translateY(110px) scale(.92)}to{opacity:1;transform:translateX(-50%) translateY(-70px) scale(1)}}@keyframes pulse{50%{transform:translateX(-50%) translateY(-70px) scale(1.04)}}@keyframes rarePulse{50%{transform:translateX(-50%) translateY(-70px) scale(1.06)}}@media(min-width:431px){body{padding:18px;background:#dbc4b0}.app-shell{border-radius:28px;box-shadow:0 24px 70px #4b2d1f44}}@media(max-width:340px){.screen{padding-inline:18px}.home-pack{height:310px}.pack-stage{transform:scale(.88)}.reward-card{width:238px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.reward-card{opacity:1;transform:translateX(-50%) translateY(-70px)}}
.reward-card{width:min(72vw,280px);aspect-ratio:3/4;perspective:1200px}.card-inner{width:100%;height:100%;position:relative;transform-style:preserve-3d;transition:transform 640ms cubic-bezier(.3,.7,.2,1)}.card-face{position:absolute;inset:0;display:block;backface-visibility:hidden;-webkit-backface-visibility:hidden}.card-face img{width:100%;height:100%;object-fit:contain}.card-back-face{transform:rotateY(0deg)}.card-front-face{transform:rotateY(180deg)}.card-flipped .card-inner{transform:rotateY(180deg)!important}.product-visual{width:min(58vw,205px);height:185px;object-fit:contain;margin:12px 0}.lose-result{background:linear-gradient(#e7edf1,#fff8ef)}.lose-visual{height:230px;width:100%;position:relative;margin:5px 0}.lose-visual>img:last-child{width:220px;height:180px;object-fit:contain;position:absolute;bottom:0;left:50%;transform:translateX(-50%)}.lose-visual .thought{width:105px;height:95px;object-fit:contain;position:absolute;top:0;right:42px}.lose-result article h2{font-size:28px}.result .primary{margin-top:12px;box-shadow:0 5px 14px #f3627930}
.pack-stage .pack-glow{z-index:1;width:210px;height:150px;bottom:250px}.pack-stage .beam{z-index:2}.pack-stage .opened{z-index:3}.pack-stage .reward-card{z-index:6}.card-flipped .reward-card{z-index:8}.pack-stage .sparkles{z-index:9;pointer-events:none}.card-flipped .opened{opacity:.98}.result{padding-top:20px;padding-bottom:22px;background:radial-gradient(circle at 50% 10%,#f9fdff 0%,#e5f5ff 34%,#fff3e4 100%)}.result>p{margin:4px 0 3px;font-size:19px}.result h1{font-size:32px;line-height:1.18;letter-spacing:-1.7px}.product-visual{width:min(64vw,245px);height:200px;margin:7px 0 4px}.product-mbar{width:min(82vw,315px);height:190px}.product-tteok{width:min(86vw,330px);height:195px}.product-entry{width:min(67vw,250px);height:195px}.result article{border-radius:24px;background:rgba(255,255,255,.88);border-color:#eedcca;box-shadow:0 12px 30px rgba(91,55,33,.10);padding:17px}.result article h2{font-size:26px;letter-spacing:-1px}.result article p{font-size:15px;line-height:1.55}.coupon{padding:13px 14px;background:linear-gradient(135deg,#fff2ef,#fff9ef);border:1px solid #f5ded6}.coupon b{font-size:17px}.coupon button{border-radius:999px;background:#ffdde4;color:#a44659}.result .button{min-height:57px;border-radius:20px}.result .secondary{min-height:54px}.rare-result{background:radial-gradient(circle at 50% 8%,#8d6ba8,#232344 62%,#17182f)}.rare-result .product-entry{filter:drop-shadow(0 10px 18px rgba(255,210,108,.38))}.lose-result{padding-top:28px}.lose-result>p{font-size:19px}.lose-result h1{font-size:32px}.lose-visual{height:224px;margin:0}.lose-visual>img:last-child{width:210px;height:175px}.lose-visual .thought{top:5px;right:34px;width:100px;height:90px}.lose-result article{padding:16px}.lose-result article h2{font-size:30px}
.card-risen .reward-card{opacity:1;transform:translateX(-50%) translateY(-70px) scale(1)}.card-flipped .reward-card,.rare .reward-card{animation:none}