/* ═══ 19n-fund.css ═══ 支援してくれた人の欄と、開放コード（2026-09-23）
   ・この画面には広告を出さない（持ち主の決め事）。広告の枠は html.noads で畳む
   ・名前の「見た目」は札で持つ（.nm-gold など）。好きな CSS は受け取らない＝入れ込まれない
   ・支援者の行は、管理者が 大きさ／字／色／画像／リンク を決められる */

/* ── 広告を出さない画面 ── 支援の欄では、枠ごと畳む */
html.noads #adrail,html.noads #adbot{display:none!important}

/* ── 名前の見た目（札）── 称号に付いてくる。ほかの人の画面にも出る */
.nm-gold{background:linear-gradient(100deg,#ffe9a8,#ffc247 42%,#c9881d 62%,#ffe9a8);
 -webkit-background-clip:text;background-clip:text;color:transparent}
.nm-silv{background:linear-gradient(100deg,#ffffff,#c8d2e4 45%,#7f8ba3 65%,#eef1f7);
 -webkit-background-clip:text;background-clip:text;color:transparent}
.nm-fire{background:linear-gradient(100deg,#ffd479,#ff8a3d 45%,#e2664f);
 -webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 0 12px rgba(226,102,79,.28)}
.nm-aqua{background:linear-gradient(100deg,#d8f6ff,#6ff0cf 45%,#5fd0ff);
 -webkit-background-clip:text;background-clip:text;color:transparent}
.nm-neon{color:#8fe3ff;text-shadow:0 0 6px rgba(95,208,255,.75),0 0 16px rgba(95,208,255,.35)}
.nm-rain{background:linear-gradient(100deg,#ff9bb8,#ffd479 22%,#9cf0a8 44%,#6ff0cf 62%,#8fc7ff 80%,#c8a6ff);
 background-size:220% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;
 animation:nmrain 6s linear infinite}
@keyframes nmrain{to{background-position:220% 0}}
.nm-crown::before{content:"👑";margin-right:4px;font-size:.92em;-webkit-text-fill-color:initial}
@media(prefers-reduced-motion:reduce){.nm-rain{animation:none}}
/* 明るい配色では、白に近い色だと読めなくなる */
body.light .nm-silv{background:linear-gradient(100deg,#6b7590,#39415a 45%,#8b95ad);
 -webkit-background-clip:text;background-clip:text;color:transparent}
body.light .nm-neon{color:#0a7ea8;text-shadow:0 0 8px rgba(95,208,255,.5)}

/* ── 支援の画面 ── */
#v-sup .lede{color:var(--dim);font-size:13.5px;margin:2px 0 16px}
.supnoad{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--dim);
 border:1px solid var(--line);border-radius:999px;padding:3px 11px;margin-bottom:14px}

/* 開放コード */
#supredeem{background:var(--sur);border:1px solid var(--line);border-radius:16px;padding:15px 16px 16px;margin-bottom:20px}
#supredeem h3{margin:0 0 4px;font-size:15px;font-family:var(--disp)}
#supredeem p{margin:0 0 11px;color:var(--dim);font-size:12.5px}
#supredeem .rdnote{font-size:11.5px;color:var(--faint);margin-top:-6px}
#supredeem .rdnote b{color:var(--dim)}
.rdrow{display:flex;gap:8px;flex-wrap:wrap}
#rdcode{flex:1 1 200px;min-width:0;background:var(--bg);border:1px solid var(--line2);border-radius:11px;
 color:var(--tx);font-family:var(--num);font-size:16px;letter-spacing:.14em;padding:10px 13px;text-transform:uppercase}
#rdcode::placeholder{letter-spacing:.06em;color:var(--faint);text-transform:none}
#rdmsg{margin-top:10px;font-size:13px;min-height:0}
#rdmsg.ok{color:var(--good)}#rdmsg.bad{color:var(--bad)}
.rdgot{margin-top:11px;background:var(--sur2);border:1px solid var(--line);border-radius:12px;padding:11px 13px;font-size:13px}
.rdgot b{display:block;font-size:14px;margin-bottom:3px}

/* 支援者の一覧 */
.suphd{display:flex;align-items:baseline;gap:10px;margin:0 0 10px}
.suphd h3{margin:0;font-size:15px;font-family:var(--disp)}
.suphd span{color:var(--faint);font-size:12px}
#suplist{display:flex;flex-direction:column;gap:10px}
.sup{display:flex;align-items:center;gap:13px;background:var(--sur);border:1px solid var(--line);
 border-radius:14px;padding:12px 15px;text-decoration:none;color:inherit}
a.sup:hover{border-color:var(--line2)}
.sup img{width:46px;height:46px;border-radius:12px;object-fit:cover;background:var(--sur2);flex:none}
.supw{min-width:0;flex:1}
.supn{font-weight:800;font-family:var(--disp);line-height:1.3;word-break:break-word}
.supnote{color:var(--dim);font-size:12.5px;margin-top:2px;word-break:break-word}
.suptier{flex:none;font-size:11px;font-weight:800;letter-spacing:.06em;color:var(--irm);
 border:1px solid rgba(255,194,71,.42);border-radius:999px;padding:2px 9px;white-space:nowrap}
/* 字の種類（管理者が選ぶ） */
.sf-mincho{font-family:"Hiragino Mincho ProN","Yu Mincho",serif}
.sf-round{font-family:var(--disp)}
.sf-mono{font-family:var(--num)}
.sf-pop{font-family:var(--disp);font-weight:900;letter-spacing:.02em}

/* ── 管理者の道具（支援）── */
.fundbox{margin-top:12px}
.fundbox .ptabs{margin-bottom:10px}
.fnote{color:var(--dim);font-size:12.5px;margin:0 0 10px}
.frow{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px;margin-bottom:8px}
.fld{display:flex;flex-direction:column;gap:3px;min-width:0}
.fld span{font-size:11.5px;color:var(--faint)}
.fld input,.fld select{background:var(--bg);border:1px solid var(--line2);border-radius:9px;
 color:var(--tx);font-family:inherit;font-size:13.5px;padding:7px 9px;min-width:0}
.flist{display:flex;flex-direction:column;gap:7px;margin-top:12px}
.fitem{display:flex;align-items:center;gap:9px;background:var(--sur2);border:1px solid var(--line);
 border-radius:11px;padding:8px 11px;font-size:13px}
.fitem b{font-family:var(--num);letter-spacing:.06em}
.fitem .fmeta{color:var(--dim);font-size:11.5px;margin-left:auto;white-space:nowrap}
.fitem .lk{flex:none}
.fprev{background:var(--bg);border:1px dashed var(--line2);border-radius:11px;padding:10px 12px;margin-top:10px}
.fprev>span{display:block;font-size:11.5px;color:var(--faint);margin-bottom:6px}
.fprev .sup{margin:0}
.fprevrow{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.fprevrow .supn{font-size:18px}

/* いま何をしているかの帯。直している最中は色を変えて、やめられるようにする */
.fhd{font-size:12.5px;color:var(--dim);border-left:3px solid var(--line2);padding:2px 0 2px 9px;margin:0 0 10px}
.fhd.edit{color:var(--tx);border-left-color:var(--irm)}
.fhd b{font-family:var(--num);letter-spacing:.04em}
.fhd .lk{margin-left:10px}
.fhint{font-size:11px;color:var(--faint);line-height:1.5}
/* 入れ物のとなりに置く小さなボタン（🎲 作る・色えらび） */
.fgen{display:flex;gap:6px;align-items:center;min-width:0}
.fgen input{flex:1;min-width:0}
.fgen input[type="color"]{flex:none;width:38px;height:34px;padding:2px;border-radius:8px;background:var(--bg);border:1px solid var(--line2);cursor:pointer}
.fgen select{flex:1;min-width:0}
.fld input[readonly]{color:var(--dim);background:var(--sur2)}
.fld input[type="range"]{padding:0;height:26px;accent-color:var(--irm);border:0;background:transparent;cursor:pointer}
.frngv{color:var(--tx);font-family:var(--num)}
/* 一覧の行 */
.fitem{flex-wrap:wrap}
.fitem.on{border-color:var(--irm);background:var(--sur)}
.fitem .fwho{color:var(--dim);font-size:12px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.fst{flex:none;font-size:10.5px;font-weight:800;border-radius:999px;padding:1px 8px;white-space:nowrap}
.fst.ok{color:var(--good);border:1px solid rgba(123,236,156,.4)}
.fst.bad{color:var(--bad);border:1px solid rgba(255,61,127,.4)}
.fitem .lk[disabled]{opacity:.3;cursor:default}
@media(max-width:560px){.fitem .fmeta{margin-left:0;width:100%}}

@media(max-width:560px){
 .sup{gap:10px;padding:10px 12px}
 .sup img{width:38px;height:38px}
 #rdcode{font-size:15px}
}