/* Original OFL-licensed font files are bundled; visitors only request this site. */
@font-face { font-family: 'Profile Orbitron'; src: url('/fonts/profile-orbitron.ttf?v=1fc54ce7116a') format('truetype'); font-weight: 400 900; font-display: swap; }
@font-face { font-family: 'Profile Rajdhani'; src: url('/fonts/profile-rajdhani.ttf?v=47af15713b45') format('truetype'); font-weight: 700; font-display: swap; }
@font-face { font-family: 'Profile Oxanium'; src: url('/fonts/profile-oxanium.ttf?v=ead485c7bf51') format('truetype'); font-weight: 200 800; font-display: swap; }
@font-face { font-family: 'Profile Audiowide'; src: url('/fonts/profile-audiowide.ttf?v=8b50bedc0f99') format('truetype'); font-weight: 400; font-display: swap; }
@font-face { font-family: 'Profile Bebas'; src: url('/fonts/profile-bebas.ttf?v=c328c6e08b20') format('truetype'); font-weight: 400; font-display: swap; }
@font-face { font-family: 'Profile Russo'; src: url('/fonts/profile-russo.ttf?v=ba8372708041') format('truetype'); font-weight: 400; font-display: swap; }
/* Kişisel görünüm: yalnızca isim, avatar ve profil kapağına uygulanır. */
.profile-name-font { line-height: 1.3; }
.pnf-default { font-family: var(--font-body); }
.pnf-display { font-family: var(--font-display); letter-spacing: -.035em; }
.pnf-serif { font-family: Georgia, 'Times New Roman', serif; letter-spacing: -.025em; }
.pnf-mono { font-family: 'Cascadia Code', Consolas, 'Liberation Mono', monospace; letter-spacing: -.05em; }
.pnf-rounded { font-family: 'Trebuchet MS', 'Arial Rounded MT Bold', ui-rounded, sans-serif; letter-spacing: .01em; }
.pnf-orbitron { font-family: 'Profile Orbitron', var(--font-body); font-weight: 700; letter-spacing: -.025em; }
.pnf-rajdhani { font-family: 'Profile Rajdhani', var(--font-body); font-weight: 700; letter-spacing: .015em; }
.pnf-oxanium { font-family: 'Profile Oxanium', var(--font-body); font-weight: 650; letter-spacing: -.025em; }
.pnf-audiowide { font-family: 'Profile Audiowide', var(--font-body); font-weight: 400; letter-spacing: -.035em; }
.pnf-bebas { font-family: 'Profile Bebas', var(--font-body); font-weight: 400; letter-spacing: .025em; }
.pnf-russo { font-family: 'Profile Russo', var(--font-body); font-weight: 400; letter-spacing: -.015em; }
.member-name { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; min-width: 0; }
.member-admin { flex-shrink: 0; }
.rv-name-row > .profile-name-font { overflow-wrap: anywhere; }
.up-name.profile-name-font { line-height: 1.25; }
.nav-user.profile-name-font, .pm-id > .profile-name-font { padding-block: .08em; }

.avatar-ui.has-avatar-image { background: transparent; }
.avatar-ui:not(.has-profile-frame) { box-shadow: none; }
.pm-head .avatar-ui { box-shadow: none; }

