/* 盤面：マス、盤面の真ん中（出目と設定）、盤面の下の説明 */
.boardwrap{overflow-x:auto}
.board{display:grid;grid-template-columns:repeat(11,minmax(30px,1fr));grid-template-rows:repeat(11,minmax(30px,auto));gap:3px;min-width:340px;aspect-ratio:1}
.cell{position:relative;border:1.5px solid var(--line);background:var(--cell);border-radius:7px;padding:2px;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:clamp(.56rem,1.3vw,.78rem);font-weight:700;line-height:1.15;text-align:center;min-height:0}
/* .cell.est must stay before the other .cell.* rules below (monster and START borders win over it) */
.cell.est{border-style:dashed;border-color:var(--warn)}
.cell.move{background:var(--cell-move);color:var(--movei)}
.cell.question{background:var(--cell-q);color:var(--t300i)}
.cell.t100{background:var(--t100);color:var(--t100i)}
.cell.t300{background:var(--t300);color:var(--t300i)}
.cell.t400{background:var(--t400);color:var(--t400i)}
.cell.t600{background:var(--t600);color:var(--t600i)}
.cell.start{background:var(--cell-start);color:var(--cell-start-ink);border-color:var(--cell-start)}
.cell .v{font-size:1.08em}
.cell .tags{font-size:.86em;display:flex;gap:2px;flex-wrap:wrap;justify-content:center}
.cell.golden{border:2.5px solid var(--gold);background:var(--gold-soft)}
.cell.homunculus{border:2.5px solid var(--poison);background:var(--poison-soft)}
.cell.mystic{border:2.5px solid var(--lilac);background:var(--lilac-soft)}
.cell .was{font-size:.78em;text-decoration:line-through;text-decoration-color:var(--warn);color:var(--muted)}
.cell .mon{position:absolute;top:-10px;left:-7px;font-size:1.25rem;line-height:1;z-index:2;filter:drop-shadow(0 1px 1px rgba(0,0,0,.25))}
.cell.prev{border-style:dashed}
.cell.check{border-color:var(--warn);background:var(--warn-soft)}
.cell.here::after{content:"";position:absolute;inset:-4px;border-radius:10px;border:3px solid var(--lilac);pointer-events:none}
.cell .step{position:absolute;top:-8px;right:-6px;background:var(--lilac);color:#fff;border-radius:999px;font-size:.78rem;min-width:1.4em;height:1.4em;display:grid;place-items:center;padding:0 3px;z-index:2}
.cell button.hit{position:absolute;inset:0;background:none;border:0;border-radius:7px}
.center{grid-column:2/11;grid-row:2/11;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:8px}
.dice{display:flex;gap:10px}
.die{display:flex;flex-direction:column;align-items:center;gap:3px}
.die input{width:3.1em;height:3.1em;text-align:center;font-size:1.35rem;font-weight:900;border-radius:12px;border:2px solid var(--lilac);background:var(--surface)}
.die label{font-size:.75rem;color:var(--muted)}
.minirow{display:flex;gap:12px;align-items:center;flex-wrap:wrap;justify-content:center;font-size:.88rem}
.minirow input[type=number]{width:4.2em;padding:3px 6px;border-radius:8px;border:1.5px solid var(--line);background:var(--surface)}
.legend{font-size:.8rem;color:var(--muted);margin-top:8px;display:flex;gap:12px;flex-wrap:wrap}
.center .hint{font-size:.74rem;color:var(--muted);margin:-4px 0 0;max-width:24em;text-align:center;line-height:1.45}
.minirow input:disabled{opacity:.75}