.cs-breadcrumb{font-family:'Space Grotesk',sans-serif;font-size:13px;color:var(--text-dim);margin-bottom:14px;}
.cs-breadcrumb a{color:var(--text-dim);text-decoration:none;}
.cs-breadcrumb a:hover{color:var(--gold);}
.cs-breadcrumb span{margin:0 6px;opacity:.5;}

#cs-root{max-width:1400px;margin:18px auto 0;padding:0 36px 80px;}

.cs-toolbar{
  display:flex;gap:12px;align-items:center;flex-wrap:wrap;
  background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);
  padding:12px 16px;margin-bottom:18px;box-shadow:var(--shadow-card);
}
.cs-search{
  flex:1;min-width:240px;display:flex;align-items:center;gap:10px;
  background:var(--surface2);border:1px solid var(--border);border-radius:999px;padding:6px 14px;
  transition:border-color .2s var(--ease);
}
.cs-search:focus-within{border-color:rgba(201,168,76,.5);}
.cs-search svg{color:var(--text-dim);flex-shrink:0;}
.cs-search input{flex:1;background:transparent;border:none;outline:none;color:var(--text);font-family:'Space Grotesk',sans-serif;font-size:14px;padding:8px 0;}
.cs-search input::placeholder{color:var(--text-dim);}

.cs-sort-wrap{display:flex;gap:6px;}
.cs-sort-pill{
  background:var(--surface2);border:1px solid var(--border);color:var(--text-dim);
  font-family:'Space Grotesk',sans-serif;font-size:12.5px;font-weight:600;letter-spacing:.02em;
  padding:7px 14px;border-radius:999px;cursor:pointer;transition:all .2s var(--ease);
}
.cs-sort-pill:hover{color:var(--text);border-color:rgba(201,168,76,.4);}
.cs-sort-pill.active{background:rgba(201,168,76,.15);border-color:rgba(201,168,76,.5);color:var(--gold);}

.cs-table{
  background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);
  overflow:hidden;box-shadow:0 1px 0 rgba(255,255,255,.04) inset,0 14px 40px -22px rgba(0,0,0,.55);
}
.cs-thead,.cs-row{
  display:grid;
  grid-template-columns:minmax(180px,1.4fr) minmax(160px,1.2fr) 110px 110px 80px 60px 60px 60px 110px;
  align-items:center;gap:10px;
}
.cs-thead{
  padding:14px 18px;border-bottom:1px solid var(--border);background:var(--surface2);
  font-family:'Space Grotesk',sans-serif;font-size:10.5px;font-weight:600;letter-spacing:.14em;
  text-transform:uppercase;color:var(--text-dim);
}
.cs-thead .cth-rat,.cs-thead .cth-mvp,.cs-thead .cth-badges,.cs-thead .cth-form,.cs-thead .cth-likes{text-align:center;}

.cs-row{
  padding:12px 18px;border-bottom:1px solid rgba(255,255,255,.04);text-decoration:none;color:var(--text);
  transition:background .2s var(--ease);
}
.cs-row:hover{background:rgba(255,255,255,.025);}
[data-theme="light"] .cs-row:hover{background:rgba(0,0,0,.025);}
.cs-row:last-child{border-bottom:none;}
.cs-cell{min-width:0;}

