/* =========================================================
   V5.3 — Modern Home UI
   Sadece ana sayfa v51-* sınıflarını etkiler.
   ========================================================= */

.v51-home{
  --v53-panel:#151922;
  --v53-panel-2:#1a1f29;
  --v53-panel-3:#202631;
  --v53-line:rgba(255,255,255,.075);
  --v53-line-strong:rgba(255,255,255,.12);
  --v53-text:#f5f7fb;
  --v53-muted:#9aa5b6;
  --v53-soft:#cdd4df;
  --v53-glow:color-mix(in srgb,var(--accent) 22%,transparent);
  padding-top:22px;
  padding-bottom:44px;
}

.v51-home .r10-panel,
.v51-home .r10-side-card{
  background:
    linear-gradient(180deg,rgba(255,255,255,.018),rgba(255,255,255,0)),
    var(--v53-panel)!important;
  border:1px solid var(--v53-line)!important;
  border-radius:16px!important;
  overflow:hidden;
  box-shadow:0 14px 36px rgba(0,0,0,.15);
}

.v51-home .r10-panel-title,
.v51-home .r10-side-title{
  min-height:48px;
  padding:0 16px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:12px!important;
  border-bottom:1px solid var(--v53-line)!important;
  background:rgba(255,255,255,.012)!important;
}

.v51-home .r10-panel-title>b,
.v51-home .r10-side-title{
  color:var(--v53-text)!important;
  font-weight:800!important;
  letter-spacing:-.01em;
}

