:root{--achievements-hero-decoration-sm: var(--space-2xl);--achievements-hero-decoration-md: var(--space-3xl);--achievements-hero-decoration-lg: calc(var(--space-3xl) * 2);--achievements-content-max-width: calc( var(--container-md) * .6 );--achievements-hero-shadow: 0 2px 4px rgba(0, 0, 0, .3);--achievements-divider-height: var(--border-width-thick)}.achievements-container{width:var(--width-full);max-width:var(--container-xl);margin:0 auto;padding:var(--space-md) var(--space-sm);min-height:100vh;display:flex;flex-direction:column;transform:translateZ(0);will-change:auto;backface-visibility:hidden;perspective:1000px;contain:layout style paint;content-visibility:auto;contain-intrinsic-size:100vh}@media (max-width: 29.9375em){.achievements-container{padding:var(--space-sm) var(--space-xs)}}@media (min-width: 30em) and (max-width: 47.9375em){.achievements-container{padding:var(--space-lg) var(--space-md)}}@media (min-width: 48em) and (max-width: 63.9375em){.achievements-container{padding:var(--space-xl) var(--space-lg)}}@media (min-width: 64em){.achievements-container{padding:var(--space-2xl) var(--space-xl)}}.achievements-hero{position:relative;margin-bottom:var(--space-xl);overflow:hidden;border-radius:var(--radius-lg);background:linear-gradient(135deg,var(--color-primary-900) 0%,var(--color-primary-700) 50%,var(--color-secondary-800) 100%);padding:var(--space-lg) var(--space-md);box-shadow:var(--shadow-xl);border:var(--border-width-thin) solid var(--border-primary);contain:layout style paint;content-visibility:auto;transform:translateZ(0);will-change:auto;isolation:isolate}@media (max-width: 29.9375em){.achievements-hero{margin-bottom:var(--space-lg);padding:var(--space-md) var(--space-sm);border-radius:var(--radius-md)}}@media (min-width: 30em) and (max-width: 47.9375em){.achievements-hero{margin-bottom:var(--space-xl);padding:var(--space-lg) var(--space-md);border-radius:var(--radius-lg)}}@media (min-width: 48em) and (max-width: 63.9375em){.achievements-hero{margin-bottom:var(--space-2xl);border-radius:var(--radius-xl);padding:var(--space-xl) var(--space-lg)}}@media (min-width: 64em){.achievements-hero{margin-bottom:var(--space-3xl);border-radius:var(--radius-2xl);padding:var(--space-2xl) var(--space-xl)}}.achievements-hero__decoration{position:absolute;inset:0;opacity:.1;pointer-events:none;contain:layout style paint;transform:translateZ(0);will-change:auto}.achievements-hero__decoration-item{position:absolute;border-radius:var(--radius-full);background:var(--color-white);contain:layout style paint;transform:translateZ(0);backface-visibility:hidden}.achievements-hero__decoration-item--top-right{top:calc(-1 * var(--space-xl));right:calc(-1 * var(--space-xl));width:var(--achievements-hero-decoration-md);height:var(--achievements-hero-decoration-md)}.achievements-hero__decoration-item--bottom-left{bottom:calc(-1 * var(--space-2xl));left:calc(-1 * var(--space-2xl));width:var(--achievements-hero-decoration-lg);height:var(--achievements-hero-decoration-lg)}.achievements-hero__decoration-item--center-right{top:50%;right:calc(-1 * var(--space-md));width:var(--achievements-hero-decoration-sm);height:var(--achievements-hero-decoration-sm);transform:translateY(-50%)}.achievements-hero__content{position:relative;z-index:1;text-align:center;color:var(--color-white)}.achievements-hero__title{margin-bottom:var(--space-md);color:var(--color-white);text-shadow:var(--achievements-hero-shadow)}@media (max-width: 29.9375em){.achievements-hero__title{margin-bottom:var(--space-sm);font-size:var(--text-2xl)!important}}@media (min-width: 30em) and (max-width: 47.9375em){.achievements-hero__title{font-size:var(--text-3xl)!important}}@media (min-width: 48em){.achievements-hero__title{margin-bottom:var(--space-lg)}}.achievements-hero__divider{width:var(--space-xl);height:var(--achievements-divider-height);background:var(--color-secondary-400);margin:var(--space-md) auto;border-radius:var(--radius-full)}@media (max-width: 29.9375em){.achievements-hero__divider{width:var(--space-lg);margin:var(--space-sm) auto}}@media (min-width: 64em){.achievements-hero__divider{width:var(--space-2xl);margin:var(--space-lg) auto}}.achievements-hero__description{color:var(--color-neutral-100);font-size:var(--text-base);line-height:var(--leading-relaxed);max-width:var(--achievements-content-max-width);margin:0 auto}@media (max-width: 29.9375em){.achievements-hero__description{font-size:var(--text-sm);line-height:var(--leading-normal);max-width:100%}}@media (min-width: 30em) and (max-width: 47.9375em){.achievements-hero__description{font-size:var(--text-lg)}}@media (min-width: 48em){.achievements-hero__description{font-size:var(--text-xl)}}@media (min-width: 64em){.achievements-hero__description{font-size:var(--text-2xl)}}.achievements__auth-required,.achievements__empty,.achievements__summary{margin-bottom:var(--space-lg);padding:var(--space-md);border-radius:var(--radius-md);text-align:center;border:var(--border-width-thin) solid var(--border-primary);background-color:var(--card-bg);box-shadow:var(--card-shadow);min-height:var(--min-touch-size);display:flex;flex-direction:column;justify-content:center;align-items:center;contain:layout style paint;content-visibility:auto;transform:translateZ(0);will-change:auto;backface-visibility:hidden;transition:box-shadow var(--transition-normal),border-color var(--transition-fast),background-color var(--transition-fast),transform var(--transition-fast)}@media (max-width: 29.9375em){.achievements__auth-required,.achievements__empty,.achievements__summary{padding:var(--space-sm);margin-bottom:var(--space-md)}}@media (min-width: 48em){.achievements__auth-required,.achievements__empty,.achievements__summary{padding:var(--space-lg)}}.achievements__auth-required:hover,.achievements__empty:hover,.achievements__summary:hover{box-shadow:var(--card-shadow-hover);border-color:var(--border-focus);background-color:var(--bg-secondary)}.achievements__list{display:flex;flex-direction:column;gap:var(--space-2xl);contain:layout style paint;content-visibility:auto;transform:translateZ(0);will-change:auto}.achievements__category{margin-bottom:var(--space-md);contain:layout style paint;content-visibility:auto;contain-intrinsic-size:0 var(--container-intrinsic-height-component);transform:translateZ(0);will-change:auto;isolation:isolate}.achievements__category-title{margin-bottom:var(--space-lg);padding-bottom:var(--space-sm);border-bottom:var(--border-width-thick) solid var(--border-primary)}.achievements__category-title--bronze{border-bottom-color:var(--achievement-bronze)}.achievements__category-title--silver{border-bottom-color:var(--achievement-silver)}.achievements__category-title--gold{border-bottom-color:var(--achievement-gold)}.achievements__category-title--platinum{border-bottom-color:var(--achievement-platinum)}.achievements__grid{display:grid;grid-template-columns:1fr;gap:var(--space-md);max-width:100%;grid-auto-flow:row dense;align-items:stretch;justify-items:stretch;contain:layout style paint;content-visibility:auto;transform:translateZ(0);will-change:auto;perspective:1000px}@media (min-width: 30em) and (max-width: 47.9375em){.achievements__grid{grid-template-columns:repeat(auto-fit,minmax(min(16rem,100%),1fr));gap:var(--space-md)}}@media (min-width: 48em) and (max-width: 63.9375em){.achievements__grid{grid-template-columns:repeat(auto-fit,minmax(min(18rem,100%),1fr));gap:var(--space-lg)}}@media (min-width: 64em){.achievements__grid{grid-template-columns:repeat(auto-fit,minmax(min(20rem,100%),1fr));gap:var(--space-lg)}}.achievements__grid:empty{display:none;margin:var(--space-none);padding:var(--space-none)}.achievements__grid>*{min-width:var(--space-none);width:var(--width-full);height:var(--width-full);display:flex;flex-direction:column;contain:layout style paint;content-visibility:auto;transform:translateZ(0);will-change:auto;backface-visibility:hidden;transition:transform var(--transition-fast),opacity var(--transition-normal),filter var(--transition-fast)}.achievements__grid>*:not(.filtered-hidden){position:relative;display:block}.achievements__grid>* .achievement-card__content{flex:1;display:flex;flex-direction:column;justify-content:space-between;padding:var(--space-md);gap:var(--space-sm)}.achievements__summary-stats{display:flex;flex-wrap:wrap;justify-content:space-around;gap:var(--space-md);align-items:baseline;contain:layout style paint;content-visibility:auto;transform:translateZ(0);will-change:auto}.achievements__stat{display:flex;flex-direction:column;align-items:center;padding:var(--space-md);min-width:var(--stat-width-sm);min-height:var(--min-touch-size);justify-content:center;border-radius:var(--radius-sm);transition:background-color var(--transition-normal),transform var(--transition-fast),box-shadow var(--transition-fast)}.achievements__stat:hover{background-color:var(--bg-tertiary);transform:scale(var(--scale-focus));box-shadow:var(--shadow-md)}.achievements__stat:focus-visible{outline:var(--focus-outline);outline-offset:var(--focus-ring-offset);background-color:var(--bg-tertiary)}.achievements__stat-label{margin-bottom:var(--space-sm);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-secondary);text-align:center;letter-spacing:var(--letter-spacing-base);line-height:var(--leading-enhanced)}.achievements__stat-value{font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--interactive-secondary);font-variant-numeric:tabular-nums;line-height:var(--leading-enhanced);letter-spacing:var(--letter-spacing-base)}.achievements__category.filtered-hidden,.achievements__category.all-filtered{display:none!important;margin:var(--space-none);padding:var(--space-none)}@media (max-width: 29.9375em){.achievements__list{gap:var(--space-lg)}.achievements__category{margin-bottom:var(--space-sm)}.achievements__category-title{margin-bottom:var(--space-sm);font-size:var(--text-lg)!important}.achievements__stat{min-width:calc(var(--stat-width-sm) * .8);padding:var(--space-sm)}.achievements__stat-label{font-size:var(--text-xs)}.achievements__stat-value{font-size:var(--text-lg)}}@media (min-width: 30em) and (max-width: 47.9375em){.achievements__stat{min-width:var(--stat-width-sm);padding:var(--space-md)}}@media (min-width: 48em) and (max-width: 63.9375em){.achievements__stat{min-width:var(--stat-width-md);padding:var(--space-lg)}.achievements__list{gap:var(--space-2xl)}}@media (min-width: 64em){.achievements__list{gap:var(--space-3xl)}.achievements__stat{min-width:var(--stat-width-md);padding:var(--space-lg)}}@media (min-width: 80em){.achievements__summary-stats{gap:var(--space-lg)}}@media (prefers-reduced-motion: reduce){.achievements,.achievements__grid,.achievements__stat{transition:none;transform:none;will-change:auto;animation:none}.achievements:hover,.achievements__grid:hover,.achievements__stat:hover{transform:none}.achievements-hero__decoration-item{animation:none}}@media (prefers-contrast: high){.achievements__auth-required,.achievements__empty,.achievements__summary{border-width:var(--border-width-enhanced);border-color:var(--text-primary);background-color:var(--bg-primary)}.achievements__category-title{border-bottom-width:var(--border-width-enhanced);color:var(--text-primary)}.achievements__stat:hover,.achievements__stat:focus-visible{background-color:var(--bg-primary);border:var(--border-width-thin) solid var(--text-primary)}.achievements-hero{border-width:var(--border-width-thick)}}@media (forced-colors: active){.achievements__auth-required,.achievements__empty,.achievements__summary{border:var(--border-width-thin) solid CanvasText;background:Canvas;color:CanvasText}.achievements__category-title{color:CanvasText;border-bottom-color:CanvasText}}.achievement-card{background:var(--card-bg);border:var(--border-width-thin) solid var(--border-primary);border-radius:var(--radius-md);padding:var(--space-md);box-shadow:var(--card-shadow);transition:all var(--transition-normal);height:100%;display:flex;flex-direction:column;overflow:hidden;contain:layout style paint;content-visibility:auto;transform:translateZ(0);will-change:transform,box-shadow;backface-visibility:hidden}.achievement-card:hover{box-shadow:var(--card-shadow-hover);border-color:var(--border-focus);transform:translateY(calc(var(--animation-y-offset-small) * 2))}.achievement-card--unlocked{border-color:var(--achievement-gold);background:linear-gradient(135deg,var(--card-bg) 0%,rgba(255,215,0,.1) 100%)}.achievement-card--locked{opacity:.8}.achievement-card__content{flex:1;display:flex;flex-direction:column;gap:var(--space-sm)}.achievement-card__header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-sm)}.achievement-card__title{font-size:var(--text-lg);font-weight:var(--font-bold);color:var(--text-primary);margin:0;flex:1;line-height:var(--leading-tight)}.achievement-card__category{font-size:var(--text-xs);font-weight:var(--font-medium);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide);margin-left:var(--space-sm)}.achievement-card__category--bronze{background:#cd7f3233;color:#cd7f32;border:var(--border-width-thin) solid rgba(205,127,50,.3)}.achievement-card__category--silver{background:#c0c0c033;color:#a9a9a9;border:var(--border-width-thin) solid rgba(192,192,192,.3)}.achievement-card__category--gold{background:#ffd70033;color:#ffc107;border:var(--border-width-thin) solid rgba(255,215,0,.3)}.achievement-card__category--platinum{background:#e5e4e233;color:#e5e4e2;border:var(--border-width-thin) solid rgba(229,228,226,.3)}.achievement-card__description{font-size:var(--text-sm);color:var(--text-secondary);line-height:var(--leading-relaxed);margin:0;flex-grow:1}.achievement-card__progress{margin-top:auto;padding-top:var(--space-sm)}.achievement-card__progress-bar{background:var(--bg-tertiary);border-radius:var(--radius-full);height:var(--space-xs);overflow:hidden;margin-bottom:var(--space-xs)}.achievement-card__progress-bar .achievement-card__progress-fill{background:linear-gradient(90deg,var(--color-primary-500),var(--achievement-gold));height:100%;border-radius:var(--radius-full);transition:width var(--transition-normal)}.achievement-card__progress-text{font-size:var(--text-xs);color:var(--text-secondary);font-weight:var(--font-medium)}.achievement-card__unlock-date{font-size:var(--text-xs);color:var(--achievement-gold);font-weight:var(--font-medium);margin-top:var(--space-sm);padding-top:var(--space-sm);border-top:var(--border-width-thin) solid var(--border-primary)}@media print{.achievements{background:var(--print-bg);color:var(--print-text);padding:var(--space-none);max-width:var(--width-full)}.achievements__auth-required,.achievements__empty,.achievements__summary{background:var(--print-bg);border:var(--print-border);color:var(--print-text);box-shadow:none;margin-bottom:var(--space-md)}.achievements__grid{break-inside:avoid;gap:var(--space-sm);grid-template-columns:repeat(auto-fit,minmax(var(--grid-min-width-sm),1fr))}.achievements__title,.achievements__category-title,.achievements__summary-title{page-break-after:avoid}.achievements-hero{background:none;color:var(--color-black);border:var(--border-width-thin) solid var(--color-black)}.achievements-hero__decoration{display:none}.achievements-hero__title,.achievements-hero__description{color:var(--color-black);text-shadow:none}.achievement-card{background:var(--color-white);border:var(--border-width-thin) solid var(--color-black);box-shadow:none}.achievement-card__title,.achievement-card__description,.achievement-card__progress-text{color:var(--color-black)}}.achievement-filter{background-color:var(--card-bg);border:var(--border-width-thin) solid var(--border-primary);border-radius:var(--radius-lg);padding:var(--space-md);margin-bottom:var(--space-lg);box-shadow:var(--card-shadow);contain:layout style paint;content-visibility:auto;transform:translateZ(0);will-change:auto}.achievement-filter__title{margin-bottom:var(--space-md);font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--text-primary);text-align:center}@media (min-width: 48em){.achievement-filter__title{text-align:left}}.achievement-filter__container{display:grid;grid-template-columns:1fr;gap:var(--space-md);margin-bottom:var(--space-md);contain:layout style;transform:translateZ(0)}@media (min-width: 48em){.achievement-filter__container{grid-template-columns:repeat(2,1fr);gap:var(--space-lg)}}.achievement-filter__field{display:flex;flex-direction:column;gap:var(--space-xs)}.achievement-filter__label{font-size:var(--text-base);font-weight:var(--font-medium);color:var(--text-primary);margin-bottom:var(--space-xs)}.achievement-filter__select{appearance:none;background-color:var(--form-bg);border:var(--border-width-thin) solid var(--border-primary);border-radius:var(--radius-md);padding:var(--space-sm) var(--space-md);font-size:var(--text-base);color:var(--text-primary);cursor:pointer;min-height:var(--min-touch-size);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6,9 12,15 18,9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--space-sm) center;background-size:var(--space-md) var(--space-md);padding-right:calc(var(--space-md) * 2.5)}.achievement-filter__select:focus{outline:var(--focus-outline);outline-offset:var(--focus-ring-offset);border-color:var(--border-focus);box-shadow:var(--shadow-sm)}.achievement-filter__select:hover{border-color:var(--border-secondary);background-color:var(--bg-tertiary)}.achievement-filter__count{font-size:var(--text-sm);color:var(--text-secondary);margin-top:var(--space-xs)}.achievement-filter__actions{display:flex;gap:var(--space-sm);justify-content:flex-start;padding-top:var(--space-md);border-top:var(--border-width-thin) solid var(--border-primary)}.achievement-filter__reset{background:var(--btn-primary-bg);border:none;border-radius:var(--radius-md);color:var(--btn-primary-text);padding:var(--space-sm) var(--space-md);font-size:var(--text-base);font-weight:var(--font-medium);cursor:pointer;min-height:var(--min-touch-size);transition:all var(--transition-normal)}.achievement-filter__reset:hover{background:var(--btn-primary-hover);transform:translateY(var(--animation-y-offset-small));box-shadow:var(--shadow-sm)}.achievement-filter__reset:focus{outline:var(--focus-outline);outline-offset:var(--focus-ring-offset)}.achievement-filter__reset:active{transform:translateY(0)}.filtered-hidden,.section-empty{display:none!important}