/* Word Clusters */
.wc-solved { display: grid; gap: 8px; margin-bottom: 10px; }
.wc-group { border-radius: 18px; padding: 12px 14px; text-align: center; color: #fff; box-shadow: inset 0 2px 1px rgba(255, 255, 255, .4), 0 6px 16px rgba(20, 33, 58, .15); animation: wc-in .35s cubic-bezier(.3, 1.4, .5, 1); }
.wc-group strong { display: block; font: 800 16px var(--display); text-transform: none; }
.wc-group span { font-weight: 700; font-size: 14px; letter-spacing: .02em; opacity: .95; }
.wc-group.l1 { background: linear-gradient(160deg, #5FD4C6, #138A7E); }
.wc-group.l2 { background: linear-gradient(160deg, #B79BFF, #6D3FCC); }
.wc-group.l3 { background: linear-gradient(160deg, #FF9F7A, #D9483A); }
.wc-group.missed { opacity: .75; filter: saturate(.6); }
.wc-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 8px; }
.wc-grid.shake { animation: shake .35s; }
.wc-tile { min-height: 64px; padding: 6px 4px; border-radius: 16px; border: 1px solid var(--glass-edge); background: var(--tile-top); color: var(--text); box-shadow: var(--lift);
  font: 800 clamp(11px, 2.8vw, 15px) var(--body); letter-spacing: .02em; cursor: pointer; transition: transform .12s, background .15s; word-break: break-word; }
.wc-tile.long { font-size: clamp(10px, 2.3vw, 13px); }
.wc-tile:hover { transform: translateY(-2px); }
.wc-tile.picked { background: linear-gradient(170deg, #4A5A7C, #2A3550); color: #fff; transform: translateY(-2px) scale(1.03); }
.wc-lives { display: flex; align-items: center; justify-content: center; gap: 8px; margin: 6px 0 4px; }
.wc-life { width: 12px; height: 12px; border-radius: 50%; background: linear-gradient(160deg, #B79BFF, #6D3FCC); }
.wc-life.gone { background: var(--track); }
.wc-tools { justify-content: center; flex-wrap: wrap; }
@keyframes wc-in { from { transform: scale(.9); opacity: 0; } }
@media (max-width: 520px) { .wc-grid { grid-template-columns: repeat(3, 1fr); } }
