/* Chat container */
.bcp{background:var(--bg);color:var(--text);padding:12px;border-radius:12px;max-width:980px;margin:12px auto;font-family:system-ui,Segoe UI,Roboto}
.bcp-notice{background:#17223b;border:1px solid #233258;padding:8px 10px;border-radius:10px;margin-bottom:8px}
.bcp-box{background:var(--panel);border:1px solid #1c2a4a;border-radius:12px;padding:10px;display:flex;flex-direction:column;gap:10px}
.bcp-messages{height:400px;overflow:auto;background:#0b1222;border:1px solid #1b2747;border-radius:10px;padding:10px;display:flex;flex-direction:column;gap:8px}
.bcp-input{display:flex;gap:8px}
.bcp-input input{flex:1;border:1px solid #1b2747;border-radius:10px;background:#07101a;color:var(--text);padding:10px}
.bcp-input button{background:var(--acc);border:none;color:#07101a;border-radius:10px;padding:10px 14px;font-weight:800;cursor:pointer}

/* Messages */
.bcp-msg{background:#0e1526;border:1px solid #1b2747;border-radius:10px;padding:8px}
.bcp-meta{display:flex;align-items:center;gap:8px;font-size:13px;margin-bottom:4px}
.bcp-name{font-weight:800}
.bcp-rank{margin-left:auto;font-size:12px}
.bcp-rank .badge{display:inline-flex;align-items:center;gap:6px;border:1px solid #2a3a62;border-radius:999px;padding:2px 8px}
.bcp-text{white-space:pre-wrap;word-wrap:break-word}

/* Cards */
.bcp-card{display:flex;align-items:center;gap:10px;padding:10px;border-radius:12px;border:1px solid #203056;background:#0f1a30}
.bcp-card .ico{font-size:18px}
.bcp-card.info{border-color:#28528e}
.bcp-card.react .ico{font-size:24px}
.bcp-card.wave{background:#0e1a28;border-color:#1b3a5a}
.bcp-card.thanks{background:#0e1a28;border-color:#245a1b}
.bcp-card.reminder{background:#281a0e;border-color:#6b4b1a}
.bcp-card.tip{background:#131b11;border-color:#305a1b}
.bcp-card.summon{background:#20131f;border-color:#5a1b4d}

/* Post card */
a.bcp-card.post{display:flex;text-decoration:none;color:inherit}
a.bcp-card.post .thumb{width:86px;height:64px;background-size:cover;background-position:center;border-radius:8px}
a.bcp-card.post .meta{display:flex;flex-direction:column;gap:4px}
a.bcp-card.post .meta .t{font-weight:900}
a.bcp-card.post .meta .x{font-size:12px;opacity:.85;max-width:560px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

/* Quote */
.bcp-card.quote .txt a{color:#9cc9ff;text-decoration:underline}

/* Spoiler */
.bcp-spoiler{border:1px dashed #30486f;background:#0b1424;border-radius:10px;padding:8px}
.bcp-spoiler .sp-body{display:none;margin-top:6px;color:#fff}
.bcp-spoiler.open .sp-body{display:block}
.bcp-spoiler .sp-toggle{background:#223a62;border:1px solid #34548a;color:#e6ecff;border-radius:8px;padding:6px 10px;cursor:pointer}

/* Poll */
.bcp-poll{background:#0f1a30;border:1px solid #203056;border-radius:12px;padding:10px}
.bcp-poll .q{font-weight:900;margin-bottom:8px}
.bcp-poll .ops{display:flex;gap:8px;margin-bottom:8px}
.bcp-poll .ops .vote{background:#253b64;border:1px solid #34548a;color:#fff;border-radius:8px;padding:6px 10px;cursor:pointer}
.bcp-poll .bars{display:flex;gap:6px}
.bcp-poll .bars .byes, .bcp-poll .bars .bno{display:inline-block;background:#1c2d50;border:1px solid #2a3f6a;color:#fff;border-radius:6px;padding:2px 6px;font-size:12px}

/* Shout */
.bcp-shout{background:conic-gradient(from 90deg, #152037, #0b1222);border:2px solid #2b3f6a;border-radius:16px;padding:16px;text-align:center}
.bcp-shout .txt{font-size:22px;font-weight:1000;letter-spacing:.5px}

/* Effect quake */
@keyframes bcp-quake{0%{transform:translate(1px,1px) rotate(0deg)}20%{transform:translate(-1px,2px) rotate(-0.5deg)}40%{transform:translate(2px,-1px) rotate(0.5deg)}60%{transform:translate(-2px,1px) rotate(0deg)}80%{transform:translate(1px,-1px) rotate(0.5deg)}100%{transform:translate(0,0) rotate(0deg)}}
.bcp.quake{animation:bcp-quake .08s infinite;}

/* Rank style preview – simple color accents per style_id */
.badge.crs-style-1{color:#e11d48}
.badge.crs-style-2{color:#f59e0b}
.badge.crs-style-3{color:#10b981}
.badge.crs-style-4{color:#3b82f6}
.badge.crs-style-5{color:#8b5cf6}
.badge.crs-style-6{color:#14b8a6}
.badge.crs-style-7{color:#ef4444}
.badge.crs-style-8{color:#f97316}
.badge.crs-style-9{color:#22c55e}
.badge.crs-style-10{color:#60a5fa}
.badge.crs-style-11{color:#a78bfa}
.badge.crs-style-12{color:#06b6d4}
.badge.crs-style-13{color:#b91c1c}
.badge.crs-style-14{color:#ea580c}
.badge.crs-style-15{color:#16a34a}
.badge.crs-style-16{color:#2563eb}
.badge.crs-style-17{color:#7c3aed}
.badge.crs-style-18{color:#0ea5e9}
.badge.crs-style-19{color:#dc2626}
.badge.crs-style-20{color:#d97706}
.badge.crs-style-21{color:#059669}
.badge.crs-style-22{color:#1d4ed8}
.badge.crs-style-23{color:#6d28d9}
.badge.crs-style-24{color:#0891b2}
.badge.crs-style-25{color:#be185d}
.badge.crs-style-26{color:#c2410c}
.badge.crs-style-27{color:#065f46}
.badge.crs-style-28{color:#1e3a8a}
.badge.crs-style-29{color:#4c1d95}
.badge.crs-style-30{color:#0e7490}
.badge.crs-style-31{color:#831843}
.badge.crs-style-32{color:#7c2d12}
.badge.crs-style-33{color:#064e3b}
.badge.crs-style-34{color:#172554}
.badge.crs-style-35{color:#3b0764}
.badge.crs-style-36{color:#164e63}
.badge.crs-style-37{color:#9f1239}
.badge.crs-style-38{color:#92400e}
.badge.crs-style-39{color:#047857}
.badge.crs-style-40{color:#0b4a6f}