.cth-user{display:flex;align-items:center;gap:10px;}
.cs-avatar{
  width:40px;height:40px;border-radius:50%;flex-shrink:0;
  background:linear-gradient(135deg,rgba(201,168,76,.22),rgba(201,168,76,.06));
  border:1px solid rgba(201,168,76,.3);
  display:flex;align-items:center;justify-content:center;
  font-family:'Rajdhani',sans-serif;font-size:17px;font-weight:700;color:var(--gold);
}
.cs-user-info{display:flex;flex-direction:column;gap:1px;min-width:0;}
.cs-user-name{font-family:'Space Grotesk',sans-serif;font-size:14px;font-weight:600;color:var(--gold);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.cs-user-date{font-family:'Space Grotesk',sans-serif;font-size:11px;color:var(--text-dim);letter-spacing:.02em;}

.cs-name-link{font-family:'Space Grotesk',sans-serif;font-size:14px;font-weight:600;color:var(--gold);}
.cs-row:hover .cs-name-link{text-decoration:underline;}

.cth-form{font-family:'Space Grotesk',sans-serif;font-size:13.5px;font-weight:700;text-align:center;color:var(--text);font-variant-numeric:tabular-nums;}

.cth-rat{display:flex;flex-direction:column;align-items:center;gap:2px;}
.cth-rat b{font-family:'Rajdhani',sans-serif;font-size:18px;font-weight:700;color:var(--text);font-variant-numeric:tabular-nums;line-height:1;}
.cs-stars{font-size:11px;color:var(--gold);letter-spacing:.5px;line-height:1;}
.cs-star-dim{color:rgba(201,168,76,.25);}

.cth-mvp{display:flex;justify-content:center;}
.cs-mvp-avatar{width:42px;height:42px;border-radius:8px;object-fit:cover;background:var(--surface2);border:1px solid rgba(201,168,76,.25);}
.cs-mvp-ph{width:42px;height:42px;border-radius:8px;background:var(--surface2);display:flex;align-items:center;justify-content:center;color:var(--text-dim);font-size:16px;}

.cth-badges{display:flex;justify-content:center;align-items:center;}
.cth-badges img{height:22px;width:auto;max-width:30px;object-fit:contain;}

.cth-likes{display:flex;justify-content:center;}
.cs-like{
  background:var(--surface2);border:1px solid var(--border);color:var(--text);
  font-family:'Space Grotesk',sans-serif;font-size:12.5px;font-weight:600;letter-spacing:.02em;
  padding:6px 12px;border-radius:999px;cursor:pointer;transition:all .15s var(--ease);
  display:inline-flex;align-items:center;gap:5px;
}
.cs-like b{color:var(--gold);font-variant-numeric:tabular-nums;}
.cs-like:hover{border-color:rgba(201,168,76,.5);background:rgba(201,168,76,.1);}

.cs-lb-wrap{
  background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);
  padding:20px 22px 22px;margin-bottom:20px;box-shadow:var(--shadow-card);
}
.cs-lb-title{
  font-family:'Rajdhani',sans-serif;font-size:17px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;
  color:var(--text-dim);margin:0 0 16px;
}
.cs-lb-row{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;}
.cs-lb-card{
  background:var(--surface2);border:1px solid var(--border);border-radius:14px;
  padding:14px 14px 12px;display:flex;flex-direction:column;gap:8px;position:relative;overflow:hidden;
  transition:border-color .2s,box-shadow .2s;
}
.cs-lb-card:hover{border-color:rgba(201,168,76,.4);box-shadow:0 8px 24px -12px rgba(0,0,0,.5);}
.cs-lb-card.gold{border-color:rgba(201,168,76,.5);background:linear-gradient(135deg,rgba(201,168,76,.08),var(--surface2));}
.cs-lb-card.silver{border-color:rgba(180,180,180,.35);}
.cs-lb-card.bronze{border-color:rgba(176,132,90,.35);}
.cs-lb-rank{
  font-size:24px;line-height:1;width:36px;height:36px;
  display:flex;align-items:center;justify-content:center;
  border-radius:10px;background:rgba(255,255,255,.04);border:1px solid var(--border);
  font-family:'Rajdhani',sans-serif;font-weight:700;color:var(--text-dim);flex-shrink:0;
}
.cs-lb-rank.gold{background:rgba(201,168,76,.15);border-color:rgba(201,168,76,.4);}
.cs-lb-rank.silver{background:rgba(180,180,180,.12);border-color:rgba(180,180,180,.35);}
.cs-lb-rank.bronze{background:rgba(176,132,90,.12);border-color:rgba(176,132,90,.35);}
.cs-lb-mvp{display:block;height:64px;background:rgba(255,255,255,.03);border-radius:8px;overflow:hidden;border:1px solid var(--border);display:flex;align-items:center;justify-content:center;text-decoration:none;}
.cs-lb-info{display:flex;flex-direction:column;gap:2px;min-width:0;}
.cs-lb-name{font-family:'Space Grotesk',sans-serif;font-size:13px;font-weight:700;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.cs-lb-user{font-size:11.5px;color:var(--gold);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.cs-lb-meta{font-size:11px;color:var(--text-dim);letter-spacing:.02em;}
.cs-lb-likes{display:flex;align-items:center;gap:5px;font-size:13px;font-weight:700;color:var(--text);margin-top:auto;padding-top:4px;border-top:1px solid var(--border);}
.cs-lb-likes b{color:var(--gold);font-variant-numeric:tabular-nums;}
.cs-lb-likes svg{color:var(--gold);}
@media(max-width:1100px){.cs-lb-row{grid-template-columns:repeat(3,1fr);}.cs-lb-card:nth-child(n+4){display:none;}}
@media(max-width:640px){.cs-lb-row{grid-template-columns:repeat(2,1fr);}.cs-lb-card:nth-child(n+3){display:none;}}

@media(max-width:1100px){
  .cs-thead,.cs-row{grid-template-columns:minmax(150px,1.2fr) minmax(140px,1fr) 80px 80px 60px 90px;gap:8px;}
  .cs-thead .cth-mvp,.cs-thead .cth-badges:nth-of-type(7),.cs-thead .cth-badges:nth-of-type(8),
  .cs-row .cth-mvp,.cs-row .cs-cell:nth-of-type(7),.cs-row .cs-cell:nth-of-type(8){display:none;}
}
@media(max-width:760px){

  .cs-thead,.cs-row{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr) 50px 64px;gap:6px;padding:10px;}
  .cs-thead .cth-form,.cs-thead .cth-badges,.cs-row .cth-form,.cs-row .cth-badges{display:none;}
  .cs-name-link,.cs-user-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
}

.nav-drop{position:relative;}
.nav-drop-trigger{
  font-family:'Space Grotesk',sans-serif;font-size:12.5px;font-weight:500;letter-spacing:.02em;
  padding:8px 14px;border-radius:999px;border:none;background:transparent;color:var(--text-dim);
  cursor:pointer;transition:color .25s var(--ease),background .25s var(--ease);
}
.nav-drop-trigger:hover{color:var(--text);background:rgba(255,255,255,.05);}
.nav-drop-trigger.active{color:var(--gold);background:rgba(201,168,76,.1);}
.nav-drop-menu{
  position:absolute;top:calc(100% + 8px);left:0;z-index:120;
  background:var(--surface);border:1px solid var(--border);border-radius:14px;
  min-width:200px;padding:6px;
  box-shadow:0 20px 50px -18px rgba(0,0,0,.7);
  display:none;flex-direction:column;gap:2px;
}
.nav-drop:hover .nav-drop-menu,.nav-drop:focus-within .nav-drop-menu{display:flex;}
.nav-drop-menu a{
  display:block;padding:9px 14px;border-radius:8px;
  font-family:'Space Grotesk',sans-serif;font-size:13px;font-weight:500;color:var(--text);
  text-decoration:none;transition:all .15s var(--ease);
}
.nav-drop-menu a:hover{background:var(--surface2);color:var(--gold);}
.nav-drop-menu a.active{background:rgba(201,168,76,.12);color:var(--gold);font-weight:600;}