.lc{display:grid;gap:12px;padding:clamp(10px,2.5vw,20px);background:#2B1B3D;color:#F2EEE4;min-height:480px}
.lc-opps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.lc-opp{display:grid;gap:2px;justify-items:center;padding:8px;background:#3A2552;border:2px solid transparent;font-family:var(--body);text-align:center}
.lc-opp.turn{border-color:#F6C333}
.lc-opp em{font-style:normal;font-weight:700;color:#FF8A80;font-size:.85rem}
.lc-middle{display:flex;gap:16px;align-items:center;justify-content:center;flex-wrap:wrap}
.lc-colour{display:flex;gap:8px;align-items:center;font-family:var(--body);font-weight:700;text-transform:capitalize}
.lc-colour span{width:18px;height:18px;border:2px solid #FFFFFF}
.lc-card{--c:#E2533A;position:relative;width:clamp(52px,13vw,74px);aspect-ratio:5/7;border:3px solid #1B1D33;border-radius:6px;background:#FBF8EF;cursor:pointer;
  display:grid;place-items:center;padding:0;font-family:var(--body);font-weight:700;color:var(--c);box-shadow:3px 3px 0 rgba(0,0,0,.4);flex:0 0 auto}
.lc-card.wild{background:#2B2D42;color:#FBF8EF}
.lc-card .lc-corner{position:absolute;top:3px;left:5px;font-size:.8rem}
.lc-card .lc-face{display:grid;justify-items:center;gap:2px}
.lc-card .lc-face svg{width:clamp(22px,6vw,32px);height:auto}
.lc-card .lc-face b{font-size:clamp(1rem,3.4vw,1.35rem);line-height:1}
.lc-card.back{background:#7B4BC9 repeating-linear-gradient(45deg,#6A3DB4 0 5px,#8B5CD9 5px 10px);color:#FFFFFF}
.lc-card.back span{background:#1B1D33;padding:2px 6px;font-size:.8rem}
.lc-card:disabled{opacity:.6;cursor:not-allowed}
.lc-card.top{cursor:default;transform:rotate(-4deg)}
.lc-card.can{box-shadow:0 0 0 3px #F6C333,3px 3px 0 rgba(0,0,0,.4);transform:translateY(-6px)}
.lc-msg{font-family:var(--body);font-weight:600;text-align:center;min-height:3em}
.lc-actions,.lc-pick{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}
.lc-pick[hidden],.lc-actions [hidden]{display:none}
.lc-pick .table-btn{text-transform:capitalize}
.lc-hand{display:flex;gap:6px;flex-wrap:wrap;justify-content:center;padding-top:8px}