.ach-medal{--ach-size:44px;width:var(--ach-size);height:var(--ach-size);color:var(--color-gold-200);background:radial-gradient(circle at 50% 28%,oklch(35% .09 262),oklch(18% .065 268) 72%) padding-box padding-box,conic-gradient(from 200deg,oklch(94% .1 95),oklch(66% .14 72),oklch(90% .12 92),oklch(58% .12 68),oklch(94% .1 95)) border-box;border:1px solid #0000;border-radius:9999px;flex:none;place-items:center;display:grid;position:relative;box-shadow:inset 0 1px oklch(100% 0 0/.14),inset 0 -3px 6px oklch(8% .04 268/.55),0 0 14px -5px oklch(79% .155 81/.5),0 5px 12px -6px oklch(6% .04 268/.9)}.ach-medal:before{content:"";border-radius:inherit;pointer-events:none;border:1px solid oklch(85.5% .155 89/.32);position:absolute;inset:3px}.ach-medal[data-state=locked],.ach-medal[data-state=secret]{color:var(--color-ink-4);background:radial-gradient(circle at 50% 28%,oklch(27% .05 264),oklch(17% .045 268) 72%) padding-box padding-box,linear-gradient(oklch(50% .03 264/.55),oklch(36% .03 264/.55)) border-box;box-shadow:inset 0 1px oklch(100% 0 0/.06),0 4px 10px -6px oklch(6% .04 268/.8)}.ach-medal[data-state=locked]:before,.ach-medal[data-state=secret]:before{border-color:oklch(86% .06 262/.1)}.ach-medal-secret{font-family:var(--font-display);font-weight:700;line-height:1}.ach-medal-lock{width:18px;height:18px;color:var(--color-ink-3);background:var(--color-night-800);border:1px solid var(--color-line-strong);border-radius:9999px;place-items:center;display:grid;position:absolute;bottom:-2px;right:-2px}.ach-medal-new{overflow:hidden}.ach-medal-new:after{content:"";animation:ach-glint 1.4s var(--ease-out) .5s both;pointer-events:none;background:linear-gradient(105deg,#0000 38%,oklch(100% 0 0/.55) 50%,#0000 62%);position:absolute;inset:-20%;transform:translate(-120%)}@keyframes ach-glint{to{transform:translate(120%)}}.ach-shelf{justify-content:center;gap:.75rem;display:flex}.ach-shelf>li{flex-direction:column;align-items:center;gap:.375rem;width:5.5rem;min-width:0;display:flex}.ach-tile{border-radius:var(--radius-md);content-visibility:auto;contain-intrinsic-size:auto 84px;background:oklch(23.5% .075 265/.6);border:1px solid oklch(86% .06 262/.12);align-items:flex-start;gap:.75rem;padding:.75rem;display:flex;position:relative}.ach-tile[data-unlocked]{background:linear-gradient(165deg,oklch(93% .1 92/.07) 0%,#0000 46%),oklch(24.5% .078 264/.72);border-color:oklch(85.5% .155 89/.3)}.ach-bar{background:var(--color-night-700);border-radius:9999px;height:4px;position:relative;overflow:hidden}.ach-bar>span{border-radius:inherit;background:linear-gradient(90deg, var(--color-gold-600), var(--color-gold-300));transform-origin:0;position:absolute;inset:0}.ach-pick{isolation:isolate;border-radius:var(--radius-md);border:1px solid var(--color-line);text-align:center;transition:border-color var(--dur-base) var(--ease-out);flex-direction:column;align-items:center;gap:.5rem;padding:.75rem .5rem;display:flex;position:relative}.ach-pick:hover:not([aria-disabled=true]){border-color:var(--color-line-gold)}.ach-pick[aria-pressed=true]{border-color:oklch(85.5% .155 89/.7)}.ach-pick[aria-disabled=true]{cursor:not-allowed}.ach-pick:focus-visible{outline:2px solid var(--color-gold-400);outline-offset:2px}.ach-pick-order{width:1.25rem;height:1.25rem;color:var(--color-gold-950);background:linear-gradient(180deg, var(--color-gold-200), var(--color-gold-500));border-radius:9999px;place-items:center;font-size:.6875rem;font-weight:700;display:grid;position:absolute;top:.375rem;right:.375rem}.ach-picker-foot{background:var(--color-raised)}.ach-picker-foot:before{content:"";background:linear-gradient(to bottom, transparent, var(--color-raised));pointer-events:none;height:1.5rem;position:absolute;bottom:100%;left:0;right:0}.ach-unlock{border-radius:var(--radius-lg);box-shadow:inset 0 1px 0 oklch(100% 0 0/.08), var(--shadow-e2), 0 0 18px -8px oklch(79% .155 81/.55);background:linear-gradient(165deg,oklch(93% .1 92/.09) 0%,#0000 50%),oklch(21.5% .07 265/.9);border:1px solid oklch(85.5% .155 89/.42);position:relative}.ach-stack{flex:none;display:flex}.ach-stack>*+*{margin-left:-.875rem}:where(html[data-motion=off]) .ach-medal-new:after{animation:none;display:none}