:root{--mp:#140B2E;--cg:#3CFF8F;--hp:#FF5FA2;--cgold:#FFC83D;--teal:#2EE6D6;--inkline:#0A0518}
.clans-page{--hd:"Bangers",Impact,system-ui,sans-serif;--bd:"Space Grotesk",system-ui,sans-serif;background:var(--mp) radial-gradient(#ffffff0d 1px,transparent 1.5px) 0 0/14px 14px}
.clans-page h1,.clans-page h2,.clans-page h3{letter-spacing:1px}
.clans-page main{overflow-x:hidden}
.ch-title{font-size:clamp(3rem,15vw,7rem);text-shadow:4px 4px 0 var(--inkline),0 0 40px #3CFF8F55;margin-top:10px}
.stamp{display:inline-block;font:400 1rem/1 var(--hd);letter-spacing:1.5px;color:var(--hp);border:3px solid var(--hp);border-radius:6px;padding:6px 10px;transform:rotate(-6deg);margin:6px 0 10px;background:#FF5FA214;box-shadow:3px 3px 0 var(--inkline)}
.stamp-p{color:var(--cgold);border-color:var(--cgold);background:#FFC83D14}
.panels{list-style:none;padding:0;margin:32px 0 0;display:grid;gap:18px;grid-template-columns:1fr}
@media(min-width:600px){.panels{grid-template-columns:repeat(2,1fr)}}
@media(min-width:1000px){.panels{grid-template-columns:repeat(5,1fr)}}
.panel{position:relative;background:var(--bg2) radial-gradient(#ffffff12 1px,transparent 1.5px) 0 0/8px 8px;border:4px solid var(--inkline);border-radius:12px;padding:18px 16px 16px;box-shadow:6px 6px 0 var(--inkline)}
.panel:nth-child(odd){transform:rotate(-1deg)}.panel:nth-child(even){transform:rotate(1deg)}
.panel h2{font-size:2rem;color:var(--cg);margin:6px 0 6px}
.panel p{margin:0;color:var(--mute)}
.pn{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:var(--cgold);color:var(--inkline);border:3px solid var(--inkline);font:400 1.3rem var(--hd)}
.panel:nth-child(5) h2{color:var(--hp)}
.rails{margin:28px 0 0;padding:12px 16px;border:3px dashed var(--teal);border-radius:12px;color:var(--ink);background:#2EE6D610;max-width:80ch}
.banners,.lineups{display:grid;gap:20px;margin-top:24px}
@media(min-width:768px){.banners,.lineups{grid-template-columns:1fr 1fr}}
.clan-grid{list-style:none;padding:0;margin:28px 0 0;display:grid;gap:14px;grid-template-columns:repeat(2,minmax(0,1fr))}
@media(min-width:700px){.clan-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
.clan{background:var(--bg2);border:3px solid var(--inkline);border-radius:14px;padding:10px;box-shadow:4px 4px 0 var(--inkline);text-align:center;min-width:0}
.clan:nth-child(3n){transform:rotate(1deg)}.clan:nth-child(4n){transform:rotate(-1deg)}
.clan img{width:100%;aspect-ratio:1;object-fit:cover;border:3px solid var(--inkline);border-radius:10px;background:var(--mp)}
.clan b{display:block;font:400 1.35rem var(--hd);color:var(--cg);margin-top:8px;overflow-wrap:anywhere}
.clan span{font-weight:700;color:var(--cgold)}
.clan-empty{grid-column:1/-1;color:var(--mute)}
.fine{font-size:.82rem;color:var(--mute);margin:12px 0 0}
.warroom{position:relative;margin-top:40px;background:var(--bg2);border:4px solid var(--inkline);border-radius:var(--r);padding:20px 16px;box-shadow:6px 6px 0 var(--inkline);max-width:760px}
.warroom{padding-top:60px}
.warroom .stamp{position:absolute;top:10px;right:12px;font-size:1.6rem;margin:0}
.warroom h3{font-size:1.8rem;color:var(--cgold);margin:0}
.live{font:700 .75rem var(--bd);color:var(--inkline);background:var(--hp);border-radius:4px;padding:2px 6px;vertical-align:middle;animation:blink 1.2s steps(2) infinite}
@keyframes blink{50%{opacity:.3}}
.board{list-style:none;padding:0;margin:14px 0 0;display:grid;gap:8px}
.board li{display:grid;grid-template-columns:2rem minmax(0,1fr) auto;gap:10px;align-items:center;padding:8px 12px;border:2px solid var(--inkline);border-radius:10px;background:#ffffff08;transition:transform .3s}
.board li:nth-child(-n+3){border-color:var(--cg)}
.board .rk{font:400 1.3rem var(--hd);color:var(--cgold)}
.board .tk{font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.board .sc{font-weight:700;color:var(--teal);font-variant-numeric:tabular-nums}
.cards2{display:grid;gap:22px}
@media(min-width:700px){.cards2{grid-template-columns:1fr 1fr}}
.cards2 .card{padding:22px;border-top:8px solid var(--hp)}
.cards2 .card h3{font-size:2rem}
.beasts{list-style:none;padding:0;margin:28px 0 0;display:grid;gap:14px;grid-template-columns:1fr}
@media(min-width:560px){.beasts{grid-template-columns:repeat(2,1fr)}}
@media(min-width:1000px){.beasts{grid-template-columns:repeat(4,1fr)}}
.beasts li{background:var(--bg2);border:3px solid var(--inkline);border-left:6px solid var(--cgold);border-radius:12px;padding:12px 14px;box-shadow:4px 4px 0 var(--inkline)}
.beasts li:nth-child(even){border-left-color:var(--hp)}
.beasts h3{margin:0 0 4px;color:var(--cg);font-size:1.5rem}
.beasts p{margin:0;color:var(--mute);font-size:.95rem}
@media(prefers-reduced-motion:reduce){.live{animation:none}.board li{transition:none}}