#ec3-gate.ecp-gate{--ecp-ink:#51233d;--ecp-accent:#df075c;--ecp-soft:#ffd6e5;--ecp-paper:#fff6f5;background:var(--ecp-paper)!important;justify-content:flex-start;overflow-x:hidden!important;overflow-y:auto!important;perspective:1200px}
#ec3-gate.ecp-gate .ec3-gate-photo{opacity:.15;filter:blur(5px) saturate(.75);transform:scale(1.03)}
#ec3-gate.ecp-gate .ec3-gate-shade{background:radial-gradient(ellipse at 50% 45%,#fff6,transparent 65%),linear-gradient(180deg,var(--ecp-paper),transparent 50%,var(--ecp-paper))}
#ec3-gate.ecp-gate .ec3-gate-center{padding:76px 18px 10px!important;max-width:800px;flex-shrink:0;margin:auto auto 0}
#ec3-gate.ecp-gate h1{font:500 clamp(32px,4vw,49px)/1.08 Georgia,serif!important;letter-spacing:-1.5px;color:var(--ecp-ink)!important;margin:10px 0!important;text-shadow:none}
#ec3-gate.ecp-gate .ec3-gate-center>.ec3-eyebrow{color:var(--ecp-accent)!important;font-size:9px;letter-spacing:2px}
#ec3-gate.ecp-gate .ec3-gate-center>p,#ec3-gate.ecp-gate .ec3-gate-sound,#ec3-gate.ecp-gate .ec3-gate-back,#ec3-gate.ecp-gate .ec3-gate-ref{color:var(--ecp-ink)!important}
#ec3-gate.ecp-gate .ec3-gate-center>p{margin:10px 0 0;font-size:12px}
#ec3-gate.ecp-gate .ec3-gate-brand{position:relative;bottom:auto;left:auto;right:auto;width:100%;padding:2px 18px 24px;margin-top:0;flex-shrink:0}
#ec3-gate.ecp-gate .ec3-gate-brand small,#ec3-gate.ecp-gate .ec3-gate-brand strong,#ec3-gate.ecp-gate .ec3-gate-brand>span{color:var(--ecp-ink)!important}
#ec3-gate.ecp-gate .ec3-gate-brand strong{font-size:18px;margin:4px 0}
#ec3-gate.ecp-gate .ec10-open-letter{margin:10px auto!important;background:#ff0066!important;color:#fff!important;min-height:51px!important;font-size:14px!important}
.ecp-portal{position:relative;display:block;width:min(330px,86vw);height:252px;margin:12px auto 18px;border:0;background:transparent!important;perspective:1000px;cursor:pointer;color:var(--ecp-accent);isolation:isolate;transition:transform .3s}
.ecp-portal:hover{transform:translateY(-4px)}.ecp-portal>span{pointer-events:none}.ecp-halo{position:absolute;width:240px;height:210px;left:50%;top:46%;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(ellipse,var(--ecp-soft),transparent 70%);z-index:-1}
.ecp-portal-hint{position:absolute;bottom:-5px;left:0;right:0;color:var(--ecp-ink);font:500 10px/1.4 Inter,system-ui,sans-serif}
.ecp-heart{position:absolute;left:50%;top:44%;transform:translate(-50%,-50%);font:170px/1 Georgia,serif;color:#ef0861;text-shadow:0 5px 0 #a5134e,0 12px 28px #b7275b38;animation:ecpHeartbeat 3s ease-in-out infinite}
.ecp-sealed-name{position:absolute;top:44%;left:50%;transform:translate(-50%,-50%) rotate(-8deg);font:italic 20px Georgia,serif;color:white;text-shadow:0 1px 4px #6f134d;max-width:170px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ecp-heart-orbit i,.ecp-play-orbit i{position:absolute;font-style:normal;color:#ee6199;font-size:27px;animation:ecpFloat 4s ease-in-out infinite}.ecp-heart-orbit i:nth-child(1),.ecp-play-orbit i:nth-child(1){left:15%;top:28%}.ecp-heart-orbit i:nth-child(2),.ecp-play-orbit i:nth-child(2){right:17%;top:57%;animation-delay:-2s}.ecp-heart-orbit i:nth-child(3),.ecp-play-orbit i:nth-child(3){right:20%;top:12%;animation-delay:-1s}
@keyframes ecpHeartbeat{0%,100%{transform:translate(-50%,-50%) scale(1)}45%{transform:translate(-50%,-50%) scale(1.045)}}
@keyframes ecpFloat{50%{transform:translateY(-10px) rotate(8deg)}}
.ecp-photo-frame{position:absolute;left:50%;top:44%;transform:translate(-50%,-50%) rotate(-7deg);width:165px;height:198px;border:8px solid white;border-bottom-width:30px;background:white;box-shadow:0 14px 35px #6e28452b;transition:transform .8s}.ecp-photo-frame img{display:block;width:100%;height:100%;object-fit:cover}.ecp-photo-caption{position:absolute;bottom:-23px;left:-3px;right:-3px;text-align:center;font:750 7px/1.5 Inter,system-ui;color:#713553;letter-spacing:.8px}
.ecp-variant-memories .ecp-photo-frame:before{content:'';position:absolute;width:75px;height:23px;background:#e6d4a699;top:-16px;left:30px;transform:rotate(-9deg)}.ecp-variant-memories:after{content:'♡';position:absolute;left:22%;bottom:25px;font:44px Georgia;color:#bb577c;transform:rotate(-15deg)}
.ecp-gift{position:absolute;left:50%;top:48%;transform:translate(-50%,-50%) rotate(-4deg);width:155px;height:125px;border-radius:5px 5px 12px 12px;background:linear-gradient(90deg,#d82b80,#f675b2 30%,#e82d87);box-shadow:0 15px 25px #bd34772d}
.ecp-gift:after{content:'';position:absolute;left:44%;width:17%;height:100%;background:linear-gradient(90deg,#f4b44d,#ffe49c,#e8aa38)}
.ecp-gift-lid{position:absolute;top:-12px;left:-8px;right:-8px;height:30px;border-radius:6px;background:linear-gradient(100deg,#ff92c2,#ec3889);z-index:2;box-shadow:0 4px 3px #91234d22;transition:transform .7s,opacity .7s}.ecp-gift-lid:after{content:'';position:absolute;left:44%;width:17%;height:100%;background:linear-gradient(90deg,#f7c567,#ffe9ac)}
.ecp-gift-bow{position:absolute;top:-56px;left:46px;color:#e5a136;font:bold 65px/.8 Georgia;z-index:3;transform:rotate(-2deg);transition:transform .7s,opacity .7s}.ecp-gift-spark{position:absolute;left:60px;top:20px;font:50px Georgia;color:#fff8d9;opacity:0;transition:transform .8s,opacity .4s}
.ecp-balloon{position:absolute;width:55px;height:68px;border-radius:50% 50% 45% 45%;background:radial-gradient(circle at 30% 25%,#fff9,#ec7be4 35%,#a62ab4);box-shadow:inset -5px -5px 10px #7e308333;animation:ecpFloat 5s ease-in-out infinite}.ecp-balloon:after{content:'';position:absolute;left:50%;top:100%;height:65px;width:1px;background:#b27c9a}.ecp-balloon-one{left:7%;top:20%}.ecp-balloon-two{right:8%;top:10%;background:radial-gradient(circle at 30% 25%,#fff9,#78dfe8 35%,#27a3bb);animation-delay:-2s}
.ecp-flower{position:absolute;left:50%;top:43%;width:150px;height:150px;transform:translate(-50%,-50%);animation:ecpFlowerSway 8s ease-in-out infinite}.ecp-flower i{position:absolute;left:55px;top:-4px;width:42px;height:83px;border-radius:60% 60% 40% 40%;background:linear-gradient(90deg,#f7b627,#ffe981 50%,#eaa41a);transform-origin:50% 80px;transform:rotate(calc(var(--n)*36deg));box-shadow:inset 2px 0 3px #fff5}.ecp-flower b{position:absolute;left:43px;top:43px;width:67px;height:67px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#88602c,#55371d);display:grid;place-items:center;font:30px Georgia;color:#ffd761;box-shadow:0 2px 10px #9d630d22}
@keyframes ecpFlowerSway{50%{transform:translate(-50%,-50%) rotate(8deg)}}
.ecp-star{position:absolute;left:50%;top:43%;transform:translate(-50%,-50%) rotate(-10deg);font:160px/1 Georgia;color:#ffbc26;text-shadow:0 5px 0 #c9880a,0 15px 25px #886ad53d;animation:ecpStarGlow 3s ease-in-out infinite}.ecp-play-orbit i{color:#9058d4}.ecp-level{position:absolute;left:50%;bottom:39px;transform:translateX(-50%) rotate(-3deg);background:white;color:var(--ecp-accent);padding:8px 12px;border-radius:20px;font:850 8px/1.3 Inter,system-ui;letter-spacing:1px;white-space:nowrap;box-shadow:0 6px 20px #61244a15}
@keyframes ecpStarGlow{50%{transform:translate(-50%,-50%) rotate(2deg) scale(1.04)}}
.ecp-ticket{position:absolute;left:50%;top:44%;transform:translate(-50%,-50%) rotate(-7deg);width:265px;height:155px;border-radius:12px;background:#fff9ed;box-shadow:0 12px 30px #487a9826;text-align:left;padding:18px 20px;overflow:hidden;color:#24496a;border-right:35px solid #ccecf2}.ecp-ticket:after{content:'';position:absolute;right:0;top:0;height:100%;border-right:2px dashed #62a4b6}.ecp-ticket small{font:800 6px Inter,system-ui;letter-spacing:1px}.ecp-ticket strong{display:block;font:24px/1.12 Georgia;margin-top:13px}.ecp-ticket strong em{font-weight:500;color:#33829e}.ecp-ticket>i{position:absolute;right:12px;top:47px;font:36px Georgia;transform:rotate(-15deg)}.ecp-ticket>b{font:650 6px Inter,system-ui;letter-spacing:1px;position:absolute;bottom:16px}.ecp-ticket-lines{position:absolute;right:-25px;top:26px;height:100px;width:17px;background:repeating-linear-gradient(0deg,#2d688e 0 1px,transparent 1px 4px)}
.ecp-medal{position:absolute;left:50%;top:43%;transform:translate(-50%,-50%);width:138px;height:138px;border:7px double #b5822d;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff0b0,#e9b94c 50%,#c38c24);color:#fff5cc;font:85px/1 Georgia;display:grid;place-items:center;text-shadow:0 2px 2px #996b23;box-shadow:0 12px 28px #a77a2633}.ecp-medal:before,.ecp-medal:after{content:'';position:absolute;top:112px;width:38px;height:50px;background:#b9326e;clip-path:polygon(0 0,100% 0,100% 100%,50% 77%,0 100%);z-index:-1}.ecp-medal:before{left:20px;transform:rotate(12deg)}.ecp-medal:after{right:20px;transform:rotate(-12deg)}.ecp-spotlight-rays{position:absolute;left:50%;top:43%;width:230px;height:230px;transform:translate(-50%,-50%);border-radius:50%;background:repeating-conic-gradient(#f5cf6944 0deg 10deg,transparent 10deg 30deg);mask-image:radial-gradient(black,transparent 70%)}
.ecp-sun{position:absolute;left:50%;top:28%;width:150px;height:150px;border-radius:50%;transform:translate(-50%,-50%);background:linear-gradient(#ffe5a4,#ffbb88);box-shadow:0 0 50px #ffcc8744}.ecp-cup{position:absolute;width:113px;height:92px;left:50%;top:52%;transform:translate(-50%,-50%) rotate(-3deg);background:linear-gradient(100deg,#fff,#ffe9df);border-radius:10px 10px 45px 45px;box-shadow:0 13px 20px #b9755229;display:grid;place-items:center}.ecp-cup:after{content:'';position:absolute;right:-30px;top:10px;width:37px;height:46px;border:10px solid #ffebdf;border-radius:50%;z-index:-1}.ecp-cup:before{content:'';position:absolute;top:-8px;left:0;right:0;height:17px;border-radius:50%;background:radial-gradient(ellipse,#6a372a 58%,#fff1e9 62%);box-shadow:inset 0 3px 4px #51281922}.ecp-cup i{font:40px Georgia;font-style:normal;color:#da5d81}.ecp-cup b{position:absolute;left:37px;top:-48px;height:30px;width:22px;border-right:3px solid #fff8;border-radius:50%;animation:ecpFloat 3s ease-in-out infinite}
.ecp-variant-cinema .ecp-photo-frame{width:280px;height:172px;border:14px solid #322739;border-block-width:16px;border-radius:6px;transform:translate(-50%,-50%) rotate(-5deg);box-shadow:0 18px 40px #592e4b35}.ecp-variant-cinema .ecp-photo-frame:before,.ecp-variant-cinema .ecp-photo-frame:after{content:'';position:absolute;left:-9px;right:-9px;height:6px;background:repeating-linear-gradient(90deg,#dbc7d6 0 8px,transparent 8px 16px)}.ecp-variant-cinema .ecp-photo-frame:before{top:-11px}.ecp-variant-cinema .ecp-photo-frame:after{bottom:-11px}.ecp-variant-cinema .ecp-photo-caption{display:none}.ecp-cinema-play{position:absolute;left:50%;top:44%;transform:translate(-50%,-50%);width:52px;height:52px;border:1px solid #fff8;background:#ff0066e8;color:white;border-radius:50%;display:grid;place-items:center;font:22px Georgia;box-shadow:0 0 20px #3a102844}.ecp-film-counter{position:absolute;left:0;right:0;bottom:29px;font:750 7px Inter,system-ui;letter-spacing:2px;color:var(--ecp-ink)}
.ecp-variant-social .ecp-photo-frame{width:130px;height:205px;border:5px solid #f06;border-radius:25px;transform:translate(-50%,-50%) rotate(7deg);padding:4px;background:#fff}.ecp-variant-social .ecp-photo-frame img{border-radius:17px}.ecp-variant-social .ecp-photo-caption{display:none}.ecp-notification{position:absolute;bottom:35px;left:50%;transform:translateX(-50%) rotate(-5deg);display:flex;align-items:center;gap:10px;padding:12px;width:260px;border:1px solid #fff9;border-radius:15px;background:#fffdfef2;box-shadow:0 10px 25px #703d7930;color:#572449}.ecp-notification>b{width:34px;height:34px;display:grid;place-items:center;background:#ff0066;color:white;border-radius:10px;font:24px Georgia}.ecp-notification>span{text-align:left}.ecp-notification strong{font:800 10px Inter,system-ui;display:block}.ecp-notification small{font:9px Inter,system-ui;display:block;margin-top:4px}.ecp-notification>i{font:8px Inter,system-ui;color:#8a6b81;margin-left:auto}
#ec3-gate.ecp-gate.ecp-type-bloom{--ecp-ink:#59401e;--ecp-accent:#996000;--ecp-soft:#ffe594;--ecp-paper:#fffbed}
#ec3-gate.ecp-gate.ecp-type-playful{--ecp-ink:#3f2867;--ecp-accent:#8141c6;--ecp-soft:#d4c2ff;--ecp-paper:#f7f2ff}
#ec3-gate.ecp-gate.ecp-type-ticket{--ecp-ink:#254f64;--ecp-accent:#216e87;--ecp-soft:#bde6f2;--ecp-paper:#effafe}
#ec3-gate.ecp-gate.ecp-type-sunrise{--ecp-ink:#704527;--ecp-accent:#ad592d;--ecp-soft:#ffd9ae;--ecp-paper:#fff7ec}
#ec3-gate.ecp-gate.ecp-type-spotlight{--ecp-ink:#5a4025;--ecp-accent:#91601c;--ecp-soft:#f5dc9e;--ecp-paper:#fff9ed}
#ec3-gate.ecp-gate.ecp-type-memories{--ecp-ink:#3f574c;--ecp-accent:#396a56;--ecp-soft:#cde5d5;--ecp-paper:#f4f9f1}
#ec3-gate.ecp-gate.is-opening .ecp-heart{animation:ecpHeartOpen 1s ease-in both}
#ec3-gate.ecp-gate.is-opening .ecp-sealed-name,#ec3-gate.ecp-gate.is-opening .ecp-portal-hint{opacity:0;transition:opacity .2s}
@keyframes ecpHeartOpen{to{transform:translate(-50%,-50%) scale(2.2);opacity:0}}
#ec3-gate.ecp-gate.is-opening .ecp-gift-lid{transform:translateY(-90px) rotate(-25deg);opacity:0}
#ec3-gate.ecp-gate.is-opening .ecp-gift-bow{transform:translate(-15px,-105px) rotate(-25deg);opacity:0}
#ec3-gate.ecp-gate.is-opening .ecp-gift-spark{opacity:1;transform:translateY(-55px) scale(2)}
#ec3-gate.ecp-gate.is-opening .ecp-flower{animation:ecpFlowerOpen 1s ease-in both}
@keyframes ecpFlowerOpen{to{transform:translate(-50%,-50%) rotate(65deg) scale(1.8);opacity:0}}
#ec3-gate.ecp-gate.is-opening .ecp-photo-frame{transform:translate(-50%,-50%) rotate(0) scale(1.25);opacity:0;transition:transform .85s,opacity .85s}
#ec3-gate.ecp-gate.is-opening .ecp-star,#ec3-gate.ecp-gate.is-opening .ecp-medal{animation:ecpStarOpen .9s ease-in both}
@keyframes ecpStarOpen{to{transform:translate(-50%,-50%) scale(2) rotate(30deg);opacity:0}}
#ec3-gate.ecp-gate.is-opening .ecp-ticket{animation:ecpTicketFly .9s ease-in both}
@keyframes ecpTicketFly{to{transform:translate(70%,-110%) rotate(15deg);opacity:0}}
#ec3-gate.ecp-gate.is-opening .ecp-notification{animation:ecpNotificationOpen .8s ease-in both}
@keyframes ecpNotificationOpen{to{transform:translateX(-50%) scale(1.35);opacity:0}}
#ec3-gate.ecp-gate.is-opening .ecp-sun{animation:ecpSunrise .9s ease-in both}
@keyframes ecpSunrise{to{transform:translate(-50%,-95%) scale(1.5);opacity:0}}
#ec3-gate.ecp-gate.is-opening .ecp-cup{transform:translate(-50%,-50%) scale(1.12);transition:transform .7s}
@media(max-width:600px){#ec3-gate.ecp-gate h1{font-size:34px!important}.ecp-portal{height:240px;margin:8px auto 15px}#ec3-gate.ecp-gate .ec3-gate-center{padding-top:70px!important}#ec3-gate.ecp-gate .ec3-gate-brand{padding-bottom:20px}}
@media(max-width:370px){#ec3-gate.ecp-gate h1{font-size:29px!important}.ecp-portal{height:228px}.ecp-ticket{width:245px}.ecp-variant-cinema .ecp-photo-frame{width:250px;height:158px}.ecp-portal-hint{font-size:9px}}
@media(max-height:700px){#ec3-gate.ecp-gate .ec3-gate-center{padding-top:62px!important}#ec3-gate.ecp-gate h1{font-size:28px!important}.ecp-portal{height:205px;transform:scale(.9);margin:0 auto 2px}#ec3-gate.ecp-gate .ec3-gate-brand{padding-bottom:16px}.ecp-portal-hint{bottom:-8px}}
@media(prefers-reduced-motion:reduce){#ec3-gate.ecp-gate *,#ec3-gate.ecp-gate{animation:none!important;transition:none!important}}

#ec3-gate.ecp-gate{justify-content:center}#ec3-gate.ecp-gate .ec3-gate-center{margin:0 auto}#ec3-gate.ecp-gate .ec3-gate-brand{margin:0}@media(max-height:700px){#ec3-gate.ecp-gate{justify-content:flex-start}}

.ecp-ticket strong{font-size:21px;line-height:1.12;margin-top:12px}