.v51-home .r10-panel-title>a,
.v51-home .r10-side-title>a{
  font-size:11px!important;
  font-weight:700!important;
  color:var(--v53-muted)!important;
  text-decoration:none!important;
}
.v51-home .r10-panel-title>a:hover,
.v51-home .r10-side-title>a:hover{color:#fff!important}

/* Hero */
.v51-hero{
  gap:16px;
  margin-bottom:16px;
}
.v51-hero-copy,
.v51-hero-panel{
  border-radius:20px!important;
  border:1px solid var(--v53-line)!important;
  box-shadow:0 18px 50px rgba(0,0,0,.22)!important;
}
.v51-hero-copy{
  min-height:315px;
  padding:38px 40px!important;
  display:flex;
  flex-direction:column;
  justify-content:center;
  background:
    radial-gradient(circle at 92% 10%,var(--v53-glow),transparent 34%),
    radial-gradient(circle at 4% 100%,rgba(74,139,255,.10),transparent 28%),
    linear-gradient(135deg,#171b24 0%,#12161e 100%)!important;
}
.v51-hero-copy:before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background-image:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),
                   linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);
  background-size:32px 32px;
  mask-image:linear-gradient(to right,rgba(0,0,0,.5),transparent 80%);
}
.v51-kicker{
  width:max-content;
  border-color:color-mix(in srgb,var(--accent) 34%,transparent)!important;
  background:color-mix(in srgb,var(--accent) 9%,transparent)!important;
  color:color-mix(in srgb,var(--accent) 80%,#fff)!important;
  font-weight:800;
}
.v51-hero h1{
  max-width:820px;
  font-size:clamp(31px,4.2vw,52px)!important;
  line-height:1.02!important;
  margin:18px 0 14px!important;
  color:#fff!important;
  text-wrap:balance;
}
.v51-hero-copy>p{
  max-width:750px!important;
  color:var(--v53-soft)!important;
  opacity:.78!important;
  font-size:15px!important;
}
.v51-hero-actions{margin-top:24px!important}
.v51-btn{
  min-height:42px;
  padding:0 16px!important;
  border-radius:11px!important;
  background:rgba(255,255,255,.035);
  border-color:var(--v53-line-strong)!important;
  transition:transform .16s ease,background .16s ease,border-color .16s ease;
}
.v51-btn:hover{
  transform:translateY(-1px);
  background:rgba(255,255,255,.065);
}
.v51-btn.primary{
  color:#16130b!important;
  box-shadow:0 8px 24px color-mix(in srgb,var(--accent) 18%,transparent);
}

.v51-hero-stats{
  margin-top:30px!important;
  gap:10px!important;
}
.v51-hero-stats>div{
  padding:14px 15px!important;
  border-radius:12px!important;
  background:rgba(8,10,15,.28)!important;
  border:1px solid rgba(255,255,255,.06)!important;
}
.v51-hero-stats b{
  font-size:22px!important;
  color:#fff!important;
}
.v51-hero-stats span{
  color:var(--v53-muted)!important;
  opacity:1!important;
  font-weight:650;
}

/* Quick access */
.v51-hero-panel{
  padding:16px!important;
  background:
    radial-gradient(circle at 110% -10%,color-mix(in srgb,var(--accent) 18%,transparent),transparent 35%),
    var(--v53-panel)!important;
}
.v51-hero-panel>span{
  padding:6px 8px 8px;
  color:var(--v53-muted)!important;
  opacity:1!important;
  font-weight:800;
}
.v51-hero-panel>a{
  position:relative;
  padding:14px 14px 14px 16px!important;
  border-radius:12px!important;
  margin:3px 0;
  background:rgba(255,255,255,.018);
  border:1px solid transparent!important;
}
.v51-hero-panel>a:after{
  content:"›";
  position:absolute;
  right:14px;
  top:50%;
  transform:translateY(-50%);
  color:var(--v53-muted);
  font-size:18px;
}
.v51-hero-panel>a:hover{
  background:rgba(255,255,255,.045)!important;
  border-color:var(--v53-line)!important;
}
.v51-hero-panel>a b{font-size:13px;color:#fff}
.v51-hero-panel>a small{
  max-width:85%;
  color:var(--v53-muted)!important;
  opacity:1!important;
}

/* Announcement */
.v51-announcement{
  min-height:60px;
  padding:10px 16px!important;
  border-radius:14px!important;
  border:1px solid color-mix(in srgb,var(--accent) 24%,transparent)!important;
  background:
    linear-gradient(90deg,color-mix(in srgb,var(--accent) 9%,transparent),transparent 55%),
    var(--v53-panel)!important;
}
.v51-announcement>span{
  background:color-mix(in srgb,var(--accent) 15%,transparent);
  border:1px solid color-mix(in srgb,var(--accent) 25%,transparent);
  padding:6px 8px;
  border-radius:8px;
}

/* Content tabs */
.v51-content-tabs{
  position:sticky;
  top:70px;
  z-index:20;
  gap:6px!important;
  padding:6px!important;
  border-radius:13px!important;
  background:rgba(18,22,30,.88)!important;
  backdrop-filter:blur(14px);
  border:1px solid var(--v53-line)!important;
  box-shadow:0 10px 25px rgba(0,0,0,.12);
}
.v51-content-tabs a{
  padding:9px 13px!important;
  border-radius:9px!important;
  color:var(--v53-muted)!important;
  font-weight:700;
}
.v51-content-tabs a.active,
.v51-content-tabs a:hover{
  color:#fff!important;
  background:rgba(255,255,255,.06)!important;
}
.v51-content-tabs a.active{
  box-shadow:inset 0 0 0 1px var(--v53-line);
}

/* Main grid */
.v51-home-grid{
  grid-template-columns:minmax(0,1fr) 330px!important;
  gap:16px!important;
}
.v51-home-main,
.v51-home-side{gap:16px!important}

/* Topic table */
.v51-topic-head{
  min-height:34px;
  align-items:center;
  padding:0 16px!important;
  background:#12161d;
  border-bottom:1px solid var(--v53-line);
  color:var(--v53-muted);
}
.v51-topic-row{
  min-height:64px;
  padding:11px 16px!important;
  border-top:1px solid rgba(255,255,255,.045)!important;
  transition:background .14s ease,transform .14s ease;
}
.v51-topic-row:first-child{border-top:0!important}
.v51-topic-row:hover{
  background:rgba(255,255,255,.028)!important;
}
.v51-topic-dot{
  width:7px!important;
  height:7px!important;
  box-shadow:0 0 0 5px color-mix(in srgb,var(--accent) 11%,transparent)!important;
}
.v51-topic-row div b{
  color:#f4f6fa;
  font-size:13px;
  font-weight:760;
}
.v51-topic-row div small,
.v51-topic-row>span:last-child{
  color:var(--v53-muted)!important;
  opacity:1!important;
}
.v51-topic-row>strong{
  color:#dce3ed;
  font-size:12px!important;
}

/* Forums */
.v51-forum-group-title{
  min-height:58px;
  padding:11px 16px!important;
  background:linear-gradient(90deg,rgba(255,255,255,.027),transparent)!important;
}
.v51-forum-group-title>span{
  width:38px!important;
  height:38px!important;
  border-radius:11px!important;
  background:rgba(255,255,255,.055)!important;
  border:1px solid rgba(255,255,255,.055);
}
.v51-forum-group-title b{font-size:13px}
.v51-forum-group-title small{
  color:var(--v53-muted)!important;
  opacity:1!important;
}
.v51-forum-row{
  min-height:72px;
  padding:12px 16px!important;
}
.v51-forum-row:hover{
  background:linear-gradient(90deg,rgba(255,255,255,.028),transparent)!important;
}
.v51-forum-icon{
  width:40px!important;
  height:40px!important;
  border-radius:12px!important;
  background:#11151c!important;
  border:1px solid var(--v53-line);
}
.v51-forum-info b{font-size:13px;color:#f5f7fb}
.v51-forum-info p{
  margin-top:5px!important;
  color:var(--v53-muted)!important;
  opacity:1!important;
}
.v51-forum-count b{color:#fff}
.v51-forum-count span,
.v51-forum-last small{
  color:var(--v53-muted)!important;
  opacity:1!important;
}

/* Mini panels */
.v51-double{gap:16px!important}
.v51-mini-list>a{
  min-height:54px;
  padding:10px 14px!important;
}
.v51-mini-list>a:hover{background:rgba(255,255,255,.025)}
.v51-mini-list b{font-size:12px;color:#f4f6fa}
.v51-mini-list small,
.v51-mini-list>a>span,
.v51-mini-list>a>time{
  color:var(--v53-muted)!important;
  opacity:1!important;
}

/* Sidebar */
.v51-home-side{
  position:relative;
}
.v51-home-side .r10-side-card{
  padding:0 14px 14px!important;
}
.v51-home-side .r10-side-title{
  margin:0 -14px 10px!important;
  padding:0 14px!important;
}
.v51-missions-list>a,
.v51-event-list>a,
.v51-leaders>a{
  border-top-color:rgba(255,255,255,.05)!important;
}
.v51-missions-list>a:hover,
.v51-event-list>a:hover,
.v51-leaders>a:hover{
  background:rgba(255,255,255,.022);
}
.v51-event-list time{
  background:#10141b!important;
  border:1px solid var(--v53-line);
}
.v51-event-list time b{color:#fff}
.v51-event-list time span,
.v51-event-list div small,
.v51-leaders small,
.v51-missions-list small{
  color:var(--v53-muted)!important;
  opacity:1!important;
}
.v51-avatar{
  background:#10141b!important;
  border:1px solid var(--v53-line);
}
.v51-tag-cloud{gap:7px!important}
.v51-tag-cloud a{
  padding:6px 8px!important;
  border-radius:8px!important;
  background:#11151c!important;
  border:1px solid var(--v53-line);
  color:#dce3ed!important;
}
.v51-tag-cloud a:hover{
  border-color:color-mix(in srgb,var(--accent) 35%,transparent);
  color:#fff!important;
}
.v51-tag-cloud small{color:var(--v53-muted)!important;opacity:1!important}

/* Marketplace */
.v51-featured-grid{gap:11px!important;padding:14px!important}
.v51-featured-grid>a{
  padding:10px!important;
  border-radius:13px!important;
  background:rgba(255,255,255,.015);
}
.v51-featured-grid>a:hover{
  background:rgba(255,255,255,.035);
  transform:translateY(-1px);
}
.v51-featured-cover{
  height:110px!important;
  border-radius:10px!important;
  background:#10141b!important;
}

/* Empty states */
.v51-home .r10-empty{
  color:var(--v53-muted)!important;
  padding:18px!important;
}

/* Polished motion */
@media(prefers-reduced-motion:no-preference){
  .v51-hero-panel>a,
  .v51-topic-row,
  .v51-forum-row,
  .v51-featured-grid>a,
  .v51-tag-cloud a{transition:background .16s ease,border-color .16s ease,transform .16s ease,color .16s ease}
}

/* Responsive */
@media(max-width:1180px){
  .v51-home-grid{grid-template-columns:minmax(0,1fr) 300px!important}
  .v51-hero-copy{padding:32px!important}
}
@media(max-width:940px){
  .v51-home-grid,
  .v51-hero{grid-template-columns:1fr!important}
  .v51-home-side{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .v51-content-tabs{top:6px}
  .v51-hero-copy{min-height:auto}
}
@media(max-width:680px){
  .v51-home{padding-top:12px}
  .v51-hero{gap:10px}
  .v51-hero-copy{padding:24px 18px!important;border-radius:15px!important}
  .v51-hero-panel{border-radius:15px!important}
  .v51-hero h1{font-size:32px!important}
  .v51-hero-actions{display:grid!important;grid-template-columns:1fr 1fr}
  .v51-hero-actions .v51-btn:first-child{grid-column:1/-1}
  .v51-hero-stats{grid-template-columns:1fr 1fr!important;margin-top:22px!important}
  .v51-home-side{grid-template-columns:1fr!important}
  .v51-content-tabs{border-radius:10px!important;margin-left:-4px;margin-right:-4px}
  .v51-topic-row{min-height:60px;padding:10px 12px!important}
  .v51-forum-row{padding:11px 12px!important}
  .v51-forum-group-title{padding:10px 12px!important}
  .v51-double{grid-template-columns:1fr!important}
}


/* V5.6 — forumlar bölüm bölüm + sidebar leader rank */
.v56-forum-sections{
  display:grid;
  gap:15px;
  scroll-margin-top:120px;
}
.v56-forum-overview{
  display:flex;
  justify-content:space-between;
  align-items:flex-end;
  gap:16px;
  padding:4px 2px 0;
}
.v56-forum-overview div span,
.v56-forum-overview div b{display:block}
.v56-forum-overview div span{
  margin-bottom:4px;
  color:var(--accent);
  font-size:9px;
  font-weight:900;
  letter-spacing:.16em;
}
.v56-forum-overview div b{font-size:16px;color:#f7f9fc}
.v56-forum-overview>small{color:var(--v53-muted);font-size:10px}
.v56-forum-section{
  overflow:hidden;
  border:1px solid rgba(255,255,255,.075)!important;
  box-shadow:0 8px 28px rgba(0,0,0,.12);
}
.v56-forum-section-head{
  min-height:60px;
  display:grid;
  grid-template-columns:42px minmax(0,1fr) auto;
  gap:11px;
  align-items:center;
  padding:10px 15px;
  background:
    linear-gradient(90deg,color-mix(in srgb,var(--accent) 9%,transparent),transparent 52%),
    #11151c;
  border-bottom:1px solid rgba(255,255,255,.07);
}
.v56-root-icon{
  width:38px;height:38px;border-radius:11px;
  display:flex;align-items:center;justify-content:center;
  background:color-mix(in srgb,var(--accent) 13%,#10141a);
  border:1px solid color-mix(in srgb,var(--accent) 25%,transparent);
  font-weight:900;color:#fff;
}
.v56-forum-section-head div b,
.v56-forum-section-head div small{display:block}
.v56-forum-section-head div b{font-size:13px;color:#fff}
.v56-forum-section-head div small{margin-top:3px;color:var(--v53-muted);font-size:10px}
.v56-forum-section-head em{
  font-style:normal;font-size:9px;font-weight:800;color:var(--v53-muted);
  padding:5px 8px;border:1px solid rgba(255,255,255,.07);
  border-radius:999px;background:rgba(255,255,255,.025);
}
.v56-forum-list{display:grid}
.v56-forum-item{
  border-top:1px solid rgba(255,255,255,.045);
  background:#151922;
}
.v56-forum-item:first-child{border-top:0}
.v56-forum-main-link{border-top:0!important}
.v56-subforum-strip{
  display:grid;
  grid-template-columns:78px minmax(0,1fr);
  gap:8px;
  align-items:start;
  padding:0 15px 10px 67px;
}
.v56-subforum-strip>span{
  padding-top:5px;
  color:#707887;
  font-size:9px;
  text-transform:uppercase;
  letter-spacing:.06em;
}
.v56-subforum-strip>div{display:flex;flex-wrap:wrap;gap:5px}
.v56-subforum-strip a{
  display:inline-flex;
  align-items:center;
  min-height:25px;
  padding:4px 8px;
  border-radius:7px;
  border:1px solid rgba(255,255,255,.075);
  background:#10141a;
  color:#cfd6e0;
  text-decoration:none;
  font-size:10px;
  font-weight:700;
}
.v56-subforum-strip a:hover{
  color:#fff;
  border-color:color-mix(in srgb,var(--accent) 38%,transparent);
  background:color-mix(in srgb,var(--accent) 9%,#10141a);
}

/* Topluluk liderleri: rank banner nickin hemen altında; sağa taşmaz */
.v56-leaders>a{
  grid-template-columns:24px 35px minmax(0,1fr)!important;
  align-items:start!important;
}
.v56-leader-info{min-width:0}
.v56-leader-info>b{
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
  color:#f4f6fa;
}
.v56-leader-rank{
  display:block;
  width:min(100%,148px);
  margin:5px 0 4px;
}
.v56-leader-rank .rank-banner{
  width:100%;
  min-width:0;
  min-height:22px;
  padding:3px 7px;
  border-radius:6px;
  font-size:8px;
  letter-spacing:.035em;
  justify-content:center;
  box-sizing:border-box;
}
.v56-leader-rank .rank-banner i{font-size:10px}
.v56-leader-info>small{margin-top:0!important}

@media(max-width:680px){
  .v56-forum-overview{align-items:flex-start;flex-direction:column;gap:5px}
  .v56-forum-section-head{grid-template-columns:38px minmax(0,1fr)}
  .v56-forum-section-head em{display:none}
  .v56-subforum-strip{grid-template-columns:1fr;padding:0 12px 10px 12px}
  .v56-subforum-strip>span{display:none}
}

/* V6.0 Wider but balanced homepage */
body:has(.v51-home) .wrap{width:min(1460px,calc(100% - 36px));max-width:1460px}
.v51-home{max-width:none}
.v51-home .v51-layout{grid-template-columns:minmax(0,1fr) 330px;gap:18px}
.v51-home .v51-topic-table,.v51-home .v56-forum-sections{min-width:0}
@media(max-width:1180px){body:has(.v51-home) .wrap{width:min(1320px,calc(100% - 28px))}.v51-home .v51-layout{grid-template-columns:minmax(0,1fr) 310px}}
@media(max-width:900px){body:has(.v51-home) .wrap{width:calc(100% - 22px)}.v51-home .v51-layout{grid-template-columns:1fr}}

/* V6.3 Footer üstü canlı forum istatistik bandı */
.v63-wrap{margin-top:14px}.v63-community-stats{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));border:1px solid rgba(255,255,255,.065);border-radius:12px;background:linear-gradient(135deg,#151a23,#10141b);box-shadow:0 12px 30px rgba(0,0,0,.12);overflow:hidden}
.v63-stat{min-width:0;display:flex;align-items:center;justify-content:center;gap:10px;padding:15px 13px;border-left:1px solid rgba(255,255,255,.055);transition:.18s ease}.v63-stat:first-child{border-left:0}.v63-stat:hover{background:rgba(255,255,255,.025)}.v63-stat-icon{width:29px;height:29px;flex:0 0 29px;display:flex;align-items:center;justify-content:center;border-radius:9px;background:rgba(255,255,255,.035);color:#8d98a6;font-size:13px}.v63-stat>div{min-width:0;display:grid;gap:2px}.v63-stat small{color:#687481;font-size:8px;font-weight:700;white-space:nowrap}.v63-stat b,.v63-stat a{color:#e8edf3;font-size:11px;font-weight:900;line-height:1.1;text-decoration:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.v63-stat a:hover{color:var(--accent)}.v63-online i{width:8px;height:8px;border-radius:50%;background:#45d97c;box-shadow:0 0 0 4px rgba(69,217,124,.09),0 0 12px rgba(69,217,124,.5)}.v63-last-member img{width:29px;height:29px;flex:0 0 29px;border-radius:9px;object-fit:cover;border:1px solid rgba(255,255,255,.09)}
@media(max-width:850px){.v63-community-stats{grid-template-columns:repeat(3,1fr)}.v63-stat:nth-child(4){border-left:0}.v63-stat:nth-child(n+4){border-top:1px solid rgba(255,255,255,.055)}}
@media(max-width:560px){.v63-community-stats{grid-template-columns:1fr 1fr}.v63-stat{justify-content:flex-start;padding:12px}.v63-stat:nth-child(odd){border-left:0}.v63-stat:nth-child(n+3){border-top:1px solid rgba(255,255,255,.055)}.v63-last-member{grid-column:1/-1}}