.member-surface #modal.golden-egg-modal{width:min(460px,calc(100% - 24px));max-height:calc(100dvh - 24px);background:#fffdf9;border:1px solid #eed9b7;box-shadow:0 24px 90px #2715044d;overflow-x:hidden}
.member-surface #modal.golden-egg-modal::backdrop{background:#231b14a3;backdrop-filter:blur(5px)}
.golden-egg-modal .dialog-head{background:transparent;border-bottom:0;padding-bottom:0}
.golden-egg-modal .dialog-head h2{font-size:19px}
.golden-experience{padding:5px 24px 24px;text-align:center;letter-spacing:0;overflow:hidden}
.golden-kicker{display:flex;align-items:center;justify-content:center;gap:8px;color:#a3610c;font-size:13px;font-weight:600;margin:9px 0 0;overflow-wrap:anywhere}
.golden-kicker .lucide{width:17px;height:17px}
.golden-stage{position:relative;isolation:isolate;width:100%;height:330px;margin:0 auto;max-width:360px}
.golden-egg-target{position:absolute;inset:13px 0 auto;margin:auto;width:230px;height:283px;border:0;padding:0;background:transparent;cursor:pointer;z-index:2;-webkit-tap-highlight-color:transparent}
.golden-egg-motion{position:absolute;inset:0;display:block;animation:golden-arrive .8s cubic-bezier(.16,1,.3,1) both,golden-sway 3.6s 1s ease-in-out infinite;transform-origin:50% 90%}
.golden-egg-target:disabled{opacity:1;cursor:default}
.golden-egg-target:focus-visible{outline:2px solid #d64d09;outline-offset:7px;border-radius:48%}
.golden-shell{position:absolute;inset:0;display:block;transition:transform .8s cubic-bezier(.22,.8,.25,1),opacity .65s}
.golden-shell img{width:100%;height:100%;display:block;object-fit:contain;pointer-events:none;user-select:none}
.golden-shell-top{clip-path:polygon(0 0,100% 0,100% 55%,87% 51%,78% 57%,68% 50%,58% 58%,46% 49%,35% 56%,22% 48%,10% 57%,0 52%)}
.golden-shell-bottom{clip-path:polygon(0 52%,10% 57%,22% 48%,35% 56%,46% 49%,58% 58%,68% 50%,78% 57%,87% 51%,100% 55%,100% 100%,0 100%)}
.golden-egg-glint{position:absolute;left:27%;top:27%;color:#fff8cf;animation:golden-glint 2.7s 1s ease-in-out infinite}
.golden-egg-glint .lucide{width:34px;height:34px;fill:#fff8cf;stroke-width:1}
.golden-plinth{position:absolute;left:50%;bottom:22px;transform:translateX(-50%);width:236px;height:32px;border-radius:50%;background:#f7e4be;border:1px solid #e7c67f;box-shadow:0 8px 0 -2px #e9bc61,0 17px 19px -8px #8a4c1538}
.golden-hammer{position:absolute;z-index:3;top:23px;right:2px;color:#c14c0b;filter:drop-shadow(0 5px 3px #70360721);transform:rotate(-18deg);transform-origin:70% 80%;pointer-events:none}
.golden-hammer .lucide{width:74px;height:74px;stroke-width:1.6;fill:#f1a64b}
.golden-reveal-seal{position:absolute;left:50%;top:90px;transform:translate(-50%,20px) scale(.7);opacity:0;color:#d34b08;transition:transform .7s .12s cubic-bezier(.16,1,.3,1),opacity .4s .12s}
.golden-reveal-seal .lucide{width:108px;height:108px;stroke-width:1.2;fill:#ffe1ae}
.golden-particles{position:absolute;z-index:4;left:50%;top:150px;pointer-events:none}
.golden-particles i{position:absolute;width:7px;height:13px;background:#e79f2b;opacity:0}
.golden-particles i:nth-child(3n){background:#e25516;width:6px;height:6px}
.golden-particles i:nth-child(3n + 1){background:#f1cd7a;clip-path:polygon(50% 0,100% 100%,0 100%)}
.golden-result{margin:-12px 0 20px;position:relative;z-index:5}
.golden-result h3{font-family:Georgia,serif;font-size:24px;line-height:1.2;margin:0 0 6px;color:#28251f;overflow-wrap:anywhere;letter-spacing:0}
.golden-result p{font-size:14px;color:#7b7061;margin:0 0 9px}
.golden-prize{display:block;color:#c84d08;font-size:38px;font-weight:600;line-height:1.25;overflow-wrap:anywhere;letter-spacing:0;font-variant-numeric:tabular-nums}
.golden-prize small{font-size:13px;font-weight:500}
.golden-experience .primary{display:flex;align-items:center;justify-content:center;gap:10px;min-height:50px}
.golden-experience .primary .lucide{width:20px;height:20px}
.golden-experience .form-error:empty{margin:0}
.golden-experience [hidden]{display:none!important}
.golden-experience[data-phase="striking"] .golden-egg-motion{animation:golden-impact .65s ease both}
.golden-experience:is([data-phase="opening"],[data-phase="revealed"]) .golden-egg-motion{animation:none;pointer-events:none}
.golden-experience:is([data-phase="opening"],[data-phase="revealed"]) .golden-shell-top{transform:translate(-80px,-46px) rotate(-34deg) scale(.8);opacity:0}
.golden-experience:is([data-phase="opening"],[data-phase="revealed"]) .golden-shell-bottom{transform:translate(76px,30px) rotate(33deg) scale(.8);opacity:0}
.golden-experience:is([data-phase="opening"],[data-phase="revealed"]) .golden-hammer,.golden-experience:is([data-phase="opening"],[data-phase="revealed"]) .golden-egg-glint{opacity:0;transition:opacity .2s}
.golden-experience:is([data-phase="opening"],[data-phase="revealed"]) .golden-reveal-seal{opacity:1;transform:translate(-50%,0) scale(1)}
.golden-experience:is([data-phase="opening"],[data-phase="revealed"]) .golden-particles i{animation:golden-confetti 1.25s var(--gd) cubic-bezier(.15,.7,.3,1) both}
.golden-experience:is([data-phase="opening"],[data-phase="revealed"]) .golden-stage{height:236px;transition:height .5s .1s ease}
.golden-experience:is([data-phase="opening"],[data-phase="revealed"]) .golden-plinth{opacity:0;transition:opacity .4s}
@keyframes golden-arrive{from{opacity:0;transform:translateY(34px) scale(.8) rotate(-12deg)}to{opacity:1;transform:translateY(0) scale(1) rotate(0)}}
@keyframes golden-sway{0%,100%{transform:rotate(-2deg) translateY(0)}50%{transform:rotate(2deg) translateY(-7px)}}
@keyframes golden-glint{0%,75%,100%{opacity:.1;transform:scale(.6) rotate(0)}40%{opacity:1;transform:scale(1.05) rotate(30deg)}}
@keyframes golden-impact{0%,64%{transform:rotate(0)}73%{transform:translateX(-7px) rotate(-5deg)}82%{transform:translateX(6px) rotate(5deg)}92%{transform:translateX(-3px) rotate(-2deg)}100%{transform:translateX(0) rotate(0)}}
@keyframes golden-confetti{0%{opacity:0;transform:translate(0,0) rotate(0)}12%{opacity:1}70%{opacity:1}100%{opacity:0;transform:translate(var(--gx),var(--gy)) rotate(var(--gr))}}
@media(max-width:380px){.golden-experience{padding-inline:18px}.golden-stage{height:303px}.golden-egg-target{width:210px;height:258px}.golden-hammer{right:0;top:29px}.golden-hammer .lucide{width:62px;height:62px}.golden-prize{font-size:32px}}
@media(max-height:640px){.golden-stage{height:268px}.golden-egg-target{width:188px;height:232px}.golden-experience:is([data-phase="opening"],[data-phase="revealed"]) .golden-stage{height:190px}.golden-reveal-seal{top:63px}.golden-experience{padding-bottom:18px}}
@media(prefers-reduced-motion:reduce){.golden-experience *{animation:none!important;transition:none!important}}