.member-modal-card{text-align:left;padding:32px 22px max(26px,env(safe-area-inset-bottom))}
.member-modal-card h2{margin:7px 0 6px;font:700 27px/1.25 Georgia,"Yu Mincho",serif;color:var(--deep)}
.member-intro{margin:0 0 18px;color:#697369;font-size:13px;line-height:1.65}
.member-tabs{display:grid;grid-template-columns:1fr 1fr;padding:4px;background:#f0ede3;border-radius:14px;margin-bottom:16px}
.member-tabs button{border:0;background:transparent;border-radius:11px;padding:11px 8px;color:#7a8179;font-weight:800}
.member-tabs button.active{background:#fff;color:var(--deep);box-shadow:0 4px 12px rgba(37,52,41,.08)}
.member-form{display:none;gap:12px}.member-form.active{display:grid}
.member-avatar-picker{position:relative;display:grid;grid-template-columns:64px 1fr;gap:12px;align-items:center;padding:11px;border:1px solid #d9d5c8;border-radius:14px;background:#fafbf5;cursor:pointer}.member-avatar-picker input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.member-avatar-picker>span:first-of-type{position:relative;display:grid;width:64px;height:64px;overflow:hidden;place-items:center;border-radius:50%;background:#e8f0d9;font-size:24px}.member-avatar-picker img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0}.member-avatar-picker.has-image img{opacity:1}.member-avatar-picker.has-image b{opacity:0}.member-avatar-picker>span:last-of-type{display:grid;gap:3px}.member-avatar-picker strong{color:#465247;font-size:12px}.member-avatar-picker em{margin-left:4px;color:#b43d34;font-size:10px;font-style:normal}.member-avatar-picker small{color:#687468!important;font-size:10px!important;line-height:1.45!important}
.member-form label{display:grid;gap:6px;color:#465247;font-size:12px;font-weight:800}
.member-form input{width:100%;height:48px;border:1px solid #d9d5c8;border-radius:12px;background:#fff;padding:0 14px;color:var(--deep);font-size:16px;outline:none}
.member-form input:focus{border-color:var(--green);box-shadow:0 0 0 3px rgba(114,134,75,.13)}
.member-name-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.member-code-row{display:grid;grid-template-columns:1fr auto;gap:8px}
.member-code-row button{height:48px;border:1px solid #bcc99c;border-radius:12px;background:#edf3df;color:#536832;font-weight:800;padding:0 15px;cursor:pointer;white-space:nowrap}
.member-code-row button:disabled{opacity:.55;cursor:not-allowed}
.member-form label small{color:#7c847c;font-size:11px;font-weight:600;line-height:1.5}
.member-consent{display:flex!important;align-items:flex-start;gap:8px!important;font-weight:500!important;line-height:1.5}
.member-consent input{width:18px;height:18px;flex:0 0 auto;margin-top:1px}
.member-consent a{color:var(--green);font-weight:800;margin:0 2px}
.member-submit{border:0;border-radius:15px;background:var(--deep);color:#fff;padding:15px;font-size:15px;font-weight:800;cursor:pointer}
.member-submit:disabled{opacity:.55}.member-security{display:block;text-align:center;margin-top:14px;color:#879087}
.member-forgot{margin-top:-2px;color:var(--green);font-size:12px;font-weight:800;text-align:right;text-decoration:underline;text-underline-offset:3px}.member-security{display:flex;justify-content:center;gap:14px;padding-top:13px;border-top:1px solid #eee9df;font-size:11px;font-weight:700}
.member-modal-card.draw-mode>.modal-kicker,.member-modal-card.draw-mode>h2,.member-modal-card.draw-mode>.member-intro,.member-modal-card.draw-mode>.member-tabs,.member-modal-card.draw-mode>.member-form,.member-modal-card.draw-mode>.member-security{display:none}
.member-draw-stage{display:none;text-align:center}.member-modal-card.draw-mode .member-draw-stage{display:block;animation:drawStageIn .55s cubic-bezier(.2,.9,.25,1)}
.member-draw-stage>h2{margin-top:8px}.member-draw-stage>p{margin:0 auto 4px;color:#697369;font-size:13px}
.cat-box-trigger{position:relative;display:block;width:min(310px,90vw);height:390px;margin:0 auto;border:0;background:transparent;padding:0;cursor:pointer;pointer-events:none;transform-origin:50% 78%;animation:catRunIn 2.25s cubic-bezier(.2,.72,.2,1) both}
.member-draw-stage.arrived .cat-box-trigger{pointer-events:auto;animation:giftPresent .5s ease-out both,catFloat 2.6s .5s ease-in-out infinite}
.cat-box-trigger img{display:block;width:100%;height:340px;object-fit:contain;filter:drop-shadow(0 18px 18px rgba(62,66,42,.18));transition:.25s}
.cat-box-trigger strong{position:absolute;left:50%;bottom:15px;transform:translateX(-50%) scale(.8);white-space:nowrap;border-radius:999px;padding:11px 20px;background:var(--deep);color:#fff;font-size:14px;box-shadow:0 10px 24px rgba(37,52,41,.24);opacity:0}.member-draw-stage.arrived .cat-box-trigger strong{opacity:1;transform:translateX(-50%) scale(1);transition:.3s .25s;animation:promptPulse 1.6s .55s ease-in-out infinite}
.draw-sparkles{position:absolute;z-index:2;left:50%;top:72px;transform:translateX(-50%);color:var(--gold);font-size:24px;font-style:normal;opacity:.7}
.cat-box-trigger.opening{animation:boxShake .15s linear 6}.cat-box-trigger.opening img{filter:drop-shadow(0 18px 18px rgba(62,66,42,.18)) drop-shadow(0 0 24px rgba(215,168,67,.72))}.cat-box-trigger.opening .draw-sparkles{animation:sparkBurst .8s ease-out forwards}.cat-box-trigger.opening strong{opacity:0}
.member-draw-result{display:none}.member-draw-stage.revealed>.modal-kicker,.member-draw-stage.revealed>h2,.member-draw-stage.revealed>p,.member-draw-stage.revealed .delivery-scene{display:none}.member-draw-stage.revealed .member-draw-result{display:block;animation:resultPop .55s cubic-bezier(.18,.92,.22,1)}
.member-draw-result>span{display:inline-block;color:#9b681a;background:#fff3cf;border-radius:999px;padding:7px 12px;font-size:12px;font-weight:800}.member-draw-result>img{display:block;width:210px;height:220px;object-fit:contain;margin:8px auto}.member-draw-result h2{margin:6px 0}.member-draw-result p{color:#697369}.member-draw-result button{width:100%;border:0;border-radius:15px;background:var(--deep);color:#fff;padding:15px;font-weight:800}
@keyframes drawStageIn{from{opacity:0;transform:translateY(35px) scale(.96)}}
@keyframes catRunIn{0%{opacity:0;transform:translateY(-95px) scale(.12);filter:blur(2px)}10%{opacity:1}22%{transform:translate(-8px,-68px) scale(.24) rotate(-2deg)}36%{transform:translate(8px,-48px) scale(.38) rotate(2deg)}50%{transform:translate(-7px,-25px) scale(.53) rotate(-1.8deg)}64%{transform:translate(7px,-8px) scale(.7) rotate(1.5deg)}78%{transform:translate(-4px,10px) scale(.86) rotate(-1deg);filter:blur(0)}90%{transform:translateY(-8px) scale(1.04)}100%{opacity:1;transform:translateY(0) scale(1)}}
@keyframes giftPresent{0%{transform:translateY(0) scale(1)}55%{transform:translateY(-6px) scale(1.055)}100%{transform:translateY(0) scale(1)}}
@keyframes catFloat{50%{transform:translateY(-8px)}}@keyframes promptPulse{50%{transform:translateX(-50%) scale(1.045);box-shadow:0 14px 30px rgba(37,52,41,.3)}}@keyframes boxShake{25%{transform:rotate(-2.5deg) scale(1.02)}75%{transform:rotate(2.5deg) scale(1.02)}}@keyframes sparkBurst{50%{opacity:1;transform:translateX(-50%) scale(1.8)}100%{opacity:0;transform:translateX(-50%) translateY(-35px) scale(2.5)}}@keyframes resultPop{from{opacity:0;transform:scale(.72)}60%{transform:scale(1.04)}}
@media(max-width:480px){.member-modal-card{max-height:94vh}.cat-box-trigger{height:350px}.cat-box-trigger img{height:305px}.member-draw-result>img{height:190px}}
.delivery-scene{position:relative;height:390px;overflow:hidden;margin-top:2px;perspective:700px}.cat-courier{position:absolute;z-index:2;left:50%;top:0;width:300px;height:350px;transform-origin:50% 80%;animation:courierApproach 2.15s cubic-bezier(.18,.7,.18,1) both}.cat-courier img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 18px 20px rgba(57,67,42,.18))}.member-draw-stage.arrived .cat-courier{animation:courierPlacesGift .75s ease-in forwards,courierExit .75s 1s cubic-bezier(.55,.05,.8,.3) forwards}
.standalone-box{position:absolute;z-index:4;left:50%;bottom:34px;width:190px;height:165px;transform:translateX(-50%) translateY(35px) scale(.35);transform-origin:50% 90%;opacity:0;border:0;background:transparent;pointer-events:none;cursor:pointer}.member-draw-stage.arrived .standalone-box{pointer-events:auto;animation:boxPlaced .8s .42s cubic-bezier(.18,.9,.22,1) forwards,boxBreathe 2s 1.25s ease-in-out infinite}.box-body{position:absolute;left:15px;right:15px;bottom:0;height:112px;border:3px solid #fff;border-radius:8px 8px 22px 22px;background:linear-gradient(145deg,#e5ecd0,#bdcc91);box-shadow:0 20px 28px rgba(45,58,40,.25);display:grid;place-items:center;overflow:hidden}.box-body b{font:800 18px Arial;color:#637a3f;letter-spacing:.04em}.box-lid{position:absolute;z-index:3;left:3px;right:3px;top:35px;height:43px;border:3px solid #fff;border-radius:13px;background:#7d9250;box-shadow:0 6px 12px rgba(45,58,40,.2)}.box-lid:before,.box-lid:after{content:"";position:absolute;width:56px;height:40px;bottom:30px;border:11px solid #df9e76;border-radius:60% 60% 12px 60%}.box-lid:before{right:49%;transform:rotate(16deg)}.box-lid:after{left:49%;transform:scaleX(-1) rotate(16deg)}.box-ribbon{position:absolute;z-index:5;top:37px;bottom:0;left:80px;width:30px;background:#df9e76}.standalone-box em{position:absolute;z-index:6;left:50%;top:3px;transform:translateX(-50%);color:#e7b94d;font-size:24px;font-style:normal}.standalone-box strong{position:absolute;z-index:7;left:50%;bottom:-42px;transform:translateX(-50%);white-space:nowrap;border-radius:999px;padding:11px 20px;background:var(--deep);color:#fff;font-size:14px;box-shadow:0 10px 24px rgba(37,52,41,.24)}.box-aura{position:absolute;inset:-30px;border-radius:50%;background:radial-gradient(circle,rgba(255,218,112,.7),rgba(255,233,169,.18) 48%,transparent 70%);filter:blur(4px);animation:auraPulse 1.6s ease-in-out infinite}.standalone-box.opening{animation:standaloneShake .13s linear 7!important}.standalone-box.opening .box-lid{animation:lidOpen .8s .35s cubic-bezier(.2,.8,.2,1) forwards}.standalone-box.opening em{animation:sparkBurst .8s ease-out forwards}.standalone-box.opening strong{opacity:0}
@keyframes courierApproach{0%{opacity:0;transform:translate(-50%,-85px) scale(.1);filter:blur(2px)}12%{opacity:1}28%{transform:translate(calc(-50% - 9px),-55px) scale(.28) rotate(-2deg)}43%{transform:translate(calc(-50% + 9px),-32px) scale(.45) rotate(2deg)}58%{transform:translate(calc(-50% - 7px),-10px) scale(.64) rotate(-1.5deg)}74%{transform:translate(calc(-50% + 5px),8px) scale(.83) rotate(1deg);filter:blur(0)}90%{transform:translate(-50%,-5px) scale(1.04)}100%{transform:translate(-50%,0) scale(1)}}@keyframes courierPlacesGift{0%{transform:translate(-50%,0) scale(1)}55%{transform:translate(-50%,28px) scale(1.05)}100%{transform:translate(-50%,18px) scale(.96);opacity:.92}}@keyframes courierExit{0%{transform:translate(-50%,18px) scale(.96);opacity:.92}100%{transform:translate(75%,5px) scale(.8) rotate(7deg);opacity:0}}@keyframes boxPlaced{0%{opacity:0;transform:translateX(-50%) translateY(-15px) scale(.45)}55%{opacity:1;transform:translateX(-50%) translateY(8px) scale(1.12)}100%{opacity:1;transform:translateX(-50%) translateY(0) scale(1)}}@keyframes boxBreathe{50%{transform:translateX(-50%) translateY(-8px) scale(1.035)}}@keyframes auraPulse{50%{transform:scale(1.13);opacity:.65}}@keyframes standaloneShake{25%{transform:translateX(-50%) rotate(-4deg) scale(1.04)}75%{transform:translateX(-50%) rotate(4deg) scale(1.04)}}@keyframes lidOpen{100%{transform:translateY(-70px) rotate(-8deg);opacity:0}}
@media(max-width:480px){.delivery-scene{height:360px}.cat-courier{width:275px;height:320px}.standalone-box{bottom:38px}}
.standalone-box.opening{pointer-events:none;animation:openingCharge .72s ease-in-out 2,openingLift 1.2s 1.45s cubic-bezier(.18,.85,.22,1) forwards!important}.standalone-box.opening .box-lid{animation:lidOpenLong 1.05s 1.35s cubic-bezier(.15,.85,.2,1) forwards}.standalone-box.opening .box-body{animation:boxGlow 2.7s ease-in-out forwards}.standalone-box.opening .box-aura{animation:auraBuild 2.7s ease-in-out forwards}.standalone-box.opening em{animation:sparkBuild 2.7s ease-out forwards}.standalone-box.opening strong{opacity:0}.member-draw-stage.opening>h2{animation:openingText 1s ease-in-out infinite}.member-draw-stage.opening>p{color:#9b741e}
@keyframes openingCharge{0%,100%{transform:translateX(-50%) rotate(0) scale(1)}25%{transform:translateX(-50%) rotate(-5deg) scale(1.04)}75%{transform:translateX(-50%) rotate(5deg) scale(1.04)}}@keyframes openingLift{0%{transform:translateX(-50%) translateY(0) scale(1)}45%{transform:translateX(-50%) translateY(-14px) scale(1.13)}100%{transform:translateX(-50%) translateY(5px) scale(1.06)}}@keyframes lidOpenLong{0%{transform:translateY(0) rotate(0);opacity:1}55%{transform:translateY(-95px) rotate(-10deg);opacity:1}100%{transform:translateY(-125px) rotate(-18deg);opacity:0}}@keyframes boxGlow{0%{filter:brightness(1)}55%{filter:brightness(1.18) drop-shadow(0 0 12px #ffd76b)}100%{filter:brightness(1.35) drop-shadow(0 0 25px #ffd76b)}}@keyframes auraBuild{0%{opacity:.35;transform:scale(.8)}65%{opacity:1;transform:scale(1.45)}100%{opacity:.15;transform:scale(2)}}@keyframes sparkBuild{0%{opacity:.35;transform:translateX(-50%) scale(.7)}55%{opacity:1;transform:translateX(-50%) translateY(-30px) scale(1.7)}100%{opacity:0;transform:translateX(-50%) translateY(-100px) scale(3)}}@keyframes openingText{50%{opacity:.48}}
.delivery-scene{background:radial-gradient(ellipse at 50% 76%,rgba(232,239,211,.95),rgba(255,253,247,.15) 58%,transparent 75%);border-radius:24px}.cat-courier{animation:courierApproachVisible 2.15s cubic-bezier(.18,.7,.18,1) both}
@keyframes courierApproachVisible{0%{opacity:.35;transform:translate(-50%,-75px) scale(.22);filter:blur(1px)}12%{opacity:.65}28%{transform:translate(calc(-50% - 9px),-52px) scale(.34) rotate(-2deg)}43%{transform:translate(calc(-50% + 9px),-30px) scale(.49) rotate(2deg)}58%{transform:translate(calc(-50% - 7px),-8px) scale(.66) rotate(-1.5deg)}74%{opacity:1;transform:translate(calc(-50% + 5px),8px) scale(.84) rotate(1deg);filter:blur(0)}90%{transform:translate(-50%,-5px) scale(1.04)}100%{opacity:1;transform:translate(-50%,0) scale(1)}}
.standalone-box.opening{opacity:1!important}
.claim-post-row{grid-template-columns:1fr}.claim-post-row button{display:none!important}
.standalone-box{bottom:104px}.member-draw-stage.arrived .standalone-box{bottom:104px}
@media(max-width:480px){.standalone-box,.member-draw-stage.arrived .standalone-box{bottom:92px}}
.claim-modal-card{text-align:left}.claim-form-view>h2,.claim-success h2{font:700 27px/1.3 Georgia,"Yu Mincho",serif;margin:8px 0}.claim-form-view>p{color:#697369;font-size:13px;line-height:1.6}.claim-order-summary{display:grid;grid-template-columns:70px 1fr auto;gap:12px;align-items:center;background:#f1f5e7;border:1px solid #dce6c7;border-radius:18px;padding:12px;margin:16px 0}.claim-order-summary img{width:70px;height:70px;object-fit:contain;background:#fff;border-radius:12px}.claim-order-summary div small,.claim-order-summary div span{display:block;color:#758074;font-size:11px}.claim-order-summary div strong{display:block;margin:3px 0;font-size:14px}.claim-order-summary>b{font:700 28px Georgia;color:var(--green)}.claim-order-summary>b small{font:700 11px sans-serif;margin-left:2px}.claim-form{display:grid;gap:11px}.claim-form label{display:grid;gap:6px;color:#465247;font-size:12px;font-weight:800}.claim-form input{height:47px;border:1px solid #d9d5c8;border-radius:12px;padding:0 13px;font-size:16px;outline:none}.claim-form input:focus{border-color:var(--green);box-shadow:0 0 0 3px rgba(114,134,75,.13)}.claim-post-row{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:end}.claim-post-row button{height:47px;border:1px solid #bcc99c;border-radius:12px;background:#edf3df;color:#536832;font-weight:800}.claim-total{display:flex;justify-content:space-between;align-items:center;background:var(--deep);color:#fff;border-radius:16px;padding:15px 17px;margin-top:3px}.claim-total span{font-weight:800}.claim-total span small{display:block;margin-top:4px;opacity:.65;font-weight:500}.claim-total strong{font:700 34px Georgia}.claim-total strong small{font:700 12px sans-serif;margin-left:3px}.claim-success{display:none;text-align:center;padding:30px 4px 10px}.claim-modal-card.submitted .claim-form-view{display:none}.claim-modal-card.submitted .claim-success{display:block;animation:resultPop .5s ease-out}.claim-success>i{display:grid;place-items:center;width:74px;height:74px;margin:0 auto 18px;border-radius:50%;background:#e9f2d4;color:#66813b;font-size:37px;font-style:normal}.claim-success>p{color:#697369;line-height:1.7}.claim-success>div{display:flex;justify-content:space-between;background:#f2f4e9;border-radius:14px;padding:14px 17px;margin:20px 0}.claim-success>div strong{color:var(--green)}.claim-success>button{width:100%;border:0;border-radius:15px;background:var(--deep);color:#fff;padding:15px;font-weight:800}
@media(max-width:480px){.claim-modal-card{max-height:94vh}.claim-modal-card .member-name-row{grid-template-columns:1fr}.claim-post-row{grid-template-columns:1fr}.claim-post-row button{width:100%}}
.progressive-card .guarantee-head{align-items:center}.progressive-card .guarantee-head em{display:grid;place-items:center;min-width:66px;height:66px;border-radius:50%;background:var(--deep);color:#fff;font:800 21px/1 Arial,sans-serif;box-shadow:0 10px 24px rgba(37,52,41,.2)}
.rate-steps{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px;margin:18px 0 14px}.rate-steps span{display:grid;place-items:center;gap:5px;min-height:62px;padding:8px 3px;border:1px solid #d8dfc5;border-radius:14px;background:#f8faef;color:#66714f;text-align:center;transition:.2s}.rate-steps span.active{border-color:var(--deep);background:var(--deep);color:#fff;box-shadow:0 8px 20px rgba(37,52,41,.18);transform:translateY(-2px)}.rate-steps b{font-size:10px;white-space:nowrap}.rate-steps strong{font:800 17px/1 Arial,sans-serif}.progressive-card>p{margin:0;color:#687269;font-size:12px;line-height:1.65}
@media(max-width:480px){.rate-steps{gap:5px}.rate-steps span{min-height:58px;border-radius:12px}.rate-steps b{font-size:9px}.rate-steps strong{font-size:16px}.progressive-card .guarantee-head em{min-width:60px;height:60px;font-size:19px}}
.progressive-card{overflow:hidden}.luck-head{display:flex;align-items:center;justify-content:space-between;gap:16px}.luck-head div{display:grid;gap:4px}.luck-head span{color:var(--green);font-size:10px;font-weight:900;letter-spacing:.14em}.luck-head strong{color:var(--deep);font-size:18px}.luck-spark{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:var(--deep);color:#f5d879;font-size:22px;font-style:normal;box-shadow:0 10px 24px rgba(37,52,41,.2);animation:luckSpark 1.8s ease-in-out infinite}.luck-meter{position:relative;height:22px;margin:18px 0 10px;border:1px solid #dbe2c9;border-radius:999px;background:#edf1e5;overflow:hidden;box-shadow:inset 0 2px 5px rgba(49,70,56,.08)}.luck-meter i{position:absolute;inset:3px auto 3px 3px;width:var(--luck-progress,91%);border-radius:999px;background:linear-gradient(90deg,#718b43,#a8ca59 60%,#d9ef83);transition:width .8s cubic-bezier(.2,.8,.2,1);overflow:hidden}.luck-meter i:after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 25%,rgba(255,255,255,.72) 45%,transparent 65%);transform:translateX(-120%);animation:luckFlow 1.65s linear infinite}.luck-meter b{position:absolute;z-index:2;right:9px;top:50%;width:7px;height:7px;transform:translateY(-50%);border-radius:50%;background:#fff;box-shadow:0 0 0 4px rgba(255,255,255,.24),0 0 14px #fff;animation:luckPulse 1.3s ease-in-out infinite}.luck-status{display:flex;justify-content:space-between;gap:12px;color:#7a8477;font-size:11px}.luck-status strong{color:#566a39;text-align:right}.chance-explain>p{margin:18px 0 0;color:#697369;font-size:14px;line-height:1.85}.chance-explain .probability-head strong b{font-size:22px}
@keyframes luckFlow{to{transform:translateX(120%)}}@keyframes luckSpark{50%{transform:scale(1.08) rotate(12deg);box-shadow:0 12px 30px rgba(128,157,68,.35)}}@keyframes luckPulse{50%{transform:translateY(-50%) scale(1.45);opacity:.65}}
.luck-status{align-items:center;gap:14px;margin-top:12px;color:#344739;font-size:14px;font-weight:800}.luck-status>span{display:flex;align-items:center;gap:7px}.luck-status>span:before{content:"";width:9px;height:9px;border-radius:50%;background:#93b34f;box-shadow:0 0 0 5px rgba(147,179,79,.14)}.luck-status strong{padding:8px 13px;border:1px solid #d5e2b8;border-radius:999px;background:#eef4dd;color:#4e672d;font-size:13px;box-shadow:0 5px 14px rgba(88,111,51,.1)}.progressive-card>p{margin-top:13px;color:#3f5144;font-size:14px;font-weight:700;line-height:1.75}
@media(max-width:480px){.luck-status{align-items:flex-start;flex-direction:column;font-size:14px}.luck-status strong{align-self:flex-start;text-align:left}.progressive-card>p{font-size:13px}}
.social-share-title{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin:18px 2px 12px;text-align:left}.social-share-title strong{color:var(--deep);font-size:14px}.social-share-title span{color:#788078;font-size:11px}.social-share-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.social-share{display:grid;place-items:center;gap:7px;border:1px solid #e2ded2;border-radius:17px;background:#fff;padding:13px 4px 11px;color:#344238;font-weight:800;cursor:pointer;box-shadow:0 7px 18px rgba(47,61,48,.07);transition:.2s}.social-share:hover{transform:translateY(-2px);box-shadow:0 11px 24px rgba(47,61,48,.12)}.social-share i{display:grid;place-items:center;width:45px;height:45px;border-radius:14px;color:#fff;font-style:normal;font:900 23px/1 Arial,sans-serif}.social-share span{font-size:10px}.social-share.line i{background:#06c755;font-size:11px}.social-share.facebook i{background:#1877f2;font-size:30px}.social-share.instagram i{background:radial-gradient(circle at 32% 100%,#feda75 0 17%,#fa7e1e 35%,#d62976 60%,#962fbf 78%,#4f5bd5);font-size:29px}.social-share.x-social i{background:#050505;font-size:24px}.invite-modal-card .copy-link{display:flex;align-items:center;justify-content:center;gap:7px;margin-top:12px;border:1px solid #ded9cc;background:#f1eee6;color:var(--deep)}.copy-icon{font-size:18px}.invite-modal-card>small{margin-top:10px}
@media(max-width:400px){.social-share-grid{gap:7px}.social-share{padding-inline:2px}.social-share i{width:42px;height:42px}.social-share-title{align-items:flex-start;flex-direction:column;gap:3px}}
.winner-row em small{margin-right:3px;color:inherit;font-size:9px;font-style:normal;font-weight:700;opacity:.72}
.winner-row em{padding:7px 11px;border:1px solid #cbdba9;background:#e3edcd;color:#405b22;font-size:11px;line-height:1.2;box-shadow:0 4px 11px rgba(79,104,40,.11)}.winner-row em small{font-size:10px;font-weight:850;opacity:.82}.winner-row.is-special em{border-color:#efcc77;background:#ffe8aa;color:#7c5107;box-shadow:0 4px 12px rgba(185,128,22,.14)}
@media(max-width:480px){.winner-row{grid-template-columns:42px minmax(0,1fr) auto;gap:6px}.winner-row em{padding:6px 8px;font-size:10px}.winner-row em small{font-size:9px}}
.member-draw-stage.is-win .member-draw-result>span{position:relative;padding:12px 28px;border:2px solid #ffd36a;background:linear-gradient(135deg,#d94135,#ef6a32 58%,#d99c27);color:#fff;font-size:19px;font-weight:950;letter-spacing:.08em;box-shadow:0 10px 28px rgba(211,65,44,.28),0 0 0 7px rgba(255,211,106,.17);animation:winnerBanner .8s cubic-bezier(.18,.9,.22,1),winnerGlow 1.5s .8s ease-in-out infinite}.member-draw-stage.is-win .member-draw-result>span:before,.member-draw-stage.is-win .member-draw-result>span:after{position:absolute;top:50%;color:#e6ad31;font-size:22px;transform:translateY(-50%);animation:winnerSpark 1.2s ease-in-out infinite}.member-draw-stage.is-win .member-draw-result>span:before{content:"✦";left:-30px}.member-draw-stage.is-win .member-draw-result>span:after{content:"✦";right:-30px;animation-delay:.35s}.member-draw-stage.is-win .member-draw-result h2{color:#9f2f24;font-size:27px}.member-draw-stage.is-win .member-draw-result>img{filter:drop-shadow(0 16px 20px rgba(172,112,27,.2))}.member-draw-stage.is-win .member-draw-result button{background:linear-gradient(135deg,#b9332b,#df6a2c);box-shadow:0 10px 24px rgba(185,51,43,.24)}
@keyframes winnerBanner{0%{opacity:0;transform:scale(.55) rotate(-4deg)}65%{transform:scale(1.12) rotate(1deg)}100%{opacity:1;transform:scale(1)}}@keyframes winnerGlow{50%{box-shadow:0 13px 34px rgba(211,65,44,.38),0 0 0 10px rgba(255,211,106,.1)}}@keyframes winnerSpark{50%{transform:translateY(-50%) scale(1.5) rotate(25deg);opacity:.6}}

/* Keep the animated gift experience centered inside the mobile viewport. */
@media(max-width:700px){
  #memberModal.draw-active{
    align-items:center;
    padding:max(12px,env(safe-area-inset-top)) 10px max(12px,env(safe-area-inset-bottom));
  }
  #memberModal.draw-active .member-modal-card{
    width:100%;
    max-height:calc(100dvh - max(24px,env(safe-area-inset-top) + env(safe-area-inset-bottom)));
    border-radius:26px;
    padding:24px 16px 20px;
    overflow:auto;
  }
  #memberModal.draw-active .member-draw-stage>h2{
    margin:7px auto 4px;
    max-width:330px;
    font-size:25px;
    line-height:1.28;
  }
  #memberModal.draw-active .member-draw-stage>p{font-size:13px;line-height:1.5}
  #memberModal.draw-active .delivery-scene{
    height:min(350px,calc(100dvh - 190px));
    min-height:300px;
    margin-top:0;
  }
  #memberModal.draw-active .cat-courier{width:260px;height:300px}
  #memberModal.draw-active .standalone-box,
  #memberModal.draw-active .member-draw-stage.arrived .standalone-box{bottom:76px}
}

/* Final lucky-red meter treatment. */
.luck-meter{border-color:#ecc9c0;background:#f8e9e4;box-shadow:inset 0 2px 5px rgba(126,49,40,.08)}
.luck-meter i{background:linear-gradient(90deg,#a83d35 0%,#d95a4b 58%,#f29a68 100%);box-shadow:0 0 12px rgba(201,76,62,.22)}

@media(max-width:380px), (max-height:720px){
  #memberModal.draw-active .member-modal-card{padding-top:20px}
  #memberModal.draw-active .member-draw-stage>h2{font-size:22px}
  #memberModal.draw-active .delivery-scene{height:300px;min-height:280px}
  #memberModal.draw-active .cat-courier{width:230px;height:270px}
  #memberModal.draw-active .standalone-box,
  #memberModal.draw-active .member-draw-stage.arrived .standalone-box{bottom:58px;transform-origin:50% 90%}
}

@media(max-width:700px){
  #claimModal.submitted-active{
    align-items:center;
    padding:max(12px,env(safe-area-inset-top)) 12px max(12px,env(safe-area-inset-bottom));
  }
  #claimModal.submitted-active .claim-modal-card{
    width:100%;
    max-height:calc(100dvh - 24px);
    border-radius:26px;
    padding:24px 20px 22px;
    overflow:auto;
  }
  #claimModal.submitted-active .claim-success{padding:12px 0 2px}
  #claimModal.submitted-active .claim-success>i{margin-bottom:14px}
  #claimModal.submitted-active .claim-success h2{margin:6px auto 10px;max-width:320px;font-size:25px}
  #claimModal.submitted-active .claim-success>p{margin:0 auto;max-width:320px}
}