/* A static profile tint keeps all text on the existing dark surface. */
.profile-effect-surface.ppe-solid, .profile-effect-surface.ppe-gradient {
  background-color: var(--bg-2);
  background-image: linear-gradient(135deg, var(--profile-tint-start), var(--profile-tint-end));
  box-shadow: inset 0 0 0 1px var(--profile-edge-start);
}
.profile-effect-surface.ppe-gradient.ppe-three-colors {
  background-image: linear-gradient(135deg, var(--profile-tint-start) 0%, var(--profile-tint-middle) 50%, var(--profile-tint-end) 100%);
}
.profile-head.profile-effect-surface { max-width: 900px; padding: 24px 24px 28px; border-radius: 28px; }
.up-card.profile-effect-surface, .pa-preview-card.profile-effect-surface {
  border-color: var(--profile-edge-start);
  box-shadow: inset 0 0 0 1px var(--profile-edge-end), 0 22px 50px -36px rgba(0,0,0,.65);
}
@media (max-width: 560px) {
  .profile-head.profile-effect-surface { padding: 12px 12px 22px; border-radius: 20px; }
}
.up-avatar { box-shadow: none; }
.avatar-ui { --pf-primary: var(--accent); --pf-secondary: var(--accent-3); --pf-glow: rgba(var(--accent-rgb), .3); }
.avatar-ui.pfc-ice { --pf-primary: #dbeafe; --pf-secondary: #fff; --pf-glow: #dbeafe4d; }
.avatar-ui.pfc-silver { --pf-primary: #b8c2d0; --pf-secondary: #f0f3f8; --pf-glow: #b8c2d04d; }
.avatar-ui.pfc-gold { --pf-primary: #e6bd69; --pf-secondary: #fff0bd; --pf-glow: #e6bd694d; }
.avatar-ui.pfc-rose { --pf-primary: #fb8fa5; --pf-secondary: #ffe0e7; --pf-glow: #fb8fa54d; }
.avatar-ui.pfc-violet { --pf-primary: #b596f6; --pf-secondary: #e8dcff; --pf-glow: #b596f64d; }
.avatar-ui.pfc-cyan { --pf-primary: #62d8e8; --pf-secondary: #d2fbff; --pf-glow: #62d8e84d; }
.avatar-ui.pfc-mint { --pf-primary: #77dfbd; --pf-secondary: #d5fff0; --pf-glow: #77dfbd4d; }
.avatar-ui.has-profile-frame { position: relative; overflow: visible; isolation: isolate; }
.avatar-ui.has-profile-frame img { border-radius: inherit; }
.avatar-ui.has-profile-frame::after {
  content: ''; position: absolute; inset: -3px; z-index: 1; border-radius: inherit;
  pointer-events: none; border: 2px solid transparent;
}
.avatar-ui.paf-halo::after {
  border-color: var(--pf-primary); box-shadow: 0 0 0 2px var(--bg-2), 0 0 12px var(--pf-glow);
}
.avatar-ui.paf-double::after {
  inset: -4px; border-color: var(--pf-secondary); box-shadow: inset 0 0 0 2px var(--bg-2), 0 0 0 2px var(--bg-2), 0 0 0 3px var(--pf-primary);
}
.avatar-ui.paf-prism::after {
  inset: -4px; border: 0; padding: 3px;
  background: conic-gradient(from 35deg, var(--pf-primary), var(--pf-secondary), var(--pf-primary), var(--pf-secondary), var(--pf-primary));
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor; mask-composite: exclude;
}
.avatar-ui.paf-circuit::after {
  inset: -4px; border: 2px dashed var(--pf-primary);
  box-shadow: inset 0 0 0 2px var(--bg-2), 0 0 0 1px var(--bg-2), 0 0 0 2px var(--pf-glow);
}
.avatar-ui.paf-bevel::after { inset: -5px; border: 2px solid var(--pf-primary); border-radius: 24%; transform: rotate(-8deg); box-shadow: inset 0 0 0 2px var(--bg-2), 0 0 9px var(--pf-glow); }
.avatar-ui.paf-hexagon::after { inset: -6px; border: 0; border-radius: 0; background: linear-gradient(135deg, var(--pf-secondary), var(--pf-primary)); clip-path: polygon(25% 3%,75% 3%,100% 50%,75% 97%,25% 97%,0 50%); mask-image: radial-gradient(circle,transparent 62%,#000 64%); }
.avatar-ui.paf-brackets::after {
  inset: -6px; border: 0; border-radius: 14%;
  background: linear-gradient(var(--pf-primary) 0 0) top left/28% 3px,linear-gradient(var(--pf-primary) 0 0) top left/3px 28%,linear-gradient(var(--pf-primary) 0 0) top right/28% 3px,linear-gradient(var(--pf-primary) 0 0) top right/3px 28%,linear-gradient(var(--pf-secondary) 0 0) bottom left/28% 3px,linear-gradient(var(--pf-secondary) 0 0) bottom left/3px 28%,linear-gradient(var(--pf-secondary) 0 0) bottom right/28% 3px,linear-gradient(var(--pf-secondary) 0 0) bottom right/3px 28%;
  background-repeat: no-repeat;
}
.avatar-ui.paf-laurel::after { inset: -8px; border: 0; border-radius: 0; background: var(--pf-primary); mask: url('/img/profile-frame-laurel.svg') center/contain no-repeat; }
.avatar-ui.paf-eclipse::after { inset: -5px; border-width: 3px; border-color: var(--pf-primary) transparent var(--pf-secondary); transform: rotate(-28deg); box-shadow: 0 0 12px var(--pf-glow); }
.avatar-ui.paf-nova::after { inset: -7px; border: 0; border-radius: 0; background: linear-gradient(45deg,var(--pf-primary),var(--pf-secondary)); clip-path: polygon(50% 0,59% 12%,73% 7%,78% 22%,93% 27%,88% 41%,100% 50%,88% 59%,93% 73%,78% 78%,73% 93%,59% 88%,50% 100%,41% 88%,27% 93%,22% 78%,7% 73%,12% 59%,0 50%,12% 41%,7% 27%,22% 22%,27% 7%,41% 12%); mask-image: radial-gradient(circle,transparent 59%,#000 61%); }
.avatar-zoom { border: 0; padding: 0; cursor: zoom-in; }
.avatar-zoom:focus-visible { outline: 2px solid var(--text); outline-offset: 9px; }
.rv-profile-link { min-width: 0; color: inherit; text-decoration: none; }
.member-profile-link { display: flex; align-items: center; gap: 16px; min-width: 0; flex: 1; color: inherit; text-decoration: none; }
.member-profile-link:focus-visible { outline: 2px solid var(--accent); outline-offset: 5px; border-radius: 5px; }

dialog.avatar-viewer { --avatar-base: min(62dvh, calc(100vw - 112px), 620px); width: min(740px, calc(100% - 24px)); max-height: calc(100dvh - 24px); padding: 0; border-radius: 22px; background: rgba(14,18,17,.96); border-color: var(--line-2); overflow: auto; }
.avatar-viewer-head { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 20px 24px; border-bottom: 1px solid var(--line); }
.avatar-viewer-head > div { display: flex; flex-direction: column; min-width: 0; gap: 5px; }
.avatar-viewer-head small { color: var(--muted); font-size: 11px; }
.avatar-viewer-head strong { font-size: 20px; overflow-wrap: anywhere; }
.avatar-viewer-head .modal-close { position: static; flex: 0 0 40px; }
.avatar-viewer-stage { height: var(--avatar-base); overflow: auto; margin: 18px; background: rgba(0,0,0,.2); border-radius: 12px; overscroll-behavior: contain; }
.avatar-viewer-canvas { width: calc(var(--avatar-base) * var(--avatar-zoom, 1)); height: calc(var(--avatar-base) * var(--avatar-zoom, 1)); margin-inline: auto; }
.avatar-viewer-image { display: block; width: 100%; height: 100%; object-fit: contain; cursor: zoom-in; }
.avatar-viewer-controls { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: 10px; padding: 0 18px 18px; }
.avatar-viewer-controls .btn { min-width: 44px; min-height: 44px; }
.avatar-viewer-percent { min-width: 52px; text-align: center; color: var(--muted); font-variant-numeric: tabular-nums; font-size: 12px; }
.avatar-viewer-error { padding: 28px; color: var(--muted); text-align: center; }
.avatar-viewer [hidden] { display: none !important; }

.profile-banner {
  position: relative; overflow: hidden; background-color: var(--bg-2);
  background-image: radial-gradient(ellipse at 20% 20%, rgba(var(--accent-rgb), .48), transparent 62%),
    radial-gradient(ellipse at 85% 95%, rgba(var(--accent3-rgb), .27), transparent 65%);
}
.profile-banner::before {
  content: ''; position: absolute; inset: 0;
  background-image: radial-gradient(rgba(255,255,255,.11) .8px, transparent .8px);
  background-size: 16px 16px; pointer-events: none;
}
.profile-banner.pb-preset-aurora { background-image: radial-gradient(ellipse at 18% 0%, #305f48, transparent 70%), radial-gradient(ellipse at 88% 100%, #45396d, transparent 72%); }
.profile-banner.pb-preset-midnight { background-image: radial-gradient(ellipse at 75% 20%, #343b61, transparent 70%), linear-gradient(125deg, #111a30, #171422); }
.profile-banner.pb-preset-ember { background-image: radial-gradient(ellipse at 15% 95%, #923b25, transparent 72%), linear-gradient(125deg, #361d1a, #1c1922); }
.profile-banner.pb-preset-ocean { background-image: radial-gradient(ellipse at 85% 0%, #1f777a, transparent 74%), linear-gradient(125deg, #132e43, #102020); }
.profile-banner .profile-banner-image { position: absolute; inset: 0; width: 100%; height: 100%; display: block; object-fit: cover; }
.up-cover.profile-banner { height: clamp(140px, 20vw, 220px); }
.up-cover.profile-banner::after { background: linear-gradient(180deg, transparent 40%, rgba(11,12,11,.22)); }
@media (max-width: 560px) {
  .up-cover.profile-banner { height: 140px; }
  .avatar-ui.has-profile-frame::after { inset: -3px; }
}