.profile-page{--profile-panel: #18191b;--profile-panel-raised: #202124;--profile-border: #2b2d30;--profile-gold: #e6c37d;--profile-muted: #a5a5aa}.profile-page-header{margin-bottom:16px}.profile-page-header h1{color:#f7f7f8;font-size:clamp(26px,2.5vw,34px);font-weight:650;letter-spacing:-.035em;line-height:1.2}.profile-page .profile-logout-button{min-height:42px;gap:9px;padding:0 6px 0 12px;color:#a5a5aa;font-size:13px;font-weight:500}.profile-page .profile-logout-button:hover{color:#f5f5f6;background:transparent}.profile-page .profile-logout-button svg{width:17px;height:17px}.profile-page #progression{margin-top:0}.profile-page [data-membership-passport=c1]{overflow:visible;border:0;border-radius:0;background:transparent;box-shadow:none}.profile-page [data-membership-passport=c1]>div:first-child{grid-template-columns:minmax(0,1.62fr) minmax(0,1fr);gap:14px;padding:0}.profile-page [data-profile-identity],.profile-page [data-profile-membership]{min-width:0;min-height:298px;padding:28px 30px;border:1px solid var(--profile-border);border-radius:12px;background:var(--profile-panel)}.profile-page [data-profile-identity]{gap:0}.profile-identity-content{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px;align-items:center;min-height:100px}.profile-identity-head{gap:36px}.profile-avatar{width:96px;height:96px}.profile-avatar>span{border-radius:13px;font-size:40px}.profile-avatar-fallback{background:linear-gradient(140deg,#6e6250,#343334)}.profile-name-group h2{font-size:clamp(18px,1.6vw,22px);letter-spacing:-.025em;line-height:1.3}.profile-account-status{margin-top:9px;color:#b8b9bb;font-size:12px;line-height:1.5}.profile-page .profile-details-link{min-height:42px;gap:8px;padding:0 13px;border:1px solid #393a3e;border-radius:7px;color:#e6e6e7;font-size:13px;font-weight:500;white-space:nowrap}.profile-page .profile-details-link:hover{border-color:#777066;background:#252527;color:#fff}.profile-page [data-profile-identity]>div:last-child{margin-top:auto;padding-top:22px;border-color:#353638}.profile-page [data-profile-assets=passport]>div>:not(:first-child){border-left:1px solid #353638;padding-left:22px}.profile-page [data-profile-assets=passport] :is(a,strong){text-decoration:none}.profile-page [data-profile-assets=passport] a>span:first-child,.profile-page [data-profile-assets=passport]>div>div>div:first-child{color:var(--profile-muted);font-size:12px;line-height:1.35}.profile-page [data-profile-assets=passport] a>span:last-child,.profile-page [data-profile-assets=passport] strong{min-height:42px;color:var(--profile-gold);font-size:clamp(24px,2.5vw,30px);font-weight:650;line-height:1.2}.profile-page [data-profile-assets=passport] a>svg{opacity:.45}.profile-page [data-profile-membership]{display:flex;flex-direction:column;align-items:stretch;padding:26px 28px}.profile-membership-heading{color:#f4f4f5;font-size:17px;font-weight:600;line-height:1.35}.profile-page [data-profile-membership]>div:last-child:has(>p[role=status]){flex:1;flex-direction:column;justify-content:center;gap:18px;text-align:center}.profile-page [data-profile-membership]>div:last-child:has(>p[role=status]) p{color:#b3b3b7;font-size:13px;line-height:1.6}.profile-page [data-profile-membership]>div:last-child:has(>p[role=status]) button{min-height:40px;padding:0 17px;border-color:#44464a;background:#222326;color:#f4f4f5;font-size:12px}.profile-page [data-profile-membership] strong{color:var(--profile-gold)}.profile-page [data-membership-passport=c1]>div:last-child{margin-top:18px;background:transparent}.profile-action-bar{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr) minmax(160px,1.15fr);gap:14px;align-items:center;min-height:114px;padding:20px 30px;border:1px solid var(--profile-border);border-radius:12px;background:var(--profile-panel)}.profile-action-bar:not(:has(.profile-promo)){grid-template-columns:minmax(0,1fr) minmax(0,2fr)}.profile-action-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;min-width:0}.profile-page .profile-action-button{display:inline-flex;justify-content:flex-start;min-width:0;min-height:70px;gap:11px;padding:0 16px;border:1px solid #36383b;border-radius:8px;background:var(--profile-panel-raised);color:#f3f3f4;font-size:13px;font-weight:550;white-space:nowrap}.profile-page .profile-action-button:hover{border-color:#73706a;background:#2a2b2e;color:#fff}.profile-page .profile-action-button svg{flex:none;width:17px;height:17px}.profile-page .profile-action-button .profile-action-arrow{width:15px;height:15px;margin-left:auto;opacity:.75}.profile-page .profile-action-primary{border-color:#e9c77f;background:#e9c77f;color:#272014;font-weight:650}.profile-page .profile-action-primary:hover{border-color:#f2d499;background:#f2d499;color:#272014}.profile-promo{min-height:42px;display:flex;align-items:center;gap:9px;padding-left:20px;border-left:1px solid #37383a;color:#aeb0b3;font-size:11px;line-height:1.5}.profile-promo svg{width:16px;height:16px;flex:none;stroke-width:1.7}.profile-shortcuts,.profile-recent-section{margin-top:18px;padding:27px 28px 28px;border:1px solid var(--profile-border);border-radius:12px;background:var(--profile-panel)}.profile-shortcuts h2,.profile-recent-section h2{color:#f7f7f8;font-size:17px;font-weight:600;line-height:1.4}.profile-shortcuts-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:18px}.profile-shortcuts-grid:has(>:nth-child(3):last-child){grid-template-columns:repeat(3,minmax(0,1fr))}.profile-shortcut{display:flex;align-items:center;min-width:0;min-height:72px;gap:12px;padding:0 16px;border:1px solid #303236;border-radius:8px;background:#202124;color:#ebebed;font-size:13px;text-align:left;text-decoration:none;transition:border-color .16s ease,background-color .16s ease}.profile-shortcut:hover{border-color:#746d62;background:#28292b}.profile-shortcut:focus-visible,.profile-page .profile-action-button:focus-visible,.profile-page .profile-details-link:focus-visible{outline:2px solid var(--profile-gold);outline-offset:2px}.profile-shortcut-icon{display:flex;flex:none;color:#d7d7da}.profile-shortcut-icon svg{width:20px;height:20px;stroke-width:1.8}.profile-shortcut-arrow{width:15px;height:15px;flex:none;margin-left:auto;color:#aaaab0;stroke-width:1.8}.profile-recent{margin-top:0}.profile-recent-header a{color:#b9b9bd;font-size:12px}.profile-recent-grid{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:10px;margin-top:24px}.profile-recent-grid>a>*{aspect-ratio:.64}.profile-recent-grid>a,.profile-recent-grid>div{overflow:hidden;border:1px solid #353638;border-radius:7px;background:#242528}.profile-recent-grid>a:hover{border-color:#a58a5c}@media (max-width: 1023px){.profile-shortcuts-grid,.profile-shortcuts-grid:has(>:nth-child(3):last-child){grid-template-columns:repeat(2,minmax(0,1fr))}.profile-shortcut{min-height:64px;gap:10px;padding:12px 14px;font-size:14px}.profile-shortcut-label{overflow:visible;overflow-wrap:anywhere;white-space:normal;text-overflow:clip;line-height:20px}.profile-shortcut-label:lang(ko){word-break:keep-all}.profile-shortcut-arrow{display:none}}@media (max-width: 1060px){.profile-page [data-membership-passport=c1]>div:first-child{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr)}.profile-page [data-profile-identity],.profile-page [data-profile-membership]{padding:22px}.profile-action-bar{grid-template-columns:minmax(0,1fr) minmax(0,2fr)}.profile-promo{grid-column:1 / -1;min-height:0;padding:0;border:0}}@media (max-width: 760px){.profile-page [data-membership-passport=c1]>div:first-child{grid-template-columns:minmax(0,1fr)}.profile-page [data-profile-identity],.profile-page [data-profile-membership]{min-height:0}.profile-page [data-profile-membership]{min-height:180px}.profile-shortcuts-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.profile-shortcuts-grid:has(>:nth-child(3):last-child){grid-template-columns:repeat(2,minmax(0,1fr))}.profile-recent-grid{grid-auto-columns:minmax(104px,30%);grid-auto-flow:column;grid-template-columns:none;overflow-x:auto;padding-bottom:5px;scrollbar-width:thin}}@media (max-width: 520px){.profile-page-header{margin-bottom:20px}.profile-page [data-profile-identity],.profile-page [data-profile-membership]{padding:19px}.profile-identity-content{grid-template-columns:minmax(0,1fr);gap:14px}.profile-avatar{width:58px;height:58px}.profile-avatar>span{font-size:26px}.profile-identity-head{gap:14px}.profile-page [data-profile-assets=passport]>div{gap:8px}.profile-page [data-profile-assets=passport]>div>:not(:first-child){padding-left:8px}.profile-page [data-profile-assets=passport] a>span:first-child,.profile-page [data-profile-assets=passport]>div>div>div:first-child{font-size:10px}.profile-page [data-profile-assets=passport] a>span:last-child,.profile-page [data-profile-assets=passport] strong{font-size:22px}.profile-action-bar,.profile-action-links,.profile-action-bar:not(:has(.profile-promo)){grid-template-columns:minmax(0,1fr)}.profile-action-bar{gap:9px;padding:13px}.profile-page .profile-action-button{min-height:48px}.profile-shortcuts,.profile-recent-section{padding:18px 16px}.profile-shortcuts-grid{gap:8px}.profile-shortcut{min-height:64px;gap:8px;padding:10px 8px;font-size:14px}.profile-shortcut-icon svg{width:18px;height:18px}.profile-shortcut-arrow{width:13px;height:13px}}@media (prefers-reduced-motion: reduce){.profile-shortcut{transition:none}}
