/* BLACKSERA1028 セラのプロフィール（白／黒）と広場のメーター */
.bsp,.bsz{--bs-bg:#f4f8ff;--bs-bg2:#fffdf7;--bs-card:#ffffff;--bs-line:#e6e1f2;--bs-ink:#3a2f4a;--bs-sub:#7d7290;--bs-acc:#c9a24a;--bs-l:#f2c75c;--bs-l2:#fff3c8;--bs-d:#5b3a8c;--bs-d2:#2a1840;--bs-btn:#c0418a;--bs-btnink:#fff}
.bsp--black,.bsz--black{--bs-bg:#1b1226;--bs-bg2:#2a1a3c;--bs-card:#251833;--bs-line:#45305f;--bs-ink:#f1e9fb;--bs-sub:#bfb0d6;--bs-acc:#b48cff;--bs-btn:#8e5bd8;--bs-btnink:#fff}
body.msv-bs--black{background:#1b1226}
.bsp{max-width:640px;margin:0 auto;padding:14px 14px 28px;background:linear-gradient(180deg,var(--bs-bg),var(--bs-bg2));color:var(--bs-ink);box-sizing:border-box;min-height:70vh}
.bsp *,.bsz *{box-sizing:border-box}
.bsp__hero{text-align:center;padding:4px 0 6px}
.bsp__plate{--pw:min(92vw,380px);position:relative;display:block;width:var(--pw);aspect-ratio:4/1;margin:0 auto;background:center/100% 100% no-repeat}
.bsp__icon{position:absolute;left:calc(var(--pw)*.169);top:45.3%;width:calc(var(--pw)*.13);height:calc(var(--pw)*.13);transform:translate(-50%,-50%);border-radius:50%;object-fit:cover;background:#eee}
.bsp__name{position:absolute;left:30%;right:22%;top:50%;transform:translateY(-50%);text-align:center;font-size:clamp(18px,5.6vw,22px);font-weight:900;letter-spacing:.08em;color:#3a2f4a;white-space:nowrap}
.bsp--black .bsp__name{color:#f1e9fb}
.bsp__ok{position:absolute;right:7%;top:50%;transform:translateY(-50%);font-size:10.5px;font-weight:900;padding:3px 8px;border-radius:999px;background:var(--bs-acc);color:#fff;white-space:nowrap}
.bsp__state{margin:8px 0 0;font-size:12px;font-weight:800;color:var(--bs-sub)}
.bsp__full{display:block;width:min(78vw,300px);aspect-ratio:2/3;height:auto;margin:4px auto 0;object-fit:contain;filter:drop-shadow(0 6px 14px rgba(70,50,110,.18))}
.bsp--black .bsp__full{filter:drop-shadow(0 0 18px rgba(150,90,255,.35))}
.bsp__intro{margin:6px auto 12px;max-width:460px;font-size:13px;line-height:1.85;color:var(--bs-ink);text-align:left;background:var(--bs-card);border:1px solid var(--bs-line);border-radius:14px;padding:11px 13px}
.bsp__btns{display:flex;gap:8px;justify-content:center;margin:0 0 6px}
.bsp__btn{flex:1 1 0;max-width:200px;display:inline-block;padding:11px 8px;border-radius:999px;background:var(--bs-btn);color:var(--bs-btnink);font-weight:900;font-size:13.5px;text-decoration:none;text-align:center}
.bsp__btn--s{background:transparent;color:var(--bs-ink);border:1.5px solid var(--bs-line)}
.bsp__card{background:var(--bs-card);border:1px solid var(--bs-line);border-radius:16px;padding:14px 12px;margin:12px 0 0}
.bsp__h2s{margin-left:6px;font-size:11px;font-weight:800;color:var(--bs-sub)}
.bsp__h2{margin:0 0 8px;font-size:15px;font-weight:900;color:var(--bs-ink)}
/* メーター */
.bsm{text-align:center}
.bsm__h{margin:0 0 2px;font-size:12px;font-weight:900;color:var(--bs-sub)}
.bsm__tug{display:flex;align-items:center;gap:6px;margin:6px 0 0}
.bsm__side{flex:0 0 auto;font-size:13px;font-weight:900;width:22px;height:22px;line-height:22px;border-radius:50%;text-align:center}
.bsm__side--l{background:#fff3c8;color:#9a6c00}.bsm__side--d{background:#2a1840;color:#e2cbff}
.bsm--big .bsm__side{width:30px;height:30px;line-height:30px;font-size:15px}
.bsm__bar{position:relative;flex:1 1 auto;display:flex;height:16px;border-radius:999px;background:var(--bs-line)}
.bsm--big .bsm__bar{height:26px}
.bsm__bl{display:block;border-radius:999px 0 0 999px;background:linear-gradient(90deg,var(--bs-l2),var(--bs-l))}
.bsm__bd{display:block;border-radius:0 999px 999px 0;background:linear-gradient(90deg,var(--bs-d),var(--bs-d2))}
.bsm__knot{position:absolute;top:50%;width:14px;height:14px;margin:-7px 0 0 -7px;border-radius:50%;background:#fff;border:3px solid #c9a24a;box-shadow:0 1px 4px rgba(0,0,0,.25)}
.bsm--big .bsm__knot{width:22px;height:22px;margin:-11px 0 0 -11px}
.bsp--black .bsm__knot,.bsz--black .bsm__knot{border-color:#b48cff;background:#1b1226}
.bsm__mid{position:absolute;left:50%;top:-4px;bottom:-4px;width:2px;margin-left:-1px;background:rgba(127,127,127,.45)}
.bsm__nums{display:flex;justify-content:center;gap:6px;margin:6px 0 0;font-size:11px;font-weight:800;color:var(--bs-sub)}
.bsm__sep{color:var(--bs-sub)}
.bsm__l{color:#9a6c00}.bsm__d{color:#5b3a8c}
.bsp--black .bsm__l,.bsz--black .bsm__l{color:#ffd86b}.bsp--black .bsm__d,.bsz--black .bsm__d{color:#c8a2ff}
.bsm__mult{margin:3px 0 0;font-size:10.5px;font-weight:900;color:#6a3fb0}
.bsp--black .bsm__mult,.bsz--black .bsm__mult{color:#c8a2ff}
.bsm__note{margin:8px 0 0;font-size:11px;line-height:1.7;color:var(--bs-sub)}
/* 貢献者 */
.bst2{display:flex;gap:6px;justify-content:center;margin:12px 0 0}
.bst2__b{border:1.5px solid var(--bs-line);background:transparent;color:var(--bs-sub);font-weight:900;font-size:12.5px;padding:6px 16px;border-radius:999px;cursor:pointer}
.bst2__b.is-on{background:var(--bs-btn);border-color:var(--bs-btn);color:#fff}

.bsr{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:12px 0 0}
.bsr__col{min-width:0;border-radius:12px;padding:8px 6px;background:rgba(242,199,92,.12)}
.bsr__col--d{background:rgba(91,58,140,.12)}
.bsp--black .bsr__col--d{background:rgba(180,140,255,.14)}
.bsr__h{margin:0 0 4px;font-size:12px;font-weight:900;text-align:center;color:var(--bs-ink)}
.bsr__ol{list-style:none;margin:0;padding:0}
.bsr__li{display:flex;align-items:center;gap:4px;padding:4px 0;border-top:1px solid var(--bs-line);min-width:0}
.bsr__li:first-child{border-top:0}
.bsr__no{flex:0 0 16px;font-size:11px;font-weight:900;color:var(--bs-sub);text-align:center}
.bsr__who{display:flex;align-items:center;gap:5px;min-width:0;flex:1 1 auto;color:var(--bs-ink);text-decoration:none}
.bsr__av{width:26px;height:26px;border-radius:50%;object-fit:cover;flex:0 0 auto;background:#eee}
.bsr__nm{font-size:12px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.bsr__pt{flex:0 0 auto;font-size:11px;font-weight:900;color:var(--bs-sub)}
.bsp__card>.bsr__ol .bsr__nm{font-size:13px}
.bsp__card>.bsr__ol .bsr__av{width:32px;height:32px}
.bsr__none{margin:6px 0;font-size:12px;color:var(--bs-sub);text-align:center}
/* 称号 */
.bst{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.bst__li{display:flex;align-items:center;gap:8px;min-width:0}
.bst__lb{flex:0 0 auto;font-size:11px;font-weight:900;padding:4px 9px;border-radius:999px;background:#fff3c8;color:#8a6410}
.bst__li--fallen .bst__lb{background:#2a1840;color:#e2cbff}
/* ギフトの壁 */
.bsw{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.bsw__it{position:relative;text-align:center;background:rgba(255,255,255,.55);border:1px solid var(--bs-line);border-radius:12px;padding:6px 2px 4px;min-width:0}
.bsp--black .bsw__it{background:rgba(255,255,255,.05)}
.bsw__it.is-dark{background:rgba(42,24,64,.85);border-color:#5b3a8c}
.bsw__it img{width:100%;max-width:56px;aspect-ratio:1;object-fit:contain;display:block;margin:0 auto}
.bsw__nm{display:block;font-size:9.5px;font-weight:800;line-height:1.3;color:var(--bs-ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:2px 2px 0}
.bsw__it.is-dark .bsw__nm{color:#e2cbff}
.bsw__n{position:absolute;top:3px;right:4px;font-size:9.5px;font-weight:900;color:var(--bs-sub)}
/* これまでの結果 */
.bsh{list-style:none;margin:0;padding:0}
.bsh__li{display:flex;align-items:center;gap:8px;padding:6px 0;border-top:1px solid var(--bs-line);font-size:12.5px}
.bsh__li:first-child{border-top:0}
.bsh__m{flex:0 0 40px;font-weight:900}
.bsh__v{flex:1 1 auto;min-width:0}
.bsh__w{flex:0 0 auto;font-size:11px;font-weight:900;padding:2px 8px;border-radius:999px;background:#fff3c8;color:#8a6410}
.bsh__w--d{background:#2a1840;color:#e2cbff}
/* 広場 */
.bsz{margin:16px auto 8px;max-width:640px;padding:0 2px}
.bsz__card{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:16px;background:linear-gradient(135deg,var(--bs-bg),var(--bs-bg2));border:1px solid var(--bs-line);color:var(--bs-ink);text-decoration:none}
.bsz__ic{width:48px;height:48px;border-radius:50%;object-fit:cover;flex:0 0 auto;border:2px solid var(--bs-acc)}
.bsz__body{flex:1 1 auto;min-width:0}
.bsz__ttl{margin:0;font-size:12px;font-weight:900;color:var(--bs-ink);text-align:left}
.bsz .bsm{text-align:left}.bsz .bsm__nums{justify-content:flex-start}.bsz .bsm__h{display:none}
.bsn{position:fixed;left:50%;transform:translateX(-50%);bottom:calc(env(safe-area-inset-bottom,0px) + 78px);z-index:60;width:min(92vw,520px);display:flex;align-items:center;gap:8px;padding:9px 10px;border-radius:14px;text-decoration:none;box-shadow:0 6px 20px rgba(30,20,50,.25);background:#fffdf7;color:#3a2f4a;border:1.5px solid #e6c46a}
.bsn--black{background:#22152f;color:#f1e9fb;border-color:#8e5bd8}
.bsn__ic{width:34px;height:34px;border-radius:50%;object-fit:cover;flex:0 0 auto}
.bsn__t{flex:1 1 auto;min-width:0;font-size:12px;font-weight:800;line-height:1.55}
.bsn__x{flex:0 0 auto;width:28px;height:28px;border:0;border-radius:50%;background:rgba(127,127,127,.18);color:inherit;font-size:15px;line-height:1;cursor:pointer}
@media (max-width:370px){.bsr{grid-template-columns:1fr}.bsw{grid-template-columns:repeat(3,minmax(0,1fr))}}