.cdirPage{--cdir-gold:var(--gold-display,#9a7c3f);--cdir-gold-bright:#c4a55a;min-height:100vh;padding:calc(var(--nav-safe,64px) + 18px)var(--page-px,16px)64px;max-width:1240px;color:var(--text,#f0ebe3);margin:0 auto}.cdirHead{text-align:center;max-width:680px;margin:6px auto 22px}.cdirKicker{letter-spacing:.32em;text-transform:uppercase;color:var(--cdir-gold);opacity:.85;font-family:Cinzel,serif;font-size:11px}.cdirTitle{color:var(--text-bright,#f0ebe3);margin:8px 0 6px;font-family:Playfair Display,serif;font-size:clamp(30px,8vw,46px);font-weight:600;line-height:1.05}.cdirSub{color:var(--text-secondary,#8a8178);font-size:14px;line-height:1.5}.cdirRecs{margin:8px 0 26px}.cdirRecSection{margin-bottom:18px}.cdirRecLabel{letter-spacing:.18em;text-transform:uppercase;color:var(--cdir-gold);margin:0 2px 10px;font-family:Cinzel,serif;font-size:12px}.cdirRecRow{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;gap:12px;padding:2px 2px 10px;display:flex;overflow-x:auto}.cdirRecRow::-webkit-scrollbar{height:6px}.cdirRecRow::-webkit-scrollbar-thumb{background:var(--gold-soft,#9a7c3f33);border-radius:6px}.cdirRecCard{scroll-snap-align:start;flex:none;width:168px}.cdirControls{flex-direction:column;gap:12px;margin-bottom:22px;display:flex}.cdirSearch{width:100%;position:relative}.cdirSearchInput{background:var(--bg-surface,#161210);border:1px solid var(--border,#9a7c3f26);width:100%;color:var(--text,#f0ebe3);border-radius:10px;outline:none;padding:12px 14px 12px 40px;font-size:15px;transition:border-color .18s}.cdirSearchInput:focus{border-color:var(--gold-border,#9a7c3f59)}.cdirSearchInput::placeholder{color:var(--text-tertiary,#5a554e)}.cdirSearchIcon{color:var(--text-tertiary,#5a554e);pointer-events:none;position:absolute;top:50%;left:13px;transform:translateY(-50%)}.cdirPillRow{-webkit-overflow-scrolling:touch;gap:8px;padding-bottom:4px;display:flex;overflow-x:auto}.cdirPillRow::-webkit-scrollbar{height:5px}.cdirPillRow::-webkit-scrollbar-thumb{background:var(--gold-soft,#9a7c3f33);border-radius:6px}.cdirPill{background:var(--bg-card,#100e0c);border:1px solid var(--border,#9a7c3f26);color:var(--text-secondary,#8a8178);letter-spacing:.1em;text-transform:uppercase;cursor:pointer;white-space:nowrap;border-radius:999px;flex:none;padding:8px 13px;font-family:Cinzel,serif;font-size:11px;transition:all .16s}.cdirPill:hover{border-color:var(--gold-border,#9a7c3f59);color:var(--text,#f0ebe3)}.cdirPill.active{background:var(--cdir-gold);border-color:var(--cdir-gold);color:#0a0908;font-weight:600}.cdirFilterGroup{flex-direction:column;gap:6px;display:flex}.cdirFilterLabel{letter-spacing:.18em;text-transform:uppercase;color:var(--text-tertiary,#5a554e);padding-left:2px;font-family:Cinzel,serif;font-size:10px}.cdirGrid{grid-template-columns:1fr;gap:12px;display:grid}@media (min-width:520px){.cdirGrid{grid-template-columns:repeat(2,1fr);gap:14px}}@media (min-width:860px){.cdirGrid{grid-template-columns:repeat(3,1fr)}}@media (min-width:1140px){.cdirGrid{grid-template-columns:repeat(4,1fr)}}.cdirCard{text-align:center;background:var(--bg-card,#100e0c);border:1px solid var(--border,#9a7c3f26);color:inherit;border-radius:14px;flex-direction:column;align-items:center;gap:10px;padding:20px 16px 18px;text-decoration:none;transition:border-color .18s,transform .18s,box-shadow .18s;display:flex}.cdirCard:hover{border-color:var(--gold-border,#9a7c3f59);transform:translateY(-2px);box-shadow:0 10px 28px #00000047}.cdirRecCard.cdirCard{padding:16px 12px 14px}.cdirAvatar{-o-object-fit:cover;object-fit:cover;border:2px solid var(--gold-border,#9a7c3f59);background:var(--bg-surface,#161210);border-radius:50%;width:72px;height:72px}.cdirAvatarFallback{width:72px;height:72px;color:var(--cdir-gold);background:var(--bg-surface,#161210);border:2px solid var(--gold-border,#9a7c3f59);border-radius:50%;justify-content:center;align-items:center;font-family:Playfair Display,serif;font-size:26px;font-weight:600;display:flex}.cdirName{color:var(--text-bright,#f0ebe3);text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-family:Playfair Display,serif;font-size:17px;font-weight:600;line-height:1.2;overflow:hidden}.cdirUser{color:var(--text-tertiary,#5a554e);margin-top:-4px;font-size:12px}.cdirRank{letter-spacing:.1em;text-transform:uppercase;border:1px solid;border-radius:999px;align-items:center;gap:6px;padding:4px 11px;font-family:Cinzel,serif;font-size:10px;display:inline-flex}.cdirRankIcon{font-size:12px;line-height:1}.cdirStats{justify-content:center;gap:14px;margin-top:2px;display:flex}.cdirStat{flex-direction:column;align-items:center;line-height:1.1;display:flex}.cdirStatNum{color:var(--text-bright,#f0ebe3);font-family:Playfair Display,serif;font-size:18px;font-weight:600}.cdirStatLbl{letter-spacing:.12em;text-transform:uppercase;color:var(--text-tertiary,#5a554e);margin-top:2px;font-size:9px}.cdirChips{flex-wrap:wrap;justify-content:center;gap:5px;margin-top:2px;display:flex}.cdirChip{letter-spacing:.04em;color:var(--text-secondary,#8a8178);background:var(--gold-soft,#9a7c3f1a);border:1px solid var(--border-soft,#9a7c3f14);white-space:nowrap;border-radius:999px;padding:3px 9px;font-size:10px}.cdirSkelGrid{grid-template-columns:1fr;gap:12px;display:grid}@media (min-width:520px){.cdirSkelGrid{grid-template-columns:repeat(2,1fr)}}@media (min-width:860px){.cdirSkelGrid{grid-template-columns:repeat(3,1fr)}}@media (min-width:1140px){.cdirSkelGrid{grid-template-columns:repeat(4,1fr)}}.cdirSkel{background:linear-gradient(100deg,var(--bg-card,#100e0c)30%,var(--bg-surface,#161210)50%,var(--bg-card,#100e0c)70%);border:1px solid var(--border-soft,#9a7c3f14);background-size:200% 100%;border-radius:14px;height:220px;animation:1.3s ease-in-out infinite cdirShimmer}@keyframes cdirShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.cdirEmpty{text-align:center;color:var(--text-secondary,#8a8178);padding:60px 20px}.cdirEmptyTitle{color:var(--text-bright,#f0ebe3);margin-bottom:8px;font-family:Playfair Display,serif;font-size:20px}.cdirSentinel{width:100%;height:1px}.cdirMoreLoading{text-align:center;letter-spacing:.18em;text-transform:uppercase;color:var(--text-tertiary,#5a554e);padding:24px;font-family:Cinzel,serif;font-size:11px}