:root{--accent:#2f7d5b}
.fc{background:#2f7d5b;align-items:flex-start;overflow:auto}
.table{width:min(100%,920px);padding:10px;--cw:calc((min(100vw,920px) - 20px - 7*6px)/8);--ch:calc(var(--cw)*1.4)}
.top{display:flex;justify-content:space-between;gap:12px;margin-bottom:12px}
.cells,.founds{display:grid;grid-template-columns:repeat(4,var(--cw));gap:6px}
.slot{height:var(--ch);border:2px dashed rgba(255,255,255,.4);border-radius:8px;position:relative;cursor:pointer;display:grid;place-items:center;color:rgba(255,255,255,.45);font-size:calc(var(--cw)*0.4)}
.tableau{display:grid;grid-template-columns:repeat(8,var(--cw));gap:6px}
.col{position:relative;min-height:var(--ch);cursor:pointer}
.card{position:absolute;left:0;width:var(--cw);height:var(--ch);background:#fffdf7;border-radius:8px;border:1px solid #c9c2b0;box-shadow:0 1px 2px rgba(0,0,0,.25);font-weight:800;cursor:pointer;transition:transform .08s}
.card .tl{position:absolute;top:3px;left:5px;font-size:calc(var(--cw)*0.26);line-height:1}.card .mid{position:absolute;inset:0;display:grid;place-items:center;font-size:calc(var(--cw)*0.5)}
.card.red{color:#c8392f}.card.black{color:#22302b}.card.sel{outline:3px solid #f2b84b;outline-offset:-1px;transform:translateY(-3px)}
.slot .card{top:0}
.fc .foot{color:rgba(255,255,255,.7)}