.profile-theme-midnight{--profile-accent:#6da8ee;--profile-glow:#152a46}.profile-theme-violet{--profile-accent:#bd9cfa;--profile-glow:#302045}.profile-theme-forest{--profile-accent:#77d2ae;--profile-glow:#153e33}.profile-theme-ember{--profile-accent:#f0af79;--profile-glow:#492818}.public-profile{border-radius:16px;padding:32px}.profile-background-gradient{background:radial-gradient(ellipse at 25% 0%, var(--profile-glow), transparent 65%), var(--bg)}.profile-background-stars{background:radial-gradient(circle at 12% 16%, #fff7 1px, transparent 2px), radial-gradient(circle at 76% 62%, #fff5 1px, transparent 2px), radial-gradient(ellipse at top, var(--profile-glow), transparent), var(--bg);background-size:130px 180px,210px 160px,auto,auto}.profile-background-none{background:var(--bg)}.public-profile .profile-heading{align-items:flex-start;gap:24px;padding:32px 0}.profile-identity{flex:1;min-width:0}.public-profile .profile-bio{white-space:pre-wrap;overflow-wrap:anywhere;max-width:640px;margin:16px 0 0;padding:0}.profile-social-links{flex-wrap:wrap;gap:10px;margin-top:22px;display:flex}.profile-social-link{border:1px solid var(--line);background:color-mix(in srgb, var(--surface) 88%, transparent);min-width:130px;max-width:210px;color:var(--text);border-radius:10px;align-items:center;gap:10px;padding:9px 12px;text-decoration:none;transition:border-color .18s,transform .18s,background .18s;display:inline-flex}a.profile-social-link:hover,a.profile-social-link:focus-visible{border-color:var(--profile-accent);background:var(--surface-2);transform:translateY(-2px)}.profile-social-link>span:last-child{gap:2px;min-width:0;display:grid}.profile-social-link strong{font-size:12px;line-height:1.2}.profile-social-link small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.profile-social-icon{background:color-mix(in srgb, var(--profile-accent,#6da8ee) 18%, transparent);border-radius:9px;flex:none;place-items:center;width:38px;height:38px;display:grid}.social-platform-icon{filter:var(--social-icon-filter,invert(1));display:block}:root[data-theme=day] .social-platform-icon{--social-icon-filter:none}.profile-social-editor-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:24px 0;display:grid}.profile-social-field{border:1px solid var(--line);background:var(--surface);border-radius:12px;gap:10px;min-width:0;padding:16px;display:grid}.profile-social-field-heading{align-items:center;gap:11px;display:flex}.profile-social-field input{width:100%;min-width:0}.profile-social-field small{color:var(--muted);font-size:12px;line-height:1.4}.profile-actions{flex-wrap:wrap;gap:8px;max-width:260px;display:flex}.profile-columns{grid-template-columns:minmax(0,1fr) 270px;gap:24px;display:grid}.profile-main,.profile-sidebar{flex-direction:column;gap:20px;min-width:0;display:flex}.profile-section{scroll-margin-top:95px}.profile-section h2,.profile-sidebar h2{align-items:center;gap:12px;margin:0 0 20px;font-size:18px;display:flex}.profile-section h3{margin:16px 0 10px;font-size:14px}.profile-stat-grid{background:#0004;border-radius:8px;grid-template-columns:repeat(4,1fr);gap:16px;padding:20px;display:grid}.profile-stat-grid a{flex-direction:column;gap:8px;display:flex}.profile-stat-grid strong{color:var(--profile-accent);font-size:clamp(20px,2.5vw,32px);font-weight:400}.profile-stat-grid span{color:var(--muted);font-size:13px}.profile-featured-games{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.profile-featured-games img{aspect-ratio:16/9;object-fit:cover;border-radius:6px;width:100%}.profile-featured-games span{font-size:12px}.profile-sidebar nav{flex-direction:column;gap:4px;display:flex}.profile-sidebar nav a{justify-content:space-between;align-items:center;gap:12px;padding:10px 0;display:flex}.profile-sidebar nav a span{color:var(--muted)}.profile-sidebar a:hover,.profile-activity a:hover{color:var(--profile-accent)}.profile-friend{overflow-wrap:anywhere;align-items:center;gap:12px;padding:10px 0;display:flex}.profile-review{border-top:1px solid var(--line);padding:16px 0}.profile-review p,.profile-post-grid p{white-space:pre-wrap;overflow-wrap:anywhere}.profile-recommended{color:var(--ok)}.profile-activity{border-top:1px solid var(--line);justify-content:space-between;gap:16px;padding:16px 0;display:flex}.profile-post-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.profile-post-grid img{object-fit:cover;border-radius:8px;width:100%;max-height:300px}.public-profile .game-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.profile-editor{grid-template-columns:210px minmax(0,1fr);gap:32px;width:100%;display:grid}.profile-editor-nav{flex-direction:column;align-self:start;gap:6px;display:flex;position:sticky;top:100px}.profile-editor-nav .back-link{margin:0 0 16px}.profile-editor-nav>a:not(.back-link){text-align:left;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:6px;padding:13px 16px}.profile-editor-nav>a.active{background:var(--surface-2);color:var(--text)}.profile-editor-nav>a:hover{background:var(--surface)}.profile-editor-body{min-width:0;padding:32px}.profile-editor-body>h2{margin:8px 0 12px;font-size:26px}.profile-editor-body>h3{text-transform:uppercase;letter-spacing:.08em;border-bottom:1px solid var(--line);margin:18px 0;padding:20px 0 14px;font-size:13px}.profile-editor-body>label{margin:22px 0}.profile-editor-body .form-actions{border-top:1px solid var(--line);margin-top:32px;padding-top:24px}.profile-preview{overflow-wrap:anywhere;border-radius:10px;align-items:center;gap:20px;padding:32px;display:flex}.profile-preview h2{color:var(--profile-accent)}.profile-privacy-option{border:1px solid var(--line);border-radius:8px;align-items:center;gap:16px;padding:16px;display:flex}.profile-privacy-option input{width:18px;height:18px}.profile-privacy-option small{color:var(--muted);margin-top:6px;display:block}@media (max-width:1000px){.profile-columns{grid-template-columns:minmax(0,1fr) 220px;gap:16px}.public-profile{padding:20px}.profile-editor{grid-template-columns:165px minmax(0,1fr);gap:16px}}@media (max-width:760px){.profile-social-editor-grid{grid-template-columns:1fr}.profile-social-link{min-width:0}.public-profile .profile-identity{flex:calc(100% - 104px)}.public-profile .profile-heading>.profile-actions,.public-profile .profile-heading>.button{flex-basis:100%}.profile-columns,.profile-editor{grid-template-columns:1fr}.profile-sidebar{grid-row:1}.profile-sidebar nav{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:20px;display:grid}.profile-heading{flex-wrap:wrap}.public-profile .profile-heading>.avatar{width:80px!important;height:80px!important}.profile-actions{max-width:none}.profile-editor-nav{flex-flow:wrap;gap:4px;position:static}.profile-editor-nav .back-link{width:100%}.profile-editor-nav>a:not(.back-link){padding:10px 12px}.profile-editor-body{padding:20px}.profile-stat-grid,.profile-featured-games{grid-template-columns:repeat(2,minmax(0,1fr))}.profile-activity{flex-direction:column;gap:8px}.profile-post-grid,.public-profile .game-grid{grid-template-columns:1fr}}.account-security-grid{grid-template-columns:minmax(0,1fr) minmax(280px,.65fr);align-items:start;gap:24px;display:grid}.account-page .social-nav{margin-top:0}.profile-settings-identity{border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:16px;margin-bottom:24px;padding-bottom:24px;display:flex}.profile-settings-identity>div{flex:1;gap:8px;display:grid}.profile-settings-identity strong{overflow-wrap:anywhere}.profile-settings-identity .button{width:fit-content}@media (max-width:900px){.account-security-grid{grid-template-columns:1fr}}
