#achievements-preview[hidden]{display:none!important}#achievements-preview{margin:32px 0;padding:clamp(20px,3vw,32px);border:1px solid #bfcede;border-radius:28px;background:linear-gradient(145deg,#f8fbff,#eef3ff);color:#213c55}.achievement-eyebrow{font-size:.8em;letter-spacing:.1em;color:#476984;font-weight:750}.achievement-totals{display:flex;gap:24px;flex-wrap:wrap;margin:20px 0;font-size:1.2em}.achievement-note{color:#566b7d;font-size:.9em;line-height:1.7}.achievement-demo,.achievement-filters{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin:20px 0}.achievement-filters button[aria-pressed=true]{background:#244d79;color:white}.achievement-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px}.achievement-card{--badge:#339668;display:flex;flex-direction:column;align-items:center;text-align:center;padding:24px 18px;border:1px solid #cbd6e2;border-radius:22px;background:#fff;position:relative}:is(.achievement-card,.profile-earned-badge).medium{--badge:#3684c9}:is(.achievement-card,.profile-earned-badge).hard{--badge:#9760ca}:is(.achievement-card,.profile-earned-badge).impossible{--badge:#bd8a22}.achievement-emblem{font-size:46px;display:grid;place-items:center;width:96px;height:96px;border-radius:50%;background:radial-gradient(circle,#fff9df,#dfedff);border:4px double var(--badge);box-shadow:0 5px 20px #31496a15;margin-bottom:16px}.locked .achievement-emblem{filter:grayscale(1);opacity:.45}.earned .achievement-emblem{box-shadow:0 0 22px color-mix(in srgb,var(--badge) 30%,transparent)}.achievement-difficulty{font-size:.8em;font-weight:750;color:var(--badge)}.achievement-card h3{margin:10px 0;font-size:1.15em}.achievement-card p{line-height:1.6;flex:1;color:#586a7c}.achievement-card progress{width:100%;height:9px;accent-color:var(--badge)}.achievement-card small{margin:8px 0 18px}.achievement-card button{width:100%}.achievement-card button:disabled{opacity:.65}.achievement-status{min-height:1.5em;color:#285f47}.achievement-filters button:focus-visible,.achievement-demo button:focus-visible{outline:3px solid #599ade;outline-offset:3px}

