/* 段差と影 */
/* 奥行き：同じ平面に並んでいた面に、わずかな段差をつける */
.actb,.evb,.fgb,.rbslot{box-shadow:0 1px 0 rgba(0,0,0,.18),0 5px 14px -12px rgba(0,0,0,.45)}
.actb:hover,.evb:hover{box-shadow:0 2px 0 rgba(0,0,0,.24),0 12px 22px -14px rgba(0,0,0,.6)}
.actb:active,.evb:active{transform:translateY(1px);box-shadow:0 0 0 rgba(0,0,0,0)}

/* ══ 戦闘ログの中のダイス ══ */
.btlog .dicerow{margin:5px 0;padding:7px 9px}
.btlog .die{width:27px;height:27px;padding:4px;border-radius:6px}
.btlog .dicerow .dtot{font-size:17px}
.btlog .dice.foe .dicerow{background:linear-gradient(90deg,rgba(230,90,110,.10),transparent)}
.btlog .dice.foe .die{animation-delay:.30s}
.btlog .dice.foe .die.d2{animation-delay:.39s}
.btlog .dice.foe .dmod{animation-delay:.80s}
.btlog .dice.foe .deq{animation-delay:.88s}
.btlog .dice.foe .dtot{animation-delay:.92s}
.btlog .dice.foe .ddc{animation-delay:1s}
.btlog .dice.foe em{animation-delay:1.08s}
.btlog .done .die,.btlog .done .dicerow *{animation:none!important}
.btlog .done .dicerow{opacity:.62}

/* ══ AIに書いてもらう ══ */
.aisteps{display:grid;gap:6px;background:var(--sur2);border:1px solid var(--line2);
 border-radius:10px;padding:11px 13px;font-size:12.5px;line-height:1.7;color:var(--dim)}
.aisteps>div{display:flex;gap:8px}
.aisteps b{color:var(--irm);font-weight:900;flex:0 0 auto}
.aisteps>div>b:first-child{min-width:16px}

.rknone{font-size:12px;color:var(--dim)}
.rknone b{color:var(--tx)}
.rktop b i{font-style:normal;color:var(--dim);font-weight:700}

/* ══ タグ・話題・複数枚・保存 ══ */
.htag{background:none;border:0;padding:0;font:inherit;color:var(--irm);font-weight:700;cursor:pointer}
.htag:hover{text-decoration:underline}
.hotwrap{display:flex;gap:5px;align-items:center;flex-wrap:wrap;margin-bottom:10px;
 padding-bottom:9px;border-bottom:1px solid var(--line)}
.hotlab{font-size:10.5px;font-weight:900;color:var(--dim)}
.hotwrap .htag{background:var(--sur);border:1px solid var(--line2);border-radius:999px;
 padding:4px 11px;font-size:12px}
.hotwrap .htag.on{background:var(--irm);color:var(--bg);border-color:var(--irm)}
.hotwrap .htag i{font-style:normal;font-size:9.5px;color:var(--dim);margin-left:5px}
.hotwrap .htag.on i{color:var(--bg)}
.tagnow{display:flex;align-items:center;gap:8px;font-size:12.5px;font-weight:800;margin-bottom:10px}
.pimg{border-radius:12px;margin-top:7px;width:100%;max-height:420px;object-fit:cover}
.pimgs{position:relative;display:grid;gap:3px;margin-top:7px;border-radius:12px;overflow:hidden;cursor:zoom-in}
.pimgs.n2{grid-template-columns:1fr 1fr}
.pimgs.n3{grid-template-columns:1fr 1fr}
.pimgs.n3 img:first-child{grid-row:1/3}
.pimgs.n4{grid-template-columns:1fr 1fr}
.pimgs img{width:100%;height:150px;object-fit:cover;display:block}
.pimgn{position:absolute;right:7px;bottom:7px;background:rgba(0,0,0,.65);color:#fff;
 font-size:10.5px;font-weight:800;border-radius:999px;padding:2px 9px}
#lightbox{position:fixed;inset:0;z-index:90;background:rgba(6,8,12,.94);display:grid;place-items:center;padding:20px}
#lightbox img{max-width:100%;max-height:86vh;border-radius:10px}
.lbx,.lbp,.lbn{position:absolute;background:rgba(255,255,255,.12);border:0;color:#fff;
 width:42px;height:42px;border-radius:999px;font-size:20px;cursor:pointer}
.lbx{top:16px;right:16px}.lbp{left:14px}.lbn{right:14px}
.lbc{position:absolute;bottom:18px;color:#fff;font-size:12px;font-weight:800}
.xa.bm.on{color:var(--irm);font-weight:800}
.xa[data-save2]{cursor:pointer}
.xa[data-save2]:hover{color:var(--irm);background:var(--sur2)}
.pbimgs{display:flex;gap:6px;flex-wrap:wrap;margin:8px 0}
.pbimgs span{position:relative}
.pbimgs img{width:62px;height:62px;object-fit:cover;border-radius:8px;display:block}
.pbimgs button{position:absolute;top:-5px;right:-5px;width:20px;height:20px;border-radius:999px;
 background:var(--bad);color:#fff;border:0;font-size:11px;cursor:pointer;line-height:1}
.pgrid{margin-left:auto;background:none;border:0;color:var(--dim);font-size:16px;cursor:pointer}
.pinlab{font-size:10.5px;font-weight:900;color:var(--dim);padding:10px 10px 4px}
#prfgrid.igrid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:3px}
#prfgrid.igrid .post.xp{display:block;padding:0;border:0;aspect-ratio:1;overflow:hidden;background:var(--sur)}
#prfgrid.igrid .xav,#prfgrid.igrid .xhd,#prfgrid.igrid .xacts,#prfgrid.igrid .xrp{display:none}
#prfgrid.igrid .xbody{margin:0;height:100%}
#prfgrid.igrid .body{padding:8px;font-size:11px;line-height:1.5;height:100%;overflow:hidden}
#prfgrid.igrid img,#prfgrid.igrid .pimg{width:100%;height:100%;object-fit:cover;border-radius:0;margin:0;max-height:none}
#prfgrid.igrid .pimgs{margin:0;height:100%;border-radius:0}
#prfgrid.igrid .pimgs img{height:100%}
#prfgrid.igrid .pinlab{grid-column:1/-1}

.reconn{background:var(--sur2);border:1px dashed var(--line2);border-radius:9px;
 padding:7px 11px;margin-bottom:9px;font-size:11.5px;color:var(--dim)}
#menubtn.inroom::after{content:"";display:inline-block;width:6px;height:6px;border-radius:99px;
 background:var(--good);margin-left:6px;vertical-align:middle}