.lb-locals-list{display:flex;flex-direction:column;gap:var(--lb-spacing-md);width:100%}.lb-locals-list__controls{display:flex;gap:var(--lb-spacing-md);padding:var(--lb-spacing-md);background-color:var(--lb-bg-secondary);border-radius:var(--lb-radius-md);flex-wrap:wrap}.lb-locals-list__control-group{display:flex;align-items:center;gap:var(--lb-spacing-sm);flex:1;min-width:200px}.lb-locals-list__control-label{display:flex;align-items:center;gap:var(--lb-spacing-xs);font-size:var(--lb-text-size-sm);font-weight:500;color:var(--lb-fg-secondary);white-space:nowrap}.lb-locals-list__select{flex:1;padding:var(--lb-spacing-sm) var(--lb-spacing-md);background-color:var(--lb-bg-primary);border:1px solid var(--lb-border-primary);border-radius:var(--lb-radius-sm);color:var(--lb-fg-primary);font-size:var(--lb-text-size-sm);font-family:inherit;cursor:pointer;transition:border-color .2s ease}.lb-locals-list__select:focus,.lb-locals-list__select:hover{border-color:var(--lb-brand-primary)}.lb-locals-list__select:focus{outline:none;box-shadow:0 0 0 3px rgba(0,123,255,.1)}.lb-locals-list__list{display:flex;flex-direction:column;gap:var(--lb-spacing-xs)}.lb-locals-list__item{background-color:var(--lb-bg-secondary);border-radius:var(--lb-radius-md);transition:background-color .2s ease,transform .2s ease,box-shadow .2s ease}.lb-locals-list__item--clickable{cursor:pointer}.lb-locals-list__item--clickable:hover{background-color:var(--lb-bg-tertiary);transform:translateY(-1px);box-shadow:0 2px 8px rgba(0,0,0,.1)}.lb-locals-list__item--clickable:focus-visible{outline:2px solid var(--lb-brand-primary);outline-offset:2px}.lb-locals-list__item--clickable:active{transform:translateY(0)}.lb-locals-list__item--current-user{background-color:var(--lb-bg-tertiary);border:1px solid var(--lb-brand-primary)}.lb-locals-list__item-content{display:grid;grid-template-columns:1fr auto;gap:var(--lb-spacing-md);align-items:center;padding:var(--lb-spacing-md);background-color:var(--lb-bg-surface);border-radius:var(--lb-radius-md)}.lb-locals-list--variant-compact .lb-locals-list__item-content{padding:var(--lb-spacing-sm) var(--lb-spacing-md);grid-template-columns:1fr}.lb-locals-list__left-column{display:flex;flex-direction:column;gap:var(--lb-spacing-xs);min-width:0}.lb-locals-list__header{display:flex;align-items:center;justify-content:space-between}.lb-locals-list__main-row{display:flex;align-items:center;gap:var(--lb-spacing-xs)}.lb-locals-list--variant-compact .lb-locals-list__main-row{gap:var(--lb-spacing-xs)}.lb-locals-list__rank{display:flex;align-items:center;justify-content:center;min-width:2rem}.lb-locals-list__rank-number{font-size:var(--lb-text-size-xs);font-weight:600;color:var(--lb-fg-secondary)}.lb-locals-list__rank-badge{display:flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;border-radius:50%;background-color:var(--lb-bg-primary)}.lb-locals-list__rank-badge svg{width:.875rem;height:.875rem}.lb-locals-list__rank-badge--1{background:linear-gradient(135deg,gold,#ffed4e);color:#8b6914;box-shadow:0 2px 8px rgba(255,215,0,.3)}.lb-locals-list__rank-badge--2{background:linear-gradient(135deg,silver,#e8e8e8);color:#5a5a5a;box-shadow:0 2px 8px hsla(0,0%,75%,.3)}.lb-locals-list__rank-badge--3{background:linear-gradient(135deg,#cd7f32,#e6a55e);color:#6b4423;box-shadow:0 2px 8px rgba(205,127,50,.3)}.lb-locals-list__avatar,.lb-locals-list__name-row{display:flex;align-items:center}.lb-locals-list__name-row{gap:var(--lb-spacing-sm)}.lb-locals-list__name{font-size:var(--lb-text-size-md);font-weight:600;color:var(--lb-fg-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:flex;align-items:center;gap:var(--lb-spacing-xs)}.lb-locals-list--variant-compact .lb-locals-list__name{font-size:var(--lb-text-size-sm)}.lb-locals-list__trend{display:flex;align-items:center;shrink:0}.lb-locals-list__trend--up{color:var(--lb-success)}.lb-locals-list__trend--down{color:var(--lb-danger)}.lb-locals-list__meta{display:flex;flex-direction:column;align-items:flex-end;justify-content:center;gap:var(--lb-spacing-xs);font-size:var(--lb-text-size-xs);color:var(--lb-fg-tertiary);text-align:right}.lb-locals-list--variant-compact .lb-locals-list__meta{display:none}.lb-locals-list__meta-item{display:flex;align-items:center;gap:var(--lb-spacing-xs);white-space:nowrap}.lb-locals-list__rating{display:flex;align-items:center;shrink:0;margin-top:var(--lb-spacing-xs)}.lb-locals-list__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--lb-spacing-xl);gap:var(--lb-spacing-md);color:var(--lb-fg-tertiary);text-align:center}.lb-locals-list__empty-text{margin:0;font-size:var(--lb-text-size-md);color:var(--lb-fg-secondary)}.lb-locals-list--loading .lb-locals-list__item{cursor:default;pointer-events:none}.lb-locals-list__item--skeleton{background-color:var(--lb-bg-secondary)}.lb-locals-list__skeleton{background:linear-gradient(90deg,hsla(0,0%,100%,.05),hsla(0,0%,100%,.1) 50%,hsla(0,0%,100%,.05));background-size:200% 100%;animation:skeleton-loading 1.5s ease-in-out infinite;border-radius:var(--lb-radius-sm)}.lb-locals-list__skeleton--rank{width:2rem;height:1.25rem}.lb-locals-list__skeleton--avatar{width:2.5rem;height:2.5rem;border-radius:50%}.lb-locals-list__skeleton--name{width:10rem;height:1.25rem;max-width:100%}.lb-locals-list__skeleton--meta{width:15rem;height:1rem;max-width:100%;margin-top:var(--lb-spacing-xs)}.lb-locals-list__skeleton--rating{width:3rem;height:1.5rem}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}@media (max-width:640px){.lb-locals-list__control-group{width:100%;min-width:0}.lb-locals-list__meta{align-items:flex-start;margin-top:var(--lb-spacing-xs)}}@media (min-width:768px){.lb-locals-list__rank-badge{width:1.75rem;height:1.75rem}.lb-locals-list__rank-badge svg{width:1rem;height:1rem}.lb-locals-list__skeleton--avatar{width:3rem;height:3rem}}@media (prefers-reduced-motion:reduce){.lb-locals-list__item,.lb-locals-list__select{transition:none}.lb-locals-list__item--clickable:hover{transform:none}.lb-locals-list__skeleton{animation:none;background:hsla(0,0%,100%,.05)}}.lb-filterable-list{width:100%;display:flex;flex-direction:column;gap:var(--lb-spacing-md)}.lb-filterable-list__header,.lb-filterable-list__search,.lb-filterable-list__search-wrapper{width:100%}.lb-filterable-list__list{width:100%;display:flex;flex-direction:column;gap:var(--lb-spacing-sm)}.lb-filterable-list__list--grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--lb-spacing-md)}.lb-filterable-list__skeleton-item{width:100%;padding:var(--lb-spacing-md);border-radius:var(--lb-border-radius);background-color:var(--lb-surface-1)}.lb-filterable-list__skeleton-content{height:60px;background:linear-gradient(90deg,var(--lb-surface-2) 0,var(--lb-surface-3) 50%,var(--lb-surface-2) 100%);background-size:200% 100%;animation:lb-skeleton-pulse 1.5s ease-in-out infinite;border-radius:var(--lb-border-radius)}.lb-filterable-list__footer{width:100%}@media (max-width:768px){.lb-filterable-list__list--grid{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.lb-filterable-list__skeleton-content{animation:none;opacity:.6}}.lb-result-selector--button{width:100%}.lb-result-selector__button-title{font-size:var(--lb-text-size-lg);font-weight:600;color:var(--lb-fg-primary);margin:0 0 var(--lb-spacing-md) 0}.lb-result-selector__buttons{display:flex;gap:var(--lb-spacing-sm);width:100%}.lb-result-selector__buttons--horizontal{flex-direction:row}.lb-result-selector__buttons--vertical{flex-direction:column}.lb-result-selector--disabled{opacity:.5;pointer-events:none}.lb-result-selector__option{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:var(--lb-spacing-xs);padding:var(--lb-spacing-sm) var(--lb-spacing-xs);background:var(--lb-surface-2);border:2px solid var(--lb-border-subtle);border-radius:var(--lb-radius-lg);cursor:pointer;transition:all .2s ease;position:relative;flex:1;color:var(--lb-fg-primary)}.lb-result-selector--vertical .lb-result-selector__option{flex-direction:row;justify-content:flex-start;min-height:auto;padding:var(--lb-spacing-md) var(--lb-spacing-lg)}.lb-result-selector__option:hover:not(.lb-result-selector__option--selected):not(:disabled){border-color:var(--lb-border-brand)}.lb-result-selector__option--result-neutral:hover:not(.lb-result-selector__option--selected):not(:disabled){background:var(--lb-surface-3)}.lb-result-selector__option:focus-visible{outline:2px solid var(--lb-border-brand);outline-offset:2px}.lb-result-selector__option:active:not(:disabled){transform:scale(.98)}.lb-result-selector__option:disabled{cursor:not-allowed;opacity:.5}.lb-result-selector__icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:var(--lb-spacing-xs);margin-right:var(--lb-spacing-xs);border-radius:50%;transition:all .2s ease}.lb-result-selector__option--win .lb-result-selector__icon{background:var(--lb-success);color:#fff}.lb-result-selector__option--loss .lb-result-selector__icon{background:var(--lb-danger);color:#fff}.lb-result-selector__option--draw .lb-result-selector__icon{background:var(--lb-surface-3);color:var(--lb-fg-secondary)}.lb-result-selector__label{font-size:var(--lb-text-size-md);font-weight:var(--lb-font-weight-semibold);text-align:center}.lb-result-selector--vertical .lb-result-selector__label{flex:1;text-align:left;margin-left:var(--lb-spacing-sm)}.lb-result-selector--input{display:flex;flex-direction:column;gap:var(--lb-spacing-lg);padding:var(--lb-spacing-lg);width:100%}.lb-result-selector__input-title{font-size:var(--lb-text-size-lg);font-weight:var(--lb-font-weight-semibold);color:var(--lb-fg-1);margin:0 0 var(--lb-spacing-md) 0;text-align:center}.lb-result-selector__input-fields{display:flex;gap:var(--lb-spacing-md);margin-bottom:var(--lb-spacing-sm)}.lb-result-selector__input-field{flex:1;display:flex;flex-direction:column;gap:var(--lb-spacing-2xs)}.lb-result-selector__input-label{font-size:var(--lb-text-size-sm);font-weight:var(--lb-font-weight-medium);color:var(--lb-fg-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lb-match-summary{width:100%;overflow:hidden}.lb-match-summary__result{display:flex;align-items:center;justify-content:center;padding:var(--lb-spacing-sm);margin:calc(var(--lb-spacing-md) * -1) calc(var(--lb-spacing-md) * -1) 0}.lb-match-summary__content{padding:var(--lb-spacing-md) var(--lb-spacing-xs) var(--lb-spacing-xs)}.lb-match-summary__title{font-size:var(--lb-text-size-2xl);font-weight:var(--lb-font-weight-semibold);color:var(--lb-fg-1);text-align:center;margin:0 0 var(--lb-spacing-lg) 0}.lb-match-summary__players{justify-content:space-between;margin-top:var(--lb-spacing-md)}.lb-match-summary__player,.lb-match-summary__players{display:flex;align-items:center;gap:var(--lb-spacing-sm)}.lb-match-summary__player{flex-direction:column;flex:1;min-width:0;text-align:center}.lb-match-summary__avatar-score{display:flex;align-items:center;justify-content:center;gap:var(--lb-spacing-md);width:100%}.lb-match-summary__avatar-score--home{justify-content:flex-end}.lb-match-summary__avatar-score--away{justify-content:flex-end;flex-direction:row-reverse}.lb-match-summary__player-info{display:flex;flex-direction:column;align-items:center;gap:var(--lb-spacing-xs);min-width:0;width:100%}.lb-match-summary__player-name{font-size:var(--lb-text-size-lg);font-weight:var(--lb-font-weight-medium);color:var(--lb-fg-1);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lb-match-summary__player-elo{display:flex;align-items:center;gap:var(--lb-spacing-xs)}.lb-match-summary__player-score{font-size:var(--lb-text-size-3xl);font-weight:var(--lb-font-weight-bold);color:var(--lb-fg-1);text-align:center;padding:2px var(--lb-spacing-md);border-radius:6px;background-color:var(--lb-surface-3)}.lb-match-summary__vs{font-size:10px;font-weight:var(--lb-font-weight-bold);color:var(--lb-fg-3);shrink:0;opacity:.5;letter-spacing:.5px}.lb-match-summary__footer{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:var(--lb-spacing-lg);padding-top:var(--lb-spacing-md);margin-top:var(--lb-spacing-xl);border-top:1px solid var(--lb-surface-3)}.lb-match-summary__meta-item{display:flex;align-items:center;font-size:var(--lb-text-size-xs);color:var(--lb-fg-2);white-space:nowrap;gap:var(--lb-spacing-xs)}.lb-match-summary--loading .lb-match-summary__skeleton-avatar,.lb-match-summary--loading .lb-match-summary__skeleton-elo,.lb-match-summary--loading .lb-match-summary__skeleton-meta-item,.lb-match-summary--loading .lb-match-summary__skeleton-name,.lb-match-summary--loading .lb-match-summary__skeleton-result{background:linear-gradient(90deg,var(--lb-surface-2) 0,var(--lb-surface-3) 50%,var(--lb-surface-2) 100%);background-size:200% 100%;animation:lb-skeleton-pulse 1.5s ease-in-out infinite;border-radius:var(--lb-border-radius)}.lb-match-summary__skeleton{padding:var(--lb-spacing-md)}.lb-match-summary__skeleton-result{height:40px;margin:calc(var(--lb-spacing-md) * -1) calc(var(--lb-spacing-md) * -1) var(--lb-spacing-md)}.lb-match-summary__skeleton-players{display:flex;align-items:center;gap:var(--lb-spacing-md)}.lb-match-summary__skeleton-player{display:flex;align-items:center;gap:var(--lb-spacing-sm);flex:1}.lb-match-summary__skeleton-avatar{width:56px;height:56px;border-radius:50%;shrink:0}.lb-match-summary__skeleton-info{display:flex;flex-direction:column;gap:var(--lb-spacing-xs);flex:1}.lb-match-summary__skeleton-name{height:20px;width:120px}.lb-match-summary__skeleton-elo{height:16px;width:80px}.lb-match-summary__skeleton-vs{font-size:10px;font-weight:var(--lb-font-weight-bold);color:var(--lb-fg-3);shrink:0;opacity:.5;letter-spacing:.5px}.lb-match-summary__skeleton-meta-item{height:20px;width:100px;flex:1}.lb-match-summary--compact .lb-match-summary__skeleton-avatar{width:48px;height:48px}.lb-match-summary--compact .lb-match-summary__player-name{font-size:var(--lb-text-size-sm)}@media (prefers-reduced-motion:reduce){.lb-match-summary--loading .lb-match-summary__skeleton-avatar,.lb-match-summary--loading .lb-match-summary__skeleton-elo,.lb-match-summary--loading .lb-match-summary__skeleton-meta-item,.lb-match-summary--loading .lb-match-summary__skeleton-name,.lb-match-summary--loading .lb-match-summary__skeleton-result{animation:none;opacity:.6}}.lb-match-confirmation{width:100%;overflow:hidden}.lb-match-confirmation__content{display:flex;flex-direction:column;align-items:center;gap:var(--lb-spacing-sm)}.lb-match-confirmation__icon{display:flex;align-items:center;justify-content:center;margin-bottom:var(--lb-spacing-sm)}.lb-match-confirmation__title{font-size:var(--lb-text-size-2xl);font-weight:var(--lb-font-weight-bold);color:var(--lb-fg-1);text-align:center;margin:0}.lb-match-confirmation__message{font-size:var(--lb-text-size-md);color:var(--lb-fg-2);text-align:center;margin:0;max-width:400px}.lb-match-confirmation__opponent{display:flex;flex-direction:row;align-items:center;gap:var(--lb-spacing-md);padding:var(--lb-spacing-md) 0;border-radius:var(--lb-border-radius)}.lb-match-confirmation__opponent-text{font-size:var(--lb-text-size-sm);color:var(--lb-fg-2);text-align:left;margin:0}.lb-match-confirmation__opponent-text strong{color:var(--lb-fg-1);font-weight:var(--lb-font-weight-semibold)}.lb-match-confirmation__notification{display:flex;align-items:center;gap:var(--lb-spacing-xs);padding:var(--lb-spacing-sm) var(--lb-spacing-md);border-radius:var(--lb-border-radius);font-size:var(--lb-text-size-sm);border-radius:10px}.lb-match-confirmation__notification--success{background-color:color-mix(in srgb,var(--lb-success) 10%,transparent);color:var(--lb-success)}.lb-match-confirmation__notification--error{background-color:color-mix(in srgb,var(--lb-danger) 10%,transparent);color:var(--lb-danger)}.lb-match-confirmation__expiry{display:flex;align-items:center;gap:var(--lb-spacing-xs);border-radius:var(--lb-border-radius);font-size:var(--lb-text-size-sm);color:var(--lb-fg-2);border-radius:10px}.lb-match-confirmation__actions{display:flex;flex-direction:column;gap:var(--lb-spacing-md);width:100%;max-width:400px;margin-top:var(--lb-spacing-md)}.lb-match-confirmation__reference{font-size:var(--lb-text-size-xs);color:var(--lb-fg-3);text-align:center;margin-top:var(--lb-spacing-md)}.lb-match-confirmation--loading .lb-match-confirmation__skeleton-avatar,.lb-match-confirmation--loading .lb-match-confirmation__skeleton-button,.lb-match-confirmation--loading .lb-match-confirmation__skeleton-icon,.lb-match-confirmation--loading .lb-match-confirmation__skeleton-message,.lb-match-confirmation--loading .lb-match-confirmation__skeleton-notification,.lb-match-confirmation--loading .lb-match-confirmation__skeleton-title{background:linear-gradient(90deg,var(--lb-surface-2) 0,var(--lb-surface-3) 50%,var(--lb-surface-2) 100%);background-size:200% 100%;animation:lb-skeleton-pulse 1.5s ease-in-out infinite;border-radius:var(--lb-border-radius)}.lb-match-confirmation__skeleton{display:flex;flex-direction:column;align-items:center;padding:var(--lb-spacing-xl);gap:var(--lb-spacing-lg);width:100%}.lb-match-confirmation__skeleton-icon{width:64px;height:64px;border-radius:50%}.lb-match-confirmation__skeleton-title{height:32px;width:200px}.lb-match-confirmation__skeleton-message{height:20px;width:300px}.lb-match-confirmation__skeleton-avatar{width:56px;height:56px;border-radius:50%}.lb-match-confirmation__skeleton-notification{height:36px;width:250px}.lb-match-confirmation__skeleton-actions{display:flex;flex-direction:column;gap:var(--lb-spacing-sm);width:100%;max-width:400px;margin-top:var(--lb-spacing-md)}.lb-match-confirmation__skeleton-button{height:44px;width:100%}@keyframes lb-skeleton-pulse{0%,to{background-position:200% 0}50%{background-position:-200% 0}}@media (prefers-reduced-motion:reduce){.lb-match-confirmation--loading .lb-match-confirmation__skeleton-avatar,.lb-match-confirmation--loading .lb-match-confirmation__skeleton-button,.lb-match-confirmation--loading .lb-match-confirmation__skeleton-icon,.lb-match-confirmation--loading .lb-match-confirmation__skeleton-message,.lb-match-confirmation--loading .lb-match-confirmation__skeleton-notification,.lb-match-confirmation--loading .lb-match-confirmation__skeleton-title{animation:none;opacity:.6}}.lb-active-frames-list{width:100%}.lb-active-frames-list__title{font-size:var(--lb-text-size-md);font-weight:var(--lb-font-weight-semibold);color:var(--lb-fg-1);margin:0 0 var(--lb-spacing-sm) 0}.lb-active-frames-list__list{display:flex;flex-direction:column;gap:var(--lb-spacing-xs)}.lb-active-frames-list__item{display:flex;align-items:center;justify-content:space-between;background:var(--lb-surface-2);border-radius:var(--lb-radius-sm);transition:background .2s ease}.lb-active-frames-list__item:hover{background:var(--lb-surface-3)}.lb-active-frames-list__content{display:flex;align-items:center;justify-content:space-between;flex:1;padding:var(--lb-spacing-sm) var(--lb-spacing-md);background:transparent;border:none;cursor:pointer;color:inherit;font:inherit;text-align:left;transition:opacity .2s ease}.lb-active-frames-list__content:hover{opacity:.7}.lb-active-frames-list__frame-number{font-size:var(--lb-text-size-sm);font-weight:var(--lb-font-weight-medium);color:var(--lb-fg-1)}.lb-active-frames-list__score{font-size:var(--lb-text-size-sm);font-weight:var(--lb-font-weight-semibold);color:var(--lb-fg-2);flex:1;text-align:center}.lb-active-frames-list__remove{display:flex;align-items:center;justify-content:center;padding:var(--lb-spacing-xs);background:transparent;border:none;border-radius:var(--lb-radius-sm);color:var(--lb-fg-3);cursor:pointer;transition:all .2s ease}.lb-active-frames-list__remove:hover{background:var(--lb-surface-4);color:var(--lb-semantic-error)}.lb-active-frames-list__remove:active{transform:scale(.95)}.lb-active-frames-list__item--animated{animation:frame-pulse .6s ease-in-out 1}@keyframes frame-pulse{0%,to{box-shadow:0 0 0 0 var(--lb-brand-primary)}50%{box-shadow:0 0 0 4px var(--lb-brand-primary)}}.lb-level-progress-card{display:flex;flex-direction:column;gap:var(--spacing-4);padding:var(--spacing-6);background:var(--panel-bg);border:1px solid var(--panel-border);border-radius:var(--radius-lg);transition:all var(--duration-normal) var(--ease-out)}.lb-level-progress-card--interactive{cursor:pointer}.lb-level-progress-card--interactive:hover{border-color:var(--brand-primary);box-shadow:var(--shadow-md);transform:translateY(-2px)}.lb-level-progress-card--interactive:active{transform:translateY(0)}.lb-level-progress-card--max-level{border-color:var(--brand-secondary)}.lb-level-progress-card__level-badge{display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-3) var(--spacing-4);background:var(--brand-primary);border-radius:var(--radius-full);width:fit-content;box-shadow:var(--shadow-sm)}.lb-level-progress-card__level-icon{color:var(--text-on-brand)}.lb-level-progress-card__level-number{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--text-on-brand);letter-spacing:-.01em}.lb-level-progress-card__stats{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-4);padding:var(--spacing-2) 0}.lb-level-progress-card__xp-next,.lb-level-progress-card__xp-total{display:flex;flex-direction:column;gap:var(--spacing-1)}.lb-level-progress-card__xp-value{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--text-primary);line-height:1.2}.lb-level-progress-card__xp-label{font-size:var(--font-size-sm);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;font-weight:var(--font-weight-medium)}.lb-level-progress-card__progress{display:flex;flex-direction:column;gap:var(--spacing-2);padding-top:var(--spacing-2);border-top:1px solid var(--panel-border)}.lb-level-progress-card__progress-details{display:flex;justify-content:space-between;align-items:center}.lb-level-progress-card__progress-text{font-size:var(--font-size-sm);color:var(--text-secondary);font-weight:var(--font-weight-medium)}.lb-level-progress-card__max-level-badge{display:flex;align-items:center;justify-content:center;gap:var(--spacing-2);padding:var(--spacing-4);background:var(--brand-secondary);border-radius:var(--radius-md);color:var(--text-on-brand);font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);box-shadow:var(--shadow-sm)}.lb-level-progress-card--loading{pointer-events:none}.lb-level-progress-card__skeleton{background:var(--skeleton-bg);border-radius:var(--radius-md);animation:skeleton-pulse 1.5s ease-in-out infinite}.lb-level-progress-card__skeleton--level{height:42px;width:140px;border-radius:var(--radius-full)}.lb-level-progress-card__skeleton--xp{height:80px;width:100%}.lb-level-progress-card__skeleton--bar{height:48px;width:100%}@media (max-width:640px){.lb-level-progress-card{padding:var(--spacing-4);gap:var(--spacing-3)}.lb-level-progress-card__stats{gap:var(--spacing-3)}.lb-level-progress-card__level-number{font-size:var(--font-size-md)}.lb-level-progress-card__xp-value{font-size:var(--font-size-xl)}}.lb-xp-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:var(--spacing-4);width:100%}.lb-xp-stats-grid--loading{pointer-events:none}@media (max-width:640px){.lb-xp-stats-grid{grid-template-columns:1fr;gap:var(--spacing-3)}}@media (min-width:641px) and (max-width:1024px){.lb-xp-stats-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1025px){.lb-xp-stats-grid{grid-template-columns:repeat(3,1fr)}}.lb-xp-activity-feed{display:flex;flex-direction:column;gap:var(--spacing-2);width:100%}.lb-xp-activity-feed--loading{pointer-events:none}.lb-xp-activity-feed__item{display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-2);background:var(--panel-bg);border:1px solid var(--panel-border);border-radius:var(--radius-md);transition:all var(--duration-fast) var(--ease-out)}.lb-xp-activity-feed__item:hover{border-color:var(--brand-primary);transform:translateX(2px)}.lb-xp-activity-feed__left{display:flex;align-items:center;gap:var(--spacing-2);shrink:0}.lb-xp-activity-feed__icon-wrapper{display:flex;align-items:center;justify-content:center;width:24px;height:24px;min-width:24px;min-height:24px;background:var(--brand-primary);border-radius:var(--radius-full);shrink:0}.lb-xp-activity-feed__icon{color:var(--text-on-brand);shrink:0}.lb-xp-activity-feed__content{display:flex;flex-direction:column;gap:var(--spacing-0-5);flex:1;min-width:0}.lb-xp-activity-feed__label{font-size:var(--lb-text-size-sm);color:var(--text-primary);margin-left:.6em;line-height:1.2;text-align:left}.lb-xp-activity-feed__metadata{font-size:var(--lb-text-size-xs);color:var(--text-secondary)}.lb-xp-activity-feed__amount{font-size:var(--lb-text-size-xs);font-weight:var(--font-weight-bold);color:var(--brand-primary);shrink:0;min-width:40px}.lb-xp-activity-feed__timestamp{font-size:var(--lb-text-size-xs);color:var(--text-secondary);shrink:0;margin-left:auto;text-align:right}.lb-xp-activity-feed__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-3);padding:var(--spacing-8) var(--spacing-4);color:var(--text-secondary);text-align:center}.lb-xp-activity-feed__item--skeleton{pointer-events:none}.lb-xp-activity-feed__skeleton{background:var(--skeleton-bg);border-radius:var(--radius-md);animation:skeleton-pulse 1.5s ease-in-out infinite}.lb-xp-activity-feed__skeleton--icon{width:40px;height:40px;border-radius:var(--radius-full);shrink:0}.lb-xp-activity-feed__skeleton--label{height:18px;width:60%}.lb-xp-activity-feed__skeleton--meta{height:14px;width:40%}.lb-xp-activity-feed__skeleton--amount{height:20px;width:60px;shrink:0}@media (max-width:640px){.lb-xp-activity-feed__item{padding:var(--spacing-2);gap:var(--spacing-2)}.lb-xp-activity-feed__icon-wrapper{height:36px}.lb-xp-activity-feed__amount{font-size:var(--font-size-md)}.lb-xp-activity-feed__meta{flex-direction:column;align-items:flex-start;gap:var(--spacing-1)}.lb-xp-activity-feed__metadata{padding-left:0;border-left:none}}.lb-level-perks-card{display:flex;flex-direction:column;gap:var(--lb-spacing-md);width:100%}.lb-level-perks-card--loading{pointer-events:none}.lb-level-perks-card__title{margin:0;font-size:var(--lb-text-size-lg);font-weight:var(--lb-text-weight-bold);color:var(--lb-fg-primary);text-align:left}.lb-level-perks-card__list{display:flex;flex-direction:column;gap:var(--lb-spacing-lg)}.lb-level-perks-card__header{display:flex;align-items:center;justify-content:space-between;gap:var(--lb-spacing-sm);flex-wrap:wrap;margin-bottom:var(--lb-spacing-xs)}.lb-level-perks-card__name{font-size:var(--lb-text-size-md);font-weight:var(--lb-text-weight-medium);color:var(--lb-fg-primary);text-align:left}.lb-level-perks-card__description{margin:0 0 var(--lb-spacing-sm) 0;font-size:var(--lb-text-size-sm);color:var(--lb-fg-muted);line-height:1.5;text-align:left}.lb-level-perks-card__level{display:flex;align-items:center;gap:var(--lb-spacing-xs);font-size:var(--lb-text-size-xs);font-weight:var(--lb-text-weight-medium);text-transform:uppercase;letter-spacing:.05em;text-align:left}.lb-level-perks-card__level-unlocked{color:var(--lb-brand-primary)}.lb-level-perks-card__level-locked{color:var(--lb-success)}.lb-level-perks-card__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--lb-spacing-md);padding:var(--lb-spacing-xl);color:var(--lb-fg-secondary);text-align:center}.lb-level-perks-card__empty p{margin:0;font-size:var(--lb-text-size-md)}.lb-level-perks-card__skeleton-card{min-height:120px}.lb-level-perks-card__skeleton{background:var(--lb-surface-2);border-radius:var(--lb-radius-md);animation:skeleton-pulse 1.5s ease-in-out infinite}@keyframes skeleton-pulse{0%,to{opacity:1}50%{opacity:.5}}.lb-level-perks-card__skeleton--title{height:18px;width:70%;margin-bottom:var(--lb-spacing-sm)}.lb-level-perks-card__skeleton--desc{height:14px;width:100%}@media (max-width:640px){.lb-level-perks-card__list{gap:var(--lb-spacing-md)}}.lb-warning-box{padding:.75rem;background-color:color-mix(in srgb,var(--lb-warning) 10%,transparent);border:1px solid var(--lb-warning);border-radius:.5rem;display:grid;grid-template-columns:auto 1fr;gap:.75rem;align-items:center}.lb-warning-box__icon{font-size:1rem;line-height:1.25rem;display:flex;align-items:center;justify-content:center}.lb-warning-box__content{display:flex;flex-direction:column;justify-content:center}.lb-warning-box__message{font-size:.875rem;line-height:1.25rem;font-weight:500;color:var(--lb-warning);margin:0;text-align:left}.lb-warning-box__description{font-size:.75rem;line-height:1rem;color:var(--lb-fg-muted);margin:.25rem 0 0}