/* ═══ 19zm-trpgkit.css ═══ TRPG 卓の作り直し（19zm-trpgkit.js、2026-09-26）
   盤は 16:10。画面の高さに収める（標準は卓の頭が見える高さ、「大きく」は画面いっぱい） */
.tbboard{height:auto;aspect-ratio:16/10;width:100%;max-width:max(300px,calc((var(--fitH) - 230px) * 1.6));margin:0 auto}
.tablebox.tkbig .tbboard{max-width:calc((var(--fitH) - 40px) * 1.6)}
.tbboard .pc{width:64px}
.tbboard.hasbg{background-size:100% 100%}
.tbboard .tbempty .btn{margin:6px auto}
.tbfoot .lk[data-tk=size]{margin-left:auto;white-space:nowrap}
.tkreq{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:6px}
.tkreq span{font-size:12px;color:var(--dim);font-family:var(--mono,monospace)}
.tkprog{position:fixed;left:50%;bottom:20px;transform:translateX(-50%);z-index:9999;background:var(--sur);border:1px solid var(--line2);border-radius:12px;padding:10px 14px;box-shadow:var(--sh);min-width:240px;font-size:13px}
.tkprog b{display:block;margin-bottom:6px}
.tkprog i{display:block;height:6px;border-radius:3px;background:var(--line)}
.tkprog u{display:block;height:6px;border-radius:3px;background:var(--irm,#4fc3f7);text-decoration:none;transition:width .15s}
.tkbox{max-width:680px!important;width:min(680px,calc(100vw / var(--z) - 24px))!important;max-height:calc(100vh / var(--z) - 30px);overflow:auto}
.tkscl{display:grid;gap:8px;margin:10px 0}
.tksc{display:flex;gap:12px;align-items:flex-start;text-align:left;background:var(--sur2);border:1px solid var(--line);border-radius:12px;padding:10px;color:var(--tx);font:inherit;cursor:pointer}
.tksc:hover{border-color:var(--irm)}
.tksc canvas{width:144px;height:90px;border-radius:8px;flex:none;background:#111}
.tkscb{display:flex;flex-direction:column;gap:3px;min-width:0}
.tkscb b{font-size:15px}.tkscb em{font-style:normal;font-size:12px;color:var(--dim)}.tkscb span{font-size:12.5px;line-height:1.55}
.tkscsum{font-size:13.5px;line-height:1.7;margin:8px 0}
.tkscenes{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:8px 0}
.tkscenes figure{margin:0}.tkscenes canvas{width:100%;height:auto;aspect-ratio:16/10;border-radius:8px;background:#111}
.tkscenes figcaption{font-size:12px;color:var(--dim);margin-top:3px}
.tknote{font-size:12.5px;color:var(--dim);line-height:1.6;margin:6px 0}
.tkmtypes{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0}
.tkmprev{aspect-ratio:16/10;background:#111;border-radius:10px;overflow:hidden}
.tkmprev img{width:100%;height:100%;display:block;transition:opacity .2s}
@media (max-width:560px){.tksc{flex-direction:column}.tksc canvas{width:100%;height:auto;aspect-ratio:16/10}.tkscenes{grid-template-columns:1fr 1fr}}
/* 地図の上でも駒の名前が読めるように */
.tbboard.hasbg .pc b{color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.95),0 0 4px rgba(0,0,0,.8)}
.tbboard.hasbg .pc.npc b{color:#ffc2d0}
.tbboard.hasbg .pcn{color:#eef2f8;text-shadow:0 1px 2px #000}