.clan-page{background:
radial-gradient(circle at 14% 12%,rgba(182,255,22,.08),transparent 22%),
radial-gradient(circle at 88% 22%,rgba(160,44,185,.09),transparent 24%),
#050705}
.clan-shell{width:min(1120px,calc(100% - 40px));margin:0 auto}
.topbar nav .active{color:var(--green)}
.clan-hero{padding:62px 0 28px;display:grid;grid-template-columns:1.03fr .97fr;gap:38px;align-items:center}
.clan-hero h1{font-family:Georgia,serif;font-size:clamp(52px,6.5vw,82px);line-height:.93;letter-spacing:-3px;margin:12px 0 20px}
.clan-hero h1 span{color:var(--green);text-shadow:0 0 24px rgba(215,255,32,.17)}
.clan-hero .lead{font-size:16px;line-height:1.72;color:#b9beb4;max-width:610px}
.outline{background:#0a0d09;color:#e9ece3;border:1px solid #526019}
.clan-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:24px}
.clan-stats div{border:1px solid #343d1c;background:#090c08;border-radius:8px;padding:12px}
.clan-stats strong,.clan-stats span{display:block}.clan-stats strong{font-size:18px;color:var(--green)}.clan-stats span{font-size:8px;color:#81877d;letter-spacing:1.4px;margin-top:4px}
.clan-hero-panel{height:365px;border:1px solid #687a1b;border-radius:13px;background:
radial-gradient(circle at center,rgba(177,255,20,.14),transparent 34%),
linear-gradient(145deg,#0d120a,#080a07 55%,#160b18);
display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;position:relative;overflow:hidden}
.clan-hero-panel:before,.clan-hero-panel:after{content:"";position:absolute;width:140%;height:1px;background:linear-gradient(90deg,transparent,var(--green),transparent);transform:rotate(-28deg);opacity:.22}.clan-hero-panel:after{transform:rotate(28deg);background:linear-gradient(90deg,transparent,#c540d4,transparent)}
.hero-bolt{font-size:100px;filter:drop-shadow(0 0 24px #d5ff31)}
.clan-hero-panel h2{font:900 42px Impact,Arial Black,sans-serif;letter-spacing:4px;color:var(--green);margin:0;transform:skew(-7deg)}
.clan-hero-panel p{max-width:390px;color:#b6bbaf;font-size:12px;line-height:1.6}.clan-hero-panel>span{font-size:9px;letter-spacing:2px;color:#d0d4cb}
.quick-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:8px 0 64px}
.quick-grid article{min-height:150px;border:1px solid #46521c;border-radius:9px;text-align:center;background:#0a0d09;padding:20px}
.qicon{font-size:30px}.quick-grid h3{color:var(--green);font-size:14px;margin:9px 0 6px}.quick-grid p{font-size:11px;color:#9ea49a;line-height:1.55}
.section-block{padding:54px 0;border-top:1px solid #262d1f}
.section-heading{display:grid;grid-template-columns:1fr .8fr;gap:35px;align-items:end;margin-bottom:26px}.section-heading h2,.recruit-card h2,.goals h2{font-family:Georgia,serif;font-size:38px;line-height:1.05;margin:8px 0}.section-heading>p{color:#9da398;line-height:1.65}
.values-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:11px}.values-grid div{border:1px solid #333c1b;border-radius:9px;background:#0a0d09;padding:22px}.values-grid span{color:#c05bd0;font-size:10px;letter-spacing:1.5px}.values-grid h3{color:var(--green);font-size:16px;margin:10px 0}.values-grid p{color:#9ca297;font-size:12px;line-height:1.6}
.rank-entry{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:18px}.entry-card{border:1px solid #3d461d;background:#0a0d09;border-radius:9px;padding:18px;display:grid;grid-template-columns:auto 1fr;gap:2px 13px;align-items:center}.entry-card span{grid-row:1/3;font-size:30px}.entry-card strong{color:var(--green);font-size:12px}.entry-card small{color:#8c9287}.entry-card.main{border-color:#7b8b22}
.timeline{display:grid;grid-template-columns:repeat(9,1fr);gap:7px;position:relative}.timeline:before{content:"";position:absolute;left:4%;right:4%;top:22px;height:2px;background:linear-gradient(90deg,#5f6f1e,var(--green),#9d48ad);z-index:0}.timeline div{position:relative;z-index:1;background:#090c08;border:1px solid #3b451d;border-radius:8px;padding:12px 7px;text-align:center}.timeline span{width:24px;height:24px;margin:auto;border-radius:50%;display:grid;place-items:center;background:#182209;border:1px solid #718528;color:var(--green);font-size:10px}.timeline b,.timeline small{display:block}.timeline b{font-size:10px;margin-top:7px}.timeline small{font-size:8px;color:#777e73;margin-top:3px}.timeline .dragon{border-color:#a447b4}
.prestige-title{text-align:center;margin:27px 0 12px;color:#c86cd5;font-size:9px;letter-spacing:2.5px;font-weight:800}
.prestige-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:11px}.prestige-grid article,.special-ranks article{border:1px solid #3b441d;border-radius:9px;background:#0a0d09;padding:20px;text-align:center}.prestige-grid span{font-size:30px}.prestige-grid h3{color:var(--green);font-size:15px;margin:8px}.prestige-grid p,.special-ranks p{font-size:11px;color:#90978c}.guthix{box-shadow:inset 0 0 24px rgba(48,160,84,.06)}.zammy{box-shadow:inset 0 0 24px rgba(200,48,36,.06)}.sara{box-shadow:inset 0 0 24px rgba(212,194,66,.06)}
.special-ranks{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:14px}.special-ranks span{font-size:26px}.special-ranks h3{font-size:13px;color:#ddd;margin:8px 0}
.staff-line{display:grid;grid-template-columns:repeat(6,1fr);gap:8px}.staff-line div{background:#090c08;border:1px solid #373f1d;border-radius:8px;padding:15px;text-align:center}.staff-line span{display:block;font-size:25px}.staff-line b,.staff-line small{display:block}.staff-line b{color:var(--green);font-size:11px;margin-top:7px}.staff-line small{font-size:8px;color:#7f867b;margin-top:4px;line-height:1.4}
.accordion{display:grid;gap:9px}.accordion details{border:1px solid #36401d;border-radius:8px;background:#090c08;overflow:hidden}.accordion summary{cursor:pointer;padding:15px 17px;color:#e5e7df;font-weight:800;font-size:12px;list-style:none}.accordion summary::-webkit-details-marker{display:none}.accordion details[open] summary{color:var(--green);border-bottom:1px solid #273018}.rule-body{padding:3px 17px 15px;color:#9da398;font-size:12px;line-height:1.65}.rule-body ul{margin-bottom:0}
.recruit-card{border:1px solid #75871f;border-radius:11px;padding:28px;background:linear-gradient(135deg,#0b1009,#090a08 52%,#180d1b);display:grid;grid-template-columns:1fr .8fr;gap:30px}.recruit-card>div>p{color:#aeb3a9;line-height:1.65}.recruit-pills{display:flex;flex-wrap:wrap;gap:7px;margin-top:16px}.recruit-pills span{border:1px solid #424d1d;border-radius:99px;padding:7px 10px;color:#cfd3ca;font-size:10px}
.join-path{display:grid;gap:8px}.join-path div{display:grid;grid-template-columns:34px 1fr;align-items:center;border:1px solid #4a2b50;background:#110c13;border-radius:7px;padding:9px}.join-path span{width:25px;height:25px;border-radius:50%;background:#682d72;color:#fff;display:grid;place-items:center;font-size:10px}.join-path b{font-size:11px}
.expect-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:12px}.expect-grid article{border:1px solid #36401d;background:#090c08;border-radius:8px;padding:18px}.expect-grid h3{color:var(--green);font-size:14px}.expect-grid p{font-size:11px;color:#959c91;line-height:1.6}
.goals{text-align:center}.goal-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:11px;margin-top:22px}.goal-grid div{border:1px solid #4a551c;border-radius:9px;padding:24px;background:#090c08}.goal-grid strong{font-size:28px;color:#c15bd0}.goal-grid p{color:#d5d8d0;line-height:1.5}
@media(max-width:900px){#clanNav{display:none;position:absolute;top:76px;left:0;right:0;background:#050705;padding:18px 5vw;flex-direction:column;align-items:flex-start}#clanNav.open{display:flex}.clan-hero,.section-heading,.recruit-card{grid-template-columns:1fr}.quick-grid,.values-grid{grid-template-columns:1fr 1fr}.timeline{grid-template-columns:repeat(3,1fr)}.timeline:before{display:none}.staff-line{grid-template-columns:repeat(3,1fr)}.special-ranks{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.clan-shell{width:min(100% - 24px,1120px)}.clan-hero h1{font-size:50px}.clan-stats,.quick-grid,.values-grid,.prestige-grid,.special-ranks,.staff-line,.expect-grid,.goal-grid{grid-template-columns:1fr}.rank-entry{grid-template-columns:1fr}.timeline{grid-template-columns:1fr 1fr}.clan-hero-panel{height:280px}.section-heading h2,.recruit-card h2,.goals h2{font-size:32px}}

.rank-emblem-timeline img{width:56px!important;height:56px!important;object-fit:contain!important;margin:0 auto 3px!important;display:block!important;image-rendering:auto!important;filter:none!important}
.rank-emblem-timeline:before{top:34px}

/* V4 emblem-only preview: existing layout preserved */
.rank-icon{grid-row:1/3;width:42px;height:42px;object-fit:contain;display:block}
.rank-emblem-timeline img{width:48px!important;height:48px!important;object-fit:contain!important;image-rendering:auto!important}
.prestige-icon{width:52px;height:52px;object-fit:contain;display:block;margin:0 auto}
.special-icon{width:42px;height:42px;object-fit:contain;display:block;margin:0 auto 4px}
.staff-icon{width:34px;height:34px;object-fit:contain;display:block;margin:0 auto}

/* V8 rank emblem correction — actual site layout unchanged */
.rank-emblem-timeline img{
  width:58px!important;
  height:58px!important;
  object-fit:contain!important;
  image-rendering:auto!important;
  filter:none!important;
}

/* V13: exact user-supplied Alt Account emblem */
.entry-card img[src$="alt-user.png"]{
  image-rendering:pixelated;
  object-fit:contain;
}

/* Production V2: clickable Discord recruitment step */
.join-path a.discord-step{
  color:inherit;
  text-decoration:none;
}
.join-path a.discord-step:hover{
  border-color:rgba(215,255,59,.65);
  box-shadow:0 0 18px rgba(215,255,59,.12);
}