.profile{max-width:var(--container-xl);margin:0 auto;padding:var(--space-xs);contain:layout style paint}@media (min-width: 20em){.profile{padding:var(--space-sm)}}@media (min-width: 48em){.profile{padding:var(--space-md)}}@media (min-width: 64em){.profile{padding:var(--space-lg)}}@media (min-width: 80em){.profile{padding:var(--space-xl)}}.profile__title{font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--text-primary);text-align:center;margin-bottom:var(--space-xl);line-height:var(--leading-tight);contain:layout style}@media (min-width: 48em){.profile__title{font-size:var(--text-3xl);margin-bottom:var(--space-2xl)}}@media (min-width: 64em){.profile__title{font-size:var(--text-4xl);margin-bottom:var(--space-3xl)}}.profile__login-prompt{background:var(--card-bg);border:var(--border-width-thin) solid var(--card-border);border-radius:var(--radius-lg);padding:var(--space-lg);margin-bottom:var(--space-lg);box-shadow:var(--card-shadow);contain:layout style paint}@media (min-width: 48em){.profile__login-prompt{padding:var(--space-xl);margin-bottom:var(--space-xl)}}@media (min-width: 64em){.profile__login-prompt{padding:var(--space-2xl)}}.profile__login-prompt .profile__login-content{text-align:center;contain:layout style}.profile__login-prompt .profile__login-icon{width:var(--icon-size-lg);height:var(--icon-size-lg);margin:0 auto var(--space-md);color:var(--interactive-primary);contain:layout style paint}@media (min-width: 48em){.profile__login-prompt .profile__login-icon{width:var(--icon-size-xl);height:var(--icon-size-xl);margin-bottom:var(--space-lg)}}.profile__login-prompt .profile__login-title{font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--text-primary);margin-bottom:var(--space-sm);line-height:var(--leading-tight);contain:layout style}@media (min-width: 48em){.profile__login-prompt .profile__login-title{font-size:var(--text-2xl);margin-bottom:var(--space-md)}}.profile__login-prompt .profile__login-message{font-size:var(--text-base);color:var(--text-secondary);margin-bottom:var(--space-lg);line-height:var(--leading-relaxed);contain:layout style}@media (min-width: 48em){.profile__login-prompt .profile__login-message{font-size:var(--text-lg);margin-bottom:var(--space-xl)}}.profile__login-prompt .profile__login-button{display:inline-block;background:var(--btn-primary-bg);color:var(--btn-primary-text);padding:var(--space-sm) var(--space-lg);border-radius:var(--radius-md);text-decoration:none;font-weight:var(--font-semibold);transition:all var(--transition-base);border:none;cursor:pointer;contain:layout style paint}@media (min-width: 48em){.profile__login-prompt .profile__login-button{padding:var(--space-md) var(--space-xl)}}.profile__login-prompt .profile__login-button:hover{background:var(--btn-primary-hover);transform:translateY(calc(-1 * var(--space-xs)))}.profile__login-prompt .profile__login-button:focus{outline:var(--focus-ring);outline-offset:var(--focus-ring-offset)}.profile__loading{display:flex;align-items:center;justify-content:center;min-height:18.75rem;color:var(--text-secondary);contain:layout style paint}.profile__loading-content{text-align:center;contain:layout style}.profile__loading-icon{width:var(--icon-size-lg);height:var(--icon-size-lg);margin:0 auto var(--space-sm);color:var(--interactive-primary);animation:profile-spin var(--animation-duration-slow) linear infinite;contain:layout style paint}@media (min-width: 48em){.profile__loading-icon{width:var(--icon-size-xl);height:var(--icon-size-xl);margin-bottom:var(--space-md)}}.profile__loading-text{font-size:var(--text-base);color:var(--text-secondary);line-height:var(--leading-relaxed);contain:layout style}@media (min-width: 48em){.profile__loading-text{font-size:var(--text-lg)}}.profile__error{background-color:var(--bg-error-aaa);border:var(--border-width-thick) solid var(--border-error);border-radius:var(--radius-lg);padding:var(--space-md);margin-bottom:var(--space-lg);color:var(--text-error-aaa);contain:layout style paint}@media (min-width: 48em){.profile__error{padding:var(--space-lg);margin-bottom:var(--space-xl)}}.profile__error-message{font-weight:var(--font-semibold);font-size:var(--text-base);margin-bottom:var(--space-xs);line-height:var(--leading-relaxed);contain:layout style}@media (min-width: 48em){.profile__error-message{font-size:var(--text-lg);margin-bottom:var(--space-sm)}}.profile__error-help{font-size:var(--text-sm);color:var(--text-error-aaa);line-height:var(--leading-relaxed);contain:layout style}@media (min-width: 48em){.profile__error-help{font-size:var(--text-base)}}.profile__content{display:flex;flex-direction:column;gap:var(--space-lg);contain:layout style}@media (min-width: 48em){.profile__content{gap:var(--space-xl)}}@media (min-width: 64em){.profile__content{gap:var(--space-2xl)}}@media (min-width: 80em){.profile__content{gap:var(--space-3xl)}}.profile-card{background-color:var(--card-bg);border:var(--border-width-thin) solid var(--card-border);border-radius:var(--radius-lg);padding:var(--space-lg);box-shadow:var(--card-shadow);transition:box-shadow var(--transition-base);contain:layout style paint}@media (min-width: 48em){.profile-card{padding:var(--space-xl)}}@media (min-width: 64em){.profile-card{padding:var(--space-2xl)}}.profile-card:focus-within{box-shadow:var(--card-shadow-hover);outline:var(--focus-ring);outline-offset:var(--focus-ring-offset)}.profile-card__title{font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--text-primary);margin-bottom:var(--space-lg);line-height:var(--leading-tight);contain:layout style}@media (min-width: 48em){.profile-card__title{font-size:var(--text-2xl);margin-bottom:var(--space-xl)}}@media (min-width: 64em){.profile-card__title{font-size:var(--text-3xl)}}.profile-card__user-details{display:flex;flex-direction:column;gap:var(--space-md);contain:layout style}@media (min-width: 48em){.profile-card__user-details{gap:var(--space-lg)}}.profile-card__user-item{display:flex;align-items:flex-start;gap:var(--space-sm);padding:var(--space-sm);background-color:var(--bg-tertiary);border:var(--border-width-thin) solid var(--border-secondary);border-radius:var(--radius-md);contain:layout style paint}@media (min-width: 48em){.profile-card__user-item{gap:var(--space-md);padding:var(--space-md)}}.profile-card__icon{color:var(--interactive-primary);flex-shrink:0;margin-top:var(--space-xs);width:var(--icon-size-sm);height:var(--icon-size-sm);contain:layout style paint}@media (min-width: 48em){.profile-card__icon{width:var(--icon-size-md);height:var(--icon-size-md)}}.profile-card__user-text{flex:1;contain:layout style}.profile-card__label{display:block;font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--text-secondary);margin-bottom:var(--space-2xs);contain:layout style}@media (min-width: 48em){.profile-card__label{font-size:var(--text-sm);margin-bottom:var(--space-xs)}}.profile-card__value{display:block;font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--text-primary);contain:layout style}@media (min-width: 48em){.profile-card__value{font-size:var(--text-lg)}}.profile-card__empty{text-align:center;padding:var(--space-xl);color:var(--text-tertiary);contain:layout style paint}@media (min-width: 64em){.profile-card__empty{padding:var(--space-2xl)}}.profile-card__empty-icon{margin:0 auto var(--space-md);color:var(--text-tertiary);width:var(--icon-size-lg);height:var(--icon-size-lg);contain:layout style paint}@media (min-width: 48em){.profile-card__empty-icon{width:var(--icon-size-xl);height:var(--icon-size-xl);margin-bottom:var(--space-lg)}}.profile-card__empty-text{font-size:var(--text-base);line-height:var(--leading-relaxed);contain:layout style}@media (min-width: 48em){.profile-card__empty-text{font-size:var(--text-lg)}}.stats-grid{display:grid;grid-template-columns:1fr;gap:var(--space-lg);contain:layout style}@media (min-width: 64em){.stats-grid{grid-template-columns:repeat(2,1fr);gap:var(--space-xl)}}.stat-card{padding:var(--space-lg);background-color:var(--bg-tertiary);border:var(--border-width-thin) solid var(--border-secondary);border-radius:var(--radius-md);contain:layout style paint}@media (min-width: 48em){.stat-card{padding:var(--space-xl)}}.stat-card__title{font-size:var(--text-lg);font-weight:var(--font-bold);color:var(--text-primary);margin-bottom:var(--space-md);line-height:var(--leading-tight);contain:layout style}@media (min-width: 48em){.stat-card__title{font-size:var(--text-xl);margin-bottom:var(--space-lg)}}@media (min-width: 64em){.stat-card__title{font-size:var(--text-2xl)}}.stat-card__list{display:flex;flex-direction:column;gap:var(--space-sm);contain:layout style}@media (min-width: 48em){.stat-card__list{gap:var(--space-md)}}.stat-card__item{padding:var(--space-sm);background-color:var(--bg-secondary);border-radius:var(--radius-sm);border:var(--border-width-thin) solid var(--border-primary);contain:layout style paint}@media (min-width: 48em){.stat-card__item{padding:var(--space-md)}}.stat-card__label{font-size:var(--text-xs);color:var(--text-secondary);font-weight:var(--font-medium);display:block;margin-bottom:var(--space-2xs);contain:layout style}@media (min-width: 48em){.stat-card__label{font-size:var(--text-sm);margin-bottom:var(--space-xs)}}.stat-card__value{font-size:var(--text-lg);font-weight:var(--font-bold);color:var(--text-primary);display:block;contain:layout style}@media (min-width: 48em){.stat-card__value{font-size:var(--text-xl)}}.recent-games__list{display:flex;flex-direction:column;gap:var(--space-md);list-style:none;padding:0;contain:layout style}@media (min-width: 48em){.recent-games__list{gap:var(--space-lg)}}.recent-game{padding:var(--space-md);background-color:var(--bg-tertiary);border:var(--border-width-thin) solid var(--border-secondary);border-radius:var(--radius-md);transition:all var(--transition-base);contain:layout style paint}@media (min-width: 48em){.recent-game{padding:var(--space-lg)}}.recent-game:hover{border-color:var(--border-focus);transform:translateY(calc(-1 * var(--space-xs)))}.recent-game:focus-within{outline:var(--focus-ring);outline-offset:var(--focus-ring-offset)}.recent-game__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-sm);contain:layout style}@media (min-width: 48em){.recent-game__header{margin-bottom:var(--space-md)}}.recent-game__mode{display:flex;align-items:center;gap:var(--space-xs);contain:layout style}@media (min-width: 48em){.recent-game__mode{gap:var(--space-sm)}}.recent-game__mode-text{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--text-primary);contain:layout style}@media (min-width: 48em){.recent-game__mode-text{font-size:var(--text-lg)}}.recent-game__icon{color:var(--interactive-primary);width:var(--icon-size-sm);height:var(--icon-size-sm);contain:layout style paint}@media (min-width: 48em){.recent-game__icon{width:var(--icon-size-md);height:var(--icon-size-md)}}.recent-game__score{text-align:right;contain:layout style}.recent-game__score-value{display:block;font-size:var(--text-lg);font-weight:var(--font-bold);color:var(--interactive-primary);line-height:var(--leading-tight);contain:layout style}@media (min-width: 48em){.recent-game__score-value{font-size:var(--text-xl)}}@media (min-width: 64em){.recent-game__score-value{font-size:var(--text-2xl)}}.recent-game__score-label{font-size:var(--text-xs);color:var(--text-secondary);line-height:var(--leading-relaxed);contain:layout style}@media (min-width: 48em){.recent-game__score-label{font-size:var(--text-sm)}}.recent-game__details{display:flex;flex-wrap:wrap;gap:var(--space-md);font-size:var(--text-xs);color:var(--text-secondary);line-height:var(--leading-relaxed);contain:layout style}@media (min-width: 48em){.recent-game__details{gap:var(--space-lg);font-size:var(--text-sm)}}@media (min-width: 64em){.recent-game__details{justify-content:space-between;font-size:var(--text-base)}}.recent-game__category{font-weight:var(--font-medium);color:var(--text-primary);contain:layout style}.recent-game__difficulty{padding:var(--space-2xs) var(--space-xs);border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:var(--font-medium);text-transform:capitalize;contain:layout style paint}@media (min-width: 48em){.recent-game__difficulty{padding:var(--space-xs) var(--space-sm);font-size:var(--text-sm)}}.recent-game__difficulty--easy{background-color:var(--bg-success-aaa);color:var(--text-success-aaa)}.recent-game__difficulty--medium{background-color:var(--bg-warning-aaa);color:var(--text-warning-aaa)}.recent-game__difficulty--hard{background-color:var(--bg-error-aaa);color:var(--text-error-aaa)}.recent-game__language{display:flex;align-items:center;gap:var(--space-2xs);padding:var(--space-2xs) var(--space-xs);background-color:var(--bg-tertiary);border:var(--border-width-thin) solid var(--border-secondary);border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--text-secondary);contain:layout style paint}@media (min-width: 48em){.recent-game__language{gap:var(--space-xs);padding:var(--space-xs) var(--space-sm);font-size:var(--text-sm)}}.recent-game__language-icon{width:var(--icon-size-xs);height:var(--icon-size-xs);color:var(--interactive-primary);contain:layout style paint}.recent-game__date{color:var(--text-tertiary);font-size:var(--text-xs);contain:layout style}@media (min-width: 48em){.recent-game__date{font-size:var(--text-sm)}}@keyframes profile-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: reduce){.profile__loading-icon{animation:none}.stat-card,.recent-game,.profile-card__user-item{transition:none}.recent-game:hover{transform:none}}@media (prefers-contrast: high){.profile-card,.stat-card,.recent-game,.profile-card__user-item{border-width:var(--border-width-thick)}}@media (max-width: 320px){.profile{padding:var(--space-xs) calc(var(--space-xs) / 2)}.profile-card{padding:var(--space-sm)}.profile__title{font-size:var(--text-xl)}.profile__login-title{font-size:var(--text-lg)}.profile__login-message{font-size:var(--text-sm)}}@media print{.profile{max-width:none;padding:0}.profile-card{break-inside:avoid;box-shadow:none;border:var(--print-border)}.recent-game{break-inside:avoid}}