/* ═══ 19zx-drawroom.css ═══ みんなで描く部屋（19zx-drawroom.js、2026-10-04）。部屋の欄の上に出る共有のキャンバスと道具・お題当て */
.drbox{margin:0 0 10px;background:#1c2028;color:#e8ecf2;border-radius:12px;overflow:hidden;border:1px solid #2c313b}
.drq{padding:8px 10px;background:#14171d;border-bottom:1px solid #2c313b;font-size:13px}
.drqh{display:flex;align-items:center;gap:8px 12px;flex-wrap:wrap}
.drqh>b{font-size:13.5px}
.drqh>span{color:#9aa4b5;font-size:12.5px}
.drqh .drqm{color:#e8ecf2}
.drqh .btn{margin-left:auto}
.drqt{font-variant-numeric:tabular-nums;font-weight:800;color:#ffd76a!important;margin-left:auto}
.drqt+.btn{margin-left:0}
.drword{background:#ffd76a;color:#2a1c00;border-radius:6px;padding:1px 8px;letter-spacing:.08em}
.drqs{display:flex;flex-wrap:wrap;gap:4px 12px;margin-top:6px;font-size:12px;color:#9aa4b5}
.drqs b{color:#fff}
.drstage{position:relative;display:flex;justify-content:center;background:#2a2e37;padding:8px}
#drcv{display:block;width:min(100%,calc(var(--fitH,600px) * .58 * 1.6));height:auto;aspect-ratio:16/10;background:#fff;border-radius:6px;box-shadow:0 6px 24px #0008;touch-action:none;cursor:crosshair}
.drnote{position:absolute;left:14px;bottom:12px;background:#000a;color:#fff;font-size:11px;padding:2px 9px;border-radius:999px;pointer-events:none;max-width:calc(100% - 28px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.drtools{padding:8px 10px;display:flex;flex-direction:column;gap:6px}
.drrow{display:flex;flex-wrap:wrap;align-items:center;gap:6px}
.drb{display:flex;align-items:center;gap:4px;border:1px solid #363d4a;background:#262b35;color:#e8ecf2;border-radius:9px;padding:4px 8px;font:inherit;font-size:12px;cursor:pointer}
.drb i{font-style:normal;font-size:15px}
.drb.on{background:#3d7bf2;border-color:#3d7bf2;color:#fff}
.drcols{display:flex;flex-wrap:wrap;gap:4px;align-items:center}
.drsw{width:24px;height:24px;border-radius:50%;border:2px solid #ffffff33;cursor:pointer;padding:0}
.drsw.on{border-color:#fff;box-shadow:0 0 0 2px #3d7bf2}
#drpick{width:30px;height:26px;border:0;background:none;padding:0;cursor:pointer}
.drsl{display:flex;align-items:center;gap:6px;font-size:12px;color:#9aa4b5}
.drsl input{width:110px;accent-color:#3d7bf2}
.drsl b{color:#fff;min-width:2.6em;font-size:11.5px}
.drbox .btn{background:#262b35;color:#e8ecf2;border-color:#363d4a}
.drbox .btn.go{background:var(--irm,#ffc247);color:#1a1205;border-color:transparent}
.rrow .rdraw,.rnm .rdraw{font-style:normal;margin-left:4px}
.psroom{margin-top:6px;align-items:center}
@media (max-width:560px){.drb span{display:none}.drsl input{width:90px}.drstage{padding:4px}}
@media (pointer:coarse){.drsw{width:30px;height:30px}.drb{padding:6px 9px}}
/* ── お絵かき板（ずっとある部屋 eboard、2026-10-04）：絵だけ。1 回に 10 秒、次は 5 分後 ── */
#v-rooms.ebon #msgs,#v-rooms.ebon #typing,#v-rooms.ebon #replybar,#v-rooms.ebon #stamps,#v-rooms.ebon .hair,#v-rooms.ebon #roomcompose,
#v-rooms.ebon #tablebtn,#v-rooms.ebon #chtabs,#v-rooms.ebon #pinbar,#v-rooms.ebon #tablebox{display:none!important}
.drbox.ebmode{margin-bottom:0}
.ebbar{padding:9px 12px;background:#14171d;border-bottom:1px solid #2c313b}
.ebhd{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 12px;font-size:12.5px;color:#9aa4b5}
.ebhd>b{font-size:14px;color:#e8ecf2}
.ebhd span b{color:#ffd76a}
.ebst{display:flex;align-items:center;gap:10px;margin-top:7px;font-size:13px;font-weight:700;font-variant-numeric:tabular-nums}
.ebtx{flex:0 1 auto;min-width:0}
.ebpg{flex:1;min-width:80px;height:6px;border-radius:999px;background:#2a2e37;overflow:hidden}
.ebpg i{display:block;height:100%;border-radius:inherit;background:#30a46c;transition:width .1s linear}
.ebst.ready .ebtx{color:#7fe3a8}
.ebst.draw .ebtx{color:#ffd76a}.ebst.draw .ebpg i{background:linear-gradient(90deg,#f08c2e,#ffd76a)}
.ebst.wait .ebtx{color:#9aa4b5}.ebst.wait .ebpg i{background:#3e8ef7}
.drbox.ebmode #drcv{width:min(100%,calc((var(--fitH,600px) - 190px) * 1.6))}
#drcv.ebwait{cursor:not-allowed}
@media (max-width:560px){.ebhd span{font-size:11.5px}.ebst{font-size:12.5px}}