:is(.achievement-card,.profile-earned-badge).transcendent{--badge:#5844a4}
:is(.achievement-card,.profile-earned-badge).transcendent .achievement-difficulty{background:linear-gradient(110deg,#091b4d,#2459bb,#6430a8,#253d95,#852caa,#091b4d);background-size:180% 180%;color:#f0eaff;padding:5px 12px;border-radius:30px;animation:transcendent-flow 7s ease-in-out infinite}
:is(.achievement-card,.profile-earned-badge).transcendent.earned .achievement-emblem{background:linear-gradient(135deg,#0b1b46,#245bb8,#7834a5,#173e89,#582593);background-size:180% 180%;border-color:#9281ce;animation:transcendent-flow 7s ease-in-out infinite;box-shadow:0 0 24px #51379970,inset 0 0 18px #8980d244}
:is(.achievement-card,.profile-earned-badge).transcendent.earned{border-color:#9382c5}
@keyframes transcendent-flow{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}
@media(prefers-reduced-motion:reduce){:is(.achievement-card,.profile-earned-badge).transcendent .achievement-difficulty,:is(.achievement-card,.profile-earned-badge).transcendent.earned .achievement-emblem{animation:none}}
/* Solid rank labels share the same shape as Transcendent. */
.achievement-difficulty{padding:5px 12px;border-radius:30px;background:var(--badge);color:#fff;min-width:72px}
:is(.achievement-card,.profile-earned-badge).easy .achievement-difficulty{background:#25734e;color:#fff}
:is(.achievement-card,.profile-earned-badge).medium .achievement-difficulty{background:#24639e;color:#fff}
:is(.achievement-card,.profile-earned-badge).hard .achievement-difficulty{background:#70409b;color:#fff}
:is(.achievement-card,.profile-earned-badge).impossible .achievement-difficulty{background:linear-gradient(120deg,#c28c28,#f4d887,#d4a43b);color:#332407}
:is(.achievement-card,.profile-earned-badge).transcendent .achievement-difficulty{position:relative;overflow:hidden;isolation:isolate}
:is(.achievement-card,.profile-earned-badge).transcendent.earned .achievement-emblem{position:relative;overflow:hidden;isolation:isolate}
:is(.achievement-card,.profile-earned-badge).transcendent .achievement-difficulty::after,:is(.achievement-card,.profile-earned-badge).transcendent.earned .achievement-emblem::after{content:'';position:absolute;inset:-55%;pointer-events:none;background:linear-gradient(112deg,transparent 34%,#ffffff00 41%,#dbe7ff30 44%,#ffffffb0 47%,#ffffff16 50%,transparent 56%);mix-blend-mode:screen;transform:translateX(-65%) rotate(-18deg);opacity:0;animation:transcendent-reflection 8s ease-in-out infinite}
:is(.achievement-card,.profile-earned-badge).transcendent.earned .achievement-emblem::before{content:'';position:absolute;inset:6%;border-radius:50%;pointer-events:none;background:radial-gradient(ellipse at 25% 18%,#ffffff8c 0%,#d7e3ff22 9%,transparent 24%),radial-gradient(ellipse at 80% 76%,#f0e8ff55 0%,transparent 15%);opacity:.35;animation:transcendent-glints 8s ease-in-out infinite}
:is(.achievement-card,.profile-earned-badge).transcendent .achievement-difficulty::after{animation-delay:-1.5s}
@keyframes transcendent-reflection{0%,15%{transform:translateX(-65%) rotate(-18deg);opacity:0}32%{opacity:.32}48%{transform:translateX(5%) rotate(12deg);opacity:.7}65%{opacity:.18}80%,100%{transform:translateX(65%) rotate(30deg);opacity:0}}
@keyframes transcendent-glints{0%,100%{transform:rotate(-15deg);opacity:.2}50%{transform:rotate(28deg);opacity:.55}}
@media(prefers-reduced-motion:reduce){:is(.achievement-card,.profile-earned-badge).transcendent .achievement-difficulty::after,:is(.achievement-card,.profile-earned-badge).transcendent.earned .achievement-emblem::after{animation:none;transform:translateX(8%) rotate(12deg);opacity:.2}:is(.achievement-card,.profile-earned-badge).transcendent.earned .achievement-emblem::before{animation:none;opacity:.3}}
:is(.achievement-card,.profile-earned-badge).easy.earned .achievement-emblem{background:linear-gradient(145deg,#154b38,#329a6c);border-color:#7cc5a1}
:is(.achievement-card,.profile-earned-badge).medium.earned .achievement-emblem{background:linear-gradient(145deg,#15385e,#368ac0);border-color:#8dbfe0}
:is(.achievement-card,.profile-earned-badge).hard.earned .achievement-emblem{background:linear-gradient(145deg,#392050,#8b50b5);border-color:#c29bdf}
:is(.achievement-card,.profile-earned-badge).impossible.earned .achievement-emblem{background:linear-gradient(145deg,#8d611b,#f1d27c,#b78626);border-color:#f6e0a2}
:is(.achievement-card,.profile-earned-badge).impossible .achievement-difficulty,:is(.achievement-card,.profile-earned-badge).impossible.earned .achievement-emblem{position:relative;overflow:hidden;isolation:isolate}
:is(.achievement-card,.profile-earned-badge).impossible .achievement-difficulty::after,:is(.achievement-card,.profile-earned-badge).impossible.earned .achievement-emblem::after{content:'';position:absolute;inset:-55%;pointer-events:none;background:linear-gradient(112deg,transparent 38%,#fff9da25 44%,#ffffffb0 47%,#ffffff20 50%,transparent 57%);mix-blend-mode:screen;opacity:0;animation:transcendent-reflection 8s ease-in-out infinite}
.public-egg-preview[hidden],#eggs-page>.egg-arcade[hidden]{display:none!important}.public-egg-preview{margin-top:24px;padding:24px;border:1px solid #cbd8ed;border-radius:24px;background:#f7f9ff;color:#263d5a}.public-egg-preview>p{line-height:1.8}.public-egg-preview .egg-arcade{margin:20px 0 0}.public-egg-preview .egg-control{min-width:0}
@media(prefers-reduced-motion:reduce){:is(.achievement-card,.profile-earned-badge).impossible .achievement-difficulty::after,:is(.achievement-card,.profile-earned-badge).impossible.earned .achievement-emblem::after{animation:none;opacity:.2;transform:rotate(12deg)}}
/* The real collection uses the approved preview design, without demo controls. */
#achievements-collection{margin:32px 0;padding:clamp(20px,3vw,32px);border:1px solid #bfcede;border-radius:28px;background:linear-gradient(145deg,#f8fbff,#eef3ff);color:#213c55}
#achievements-collection header h2{margin-top:0}
@media(max-width:480px){#achievements-collection{padding:18px 12px}.achievement-grid{grid-template-columns:repeat(auto-fit,minmax(190px,1fr))}}

/* Soft mist sits outside the emblem so its reflection remains unobscured. */
:is(.achievement-card,.profile-earned-badge).transcendent.earned{position:relative;isolation:isolate}
:is(.achievement-card,.profile-earned-badge).transcendent.earned::before,
:is(.achievement-card,.profile-earned-badge).transcendent.earned::after{content:"";position:absolute;pointer-events:none;z-index:-1;left:50%;top:12px;width:138px;height:118px;border-radius:45% 55% 60% 40%;background:radial-gradient(ellipse at 25% 45%,#5976ff80,transparent 54%),radial-gradient(ellipse at 75% 60%,#ad68eb80,transparent 55%),radial-gradient(ellipse at 50% 85%,#a8cfff60,transparent 52%);filter:blur(10px);transform:translateX(-50%);animation:badge-mist-drift 7s ease-in-out infinite alternate}
:is(.achievement-card,.profile-earned-badge).transcendent.earned::after{background:radial-gradient(ellipse at 70% 35%,#d3dfff65,transparent 46%),radial-gradient(ellipse at 25% 65%,#7c43d980,transparent 52%);animation-delay:-4s;animation-duration:9s}
.profile-earned-badge.transcendent.earned::before,.profile-earned-badge.transcendent.earned::after{top:8px;width:122px;height:104px}
@keyframes badge-mist-drift{0%{transform:translateX(-53%) translateY(4px) rotate(-12deg) scale(.92);opacity:.55}50%{opacity:.9}100%{transform:translateX(-47%) translateY(-7px) rotate(18deg) scale(1.12);opacity:.7}}
@media(prefers-reduced-motion:reduce){:is(.achievement-card,.profile-earned-badge).transcendent.earned::before,:is(.achievement-card,.profile-earned-badge).transcendent.earned::after{animation:none;opacity:.6}}

/* Earned badge reveal uses the test chains without a dark card or backdrop. */
#achievements-collection .badge-awaiting-reveal{position:relative;overflow:hidden;scroll-margin-block:100px;}
#achievements-collection .badge-awaiting-reveal .achievement-emblem{filter:grayscale(1);}
#achievements-collection .badge-awaiting-reveal.unlocking .achievement-emblem{animation:badge-color-reveal 2.4s both;}
#achievements-collection .badge-awaiting-reveal .center-lock{background:#fff8e9;border-color:#d8bc74;box-shadow:0 3px 14px #b88a3133;}
#achievements-collection .badge-awaiting-reveal .test-lock-cover{background:transparent;}
@keyframes badge-color-reveal{0%,43%{filter:grayscale(1);transform:scale(.94)}65%{filter:grayscale(0);transform:scale(1.12)}100%{filter:grayscale(0);transform:scale(1)}}
@media(prefers-reduced-motion:reduce){#achievements-collection .badge-awaiting-reveal .achievement-emblem{animation:none;filter:none;}}