/* The sun owns the ray origin, so rays remain centered at every screen size. */
.gold-sun{position:relative;isolation:isolate;display:grid;place-items:center;flex-shrink:0;width:112px;height:112px;margin:4px auto 12px}
.gold-sun .gold-medallion{position:relative;z-index:2;display:block;font-size:76px;line-height:1;filter:drop-shadow(0 3px 10px #ad691e44)}
.gold-sun .gold-rays,.gold-sun .gold-ray-wave{position:absolute;inset:auto;left:50%;top:50%;width:640px;height:640px;max-width:none;z-index:-1;pointer-events:none;transform-origin:center;background:repeating-conic-gradient(from 0deg at 50% 50%,#fff6b755 0deg 4deg,transparent 4deg 20deg);mask-image:radial-gradient(circle,transparent 0 7%,#000 14%,#0008 35%,transparent 67%);transform:translate(-50%,-50%);animation:gold-sun-turn 70s linear infinite}
.gold-sun .gold-ray-wave{background:repeating-conic-gradient(from 8deg at 50% 50%,#fff9cd99 0deg 2deg,transparent 2deg 30deg);animation:gold-sun-out 5.6s cubic-bezier(.2,.4,.3,1) infinite;opacity:0}
.gold-sun .gold-ray-wave-late{animation-delay:-2.8s}
.gold-orbit{position:absolute;inset:0;border:1px solid #ffefa088;border-radius:50%;box-shadow:0 0 24px #ffe89e55,inset 0 0 16px #fff7cf44;animation:gold-halo 4s ease-in-out infinite;pointer-events:none}
.gold-achievement{position:relative;isolation:isolate;overflow:hidden;width:min(940px,100%);min-height:410px;margin:22px auto 36px;padding:32px 36px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;border:1px solid #ffeca5!important;border-radius:26px;background:radial-gradient(ellipse at 50% 14%,#fff4ad 0,#f1cc74 42%,#d8a448 100%)!important;color:#332008!important;box-shadow:0 0 0 5px #cda65020,0 16px 50px #0003,inset 0 0 0 9px #fff6cc50;text-align:center}
.gold-achievement:after{content:'';position:absolute;inset:13px;border:1px solid #90621c77;border-radius:16px;pointer-events:none;animation:gold-halo 6s ease-in-out infinite}
.gold-achievement h3{font:clamp(26px,3vw,39px)/1.18 Georgia,serif;max-width:700px;margin:0;text-wrap:balance;color:#332008}
.gold-achievement p{font:17px/1.65 system-ui,sans-serif;max-width:620px;margin:0;color:#4b300d}
.gold-achievement small{font:14px/1.5 system-ui,sans-serif;color:#5a3b10}
.gold-achievement>small:first-of-type{font-size:12px;letter-spacing:.18em;font-weight:750}
.gold-achievement blockquote{font:italic 21px/1.5 Georgia,serif;max-width:620px;margin:9px 0;color:#40270a}
.gold-achievement>strong{color:#352308;font-size:15px}
.gold-achievement>*:not(.gold-sun){position:relative;z-index:1}
.gold-achievement.gold-arrival{animation:gold-card-arrive 1.4s cubic-bezier(.2,.75,.2,1) both}
.gold-celebration-overlay{position:fixed;inset:0;z-index:1200;display:flex;align-items:center;justify-content:center;padding:24px;background:#10251ce6;backdrop-filter:blur(12px);overflow-y:auto;overscroll-behavior:contain}
.gold-celebration{position:relative;isolation:isolate;overflow:hidden;width:min(580px,100%);max-height:calc(100dvh - 48px);overflow-y:auto;flex-shrink:0;padding:32px 44px 30px;border:1px solid #ffe6a5;border-radius:28px;text-align:center;color:#38260e;background:radial-gradient(ellipse at 50% 10%,#fff5bd,#f4d78f 49%,#dcb367);box-shadow:0 25px 100px #0008,inset 0 0 0 7px #ffedb54d;animation:gold-card-arrive .85s cubic-bezier(.2,.75,.2,1) both}
.gold-celebration:after{content:'';position:absolute;inset:11px;border:1px solid #9b742649;border-radius:19px;pointer-events:none}
.gold-celebration-art{position:relative;height:134px;display:grid;place-items:center}
.gold-celebration-art .gold-sun{margin:0;animation:gold-sun-arrive 1.5s cubic-bezier(.19,.8,.22,1) both}
.gold-sparkles{position:absolute;left:50%;top:50%;width:0;height:0;pointer-events:none}
.gold-sparkles i{position:absolute;width:3px;height:10px;border-radius:100%;background:#fffce5;box-shadow:0 0 8px #e0a42c;opacity:0;animation:gold-spark 2.5s ease-out var(--delay) both}
.gold-eyebrow{font:750 12px/1.5 system-ui,sans-serif;letter-spacing:.18em;margin:8px 0 14px;color:#725019}
.gold-celebration h2{position:relative;z-index:1;font:clamp(27px,4.6vw,39px)/1.14 Georgia,serif;letter-spacing:-.025em;text-wrap:balance;margin:0 auto 18px;max-width:440px;color:#38260e}
.gold-celebration #gold-share-copy{position:relative;z-index:1;font:16px/1.6 system-ui,sans-serif;color:#5b3e14;margin:0 0 24px}
.gold-celebration-actions{position:relative;z-index:1;display:flex;justify-content:center;gap:10px;flex-wrap:wrap}
.gold-celebration button{font:600 15px/1.35 system-ui,sans-serif;min-height:46px;padding:12px 18px;border-radius:12px;cursor:pointer;touch-action:manipulation}
.gold-share{border:1px solid #24382b;background:linear-gradient(130deg,#294831,#162d20);color:#fff1bf;box-shadow:0 5px 15px #56360f26}
.gold-later{border:1px solid #78572166;background:#fff4c522;color:#503813}
.gold-celebration button:hover{filter:brightness(1.08)}
.gold-celebration button:focus-visible{outline:3px solid #3a5838;outline-offset:4px}
.gold-celebration .gold-close{position:absolute;z-index:3;right:16px;top:12px;background:transparent;border:0;color:#67471b;padding:8px 12px;font-size:25px;min-width:44px;min-height:44px}
.gold-share-hint{font:13px/1.5 system-ui,sans-serif;color:#62471d;margin:15px 0 0}
.gold-motion-paused *,.gold-motion-paused *:before,.gold-motion-paused *:after{animation-play-state:paused!important}
@keyframes gold-sun-turn{to{transform:translate(-50%,-50%) rotate(360deg)}}
@keyframes gold-sun-out{0%{transform:translate(-50%,-50%) scale(.2);opacity:0}24%{opacity:.6}100%{transform:translate(-50%,-50%) scale(1.14) rotate(12deg);opacity:0}}
@keyframes gold-halo{50%{box-shadow:0 0 28px #fff1b97a,inset 0 0 18px #fff7c977}}
@keyframes gold-card-arrive{from{opacity:0;transform:translateY(20px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes gold-sun-arrive{from{transform:scale(.5) rotate(-24deg);filter:brightness(1.8);opacity:0}65%{transform:scale(1.08) rotate(4deg);opacity:1}to{transform:scale(1) rotate(0);filter:none;opacity:1}}
@keyframes gold-spark{0%{transform:rotate(var(--angle)) translateY(-20px) scale(.3);opacity:0}20%{opacity:1}100%{transform:rotate(var(--angle)) translateY(calc(-1 * var(--reach))) scale(.3);opacity:0}}
@media(max-width:600px){.gold-achievement{padding:26px 23px;min-height:0;gap:13px}.gold-achievement p{font-size:16px}.gold-achievement blockquote{font-size:19px}.gold-celebration-overlay{padding:14px}.gold-celebration{padding:28px 23px;max-height:calc(100dvh - 28px)}.gold-celebration-actions{flex-direction:column}.gold-celebration-actions button{width:100%}.gold-sun{width:100px;height:100px}.gold-sun .gold-medallion{font-size:68px}}
@media(max-height:620px){.gold-celebration-overlay{align-items:flex-start}.gold-celebration-art{height:110px}.gold-celebration{padding-top:22px}}
@media(prefers-reduced-motion:reduce){.gold-achievement,.gold-achievement:after,.gold-celebration,.gold-celebration-art .gold-sun,.gold-sun .gold-rays,.gold-sun .gold-ray-wave,.gold-orbit,.gold-sparkles i{animation:none!important}.gold-sun .gold-rays{opacity:.65}.gold-ray-wave,.gold-sparkles{display:none}.gold-orbit{box-shadow:0 0 28px #fff1b97a}}
