@import"https://fonts.googleapis.com/css2?family=Cinzel+Decorative:wght@700&family=Princess+Sofia&display=swap";:root{--princess-script: "Princess Sofia", "Brush Script MT", cursive;--princess-display: "Cinzel Decorative", "Palatino Linotype", Georgia, serif;color:#1f1238;background:#1f1238;font-family:ui-sans-serif,system-ui,sans-serif;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px}button{font:inherit}.page-shell{align-items:center;background:radial-gradient(circle at 13% 12%,#ffdc47 0 5%,transparent 5.2%),radial-gradient(circle at 84% 11%,#ff68c4 0 9%,transparent 9.2%),radial-gradient(circle at 83% 83%,#4ee6ff 0 13%,transparent 13.2%),linear-gradient(130deg,#231040,#40206e 49%,#261545);display:flex;justify-content:center;min-height:100svh;overflow:hidden;padding:clamp(22px,5vw,64px) 18px;position:relative}.party-dot{box-shadow:4px 4px #0f062573;opacity:.95;position:absolute}.party-dot--one{background:#ff58b9;height:14px;left:7%;top:17%;transform:rotate(17deg);width:14px}.party-dot--two{background:#ffdc47;border-radius:999px;height:18px;right:8%;top:24%;width:18px}.party-dot--three{background:#53e5ff;bottom:17%;height:12px;left:13%;transform:rotate(45deg);width:12px}.animal-sticker{align-items:center;background:#fff;border:2px solid #21113d;border-radius:50%;box-shadow:4px 4px #21113d;display:flex;font-size:1.9rem;height:57px;justify-content:center;position:absolute;transform:rotate(-11deg);width:57px}.animal-sticker--butterfly{background:#a9f5ff;left:2%;top:34%}.animal-sticker--leopard{background:#ffd64d;right:2%;top:57%;transform:rotate(11deg)}.sparkle{color:#fff;font-size:1.75rem;font-weight:900;position:absolute;text-shadow:3px 3px 0 #e9389f}.sparkle--one{left:3%;top:9%;transform:rotate(12deg)}.sparkle--two{color:#ffe649;right:3%;text-shadow:3px 3px 0 #563387;top:42%;transform:rotate(-14deg)}.sparkle--three{color:#58e8ff;left:4%;text-shadow:3px 3px 0 #161030;top:55%}.card{background:#fbf4ff;border:2px solid rgba(255,255,255,.52);border-radius:34px;box-shadow:0 25px #0f06256b,0 34px 78px #07021a80;isolation:isolate;max-width:1000px;min-height:610px;overflow:hidden;position:relative;width:100%}.photo-panel{background-image:url(/photo-anniversaire.jpeg);background-position:43% 39%;background-repeat:no-repeat;background-size:cover;inset:0 0 0 44%;position:absolute;transition:filter .4s ease;z-index:-2}.photo-panel--revealed{animation:photo-reveal .65s cubic-bezier(.18,.89,.32,1.2) both;background-image:url(/photo-princesse-reveal.png);background-position:48% 43%;filter:saturate(1.12) brightness(1.04)}.photo-wash{background:linear-gradient(90deg,#fbf4ff 0% 34%,#fbf4fff0 43%,#fbf4ff2e 66%,#fbf4ff00);inset:0;position:absolute;z-index:-1}.reveal-stars{inset:0;overflow:hidden;pointer-events:none;position:absolute;z-index:2}.reveal-stars span{animation:star-twinkle 1.3s ease-in-out infinite both;animation-delay:var(--delay);color:#fffdf1;filter:drop-shadow(0 0 7px #ff47b4) drop-shadow(0 0 12px #fff08a);font-size:var(--size);left:var(--x);line-height:1;position:absolute;top:var(--y)}.magic-dust{--origin-x: 74%;--origin-y: 41%;inset:0;overflow:hidden;pointer-events:none;position:absolute;z-index:4}.magic-flash{animation:magic-flash 1.15s ease-out both;background:radial-gradient(circle,rgba(255,255,255,.98) 0%,rgba(197,239,255,.82) 13%,rgba(126,184,255,.27) 38%,transparent 71%);border-radius:50%;height:360px;left:var(--origin-x);position:absolute;top:var(--origin-y);transform:translate(-50%,-50%);width:360px}.magic-wand-sweep{animation:magic-wand-sweep 1.15s cubic-bezier(.18,.75,.18,1) both;background:linear-gradient(90deg,transparent 0%,rgba(164,222,255,.1) 22%,rgba(210,244,255,.88) 68%,#fff 91%,transparent 100%);filter:drop-shadow(0 0 8px rgba(204,244,255,.95));height:5px;left:var(--origin-x);opacity:0;position:absolute;top:var(--origin-y);transform-origin:right center;width:410px}.magic-wand-sweep span{color:#fffef5;filter:drop-shadow(0 0 7px #83d9ff) drop-shadow(0 0 15px #fff);font-size:2.8rem;line-height:1;position:absolute;right:-18px;top:50%;transform:translateY(-50%)}.magic-ribbon{border:3px solid rgba(232,250,255,.9);border-left-color:#7bbeff26;border-radius:50%;box-shadow:0 0 12px #d7f7fff2,inset 0 0 11px #80bbff59;left:var(--origin-x);opacity:0;position:absolute;top:var(--origin-y);transform:translate(-50%,-50%)}.magic-ribbon--one{animation:magic-ribbon-one 1.7s cubic-bezier(.14,.78,.18,1) both;height:112px;width:205px}.magic-ribbon--two{animation:magic-ribbon-two 2s cubic-bezier(.14,.78,.18,1) .08s both;height:180px;width:292px}.magic-ribbon--three{animation:magic-ribbon-three 2.25s cubic-bezier(.14,.78,.18,1) .16s both;border-width:2px;height:248px;width:360px}.magic-particle{animation:magic-dust-rain 2.9s cubic-bezier(.18,.77,.23,1) both;animation-delay:var(--delay);background:var(--color);border-radius:50%;box-shadow:0 0 8px var(--color),0 0 15px #ffffffe6;height:var(--size);left:var(--origin-x);position:absolute;top:var(--origin-y);transform:translate(-50%,-50%);width:var(--size)}.magic-particle:nth-child(3n){border-radius:2px}.photo-sticker{align-items:center;background:#ffe649;border:2px solid #21113d;border-radius:999px;box-shadow:4px 4px #21113d;color:#21113d;display:flex;font-size:.68rem;font-weight:900;height:70px;justify-content:center;letter-spacing:.02em;line-height:1.05;position:absolute;right:clamp(24px,4vw,42px);text-align:center;text-transform:uppercase;top:28px;transform:rotate(11deg);width:70px}.card-content{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:610px;padding:clamp(38px,6vw,78px);text-align:center;width:min(62%,620px)}.eyebrow,.ticket-label{color:#3a1b67;font-size:.68rem;font-weight:900;letter-spacing:.12em;margin:0 0 13px;text-transform:uppercase}.eyebrow{align-self:center;background:#ffe649;border-radius:999px;box-shadow:3px 3px #32175d;padding:7px 11px;transform:rotate(-2deg)}h1{color:#251145;font-family:var(--princess-script);font-size:clamp(2.45rem,5.25vw,4.35rem);font-weight:400;letter-spacing:-.06em;line-height:.89;margin:0}h1 em{color:#f13ba5;font-family:inherit;font-size:1.14em;font-style:normal;font-weight:400;letter-spacing:-.06em;text-shadow:2px 2px 0 #ffdf4d}.intro{color:#513d6a;font-size:clamp(.9rem,1.5vw,1.05rem);line-height:1.5;margin:20px 0 25px;max-width:355px;text-align:center}.gift-ticket{background:#fffaff;border:2px dashed #f051ae;border-radius:17px;box-shadow:6px 7px #32175d;min-height:190px;overflow:hidden;padding:20px 20px 18px;position:relative;width:min(100%,410px)}.ticket-corner{background:#fff2fa;border:2px dashed #f051ae;border-radius:50%;height:18px;left:-10px;position:absolute;width:18px}.ticket-corner--top{top:-10px}.ticket-corner--bottom{bottom:-10px}.ticket-label{margin-bottom:8px;position:relative;z-index:1}.gift-message{align-items:center;background:linear-gradient(130deg,#ffcfe9,#fff6a3 52%,#83efff);border:2px solid rgba(44,18,78,.85);border-radius:10px;color:#251145;display:flex;flex-direction:column;inset:45px 20px 18px;justify-content:center;overflow:hidden;padding:12px;position:absolute;text-align:center}.gift-message:before,.gift-message:after{border:2px solid rgba(55,25,96,.22);border-radius:50%;content:"";height:140px;position:absolute;width:140px}.gift-message:before{left:-85px;top:-88px}.gift-message:after{bottom:-95px;right:-87px}.gift-message__small{font-size:.66rem;font-weight:700;letter-spacing:.02em;position:relative;z-index:1}.gift-message strong{color:#2b1252;font-family:var(--princess-display);font-size:clamp(1.22rem,2.1vw,1.62rem);font-weight:900;letter-spacing:-.065em;line-height:.96;margin:3px 0;position:relative;z-index:1}.gift-message__sparkles{color:#e9419e;font-size:.9rem;letter-spacing:.42em;position:relative;z-index:1}.scratch-surface{cursor:crosshair;height:calc(100% - 63px);left:20px;position:absolute;top:45px;touch-action:none;width:calc(100% - 40px);z-index:2}.scratch-surface:focus-visible{outline:3px solid #53e5ff;outline-offset:2px}.reveal-button{align-self:center;background:linear-gradient(100deg,#ff40ad,#8e54ff);border:2px solid #32175d;border-radius:999px;box-shadow:5px 5px #ffe649;color:#fff;cursor:pointer;font-size:.84rem;font-weight:900;margin-top:18px;padding:13px 18px;transition:background .2s ease,transform .2s ease}.reveal-button:hover{background:linear-gradient(100deg,#e92a9a,#733cf2);transform:translate(-1px,-2px)}.reveal-button:focus-visible{outline:3px solid #53e5ff;outline-offset:3px}.reveal-note{align-self:center;color:#3c1b6d;font-size:.88rem;font-weight:900;margin:18px 0 0}.gift-ticket--revealed{animation:ticket-reveal .65s cubic-bezier(.18,.89,.32,1.28) both}@keyframes ticket-reveal{0%{transform:scale(.95) rotate(-1deg)}to{transform:scale(1) rotate(0)}}@keyframes photo-reveal{0%{filter:brightness(2.8) saturate(.4) hue-rotate(12deg);opacity:.25;transform:scale(1.09)}22%{filter:brightness(2.2) saturate(1.75) hue-rotate(6deg);opacity:1}to{filter:saturate(1.12) brightness(1.04);transform:scale(1)}}@keyframes star-twinkle{0%,to{opacity:.25;transform:scale(.45) rotate(0)}48%{opacity:1;transform:scale(1.25) rotate(16deg)}72%{opacity:.72;transform:scale(.8) rotate(31deg)}}@keyframes magic-flash{0%{opacity:0;transform:translate(-50%,-50%) scale(.18)}20%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-50%) scale(1.35)}}@keyframes magic-wand-sweep{0%{opacity:0;transform:translate(-100%,-50%) rotate(-22deg) scaleX(.04)}20%{opacity:1}58%{opacity:.95;transform:translate(-100%,-50%) rotate(-22deg) scaleX(1)}to{opacity:0;transform:translate(-100%,-50%) rotate(-22deg) scaleX(1.08)}}@keyframes magic-dust-rain{0%{opacity:0;transform:translate(-50%,-50%) scale(.1) rotate(0)}12%{opacity:1;transform:translate(-50%,-50%) translate(calc(var(--tx) * .17),-35px) scale(1.2) rotate(50deg)}56%{opacity:.98;transform:translate(-50%,-50%) translate(var(--tx),var(--ty)) scale(.9) rotate(155deg)}to{opacity:0;transform:translate(-50%,-50%) translate(calc(var(--tx) * 1.1),calc(var(--ty) + 180px)) scale(.25) rotate(300deg)}}@keyframes magic-ribbon-one{0%{opacity:0;transform:translate(-50%,-50%) scale(.25) rotate(-100deg)}22%{opacity:.96}to{opacity:0;transform:translate(-50%,-50%) scale(1.25) rotate(250deg)}}@keyframes magic-ribbon-two{0%{opacity:0;transform:translate(-50%,-50%) scale(.3) rotate(115deg)}18%{opacity:.82}to{opacity:0;transform:translate(-50%,-50%) scale(1.18) rotate(-240deg)}}@keyframes magic-ribbon-three{0%{opacity:0;transform:translate(-50%,-50%) scale(.45) rotate(-40deg)}20%{opacity:.65}to{opacity:0;transform:translate(-50%,-50%) scale(1.08) rotate(180deg)}}@media(max-width:680px){.page-shell{align-items:flex-start}.card{min-height:min(745px,calc(100svh - 44px))}.photo-panel{background-position:49% 17%;height:215px;inset:0 0 auto}.photo-panel--revealed{background-position:50% 35%}.magic-dust{--origin-x: 51%;--origin-y: 17%}.magic-flash{height:240px;width:240px}.magic-wand-sweep{width:260px}.magic-ribbon--one{height:76px;width:140px}.magic-ribbon--two{height:116px;width:192px}.magic-ribbon--three{height:155px;width:240px}.photo-wash{background:linear-gradient(180deg,#fbf4ff00,#fbf4ff0a 53%,#fbf4ff 98%)}.photo-sticker{bottom:auto;height:58px;right:20px;top:18px;width:58px}.card-content{justify-content:flex-start;min-height:0;padding:188px 25px 29px;width:100%}h1{font-size:clamp(2.45rem,12vw,3.35rem)}.intro{margin:14px 0 22px;max-width:310px}.gift-ticket{min-height:178px}.gift-message{inset:43px 16px 16px}.scratch-surface{height:calc(100% - 59px);left:16px;top:43px;width:calc(100% - 32px)}.animal-sticker{font-size:1.35rem;height:43px;width:43px}.animal-sticker--butterfly{left:4%;top:37%}.animal-sticker--leopard{right:4%;top:57%}.sparkle--one{left:80%;top:4%}.sparkle--two{bottom:7%;right:18%}.sparkle--three{left:5%;top:62%}}