.profile-header{display:flex;align-items:center;gap:var(--space-4)}.profile-header__avatar-container{position:relative;flex-shrink:0;align-self:flex-end}.profile-header__avatar{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;border:2px solid var(--color-accent);flex-shrink:0;cursor:pointer;transition:transform .15s ease;background:none;padding:0;overflow:hidden}.profile-header__avatar:hover{transform:scale(1.05)}.profile-header__avatar--editing{background:var(--color-accent);color:var(--color-background)}.profile-header__avatar--editing:hover{transform:scale(1.05)}.profile-header__avatar-emoji{font-size:20px;line-height:1;margin-bottom:-4px}.profile-header__name-section{display:flex;align-items:flex-start;gap:var(--space-2);flex:1;min-width:0}.profile-header__name-edit{flex:1;min-width:0;height:48px}.profile-header__username{font-family:var(--font-display);font-size:var(--text-4xl);font-weight:var(--font-ultrabold);color:var(--color-accent);margin:0;cursor:pointer;transition:opacity .15s ease;border-bottom:2px solid rgba(0,0,0,0);height:48px;display:flex;align-items:center}.profile-header__username:hover{opacity:.7}.profile-header__username-row{display:flex;align-items:center;gap:var(--space-2);height:48px}.profile-header__username-wrapper{position:relative;flex:1;min-width:0}.profile-header__username-input{font-family:var(--font-display);font-size:var(--text-4xl);font-weight:var(--font-ultrabold);color:var(--color-accent);background:rgba(0,0,0,0);border:none;border-bottom:2px solid var(--color-accent);outline:none;padding:0 60px 0 0;width:100%;min-width:0}.profile-header__char-count{position:absolute;right:0;bottom:4px;font-family:var(--font-sans);font-size:var(--text-sm);color:var(--color-accent);opacity:.4;pointer-events:none}.profile-header__save-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;background:none;border:none;border-radius:var(--radius-md);color:var(--color-accent);cursor:pointer;opacity:.7;transition:opacity .15s ease;flex-shrink:0}.profile-header__save-btn:hover{opacity:1}.profile-header__icon-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;background:none;border:none;color:var(--color-accent);cursor:pointer;opacity:.5;transition:opacity .15s ease;flex-shrink:0}.profile-header__icon-btn:hover{opacity:1}.profile-header__lock-container{position:relative;flex-shrink:0;margin-left:auto}.profile-header__error{font-family:var(--font-sans);font-size:var(--text-sm);color:#ff6b6b;margin:var(--space-2) 0 0}.profile-header__avatar-modal{position:relative;margin-left:calc(-50vw + 50%);margin-right:calc(-50vw + 50%);width:100vw;margin-top:var(--space-6)}.profile-header__avatar-modal-wrapper{background:var(--color-accent);max-height:0;overflow:hidden;transition:max-height .4s ease}.profile-header__avatar-modal--open .profile-header__avatar-modal-wrapper{max-height:400px}.profile-header__avatar-modal-content{max-width:600px;margin:0 auto;padding:var(--space-6) var(--space-4)}.profile-header__avatar-controls{display:flex;gap:var(--space-3)}.profile-header__color-grid{flex:0 0 50%;max-width:calc(50% - var(--space-3)/2);display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-2);align-content:start;height:200px}.profile-header__color-btn{aspect-ratio:1;border-radius:50%;border:3px solid rgba(0,0,0,0);cursor:pointer;transition:transform .15s ease,border-color .15s ease;display:flex;align-items:center;justify-content:center}.profile-header__color-btn:hover{transform:scale(1.1)}.profile-header__color-btn--selected{border-color:var(--color-background)}.profile-header__color-emoji{font-size:36px;line-height:1;margin-bottom:-8px}.profile-header__emoji-box{flex:0 0 50%;max-width:calc(50% - var(--space-3)/2);border-radius:var(--radius-md);overflow:hidden}.profile-header__emoji-box .EmojiPickerReact{--epr-bg-color:var(--color-accent);--epr-category-label-bg-color:var(--color-accent);--epr-search-input-bg-color:rgba(255,255,255,0.15);--epr-hover-bg-color:rgba(255,255,255,0.15);--epr-focus-bg-color:rgba(255,255,255,0.2);--epr-highlight-color:var(--color-background);--epr-search-input-text-color:var(--color-background);--epr-search-input-placeholder-color:rgba(217,205,191,0.5);--epr-text-color:var(--color-background);--epr-category-icon-active-color:var(--color-background);--epr-emoji-size:24px;font-size:12px;border:none}.profile-header__emoji-box .EmojiPickerReact .epr-category-nav,.profile-header__emoji-box .EmojiPickerReact .epr-emoji-category:first-child,.profile-header__emoji-box .EmojiPickerReact .epr-preview{display:none}.profile-header__pin-modal{position:relative;margin-left:calc(-50vw + 50%);margin-right:calc(-50vw + 50%);width:100vw;margin-top:0}.profile-header__pin-modal-wrapper{background:var(--color-accent);max-height:0;overflow:hidden;transition:max-height .4s ease}.profile-header__pin-modal--open .profile-header__pin-modal-wrapper{max-height:600px}.profile-header__pin-modal-content{max-width:600px;margin:0 auto;padding:var(--space-6) var(--space-4)}.profile-header__pin-field{margin-bottom:var(--space-4)}.profile-header__pin-label{display:block;font-family:var(--font-sans);font-size:var(--text-base);font-weight:var(--font-medium);color:var(--color-background);margin-bottom:var(--space-2)}.profile-header__pin-row{display:flex;align-items:center;gap:var(--space-3)}.profile-header__pin-inputs{display:flex;gap:var(--space-2);flex:1}.profile-header__pin-input{width:100%;max-width:48px;aspect-ratio:1;padding:0;font-family:var(--font-sans);font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--color-accent);text-align:center;background:var(--color-background);border:none;border-radius:var(--radius-md);outline:none}.profile-header__pin-input:focus{box-shadow:0 0 0 2px hsla(0,0%,100%,.3)}.profile-header__pin-check{color:var(--color-background)}.profile-header__pin-check,.profile-header__pin-x{display:flex;align-items:center;justify-content:center;width:48px;height:48px;flex-shrink:0}.profile-header__pin-x{color:#ff6b6b}.profile-header__pin-error{font-family:var(--font-sans);font-size:var(--text-sm);color:#ff6b6b;margin:var(--space-2) 0 0}.profile-header__pin-submit{width:100%;height:48px;margin-top:var(--space-4);display:flex;align-items:center;justify-content:center;gap:var(--space-2);background:var(--color-background);border:none;border-radius:var(--radius-md);color:var(--color-accent);font-family:var(--font-sans);font-size:var(--text-base);font-weight:var(--font-medium);cursor:pointer;transition:opacity .15s ease}.profile-header__pin-submit:hover{opacity:.85}.profile-header__pin-submit:disabled{opacity:.5;cursor:not-allowed}@media(max-width:480px){.profile-header__pin-input{max-width:40px}}.profile-leaderboard{margin-top:var(--space-8);margin-bottom:1rem}.profile-leaderboard__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-4)}.profile-leaderboard__title{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--color-accent);margin:0}.profile-leaderboard__row{display:flex;align-items:center;gap:var(--space-3)}.profile-leaderboard__rank{font-family:var(--font-sans);font-size:1.25rem;font-weight:var(--font-bold);color:var(--color-accent);min-width:32px;text-align:right}.profile-leaderboard__initials{display:flex;gap:6px;cursor:pointer}.profile-leaderboard__initial{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:hsla(0,0%,100%,.15);border:2px solid var(--color-accent);border-radius:var(--radius-md);font-family:var(--font-sans);font-size:1.25rem;font-weight:var(--font-bold);color:var(--color-accent);text-align:center;text-transform:uppercase;cursor:pointer;text-decoration:none}.profile-leaderboard__initial:focus{outline:none;text-decoration:underline;text-underline-offset:2px}.profile-leaderboard__save{display:flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;background:var(--color-accent);border:2px solid var(--color-accent);border-radius:var(--radius-md);color:var(--color-background);cursor:pointer;transition:opacity .15s ease,background-color .15s ease}.profile-leaderboard__save:hover:not(:disabled){opacity:.85}.profile-leaderboard__save--inactive{background:hsla(0,0%,100%,.15);color:var(--color-accent);cursor:default}.profile-leaderboard__points{font-family:var(--font-sans);font-size:1.25rem;font-weight:var(--font-bold);color:var(--color-accent);margin-left:auto}.profile-liked{margin-top:var(--space-8)}.profile-liked__title{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--color-accent);margin:0 0 var(--space-4)}.profile-liked__list{display:flex;flex-direction:column;gap:var(--space-4)}.profile-liked__empty{font-family:var(--font-sans);font-size:var(--text-base);color:var(--color-accent);opacity:.5;margin:0}.profile{min-height:100vh;width:100%;max-width:600px;margin:0 auto;padding:var(--space-4) 0;padding-bottom:120px}.profile__header{display:flex;align-items:center;gap:var(--space-4)}.profile__avatar-container{position:relative;flex-shrink:0;align-self:flex-end}.profile__avatar{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;border:2px solid var(--color-accent);flex-shrink:0;cursor:pointer;transition:transform .15s ease;background:none;padding:0;overflow:hidden}.profile__avatar:hover{transform:scale(1.05)}.profile__avatar--editing{background:var(--color-accent);color:var(--color-background)}.profile__avatar--editing:hover{transform:scale(1.05)}.profile__avatar-emoji{font-size:20px;line-height:1;margin-bottom:-4px}.profile__name-section{display:flex;align-items:flex-start;gap:var(--space-2);flex:1;min-width:0}.profile__name-edit{flex:1;min-width:0;height:48px}.profile__username{font-family:var(--font-display);font-size:var(--text-4xl);font-weight:var(--font-ultrabold);color:var(--color-accent);margin:0;cursor:pointer;transition:opacity .15s ease;border-bottom:2px solid rgba(0,0,0,0);height:48px;display:flex;align-items:center}.profile__username:hover{opacity:.7}.profile__username-row{display:flex;align-items:center;gap:var(--space-2);height:48px}.profile__username-wrapper{position:relative;flex:1;min-width:0}.profile__username-input{font-family:var(--font-display);font-size:var(--text-4xl);font-weight:var(--font-ultrabold);color:var(--color-accent);background:rgba(0,0,0,0);border:none;border-bottom:2px solid var(--color-accent);outline:none;padding:0 60px 0 0;width:100%;min-width:0}.profile__char-count{position:absolute;right:0;bottom:4px;font-family:var(--font-sans);font-size:var(--text-sm);color:var(--color-accent);opacity:.4;pointer-events:none}.profile__save-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;background:none;border:none;border-radius:var(--radius-md);color:var(--color-accent);cursor:pointer;opacity:.7;transition:opacity .15s ease;flex-shrink:0}.profile__save-btn:hover{opacity:1}.profile__icon-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;background:none;border:none;color:var(--color-accent);cursor:pointer;opacity:.5;transition:opacity .15s ease;flex-shrink:0}.profile__icon-btn:hover{opacity:1}.profile__lock-container{position:relative;flex-shrink:0;margin-left:auto}.profile__avatar-modal{position:relative;margin-left:calc(-50vw + 50%);margin-right:calc(-50vw + 50%);width:100vw;margin-top:var(--space-6)}.profile__avatar-modal-wrapper{background:var(--color-accent);max-height:0;overflow:hidden;transition:max-height .4s ease}.profile__avatar-modal--open .profile__avatar-modal-wrapper{max-height:400px}.profile__avatar-modal-content{max-width:600px;margin:0 auto;padding:var(--space-6) var(--space-4)}.profile__avatar-controls{display:flex;gap:var(--space-3)}.profile__color-grid{flex:0 0 50%;max-width:calc(50% - var(--space-3)/2);display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-2);align-content:start;height:200px}.profile__color-btn{aspect-ratio:1;border-radius:50%;border:3px solid rgba(0,0,0,0);cursor:pointer;transition:transform .15s ease,border-color .15s ease;display:flex;align-items:center;justify-content:center}.profile__color-btn:hover{transform:scale(1.1)}.profile__color-btn--selected{border-color:var(--color-background)}.profile__color-emoji{font-size:36px;line-height:1;margin-bottom:-8px}.profile__emoji-box{flex:0 0 50%;max-width:calc(50% - var(--space-3)/2);border-radius:var(--radius-md);overflow:hidden}.profile__emoji-box .EmojiPickerReact{--epr-bg-color:var(--color-accent);--epr-category-label-bg-color:var(--color-accent);--epr-search-input-bg-color:rgba(255,255,255,0.15);--epr-hover-bg-color:rgba(255,255,255,0.15);--epr-focus-bg-color:rgba(255,255,255,0.2);--epr-highlight-color:var(--color-background);--epr-search-input-text-color:var(--color-background);--epr-search-input-placeholder-color:rgba(217,205,191,0.5);--epr-text-color:var(--color-background);--epr-category-icon-active-color:var(--color-background);--epr-emoji-size:24px;font-size:12px;border:none}.profile__emoji-box .EmojiPickerReact .epr-category-nav,.profile__emoji-box .EmojiPickerReact .epr-emoji-category:first-child,.profile__emoji-box .EmojiPickerReact .epr-preview{display:none}.profile__pin-modal{position:relative;margin-left:calc(-50vw + 50%);margin-right:calc(-50vw + 50%);width:100vw;margin-top:0}.profile__pin-modal-wrapper{background:var(--color-accent);max-height:0;overflow:hidden;transition:max-height .4s ease}.profile__pin-modal--open .profile__pin-modal-wrapper{max-height:600px}.profile__pin-modal-content{max-width:600px;margin:0 auto;padding:var(--space-6) var(--space-4)}.profile__pin-field{margin-bottom:var(--space-4)}.profile__pin-label{display:block;font-family:var(--font-sans);font-size:var(--text-base);font-weight:var(--font-medium);color:var(--color-background);margin-bottom:var(--space-2)}.profile__pin-row{display:flex;align-items:center;gap:var(--space-3)}.profile__pin-inputs{display:flex;gap:var(--space-2);flex:1}.profile__pin-input{width:100%;max-width:48px;aspect-ratio:1;padding:0;font-family:var(--font-sans);font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--color-accent);text-align:center;background:var(--color-background);border:none;border-radius:var(--radius-md);outline:none}.profile__pin-input:focus{box-shadow:0 0 0 2px hsla(0,0%,100%,.3)}.profile__pin-check{color:var(--color-background)}.profile__pin-check,.profile__pin-x{display:flex;align-items:center;justify-content:center;width:48px;height:48px;flex-shrink:0}.profile__pin-x{color:#ff6b6b}.profile__pin-error{font-family:var(--font-sans);font-size:var(--text-sm);color:#ff6b6b;margin:var(--space-2) 0 0}.profile__pin-submit{width:100%;height:48px;margin-top:var(--space-4);display:flex;align-items:center;justify-content:center;gap:var(--space-2);background:var(--color-background);border:none;border-radius:var(--radius-md);color:var(--color-accent);font-family:var(--font-sans);font-size:var(--text-base);font-weight:var(--font-medium);cursor:pointer;transition:opacity .15s ease}.profile__pin-submit:hover{opacity:.85}.profile__pin-submit:disabled{opacity:.5;cursor:not-allowed}.profile__section{margin-top:var(--space-8)}.profile__section-title{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--color-accent);margin:0 0 var(--space-4)}.profile__empty{font-family:var(--font-sans);font-size:var(--text-base);color:var(--color-accent);opacity:.5;margin:0}.profile__error{font-family:var(--font-sans);font-size:var(--text-sm);color:#ff6b6b;margin:var(--space-2) 0 0}@media(max-width:480px){.profile__pin-input{max-width:40px}}