.archive-design-page:has(.profile-reference) { background:#e3e3e3; }
.profile-reference { max-width:970px; margin:auto; }
.profile-reference .section { margin-bottom:20px; }
.profile-reference .container-header h3, .profile-reference .section-header h3 { font-size:22px; font-weight:600; }
.profile-reference .jegg-profile-head { background:#fff; }
.profile-reference .jegg-profile-head { position:relative; padding-right:64px; }
.profile-reference .jegg-profile-actions { display:flex; flex-direction:row; flex-wrap:nowrap; align-items:center; gap:6px; margin-top:14px; }
.profile-reference .jegg-profile-action-row { display:contents; }
.profile-reference .jegg-profile-action-row form { margin:0; }
.jegg-profile-more { position:absolute; z-index:20; top:16px; right:16px; width:40px; height:40px; }
.jegg-profile-more summary { box-sizing:border-box; list-style:none; display:flex; align-items:center; justify-content:center; width:40px; height:40px; border:1px solid transparent; border-radius:50%; color:#555; font-size:26px; font-weight:700; line-height:1; cursor:pointer; }
.jegg-profile-more summary::-webkit-details-marker { display:none; }
.jegg-profile-more summary:hover, .jegg-profile-more[open] summary { border-color:#d6d6d6; background:#f5f5f5; }
.jegg-profile-more summary:focus-visible { outline:2px solid #00a2ff; outline-offset:2px; }
.jegg-profile-more-menu { position:absolute; top:46px; right:0; box-sizing:border-box; width:208px; padding:5px; background:#fff; border:1px solid #d6d6d6; border-radius:4px; box-shadow:0 5px 18px #0002; }
.jegg-profile-more-menu form { margin:0; }
.jegg-profile-more-menu button, .jegg-profile-more-menu a { box-sizing:border-box; display:flex; align-items:center; width:100%; min-height:40px; padding:9px 11px; border:0; border-radius:3px; background:#fff; color:#393b3d; text-align:left; text-decoration:none; font:inherit; cursor:pointer; }
.jegg-profile-more-menu button:hover, .jegg-profile-more-menu a:hover { background:#f2f4f5; text-decoration:none; }
.jegg-profile-more-menu form:first-child button { color:#b42318; }
.jegg-profile-more-menu form:first-child button:hover { background:#fff1f0; }
@media(max-width:640px) {
  .profile-reference .jegg-profile-head { padding:16px; align-items:center; text-align:center; }
  .profile-reference .jegg-profile-head > .jegg-avatar { align-self:center; }
  .profile-reference .jegg-profile-main { width:100%; }
  .profile-reference .jegg-profile-actions { flex-wrap:wrap; justify-content:center; align-items:center; }
  .profile-reference .jegg-profile-action-row { display:contents; }
  .profile-reference .jegg-profile-action-row form { display:flex; justify-content:center; }
  .profile-reference .jegg-profile-head > .jegg-profile-more { position:absolute; top:10px; right:10px; bottom:auto; left:auto; width:40px; height:40px; margin:0; }
  .profile-reference .jegg-profile-more-menu { top:46px; right:0; left:auto; }
}
.profile-wearing { display:grid; grid-template-columns:1fr 1fr; min-height:300px; background:#3c7598; }
.profile-wearing-avatar { position:relative; background:#fff; min-width:0; height:300px; }
.profile-wearing-avatar > img { display:block; width:100%; height:100%; object-fit:contain; }
.profile-wearing-avatar button { position:absolute; top:12px; right:12px; border:1px solid #b8b8b8; border-radius:3px; background:#fff; padding:8px 10px; cursor:not-allowed; }
.profile-wearing-items { display:grid; grid-template-columns:repeat(4,minmax(0,100px)); grid-auto-rows:100px; align-content:center; gap:10px; padding:24px; overflow:auto; }
.profile-wearing-items a { display:block; background:#fff; border-radius:3px; overflow:hidden; }
.profile-wearing-items img { width:100%; height:100%; object-fit:contain; }
.profile-wearing-items > span { color:#fff; grid-column:1/-1; }
.profile-badge-list { display:flex; gap:16px; list-style:none; margin:0; padding:0; flex-wrap:wrap; }
.profile-badge-list li { width:140px; display:flex; flex-direction:column; gap:4px; }
.profile-badge-icon { display:block; width:140px; height:140px; border:1px solid #b8b8b8; border-radius:3px; background-image:url('/static/img/profile-badges-2018.svg'); background-repeat:no-repeat; background-size:280px auto; }
.profile-badge-veteran { background-position:0 -980px; }.profile-badge-friendship { background-position:0 -140px; }.profile-badge-homestead { background-position:-140px -420px; }.profile-badge-bricksmith { background-position:0 -560px; }
.profile-statistics .section-content { display:flex; justify-content:space-around; text-align:center; }
.profile-statistics .section-content div { display:flex; flex-direction:column; }.profile-statistics span { color:#aaa; }
.profile-groups-list { display:flex; flex-wrap:wrap; gap:12px; background:white; padding:18px; }.profile-groups-list a { display:flex; flex-direction:column; min-width:180px; gap:6px; }.profile-groups-list a span { color:#757575; }
@media(max-width:767px) { .profile-wearing { grid-template-columns:1fr; }.profile-wearing-items { grid-template-columns:repeat(3,minmax(0,100px)); } }
.profile-badge-friendship { background-position:-140px 0; }
.profile-reference-tabs { display:flex; background:#fff; margin-bottom:8px; }
.profile-reference-tabs a { flex:1; text-align:center; padding:10px; color:#191919; font-weight:600; border-bottom:4px solid transparent; }
.profile-reference-tabs a:first-child { border-bottom-color:#00a2ff; }
.profile-reference-tabs a:hover { text-decoration:none; background:#f5f5f5; }
.profile-reference-tabs a:first-child { border-bottom-color:transparent; }
.profile-reference-tabs a.active { border-bottom-color:#00a2ff; }
.profile-slider { position:relative; }
.profile-showcase { display:grid; grid-template-columns:1fr 1fr; background:#fff; min-height:300px; }
.profile-showcase[hidden] { display:none !important; }
.profile-showcase-image { display:flex; align-items:center; justify-content:center; min-height:300px; background:#006eb5; }
.profile-game-image { background:#087e35; }
.profile-showcase-image img { display:block; width:240px; height:240px; max-width:80%; object-fit:cover; border-radius:8px; }
.profile-group-image span { display:flex; align-items:center; justify-content:center; width:180px; height:180px; border-radius:8px; background:#fff3; color:white; font-size:90px; }
.profile-showcase-info { padding:24px 30px; display:flex; flex-direction:column; min-width:0; }
.profile-showcase-info h2 { font-size:30px; font-weight:700; margin:0; padding-bottom:4px; border-bottom:1px solid #ccc; }
.profile-showcase-info h2 a { color:#191919; }.profile-showcase-info p { max-height:120px; overflow:hidden; white-space:pre-wrap; overflow-wrap:anywhere; margin:8px 0; }
.profile-showcase-stats { margin-top:auto; display:flex; gap:50px; }.profile-showcase-stats div { display:flex; flex-direction:column; }.profile-showcase-stats span { color:#aaa; }
.profile-slider > button { position:absolute; top:50%; transform:translateY(-50%); width:44px; height:44px; border:1px solid #fff; border-radius:50%; color:#fff; background:#0005; font-size:30px; line-height:1; cursor:pointer; }
.profile-slide-prev { left:18px; }.profile-slide-next { right:18px; }
@media(max-width:767px) { .profile-showcase { grid-template-columns:1fr; }.profile-showcase-image { min-height:220px; }.profile-showcase-image img { width:180px; height:180px; }.profile-showcase-info { min-height:220px; padding:18px; } }
.profile-group-image { position:relative; }
.profile-group-image .profile-group-avatar { position:absolute; width:180px; height:180px; object-fit:cover; border-radius:8px; }