.connections-lives{text-align:right;color:var(--text-soft);flex-shrink:0;font-size:.8rem}.connections-lives strong{color:var(--text);margin-top:5px;font-size:1rem;display:block}.connections-puzzle{gap:9px;display:grid}.connections-tiles{grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;display:grid}.connections-tiles .button{border-radius:var(--radius-md);min-width:0;min-height:76px;color:var(--text);overflow-wrap:anywhere;background:#fff;border:1px solid #c6b5c0;padding:14px 8px 20px;font-size:clamp(.75rem,1.5vw,.95rem);font-weight:600;line-height:1.3;position:relative;box-shadow:0 3px #e8dfe5}.connections-tiles .button:hover:not(:disabled){background:var(--puzzle-rose);border-color:var(--brand-text)}.connections-tiles .button[aria-pressed=true]{background:var(--puzzle-rose);border:2px solid var(--brand-text);box-shadow:0 3px #cfb1c1}.connections-tiles .button svg{position:absolute;bottom:4px;right:6px}.connections-solved{border-radius:var(--radius-md);background:var(--puzzle-mint);text-align:center;gap:5px;padding:15px;display:grid}.connections-solved:nth-child(2){background:var(--puzzle-lilac)}.connections-solved:nth-child(3){background:var(--puzzle-peach)}.connections-solved:nth-child(4){background:var(--puzzle-rose)}.connections-solved strong{justify-content:center;align-items:center;gap:8px;font-size:.9rem;display:flex}.connections-solved span{font-size:.83rem}.connections-result-grid{grid-template-columns:repeat(4,1fr);gap:7px;display:grid}.connections-result-grid span{border-radius:var(--radius-xs);background:var(--puzzle-mint);place-items:center;width:34px;height:34px;display:grid}.connections-result-grid span[data-solved=false]{background:var(--paper);border:1px dashed #9b8694}@media (max-width:540px){.connections-tiles{gap:6px}.connections-tiles .button{min-height:68px;padding:10px 3px 20px;font-size:.75rem}.connections-lives{font-size:.72rem}.connections-lives strong{font-size:.85rem}}@container arcade (max-height:500px){.connections-tiles .button{min-height:44px;padding:7px 6px 15px}.connections-tiles,.connections-puzzle{gap:6px}.connections-solved{padding:7px 12px}}
