.hint { text-align: center; color: #64748B; font-size: 0.9rem; margin-bottom: 1rem; max-width: 320px; }
.towers { display: flex; gap: 1rem; justify-content: center; align-items: flex-end; width: 100%; max-width: 360px; }
.tower { flex: 1; min-height: 200px; display: flex; flex-direction: column-reverse; align-items: center; position: relative; cursor: pointer; padding-bottom: 8px; }
.tower::before { content: ''; position: absolute; bottom: 0; width: 8px; height: 180px; background: #94A3B8; border-radius: 4px; z-index: 0; }
.tower::after { content: ''; position: absolute; bottom: 0; width: 100%; height: 8px; background: #64748B; border-radius: 4px; }
.tower.selected { outline: 3px solid #FBBF24; border-radius: 12px; }
.disk { height: 24px; border-radius: 8px; margin-bottom: 4px; z-index: 1; min-width: 40px; box-shadow: 0 2px 6px rgba(0,0,0,0.2); }